.filter-tabs{--filter-tab-height: 3.4rem;--filter-tab-gap: .8rem;--filter-tab-border: rgba(var(--color-foreground), .55);--filter-tab-fade: 2.4rem;display:block;position:relative;width:100%;padding-block:1.2rem;padding-left:10px}.filter-tabs:before,.filter-tabs:after{content:"";position:absolute;top:0;bottom:0;width:var(--filter-tab-fade);pointer-events:none;z-index:2}.filter-tabs:before{left:0;background:linear-gradient(to right,rgb(var(--color-background)),rgba(var(--color-background),0))}.filter-tabs:after{right:0;background:linear-gradient(to left,rgb(var(--color-background)),rgba(var(--color-background),0))}.filter-tabs__viewport{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.filter-tabs__viewport::-webkit-scrollbar{display:none}.filter-tabs__list{display:flex;align-items:stretch;gap:var(--filter-tab-gap);margin:0;padding:0;list-style:none;width:max-content;min-width:100%}.filter-tabs__item{flex:0 0 auto;scroll-snap-align:start}.filter-tabs__tab{display:inline-flex;align-items:center;justify-content:center;height:var(--filter-tab-height);padding:0 1.6rem;background:#f5f5f5;color:rgb(var(--color-foreground));font-size:1.2rem;line-height:1;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;max-height:32px}.filter-tabs__tab:hover{border-color:rgb(var(--color-foreground))}.filter-tabs__tab.is-active{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.filter-tabs__tab:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.filter-tabs__count{margin-left:.6rem;font-size:1rem;opacity:.6}.filter-tabs__divider{flex:0 0 auto;align-self:center;width:1px;height:calc(var(--filter-tab-height) - 1rem);margin-inline:.4rem;background:rgba(var(--color-foreground),.25);display:none}.filter-tabs--loading .filter-tabs__list{pointer-events:none;opacity:.55}.filter-tabs--pill .filter-tabs__tab{border-radius:999px}@media screen and (min-width:750px){.filter-tabs{--filter-tab-height: 3.8rem;--filter-tab-gap: 1rem}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-filter-tabs.css.map */