.hero-carousel-section{overflow-x:hidden}.hero-carousel{--_speed: var(--hero-carousel-speed, .8s);--_active-width: var(--hero-carousel-active-width, 60%);--_side-width: var(--hero-carousel-side-width, 20%);--_height: var(--hero-carousel-height, 80vh);--_height-mobile: var(--hero-carousel-height-mobile, 60vh);--_gap: var(--hero-carousel-gap, 8px);position:relative;width:100%;overflow:hidden}.hero-carousel__container{position:relative;height:var(--_height-mobile);display:flex;align-items:stretch}@media screen and (min-width: 750px){.hero-carousel__container{height:var(--_height)}}.hero-carousel__track{display:flex;align-items:stretch;gap:0;height:100%;will-change:transform}@media screen and (min-width: 750px){.hero-carousel__track{gap:var(--_gap)}}.hero-carousel__slide{flex-shrink:0;height:100%;overflow:hidden;cursor:grab;will-change:width;backface-visibility:hidden;transform:translateZ(0)}.hero-carousel__slide:active{cursor:grabbing}.hero-carousel__slide-inner{position:relative;width:100%;height:100%;overflow:hidden;border-radius:0}@media screen and (min-width: 750px){.hero-carousel__slide-inner{border-radius:8px}}.hero-carousel__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hero-carousel__image,.hero-carousel__placeholder{width:100%;height:100%;object-fit:cover}.hero-carousel__placeholder{background-color:#e5e5e5}.hero-carousel__overlay{position:absolute;top:0;left:0;bottom:0;width:var(--overlay-width, 50%);z-index:2;background-color:var(--overlay-color, #000);opacity:var(--overlay-opacity, .7);transform:translate(-100%);will-change:transform}.hero-carousel__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;box-sizing:border-box;pointer-events:none}.hero-carousel__slide.is-active .hero-carousel__content{pointer-events:auto}.hero-carousel__slide-number{position:absolute;top:1.5rem;left:1.5rem;font-family:var(--font-heading-family);font-size:2.4rem;font-weight:700;line-height:1;-webkit-text-stroke:1.5px var(--slide-number-color, rgba(255, 100, 50, .9));-webkit-text-fill-color:transparent;color:transparent;text-shadow:none;z-index:6}@media screen and (min-width: 750px){.hero-carousel__slide-number{top:2rem;left:2rem;font-size:3.2rem;-webkit-text-stroke:2px var(--slide-number-color, rgba(255, 100, 50, .9))}}.hero-carousel__text-overlay{position:absolute;left:var(--overlay-width, 50%);top:50%;transform:translate(-50%,-50%);overflow:hidden;z-index:4;writing-mode:vertical-rl;text-orientation:mixed}.hero-carousel__text-overlay-inner{display:block;font-family:var(--font-heading-family);font-size:clamp(4rem,15vw,6rem);font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.05em;color:inherit;white-space:nowrap;transform:rotate(180deg);clip-path:inset(0 0 100% 0);opacity:0;will-change:clip-path,opacity}@media screen and (min-width: 750px){.hero-carousel__text-overlay-inner{font-size:clamp(5rem,8vw,10rem)}}.hero-carousel__button-wrapper{position:absolute;bottom:2rem;left:1.5rem;max-width:calc(var(--overlay-width, 50%) - 3rem);opacity:0;will-change:opacity,transform;z-index:5}@media screen and (min-width: 750px){.hero-carousel__button-wrapper{bottom:3rem;left:2rem;max-width:calc(var(--overlay-width, 50%) - 4rem)}}.hero-carousel__button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}.hero-carousel__navigation{position:absolute;top:50%;left:0;right:0;z-index:10;display:flex;justify-content:space-between;padding:0 .5rem;transform:translateY(-50%);pointer-events:none}@media screen and (min-width: 750px){.hero-carousel__navigation{padding:0 1rem}}.hero-carousel__nav-button{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;background-color:#323232b3;border:none;border-radius:50%;color:#fff;cursor:pointer;pointer-events:all;transition:transform .3s ease,background-color .3s ease}@media screen and (min-width: 750px){.hero-carousel__nav-button{width:4.8rem;height:4.8rem}}.hero-carousel__nav-button:hover{transform:scale(1.1);background-color:#323232e6}.hero-carousel__nav-button:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.hero-carousel__nav-button svg{width:1.6rem;height:1.6rem}@media screen and (min-width: 750px){.hero-carousel__nav-button svg{width:2rem;height:2rem}}.hero-carousel__nav-button--prev svg{transform:rotate(0)}.hero-carousel__nav-button--next svg{transform:rotate(-180deg)}.hero-carousel__thumbnails{display:none}@media screen and (min-width: 750px){.hero-carousel__thumbnails{display:block;position:absolute;bottom:2rem;right:2rem;z-index:10;max-width:280px}}.hero-carousel__thumbnails-wrapper{overflow:hidden}.hero-carousel__thumbnails-track{display:flex;gap:.6rem}.hero-carousel__thumbnail{flex-shrink:0;width:4.5rem;height:3.2rem;padding:0;background:transparent;border:2px solid transparent;border-radius:4px;overflow:hidden;cursor:pointer;transition:border-color .3s ease,opacity .3s ease;opacity:.5}@media screen and (min-width: 750px){.hero-carousel__thumbnail{width:6rem;height:4.2rem}}.hero-carousel__thumbnail:hover{opacity:.8}.hero-carousel__thumbnail.is-active{opacity:1;border-color:#fff}.hero-carousel__thumbnail-image,.hero-carousel__thumbnail-placeholder{width:100%;height:100%;object-fit:cover}.hero-carousel__thumbnail-placeholder{background-color:#ccc}.no-js .hero-carousel__navigation,.no-js .hero-carousel__thumbnails{display:none}.no-js .hero-carousel__text-overlay-inner{clip-path:inset(0 0 0% 0);opacity:1}.no-js .hero-carousel__button-wrapper{opacity:1}.no-js .hero-carousel__overlay{transform:translate(0)}@media (prefers-reduced-motion: reduce){.hero-carousel__track{transition:none}.hero-carousel__text-overlay-inner,.hero-carousel__button-wrapper,.hero-carousel__overlay{transition:none;animation:none}.hero-carousel__text-overlay-inner{clip-path:inset(0 0 0% 0);opacity:1}.hero-carousel__button-wrapper{opacity:1}.hero-carousel__overlay{transform:translate(0)}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-hero-carousel.css.map */