.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{display:flex}.chip__label,.chip__link{align-items:center;gap:var(--space-2);min-height:var(--tap-target);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:rgb(var(--color-foreground));background-color:rgb(var(--brand-card));border:var(--border-width) solid rgb(var(--color-foreground)/var(--border-opacity));border-radius:var(--radius-full);cursor:pointer;transition:border-color var(--duration-fast) var(--ease), background-color var(--duration-fast) var(--ease);display:inline-flex}@media (hover:hover){.chip__label:hover,.chip__link:hover{border-color:rgb(var(--brand-coral))}}.chip__input:checked+.chip__label,.chip__input:checked+.chip__link{color:rgb(var(--brand-cream));background-color:rgb(var(--brand-ink));border-color:rgb(var(--brand-ink))}.chip__input:focus-visible+.chip__label,.chip__input:focus-visible+.chip__link{outline:var(--focus-ring-width) solid rgb(var(--color-foreground));outline-offset:var(--focus-ring-offset)}.chip__icon{width:1.0625rem;height:1.0625rem;color:rgb(var(--brand-yellow));opacity:0;transition:opacity var(--duration-fast) var(--ease), margin-inline-start var(--duration-fast) var(--ease);margin-inline-start:calc(var(--space-2) * -1)}.chip__input:checked+.chip__label .chip__icon,.chip__input:checked+.chip__link .chip__icon{opacity:1;margin-inline-start:0}.chip__link{text-decoration:none}.chip__link[aria-current=page]{color:rgb(var(--brand-cream));background-color:rgb(var(--brand-ink));border-color:rgb(var(--brand-ink))}.chip__link[aria-current=page] .chip__icon{opacity:1;margin-inline-start:0}.chip__link:not([aria-current=page]) .chip__icon{display:none}