.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));align-items:center;background-color:var(--chip-fill);border:var(--border-width-hairline) solid color-mix(in srgb,var(--chip-hue) 42%,transparent);border-radius:var(--radius-pill);color:var(--chip-ink);display:inline-flex;font-family:var(--font-body);font-weight:var(--font-weight-semibold);gap:var(--space-xxxs);justify-content:center;letter-spacing:var(--tracking-normal);line-height:1.2;max-width:100%;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);white-space:nowrap}.chip__label[data-v-57f72ccb]{overflow:hidden;text-overflow:ellipsis}.chip--sm[data-v-57f72ccb]{font-size:var(--text-xs);min-height:1.5rem;padding:.125rem .5rem}.chip--md[data-v-57f72ccb]{font-size:var(--text-small);min-height:1.75rem;padding:.25rem .75rem}.chip__dot[data-v-57f72ccb]{background:var(--chip-hue);border-radius:50%;box-shadow:0 0 0 3px color-mix(in srgb,var(--chip-hue) 22%,transparent);flex-shrink:0;height:.4375rem;width:.4375rem}.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);border-color:color-mix(in srgb,var(--chip-hue) 70%,var(--bg-black));box-shadow:0 6px 16px -8px color-mix(in srgb,var(--chip-hue) 70%,transparent);color:var(--chip-on-hue);font-weight:var(--font-weight-bold)}.chip--selected .chip__dot[data-v-57f72ccb]{background:currentColor;box-shadow:none}.chip--selected .chip__icon[data-v-57f72ccb]{color:currentColor}.chip--removable[data-v-57f72ccb]{padding-right:.25rem}.chip__remove[data-v-57f72ccb]{align-items:center;background-color:color-mix(in srgb,currentColor 12%,transparent);border:none;border-radius:50%;color:inherit;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:var(--text-xs);height:1.25rem;justify-content:center;margin-left:.125rem;padding:0;position:relative;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default);width:1.25rem}.chip__remove[data-v-57f72ccb]:after{content:"";height:var(--touch-target-min);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--touch-target-min)}.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)}