.chip{align-items:center;gap:var(--s-2);border-radius:var(--r-pill);border:1px solid transparent;font-weight:var(--fw-medium);white-space:nowrap;line-height:1}.chip,.chip__icon{display:inline-flex}.chip__icon svg{width:1.1em;height:1.1em}.chip__remove{outline:none}.chip__remove:focus-visible{outline:var(--ring-w) solid var(--ring);outline-offset:var(--ring-offset)}.chip__remove{display:inline-flex;margin-right:calc(var(--s-1)*-1);border-radius:var(--r-pill);color:inherit;opacity:.6;transition:opacity var(--dur-micro) var(--ease-standard),transform var(--dur-base) var(--ease-spring)}.chip__remove svg{width:.9em;height:.9em;transition:transform var(--dur-base) var(--ease-spring)}.chip__remove:hover{opacity:1}.chip__remove:hover svg{transform:rotate(90deg)}.chip__remove:active{transform:scale(.82)}.chip--sm{height:24px;padding:0 var(--s-3);font-size:var(--fs-xs)}.chip--md{height:30px;padding:0 var(--s-4);font-size:var(--fs-sm)}.chip--neutral{background:var(--surface-3);color:var(--ink-soft)}.chip--accent{background:var(--accent-soft);color:var(--accent)}.chip--success{background:var(--success-soft);color:var(--success)}.chip--warning{background:var(--warning-soft);color:var(--warning)}.chip--danger{background:var(--danger-soft);color:var(--danger)}.chip--outline{background:transparent;border-color:var(--border);color:var(--ink-soft)}.chip--interactive{outline:none}.chip--interactive:focus-visible{outline:var(--ring-w) solid var(--ring);outline-offset:var(--ring-offset)}.chip--interactive{cursor:pointer;will-change:transform;transition:transform var(--dur-base) var(--ease-spring),background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.chip--interactive:hover{transform:scale(1.04)}.chip--interactive:active{transform:scale(.94);transition-duration:var(--dur-micro)}.chip--interactive.is-selected{background:var(--accent);color:var(--on-accent);border-color:transparent}