.filter-chips{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:var(--space-3) 0}.filter-chips::-webkit-scrollbar{display:none}.filter-chips__track{display:flex;gap:var(--space-2);padding:0 var(--space-4);width:max-content}@media (min-width: 768px){.filter-chips__track{padding:0 var(--space-6);flex-wrap:wrap;width:auto}}.filter-chip{display:inline-flex;align-items:center;gap:var(--space-1);height:var(--chip-height, 36px);padding:var(--chip-padding, var(--space-2) var(--space-3));border-radius:var(--chip-radius, var(--radius-full));border:1px solid var(--color-coral);background:transparent;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-coral);white-space:nowrap;cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base);text-decoration:none;flex-shrink:0}.filter-chip:hover{background:var(--color-coral-light)}.filter-chip:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.filter-chip__label{line-height:1}.filter-chip__count{font-size:var(--text-xs);opacity:.7}.filter-chip--active{background:var(--color-coral);color:var(--color-white);border-color:var(--color-coral)}.filter-chip--active:hover{background:var(--color-coral-dark);border-color:var(--color-coral-dark)}.filter-chip--active svg{width:14px;height:14px;stroke:currentColor;flex-shrink:0}.filter-chip--clear{border-color:var(--color-text-muted);color:var(--color-text-secondary);background:transparent}.filter-chip--clear:hover{border-color:var(--color-text-primary);color:var(--color-text-primary);background:var(--color-cream)}.filter-chip--disabled{border-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed;opacity:.5}.filter-chip--disabled:hover{background:transparent}.filter-chip--sm{height:28px;padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.filter-chip--lg{height:44px;padding:var(--space-3) var(--space-4);font-size:var(--text-base)}.filter-chip--icon-only{width:var(--chip-height, 36px);padding:0;justify-content:center}.filter-chip--icon-only svg{width:18px;height:18px}.filter-chip__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.filter-chip__icon svg{width:16px;height:16px;stroke:currentColor}.filter-chips__group{display:flex;gap:var(--space-2);padding-right:var(--space-4);border-right:1px solid var(--color-border);margin-right:var(--space-2)}.filter-chips__group:last-child{border-right:none;padding-right:0;margin-right:0}.filter-chips--loading .filter-chip{pointer-events:none;opacity:.5}.filter-chips--loading:after{content:"";display:inline-block;width:16px;height:16px;border:2px solid var(--color-coral-light);border-top-color:var(--color-coral);border-radius:50%;animation:spin .8s linear infinite;margin-left:var(--space-2)}@keyframes spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/224/assets/component-filter-chips.css.map */