.chip[data-v-57f72ccb]{--chip-hue:var(--primary-500);--chip-ink:var(--primary-700);--chip-on-hue:var(--text-white);--chip-fill:color-mix(in srgb, var(--chip-hue) 18%, var(--surface-card));justify-content:center;align-items:center;gap:var(--space-xxxs);border-radius:var(--radius-pill);background-color:var(--chip-fill);max-width:100%;color:var(--chip-ink);border:var(--border-width-hairline) solid color-mix(in srgb,var(--chip-hue) 42%,transparent);font-family:var(--font-body);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-normal);white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default);line-height:1.2;display:inline-flex}.chip__label[data-v-57f72ccb]{text-overflow:ellipsis;overflow:hidden}.chip--sm[data-v-57f72ccb]{min-height:1.5rem;font-size:var(--text-xs);padding:.125rem .5rem}.chip--md[data-v-57f72ccb]{min-height:1.75rem;font-size:var(--text-small);padding:.25rem .75rem}.chip__dot[data-v-57f72ccb]{background:var(--chip-hue);width:.4375rem;height:.4375rem;box-shadow:0 0 0 3px color-mix(in srgb,var(--chip-hue) 22%,transparent);border-radius:50%;flex-shrink:0}.chip__icon[data-v-57f72ccb]{color:var(--chip-hue);flex-shrink:0;font-size:1em}.chip--neutral[data-v-57f72ccb]{--chip-hue:var(--neutral-600);--chip-ink:var(--text-emphasis);--chip-on-hue:var(--text-white);--chip-fill:var(--surface-muted);border-color:color-mix(in srgb,var(--shadow-tint) 12%,transparent)}.chip--neutral .chip__dot[data-v-57f72ccb]{background:var(--ink-muted);box-shadow:none}.chip--neutral .chip__icon[data-v-57f72ccb]{color:var(--ink-muted)}.chip--primary[data-v-57f72ccb],.chip--violet[data-v-57f72ccb]{--chip-hue:var(--primary-500);--chip-ink:var(--primary-600)}.chip--magenta[data-v-57f72ccb]{--chip-hue:var(--magenta-500);--chip-ink:var(--magenta-700)}.chip--cyan[data-v-57f72ccb]{--chip-hue:var(--cyan-500);--chip-ink:var(--cyan-700)}.chip--lime[data-v-57f72ccb]{--chip-hue:var(--lime-500);--chip-ink:var(--lime-700);--chip-on-hue:var(--ink-strong)}.chip--coral[data-v-57f72ccb]{--chip-hue:var(--coral-500);--chip-ink:var(--coral-700)}.chip--indigo[data-v-57f72ccb]{--chip-hue:var(--indigo-500);--chip-ink:var(--indigo-700)}.chip--success[data-v-57f72ccb]{--chip-hue:var(--success-color);--chip-ink:color-mix(in srgb, var(--success-color) 78%, var(--ink-strong))}.chip--warning[data-v-57f72ccb]{--chip-hue:var(--warning-color);--chip-ink:color-mix(in srgb, var(--warning-color) 62%, var(--ink-strong));--chip-on-hue:var(--ink-strong)}.chip--error[data-v-57f72ccb]{--chip-hue:var(--error-color);--chip-ink:color-mix(in srgb, var(--error-color) 82%, var(--ink-strong))}.chip--signal[data-v-57f72ccb]{--chip-hue:var(--signal);--chip-ink:var(--secondary-800);--chip-on-hue:var(--signal-text);--chip-fill:color-mix(in srgb, var(--signal) 40%, var(--surface-card));border-color:color-mix(in srgb,var(--signal) 85%,transparent)}.chip--selected[data-v-57f72ccb]{background-color:var(--chip-hue);color:var(--chip-on-hue);border-color:color-mix(in srgb,var(--chip-hue) 70%,var(--bg-black));font-weight:var(--font-weight-bold);box-shadow:0 6px 16px -8px color-mix(in srgb,var(--chip-hue) 70%,transparent)}.chip--selected .chip__dot[data-v-57f72ccb]{box-shadow:none;background:currentColor}.chip--selected .chip__icon[data-v-57f72ccb]{color:currentColor}.chip--removable[data-v-57f72ccb]{padding-right:.25rem}.chip__remove[data-v-57f72ccb]{background-color:color-mix(in srgb,currentColor 12%,transparent);width:1.25rem;height:1.25rem;color:inherit;font-size:var(--text-xs);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:.125rem;padding:0;display:inline-flex;position:relative}.chip__remove[data-v-57f72ccb]:after{content:"";width:var(--touch-target-min);height:var(--touch-target-min);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chip__remove[data-v-57f72ccb]:hover{background-color:color-mix(in srgb,currentColor 24%,transparent)}.chip__remove[data-v-57f72ccb]:focus{outline:none}.chip__remove[data-v-57f72ccb]:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--chip-hue) 60%,transparent)}