.chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs);margin:0;padding:0;list-style:none}.chip{display:inline-flex;white-space:nowrap;align-items:center;gap:var(--space-2xs);min-height:var(--tap-target);padding:.375rem 1rem;border:1px solid var(--color-border-strong);border-radius:999px;background:color-mix(in srgb,#fff 32%,transparent);font-size:var(--text-small);text-decoration:none;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.chip .icon{width:.875rem;height:.875rem}@media(hover:hover){.chip:hover{background:var(--color-button-background);border-color:var(--color-button-background);color:var(--color-button-label);box-shadow:0 6px 14px -6px color-mix(in srgb,var(--color-button-background) 70%,transparent);transform:translateY(-1px)}}.chip--active{background:var(--color-surface)}.chip mark{background:none;color:inherit;font-weight:var(--font-body-weight-bold)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-chips.css.map */