.filter-pills-section{padding:1.5rem 0;border-bottom:1px solid var(--color-border)}.filter-pills-section--full-width .container{max-width:100%;padding:0}.filter-pills__wrapper{position:relative}.filter-pills__scroll-container{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin:0 -1rem;padding:0 1rem}.filter-pills__scroll-container::-webkit-scrollbar{display:none}.filter-pills__wrapper:before,.filter-pills__wrapper:after{content:"";position:absolute;top:0;bottom:0;width:2rem;pointer-events:none;z-index:1;opacity:0;transition:opacity .3s ease}.filter-pills__wrapper:before{left:0;background:linear-gradient(to right,var(--color-background),transparent)}.filter-pills__wrapper:after{right:0;background:linear-gradient(to left,var(--color-background),transparent)}.filter-pills--scrollable .filter-pills__wrapper:before,.filter-pills--scrollable .filter-pills__wrapper:after{opacity:1}.filter-pills--at-start .filter-pills__wrapper:before{opacity:0}.filter-pills--at-end .filter-pills__wrapper:after{opacity:0}.filter-pills__list{display:flex;gap:.75rem;align-items:center;padding:.25rem 0;white-space:nowrap;width:max-content}@media (max-width: 768px){.filter-pills[data-mobile-behavior=wrap] .filter-pills__list{flex-wrap:wrap;white-space:normal}}.filter-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.125rem;background:#f7f7f7;border:1px solid var(--color-border);border-radius:2rem;color:var(--color-text);text-decoration:none;font-size:.75em;font-weight:500;transition:all .2s ease;cursor:pointer;position:relative;white-space:nowrap;flex-shrink:0}.filter-pills__list--small .filter-pill{padding:.5rem 1rem;font-size:.75em;gap:.375rem}.filter-pills__list--large .filter-pill{padding:.75rem 1.375rem;font-size:1.125rem;gap:.625rem}.filter-pill__icon{display:flex;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;flex-shrink:0}.filter-pills__list--small .filter-pill__icon{width:1.125rem;height:1.125rem}.filter-pills__list--large .filter-pill__icon{width:1.625rem;height:1.625rem}.filter-pill__icon svg{width:100%;height:100%}.filter-pill__image{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;flex-shrink:0;border-radius:50%;overflow:hidden;background:var(--color-background)}.filter-pills__list--small .filter-pill__image{width:1.5rem;height:1.5rem}.filter-pills__list--large .filter-pill__image{width:2rem;height:2rem}.filter-pill__image img{width:100%;height:100%;object-fit:cover}.filter-pill__label{line-height:1.2;white-space:nowrap}.filter-pill__count{display:inline-flex;align-items:center;justify-content:center;margin-left:.375rem;font-size:.75rem;opacity:.7}.filter-pill:hover{background:var(--color-background-3);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.filter-pill--active{background:var(--color-text);color:var(--color-background);border-color:var(--color-text)}.filter-pill--active:hover{background:var(--color-text);opacity:.9}.filter-pill--clear{background:transparent;border-color:var(--color-error);color:var(--color-error)}.filter-pill--clear:hover{background:var(--color-error);color:var(--color-background)}.filter-pills--loading{opacity:.6;pointer-events:none}.filter-pill--loading{position:relative}.filter-pill--loading:after{content:"";position:absolute;top:50%;left:50%;width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:pill-spin .6s linear infinite}@keyframes pill-spin{to{transform:rotate(360deg)}}.filter-pills__scroll-hint{position:absolute;top:50%;transform:translateY(-50%);width:2rem;height:2rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:2}.filter-pills__scroll-hint svg{width:1rem;height:1rem}.filter-pills__scroll-hint--left{left:.5rem}.filter-pills__scroll-hint--right{right:.5rem}.filter-pills--scrollable .filter-pills__scroll-hint--left,.filter-pills--scrollable .filter-pills__scroll-hint--right{opacity:1}.filter-pills--at-start .filter-pills__scroll-hint--left,.filter-pills--at-end .filter-pills__scroll-hint--right{opacity:0}@keyframes pill-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-pill{animation:pill-slide-in .3s ease-out;animation-fill-mode:both}.filter-pill:nth-child(1){animation-delay:.05s}.filter-pill:nth-child(2){animation-delay:.1s}.filter-pill:nth-child(3){animation-delay:.15s}.filter-pill:nth-child(4){animation-delay:.2s}.filter-pill:nth-child(5){animation-delay:.25s}.filter-pill:nth-child(6){animation-delay:.3s}.filter-pill:nth-child(7){animation-delay:.35s}.filter-pill:nth-child(8){animation-delay:.4s}@media (max-width: 768px){.filter-pills-section{padding:1rem 0}.filter-pills__list{gap:.5rem;padding:.25rem 0}.filter-pill{padding:.5rem 1rem;font-size:.9375rem}.filter-pills__list{flex-wrap:nowrap!important}.filter-pill{min-height:2.5rem}.filter-pills__scroll-hint{width:2.5rem;height:2.5rem;background:var(--color-background);box-shadow:0 2px 8px #00000026}.filter-pills__scroll-hint svg{width:1.25rem;height:1.25rem}}.filter-pill:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}@media print{.filter-pills-section{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/filter-pills.css.map */