.collection-tabs{display:block;width:100%}.collection-tabs__header{display:flex;flex-direction:column;gap:1.6rem;margin-bottom:2.4rem}.collection-tabs__title{margin:0;font-family:var(--font-heading-ivy, "ivyepic", sans-serif);font-weight:200;line-height:1;text-transform:uppercase;letter-spacing:.05em}.collection-tabs__title-accent{display:none!important}.collection-tabs__title-accent.is-swapping{animation:collection-tabs-accent-in .5s cubic-bezier(.22,1,.36,1)}@keyframes collection-tabs-accent-in{0%{opacity:0;transform:translateY(.25em);filter:blur(.06em)}}.collection-tabs__list{position:relative;display:flex;gap:2.4rem;overflow-x:auto;scrollbar-width:none;border-bottom:.1rem solid rgba(var(--color-foreground),.12)}.collection-tabs__list::-webkit-scrollbar{display:none}.collection-tabs__indicator{position:absolute;bottom:0;left:0;width:var(--indicator-width, 0);height:.2rem;background-color:rgb(var(--color-button));transform:translate(var(--indicator-left, 0));transition:transform .45s cubic-bezier(.22,1,.36,1),width .45s cubic-bezier(.22,1,.36,1);pointer-events:none}.collection-tabs__tab{flex-shrink:0;padding:1rem 0 1.2rem;border:0;border-bottom:.2rem solid transparent;background:none;color:rgba(var(--color-foreground),.7);font-family:var(--font-body-family);font-size:1.1rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:color var(--duration-short) ease}.collection-tabs__tab:hover,.collection-tabs__tab[aria-selected=true]{color:rgb(var(--color-foreground))}.collection-tabs:not(.is-ready) .collection-tabs__tab[aria-selected=true]{border-bottom-color:rgb(var(--color-button))}.collection-tabs__panel:not([hidden]){animation:collection-tabs-panel-in .5s ease}@keyframes collection-tabs-panel-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.collection-tabs__title-accent.is-swapping,.collection-tabs__panel:not([hidden]){animation:none}.collection-tabs__indicator{transition:none}}.collection-tabs__panel[hidden]{display:none}@media screen and (min-width:750px){.collection-tabs__header{flex-direction:column;align-items:flex-start;gap:2rem;margin-bottom:3.2rem}.collection-tabs__title-accent{display:inline}.collection-tabs__list{gap:2.8rem}.collection-tabs__tab{font-size:1.3rem;font-family:Roboto Condensed,sans-serif;text-transform:capitalize;letter-spacing:.03em}}.collection-tabs slider-component{position:relative;display:block}.collection-tabs .slider-buttons.collection-tabs__arrows{position:absolute!important;inset:0 0 var(--collection-tabs-card-info-height, 8rem)!important;display:flex!important;justify-content:space-between!important;align-items:center!important;z-index:2;padding:0 1.2rem;pointer-events:none!important;width:100%!important;max-width:none!important}.collection-tabs__arrows .slider-button{width:3.6rem;height:3.6rem;border-radius:50%;background-color:color-mix(in srgb,rgb(var(--color-foreground)) 10%,rgb(var(--color-background)));color:rgb(var(--color-foreground));pointer-events:auto!important;transition:opacity var(--duration-short) ease,visibility var(--duration-short) ease}.collection-tabs__arrows .slider-button--prev{margin-right:auto!important;pointer-events:auto!important}.collection-tabs__arrows .slider-button--next{margin-left:auto!important;pointer-events:auto!important}.collection-tabs__arrows .slider-button .icon{height:1rem}.collection-tabs__arrows .slider-button:not([disabled]):hover{background-color:color-mix(in srgb,rgb(var(--color-foreground)) 18%,rgb(var(--color-background)))}.collection-tabs__arrows .slider-button[disabled]{opacity:0;visibility:hidden}@media screen and (max-width:749px){.collection-tabs .slider-buttons.collection-tabs__arrows{display:none!important}}@media screen and (min-width:750px){.collection-tabs .slider-buttons.collection-tabs__arrows{padding:0 1.6rem}.collection-tabs__arrows .slider-button{width:4.4rem;height:4.4rem}}@media screen and (min-width:990px){.collection-tabs .slider-buttons.collection-tabs__arrows{inset-inline:-1.8rem!important;width:calc(100% + 3.6rem)!important;max-width:none!important;padding:0!important}.collection-tabs__arrows .slider-button{width:3.6rem;height:3.6rem;background-color:rgb(var(--color-button))!important;color:rgb(var(--color-button-text))!important}.collection-tabs__arrows .slider-button:not([disabled]):hover{filter:brightness(1.15)}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-featured-collection-with-tabs.css.map */