.hero-carousel{--hero-ink: 0 6 38;--hero-pill-fill: #191e3b;--hero-pill-track: rgb(255 255 255 / .8);--hero-gap: 1.2rem;--hero-inset: 1.6rem;--hero-max-height: 52rem;position:relative;display:block;overflow:hidden}.hero-carousel:not([data-ready]) .swiper-wrapper{display:flex}.hero-carousel .swiper-wrapper{align-items:stretch}.hero-carousel .hero-carousel__slide{position:relative;width:calc(100% - var(--hero-inset) - var(--hero-gap) - 2.4rem);height:auto;aspect-ratio:360 / 385;max-height:var(--hero-max-height);overflow:hidden;border-radius:.8rem;background-color:rgb(var(--hero-ink) / .06)}.hero-carousel--single .hero-carousel__slide{width:100%;border-radius:0}.hero-carousel__media,.hero-carousel__media img,.hero-carousel__media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-carousel__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgb(0 0 0 / var(--hero-overlay-alpha, 0));pointer-events:none}.hero-carousel__inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;gap:1.2rem;padding:var(--hero-inset)}.hero-carousel__content{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;min-width:0}.hero-carousel__tag{display:inline-block;max-width:100%;padding:.35rem 1rem;border-radius:.8rem;background-color:rgb(var(--hero-ink) / .9);color:#fff;font-family:var(--font-body-family);font-size:1.4rem;font-weight:400;line-height:2rem}.hero-carousel__title{margin:0;font-family:var(--font-heading-family);font-size:3.2rem;font-weight:666;line-height:3.6rem;letter-spacing:-.05rem}.hero-carousel__subtitle{margin:0;font-family:var(--font-body-family);font-size:2.4rem;font-weight:400;line-height:2.8rem}.hero-carousel__slide--light .hero-carousel__title,.hero-carousel__slide--light .hero-carousel__subtitle{color:#fff;text-shadow:0 .3rem .4rem rgb(0 0 0 / .7)}.hero-carousel__slide--dark .hero-carousel__title,.hero-carousel__slide--dark .hero-carousel__subtitle{color:#000626}.hero-carousel__cta.btn{width:100%;min-height:4.8rem;padding:0 1.6rem;border-radius:.8rem;text-transform:none;border:0;background-color:rgb(var(--hero-ink) / .9);box-shadow:0 .2rem .4rem #00000014,0 .4rem .8rem #0000000a;color:#fff;font-size:1.6rem}.hero-carousel__cta.btn:hover{background-color:rgb(var(--hero-ink) / 1)}@media screen and (max-width:1023.98px){.hero-carousel--mobile-medium{--hero-mobile-ratio: 4 / 3}.hero-carousel--mobile-short{--hero-mobile-ratio: 16 / 9}.hero-carousel--mobile-medium .hero-carousel__slide,.hero-carousel--mobile-short .hero-carousel__slide{display:grid;grid-template-columns:minmax(0,1fr);aspect-ratio:auto}.hero-carousel--mobile-medium .hero-carousel__slide:before,.hero-carousel--mobile-short .hero-carousel__slide:before{content:"";grid-area:1 / 1;aspect-ratio:var(--hero-mobile-ratio)}.hero-carousel--mobile-medium .hero-carousel__inner,.hero-carousel--mobile-short .hero-carousel__inner{position:relative;inset:auto;grid-area:1 / 1}}.hero-carousel__arrows,.hero-carousel__pills{display:none}@media screen and (min-width:1024px){.hero-carousel{--hero-inset: 4rem}.hero-carousel .hero-carousel__slide{width:100%;aspect-ratio:1439 / 385;min-height:32rem;max-height:var(--hero-max-height);border-radius:0}.hero-carousel__inner{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:4rem;padding:0 var(--hero-inset) 2.8rem}.hero-carousel__content{gap:1rem;max-width:min(52rem,calc(50% - 12rem))}.hero-carousel__title{font-size:4rem;line-height:4.4rem;letter-spacing:-.1rem}.hero-carousel__subtitle{font-size:2.8rem;line-height:3.2rem}.hero-carousel__cta.btn{flex:0 0 auto;width:min(33.6rem,30%)}.hero-carousel:not(.hero-carousel--single) .hero-carousel__arrows,.hero-carousel:not(.hero-carousel--single) .hero-carousel__pills{display:flex}}.hero-carousel__arrow{position:absolute;top:50%;z-index:2;display:flex;width:4rem;height:4rem;padding:0;transform:translateY(-50%);align-items:center;justify-content:center;border:0;border-radius:50%;background-color:rgb(var(--hero-ink) / .9);color:#fff;cursor:pointer;opacity:0;pointer-events:none;transition:background-color .2s ease,opacity .2s ease}.hero-carousel:hover .hero-carousel__arrow,.hero-carousel:focus-within .hero-carousel__arrow{opacity:1;pointer-events:auto}@media(hover:none){.hero-carousel__arrow{opacity:1;pointer-events:auto}}.hero-carousel__arrow:hover{background-color:rgb(var(--hero-ink) / 1)}.hero-carousel__arrow--prev{left:var(--hero-inset)}.hero-carousel__arrow--next{right:var(--hero-inset)}.hero-carousel__arrow--prev .icon{transform:rotate(180deg)}.hero-carousel__arrow .icon{flex:0 0 auto;width:2rem;height:2rem}.hero-carousel__pills{position:absolute;bottom:2.8rem;left:50%;z-index:2;transform:translate(-50%);gap:.8rem}.hero-carousel__pill{position:relative;width:4.4rem;height:1.2rem;padding:0;border:0;border-radius:2.4rem;background-color:var(--hero-pill-track);cursor:pointer;overflow:hidden}.hero-carousel__pill-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform:scaleX(var(--progress, 0));transform-origin:left center;border-radius:inherit;background-color:var(--hero-pill-fill)}.hero-carousel__pill[aria-current=true]{--progress: 1}@media(prefers-reduced-motion:reduce){.hero-carousel .swiper-wrapper{transition-duration:0ms!important}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-hero-carousel.css.map */