.tabbed-collections{position:relative}.tabbed-collections__tabs{display:flex;gap:2rem;margin-bottom:2rem;padding:0 2.4rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.tabbed-collections__tabs::-webkit-scrollbar{display:none}.tabbed-collections__tab{flex-shrink:0;scroll-snap-align:start;padding:.5rem 0;background:transparent;border:none;cursor:pointer;font-family:var(--font-body-family);font-size:1.4rem;font-weight:var(--font-body-weight);text-transform:uppercase;letter-spacing:.06em;color:rgba(var(--color-foreground),.6);transition:color .25s ease;white-space:nowrap;position:relative}.tabbed-collections__tab:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:rgb(var(--color-foreground));transform:scaleX(0);transition:transform .25s ease}.tabbed-collections__tab:hover{color:rgb(var(--color-foreground))}.tabbed-collections__tab--active{color:rgb(var(--color-foreground));font-weight:var(--font-heading-weight)}.tabbed-collections__tab--active:after{transform:scaleX(1)}.tabbed-collections__panels{position:relative}.tabbed-collections__panel{display:none;opacity:0;transition:opacity .3s ease}.tabbed-collections__panel--active{display:block;opacity:1}.tabbed-collections__view-card{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:300px;padding:2rem;text-align:center}.tabbed-collections__view-button{display:inline-flex;justify-content:center;align-items:center;padding:1.5rem 3rem;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border:0;border-radius:var(--buttons-radius-outset);cursor:pointer;text-decoration:none;text-transform:uppercase;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-heading-weight);font-size:1.4rem;letter-spacing:.06em;transition:opacity .25s ease,transform .25s ease;position:relative}.tabbed-collections__view-button:hover{opacity:.9;transform:translateY(-2px)}.tabbed-collections__view-button:active{transform:translateY(0)}@media screen and (min-width: 750px){.tabbed-collections__tabs{justify-content:center;padding:0;overflow-x:visible;gap:3rem}.tabbed-collections__tab{font-size:1.5rem}.tabbed-collections__view-card{min-height:350px}.tabbed-collections__view-button{padding:1.6rem 3.5rem;font-size:1.5rem}}@media screen and (min-width: 990px){.tabbed-collections__tabs{gap:4rem;margin-bottom:2.5rem}.tabbed-collections__tab{font-size:1.6rem}.tabbed-collections__view-card{min-height:380px}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/component-tabbed-collections.css.map */