.chip{--chip-radius:var(--radius-lg,0.75rem);display:inline-flex;align-items:center;justify-content:center;gap:.375rem;font-family:var(--font-sans);font-weight:500;cursor:pointer;border:1px solid transparent;border-radius:var(--chip-radius);transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease;outline:2px solid transparent;outline-offset:0;text-decoration:none;white-space:nowrap}.chip:focus-visible{outline-color:var(--cb-ui-ring);outline-offset:2px}.chip:disabled{cursor:not-allowed;opacity:.6}.chip--choice{background:transparent;border-color:var(--cb-ui-border);color:var(--cb-surface-001-text)}.chip--choice:hover:not(:disabled){border-color:var(--cb-ui-border-hover);background:var(--cb-ui-bg-hover)}.chip--choice.chip--selected{border-color:var(--cb-ui-text);border-width:1.5px;background:var(--cb-surface-002-bg);color:var(--cb-surface-001-text)}.chip--choice.chip--selected:hover:not(:disabled){border-color:var(--cb-ui-text-hover);background:var(--cb-ui-bg-hover)}.chip--choice:disabled{border-color:var(--cb-ui-border);color:var(--cb-secondary_text-text)}.chip--filter{background:var(--cb-surface-002-bg);border-color:var(--cb-ui-border);color:var(--cb-surface-001-text)}.chip--filter:hover:not(:disabled){border-color:var(--cb-ui-border-hover);background:var(--cb-ui-bg-hover)}.chip--filter.chip--selected{background:var(--cb-brand-bg);border-color:var(--cb-brand-border,transparent);color:var(--cb-brand-text)}.chip--filter.chip--selected:hover:not(:disabled){background:var(--cb-brand-bg-hover);border-color:var(--cb-brand-border-hover,transparent);color:var(--cb-brand-text-hover)}.chip--filter:disabled{background:var(--cb-surface-002-bg);border-color:var(--cb-ui-border);color:var(--cb-secondary_text-text)}.chip--xsmall{padding:var(--spacing-3xs) var(--spacing-xs);min-height:var(--height-2xs);font-size:var(--typography-labels-small-font-size);line-height:var(--line-height-tight);font-family:var(--typography-labels-small-font-family);--chip-radius:var(--radius-sm)}.chip--xsmall .chip__icon{width:var(--icon-sm);height:var(--icon-sm)}.chip--small{padding:var(--spacing-2xs) var(--spacing-sm);min-height:var(--height-xs);font-size:var(--typography-labels-small-font-size);line-height:var(--typography-labels-small-line-height);font-family:var(--typography-labels-small-font-family)}.chip--small .chip__icon{width:var(--icon-sm);height:var(--icon-sm)}.chip--smallMedium{padding:var(--spacing-xs) var(--spacing-md);min-height:1.75rem;font-size:var(--typography-labels-medium-font-size);line-height:var(--typography-labels-medium-line-height);font-family:var(--typography-labels-medium-font-family)}.chip--smallMedium .chip__icon{width:var(--icon-md);height:var(--icon-md)}.chip--medium{padding:var(--spacing-sm) var(--spacing-lg);min-height:var(--height-sm);font-size:var(--typography-labels-large-font-size);line-height:var(--typography-labels-large-line-height);font-family:var(--typography-labels-large-font-family)}.chip--medium .chip__icon{width:var(--icon-md);height:var(--icon-md)}.chip--filter .chip__indicator{flex-shrink:0;display:flex;align-items:center;justify-content:center}.chip--filter .chip__indicator--square{width:1rem;height:1rem;border:1px solid;border-radius:var(--radius-sm)}.chip--filter.chip--xsmall .chip__indicator--square{width:.75rem;height:.75rem}.chip--filter.chip--small .chip__indicator--square{width:.875rem;height:.875rem}.chip--filter.chip--smallMedium .chip__indicator--square{width:.9375rem;height:.9375rem}.chip--filter .chip__indicator--check svg{width:1rem;height:1rem}.chip--filter.chip--xsmall .chip__indicator--check svg{width:.75rem;height:.75rem}.chip--filter.chip--small .chip__indicator--check svg{width:.875rem;height:.875rem}.chip--filter.chip--smallMedium .chip__indicator--check svg{width:.9375rem;height:.9375rem}