.banner-with-tabs .media--adapt{height:100%}.banner-with-tabs__tabs{--header-padding-bottom: 2.4rem;--header-padding-bottom-mobile: 1.6rem}.banner-with-tabs__tabs.tabs__header{margin-bottom:0}@media (max-width: 767.98px){.banner-with-tabs__tabs.tabs__header{width:100%}}.banner-with-tabs__tabs .tabs__nav-wrap{position:relative}.banner-with-tabs__tabs .tabs__nav-wrap:before{content:"";position:absolute;inset-inline-start:0;inset-block-start:0;width:.2rem;height:100%;background-color:rgba(var(--color-foreground),.2)}@media (max-width: 767.98px){.banner-with-tabs__tabs .tabs__nav-wrap{white-space:nowrap;justify-content:unset;max-width:unset;--f-column-gap: .8rem}.banner-with-tabs__tabs .tabs__nav-wrap:before{display:none}}.banner-with-tabs__tabs .tabs__tab{--buttons-gap: 1.6rem;color:rgba(var(--color-foreground),.5);padding-block:1.6rem;padding-inline-start:1.2rem}.banner-with-tabs__tabs .tabs__tab:after{display:none}.banner-with-tabs__tabs .tabs__tab:before{content:"";position:absolute;inset-inline-start:0;inset-block-start:0;width:.2rem;height:100%;background-color:rgba(var(--color-foreground),1);opacity:0;transition:all .4s}.banner-with-tabs__tabs .tabs__tab[aria-selected=true]{color:rgba(var(--color-foreground),1)}.banner-with-tabs__tabs .tabs__tab[aria-selected=true]:before{opacity:1}@media (max-width: 767.98px){.banner-with-tabs__tabs .tabs__tab{--buttons-gap: .8rem;--buttons-border-width: .1rem;height:var(--buttons-height);padding-inline:1.6rem!important;border-radius:var(--buttons-radius, 0);border:var(--buttons-border-width) solid rgba(var(--color-foreground),.5)!important}.banner-with-tabs__tabs .tabs__tab .btn__icon{--icon-size: 2rem}.banner-with-tabs__tabs .tabs__tab[aria-selected=true]{background:rgb(var(--color-button))!important;border-color:rgb(var(--color-button))!important;color:rgb(var(--color-button-text))}.banner-with-tabs__tabs .tabs__tab[aria-selected=true]:before{opacity:1}.banner-with-tabs__tabs .tabs__tab:before{display:none}}.banner-with-tabs__tabs .tabs__tab-name{color:inherit}@media (max-width: 767.98px){.banner-with-tabs__tabs .tabs__tab-name{font-size:var(--font-body-size)}}.banner-with-tabs__cards{flex-shrink:0;pointer-events:auto}@media (min-width: 768px){.banner-with-tabs__cards{width:var(--card-width, clamp(24.5rem, 17vw, 31rem));max-width:100%;display:none}}.banner-with-tabs__cards .card-media--boxed{height:100%}.banner-with-tabs__cards .tabs__content{opacity:var(--card-opacity, .4);transform:var(--card-transform);z-index:var(--card-z-index);transition:all .5s ease-in-out}.banner-with-tabs__cards .tabs__content.active{opacity:1!important;transform:none!important;z-index:9!important}.banner-with-tabs__cards .tabs__content.active .card-media__content{opacity:1}@media (min-width: 768px){.banner-with-tabs__cards .tabs__content .card-media__content{opacity:0;transition:opacity .2s}}@media (max-width: 767.98px){.banner-with-tabs__cards .tabs__content{transform:none!important}}.banner-with-tabs__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(2.4rem,4vw,4rem) 0;background:transparent;pointer-events:none;z-index:2}.banner-with-tabs__content-inner{height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(1.6rem,3vw,2.4rem);margin:0 auto}@media (max-width: 767.98px){.banner-with-tabs__content{position:static;padding:3rem 0 0}.banner-with-tabs__content-inner{gap:2.4rem}}.banner-with-tabs__banners{min-height:var(--height, auto);height:auto;--banner-offset: 0px}.banner-with-tabs__track{display:flex;gap:0;height:100%;transform:translate(var(--banner-offset, 0px));transition:transform .45s ease;will-change:transform}.banner-with-tabs__banner{position:relative;flex:0 0 calc(100% / 1.5);max-width:calc(100% / 1.5);height:100%;opacity:.55;visibility:visible;pointer-events:auto;border-radius:0;overflow:hidden;transition:opacity .4s ease}.banner-with-tabs__banner.active{opacity:1}@media (max-width: 767.98px){.banner-with-tabs__banner{flex:0 0 100%;max-width:100%;opacity:0}.banner-with-tabs__banner.active{opacity:1}.banner-with-tabs .mb\:media--adapt{height:100%}.banner-with-tabs__track{gap:0}}.banner-with-tabs__banners .bg-overlay{pointer-events:none;z-index:1}.banner-with-tabs__tabs{pointer-events:auto}.banner-with-tabs__tabs .tabs__nav-wrap:before{display:none}.banner-with-tabs__controls{position:absolute;inset-inline-start:50%;transform:translate(-50%);bottom:0;width:100%;display:flex;align-items:center;gap:0;padding:0;background:transparent;border:none;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:auto;z-index:2}.banner-with-tabs__controls .tabs__nav-wrap{flex:1;margin:0}.banner-with-tabs__controls .tabs__nav-js{flex-direction:row;align-items:center;gap:clamp(1rem,2vw,2.4rem)}.banner-with-tabs__controls .tabs__tab{padding-inline:0;padding-block:1rem;color:rgba(var(--color-foreground),.85)}.banner-with-tabs__controls .tabs__tab:before{display:none}.banner-with-tabs__controls .tabs__tab[aria-selected=true]{color:rgb(var(--color-foreground))}.banner-with-tabs__controls .tabs__tab-name{letter-spacing:.08em}.banner-with-tabs__arrow{--arrow-size: clamp(3.6rem, 3vw, 4.4rem);width:var(--arrow-size);height:var(--arrow-size);display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:.1rem solid rgba(var(--color-foreground),.25);background:rgba(var(--color-background),.75);color:rgba(var(--color-foreground),.85);transition:all .2s ease}.banner-with-tabs__arrow:hover:not(:disabled){background:rgba(var(--color-background),.95);color:rgb(var(--color-foreground))}.banner-with-tabs__arrow:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 767.98px){.banner-with-tabs__content{position:absolute;top:0;right:0;bottom:0;left:0;padding:0}.banner-with-tabs__content-inner{position:unset;height:100%;padding:0}.banner-with-tabs__controls{position:absolute;inset-inline-start:0;bottom:0;transform:none;width:100%;background:#0006;border:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.2rem 1.6rem;gap:1.2rem;justify-content:space-between;align-items:center}.banner-with-tabs__controls .tabs__nav-wrap{flex:1;order:2;margin:0;display:flex;justify-content:center;align-items:center}.banner-with-tabs__controls .tabs__nav-js{flex-direction:row;gap:0;width:100%;justify-content:center}.banner-with-tabs__controls .tabs__tab{display:none;padding:0}.banner-with-tabs__controls .tabs__tab[aria-selected=true]{display:flex;align-items:center;justify-content:center;order:0}.banner-with-tabs__controls .tabs__tab[aria-selected=true] .btn__icon{display:none}.banner-with-tabs__controls .tabs__tab-name{color:#fff;font-size:1.6rem;font-weight:400;letter-spacing:.02em;white-space:nowrap;text-align:center}.banner-with-tabs__arrow{--arrow-size: 3.2rem;flex-shrink:0;border:none;background:transparent;color:#fff;font-size:2rem;font-weight:300;padding:0}.banner-with-tabs__arrow--prev{order:1}.banner-with-tabs__arrow--next{order:3}.banner-with-tabs__arrow:hover:not(:disabled){background:transparent;color:#fff;opacity:.8}.banner-with-tabs__arrow:disabled{opacity:.3}.banner-with-tabs__arrow span{display:block;line-height:1}.banner-with-tabs__tabs,.banner-with-tabs__cards,.banner-with-tabs__content-inner .tabs__header{display:none}}.no-js .tabs__nav-wrap{display:none!important}.no-js .banner-with-tabs__cards{display:block}.no-js .banner-with-tabs__cards .tabs__content{--card-opacity: 1}.no-js .banner-with-tabs__cards .card-media__content{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-banner-with-tabs.css.map */