@layer theme,base;@layer components{[data-ds=choice-chip]{--chip-fill:var(--color-count);--chip-edge:transparent;--chip-mark:var(--color-fg-muted);block-size:var(--spacing-chip-h);gap:var(--spacing-gap-inline);padding-inline:var(--spacing-pad-chip);border:var(--border-control) solid var(--chip-edge);border-radius:var(--radius-chip);background:var(--chip-fill);color:var(--color-fg);font-size:var(--text-label);line-height:var(--text-label--line-height)}[data-ds=choice-chip]:has(>:is([data-part=glyph],[data-part=dot]):first-child){padding-inline-start:calc(var(--spacing-pad-chip) - var(--spacing) * .5)}[data-ds=choice-chip]:has(>[data-part=check]:last-child){padding-inline-end:calc(var(--spacing-pad-chip) - var(--spacing) * .5)}[data-ds=choice-chip][data-tinted]{--chip-fill:var(--lightningcss-light,oklch(from var(--choice-color) .95 min(c, .05) h))var(--lightningcss-dark,oklch(from var(--choice-color) .3 min(c, .06) h));--chip-edge:var(--lightningcss-light,oklch(from var(--choice-color) .8 min(c, .1) h))var(--lightningcss-dark,oklch(from var(--choice-color) .5 min(c, .1) h));--chip-mark:var(--lightningcss-light,oklch(from var(--choice-color) min(l, .55) c h))var(--lightningcss-dark,oklch(from var(--choice-color) max(l, .75) c h))}[data-ds=choice-chip][data-tone=danger]{--chip-fill:var(--color-danger-soft);--chip-mark:var(--color-danger)}[data-ds=choice-chip][data-tone=warning]{--chip-fill:var(--color-attention-soft);--chip-mark:var(--color-attention)}[data-ds=choice-chip][data-tone=success]{--chip-fill:var(--color-success-soft);--chip-mark:var(--color-success)}[data-ds=choice-chip][data-tone=accent]{--chip-fill:var(--color-accent-soft);--chip-mark:var(--color-accent)}[data-ds=choice-chip][data-tone=gm]{--chip-fill:transparent;--chip-edge:var(--color-gm-border);--chip-mark:var(--color-gm);color:var(--color-gm);font-weight:600}[data-ds=choice-chip] [data-part=dot]{inline-size:calc(var(--spacing) * 2);block-size:calc(var(--spacing) * 2);border-radius:var(--radius-full);background:var(--chip-mark)}[data-ds=choice-chip] [data-part=glyph],[data-ds=choice-chip] [data-part=check]{color:var(--chip-mark);flex-shrink:0}button[data-ds=choice-chip]{cursor:pointer}button[data-ds=choice-chip][data-state=off]{--chip-fill:transparent;--chip-edge:var(--color-line-control);color:var(--color-fg-muted)}button[data-ds=choice-chip]:not([data-tinted])[data-state=on]{--chip-fill:var(--color-accent-soft);--chip-edge:var(--color-accent);--chip-mark:var(--color-accent)}button[data-ds=choice-chip]:after,[data-ds=choice-chip] [data-part=remove]:after{inset-block:calc((var(--spacing-chip-h) - max(var(--spacing-chip-h), var(--spacing-control-sm))) / 2);content:"";position:absolute;inset-inline:0}[data-ds=choice-chip] [data-part=remove]{--chip-remove:calc(var(--spacing-chip-h) - var(--spacing) * 1.5);inline-size:var(--chip-remove);block-size:var(--chip-remove);border-radius:var(--radius-full);color:var(--color-fg-muted);cursor:pointer;margin-inline-end:calc((var(--spacing-chip-h) - var(--chip-remove)) / 2 - var(--border-control) - var(--spacing-pad-chip))}@media (hover:hover){button[data-ds=choice-chip][data-state=off]:hover,[data-ds=choice-chip] [data-part=remove]:hover{background:var(--color-hover);color:var(--color-fg)}}:is(button[data-ds=choice-chip],[data-ds=choice-chip] [data-part=remove]):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}:is(button[data-ds=choice-chip],[data-ds=choice-chip] [data-part=remove]):disabled{cursor:default;opacity:.5}}@layer skin,utilities;