.chips-type{gap:10px}
.chips-type .chip{height:44px;padding-inline:16px;border-radius:8px;background:#F3F4F6;border:1px solid #E5E7EB;color:var(--ink-2);font-size:14px;font-weight:700;gap:0;transition:background .15s,border-color .15s,color .15s,transform .15s}
.chips-type .chip span{line-height:1}
.chips-type .chip:hover{background:#E9EBEF;transform:translateY(-1px)}
.chips-type .chip.has-ico{padding-inline-start:12px;gap:9px}
.chips-type .chip.has-ico .icon{width:19px;height:19px;color:var(--navy);flex-shrink:0}
.chips-type .chip.on,.chips-type .chip[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.chips-type .chip.on.has-ico .icon,.chips-type .chip[aria-pressed=true].has-ico .icon{color:var(--yellow)}
@media(max-width:700px){.chips-type .chip{height:40px;font-size:13px;padding-inline:12px}.chips-type .chip.has-ico{padding-inline-start:10px;gap:7px}.chips-type .chip.has-ico .icon{width:17px;height:17px}}