.collection-filter-pills{background:rgb(var(--color-background))}.filter-pills-container{display:flex;flex-direction:column;gap:1.5rem}.filter-pills-title{margin:0;color:rgb(var(--color-foreground));text-align:center}.filter-pills-wrapper{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;transition:opacity .3s ease}.filter-pill{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:rgb(var(--color-background));border:.1rem solid rgb(var(--color-border));border-radius:5rem;color:rgb(var(--color-foreground));text-decoration:none;font-size:1.4rem;font-weight:500;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.filter-pill:hover{background:rgb(var(--color-base-accent-1));border-color:rgb(var(--color-base-accent-1));transform:translateY(-.1rem);box-shadow:0 .4rem .8rem rgba(var(--color-shadow),.1)}.filter-pill--active{background:rgba(var(--color-foreground),.1);border-color:rgba(var(--color-foreground),.2);color:rgb(var(--color-foreground));font-weight:600}.filter-pill--active:hover{background:rgba(var(--color-foreground),.15);border-color:rgba(var(--color-foreground),.3);transform:translateY(-.1rem);box-shadow:0 .4rem .8rem rgba(var(--color-shadow),.15)}.filter-pill-text{font-weight:inherit}.filter-pill-count{background:rgba(var(--color-foreground),.1);color:rgb(var(--color-foreground));padding:.2rem .6rem;border-radius:1rem;font-size:1.2rem;font-weight:600;min-width:2rem;text-align:center;transition:all .3s ease}.filter-pill--active .filter-pill-count{background:rgba(var(--color-base-text),.2);color:rgb(var(--color-base-text))}.filter-pill--loading{opacity:.7;pointer-events:none}.filter-pill--loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--color-foreground),.1),transparent);animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{left:-100%}to{left:100%}}@media screen and (max-width: 749px){.filter-pills-wrapper{gap:.8rem}.filter-pill{padding:.8rem 1.2rem;font-size:1.3rem;min-height:4.4rem}.filter-pill-count{font-size:1.1rem;padding:.2rem .5rem}.filter-pills-title{font-size:1.8rem;text-align:left}.filter-pills-container{gap:1.2rem}}@media screen and (min-width: 750px) and (max-width: 989px){.filter-pill{padding:.9rem 1.4rem}}@media screen and (min-width: 990px){.filter-pills-wrapper{gap:1.2rem}.filter-pill{padding:1.1rem 1.6rem;font-size:1.5rem}.filter-pill-count{font-size:1.3rem;padding:.3rem .7rem}}.filter-pill:active{background:rgba(var(--color-foreground),.15);border-color:rgba(var(--color-foreground),.3);color:rgb(var(--color-foreground));transform:translateY(.1rem);box-shadow:0 .2rem .4rem rgba(var(--color-shadow),.2)}.filter-pill:focus-visible{outline:.2rem solid rgb(var(--color-base-accent-1));outline-offset:.2rem}.filter-pill--active:focus-visible{outline-color:rgb(var(--color-foreground))}@media (prefers-contrast: high){.filter-pill{border-width:.2rem}.filter-pill--active{border-width:.3rem;background:rgba(var(--color-foreground),.2);color:rgb(var(--color-foreground))}}@media (prefers-reduced-motion: reduce){.filter-pill,.filter-pills-wrapper,.filter-pill-count{transition:none}.filter-pill:hover{transform:none}.filter-pill--loading:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-collection-filter-pills.css.map */