.collection-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:3.2rem 0 0;max-width:100%}@media screen and (max-width:749px){.collection-tabs{flex-wrap:nowrap;justify-content:flex-start;margin:2rem -1.5rem 0;max-width:none;overflow-x:auto;overscroll-behavior-x:contain;padding:.8rem 1.5rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;width:calc(100% + 3rem)}.collection-tabs::-webkit-scrollbar{display:none}.collection-tabs:after{content:"";flex:0 0 .5rem}}.collection-tabs__button{background:none;flex:0 0 auto;font-size:1.2rem;min-height:calc(3.5rem + var(--buttons-border-width) * 2);min-width:0;padding-inline:1.2rem;white-space:nowrap}@media screen and (min-width:750px){.collection-tabs__button{font-size:1.4rem;min-height:calc(4.2rem + var(--buttons-border-width) * 2);padding-inline:2.4rem}.collection-tabs--large .collection-tabs__button{min-height:calc(5rem + var(--buttons-border-width) * 2)}}.collection-tabs__button:before,.collection-tabs__button:after,.collection-tabs__button .svg-wrapper--decor{--color-button: var(--color-foreground-secondary)}.collection-tabs__button .svg-wrapper--decor{--decor-offset: -.4rem;width:2.78rem}@media screen and (max-width:749px){.collection-tabs__button .svg-wrapper--decor{--decor-offset: -.3rem;width:2rem}}.collection-tabs__button--all{min-width:calc(6.3rem + var(--buttons-border-width) * 2)}@media screen and (min-width:750px){.collection-tabs__button--all{min-width:calc(12.2rem + var(--buttons-border-width) * 2)}}.collection-tabs__button.active,.collection-tabs__button:hover{background-color:color-mix(in srgb,rgb(var(--color-button)) 33%,black)}.collection-tabs__button.active:before,.collection-tabs__button.active:after,.collection-tabs__button.active .svg-wrapper--decor,.collection-tabs__button:hover:before,.collection-tabs__button:hover:after,.collection-tabs__button:hover .svg-wrapper--decor{--color-button: var(--color-accent)}.collection-tabs__button:not([disabled]):hover:after{box-shadow:0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 calc(var(--buttons-border-width) + 0px) rgba(var(--color-button),var(--alpha-button-background))}
/*# sourceMappingURL=/cdn/shop/t/20/assets/x-collection-tabs.css.map */