.chip{position:relative}
.chip icon-check{margin-right:-2px;margin-left:-2px}
.chip icon-check svg.icon{width:11px;color:var(--icon-regular)}
.chip .chip-input{position:absolute;opacity:0;width:0;height:0;margin:0}
.chip .chip-input + label{border-radius:56px;cursor:pointer;padding:16px 32px;font-size:1rem;line-height:1.5rem;font-family:Roboto,sans-serif;color:var(--text-interactive);font-weight:700;position:relative;display:block;background:var(--componentSpecific-surfaceChipsDefault);text-align:center;white-space:nowrap}
.chip .chip-input + label:has(icon-check){padding-right:26px;padding-left:14px}
.chip .chip-input + label:hover{background:var(--overlay-regularLow)}
.chip .chip-input + label:active{background:var(--overlay-regularHigh)}
.chip .chip-input.active + label,.chip .chip-input:checked + label{background:var(--surface-lilacMedium);color:var(--text-regularMedium)}
.chip .chip-input:focus-visible + label{border-radius:1px;outline:2px solid var(--line-tabFocus);outline-offset:2px;-webkit-border-radius:56px;-moz-border-radius:56px;border-radius:56px}