.chip{--chip-wash:var(--color-mood-wash);--chip-edge:var(--color-mood);align-items:center;gap:var(--space-1);height:var(--chip-height);min-width:0;padding:0 var(--space-4);margin:calc((var(--target-min) - var(--chip-height)) / 2) 0;border:1.5px solid var(--chip-edge);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink);font-weight:var(--font-weight-semibold);font-size:var(--text-body-size);transition:background-color var(--duration-micro) var(--ease-in), transform var(--duration-standard) var(--ease-spring);line-height:1;display:inline-flex;position:relative;overflow:hidden}.chip--calm{--chip-wash:var(--color-calm-wash);--chip-edge:var(--color-calm)}.chip--accent{--chip-wash:var(--color-accent-wash);--chip-edge:var(--color-accent)}.chip--action{--chip-wash:var(--color-action-wash);--chip-edge:var(--color-action)}.chip:active:not([aria-disabled=true]){transform:scale(.97)}.chip[aria-disabled=true]{border-color:var(--color-hairline);background:var(--color-surface-sunken);color:var(--color-ink-quiet);cursor:not-allowed}.chip--selected{background:var(--chip-wash)}.chip__tick{width:12px;height:12px;color:var(--chip-edge);opacity:0;transition:opacity var(--duration-micro) var(--ease-in), transform var(--duration-standard) var(--ease-bounce);place-items:center;display:grid;transform:scale(.6)}.chip--selected .chip__tick{opacity:1;transform:scale(1)}.chip__label{white-space:nowrap}.chip__burst{pointer-events:none;position:absolute;inset:0}.chip__burst i{border-radius:var(--radius-pill);background:var(--chip-edge);width:5px;height:5px;animation:chip-burst .32s var(--ease-out) forwards;position:absolute;top:50%;left:50%}.chip__burst i:first-child{--burst-x:-26px;--burst-y:-14px}.chip__burst i:nth-child(2){--burst-x:24px;--burst-y:-16px;animation-delay:40ms}.chip__burst i:nth-child(3){--burst-x:4px;--burst-y:18px;animation-delay:80ms}@keyframes chip-burst{0%{opacity:.9;transform:translate(0,0)scale(.4)}to{transform:translate3d(var(--burst-x), var(--burst-y), 0) scale(0);opacity:0}}@media (prefers-reduced-motion:reduce){.chip__burst{display:none}}
