@layer primitives{.chips{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.chip{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4) 0 var(--space-3);box-sizing:border-box;border:1px solid var(--line-control);border-radius:var(--radius-control);background:var(--surface-raised);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-tight);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);margin:0;display:inline-flex;position:relative}.chip:hover{border-color:var(--accent)}.chip:active{transition-duration:var(--dur-press);transform:scale(.98)}.chip:is(:focus-visible,:has(.chip-input:focus-visible)){outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}.chip-input{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.chip-check{opacity:0;width:16px;height:16px;transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);flex:none;transform:scale(.8)}.chip:is([aria-pressed=true],[aria-checked=true],[aria-current=page],:has(.chip-input:checked)){border-color:var(--accent);background:var(--surface-selected);color:var(--ink)}.chip:is([aria-pressed=true],[aria-checked=true],[aria-current=page],:has(.chip-input:checked)) .chip-check{opacity:1;transform:none}.chip:is(:disabled,[aria-disabled=true],:has(.chip-input:disabled)){border-color:var(--line-strong);background:var(--surface-sunken);color:var(--ink-subtle);cursor:not-allowed;transform:none}.chip-count{color:var(--ink-muted);font-weight:var(--weight-regular)}@media (prefers-reduced-motion:reduce){.chip:active,.chip-check{transform:none}}}