.chip{align-items:center;column-gap:var(--space-2);max-inline-size:100%;min-block-size:var(--control-h);padding-block:var(--space-1);padding-inline:var(--space-4);border:var(--border-control) solid var(--line);border-radius:var(--radius-pill);background:var(--bg-field);color:var(--ink);text-align:start;overflow-wrap:anywhere;cursor:pointer;flex-wrap:wrap;margin:0;display:inline-flex;position:relative}.chip__text{min-inline-size:0}.chip__hint{color:var(--ink-muted)}.chip:focus-visible,.chip:has(.chip__input:focus-visible){outline:calc(2 * var(--border-thin)) solid var(--line-strong);outline-offset:var(--border-control)}.chip[aria-pressed=false]:hover:not(:disabled),.chip:has(.chip__input:not(:checked,:disabled)):hover{background:var(--bg-raised)}.chip__input{opacity:0;block-size:100%;inline-size:100%;cursor:inherit;margin:0;position:absolute;inset:0}.chip:not(.chip--swatch)[aria-pressed=true],.chip:not(.chip--swatch):has(.chip__input:checked){border-color:var(--selected);background:var(--selected);color:var(--on-selected)}.chip:not(.chip--swatch)[aria-pressed=true] .chip__hint,.chip:not(.chip--swatch):has(.chip__input:checked) .chip__hint{color:var(--on-selected)}.chip--swatch{padding-inline-start:calc((var(--control-h) - var(--swatch)) / 2 - var(--border-control))}.chip--swatch[aria-pressed=true],.chip--swatch:has(.chip__input:checked){border-color:var(--line-strong)}.chip__swatch{inline-size:var(--swatch);block-size:var(--swatch);border:var(--border-thin) solid var(--line);border-radius:var(--radius-swatch);flex:none}.chip--sm{min-block-size:var(--control-h-sm);padding-block:0;padding-inline:var(--space-3)}.chip--sm:before{content:"";inset-block:calc((var(--control-h-sm) - var(--control-h)) / 2);position:absolute;inset-inline:0}.chip:disabled,.chip:has(.chip__input:disabled){opacity:.45;cursor:not-allowed}.chips{gap:var(--space-2);border:0;flex-wrap:wrap;min-inline-size:0;margin:0;padding:0;display:flex}.chips[hidden]{display:none}.chips>legend{color:var(--ink);margin-block-end:var(--space-2);padding:0}