.chip-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--color-primary-subtle);color:var(--text-secondary);font-weight:var(--font-medium);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast)}@media (hover:hover){.chip:hover:not(:disabled){background:oklch(from var(--color-primary) l c h / .12);border-color:oklch(from var(--color-primary) l c h / .5);color:var(--text-primary);transform:translateY(-1px)}}.chip:focus-visible{outline:2px solid var(--color-focus,var(--color-primary));outline-offset:2px}.chip:disabled,.chip--disabled{opacity:.4;cursor:not-allowed}.chip--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text);box-shadow:0 2px 10px oklch(from var(--color-primary) l c h / .3)}@media (hover:hover){.chip--active:hover:not(:disabled){background:var(--color-primary-hover,var(--color-primary));border-color:var(--color-primary-hover,var(--color-primary));color:var(--color-primary-text);box-shadow:0 4px 14px oklch(from var(--color-primary) l c h / .4)}}.chip--md{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.chip--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.chip--sm.chip--active{background:oklch(from var(--color-primary) l c h / .14);border-color:var(--color-primary);color:var(--color-primary);font-weight:var(--font-semibold);box-shadow:none}@media (hover:hover){.chip--sm.chip--active:hover:not(:disabled){background:oklch(from var(--color-primary) l c h / .2);color:var(--color-primary-hover,var(--color-primary));box-shadow:none}}.chip--more{border-style:dashed;border-color:oklch(from var(--color-accent) l c h / .5);color:var(--color-accent);background:0 0;font-style:italic}@media (hover:hover){.chip--more:hover:not(:disabled){border-style:solid;border-color:var(--color-accent);background:oklch(from var(--color-accent) l c h / .1);color:var(--color-accent-hover,var(--color-accent));transform:none}}.chip__count{margin-left:var(--space-2);opacity:.7;font-variant-numeric:tabular-nums;font-weight:var(--font-normal)}.chip--removable{align-items:center;gap:.375rem;display:inline-flex}.chip--removable svg{opacity:.8;flex-shrink:0}