.hero-carousel{position:relative;width:100%;overflow:hidden}.hero-carousel__viewport{position:relative;width:100%;aspect-ratio:var(--hc-aspect-mobile, 2 / 3);max-height:var(--hc-max-height-mobile, 100svh)}.hero-carousel__track{display:flex;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.46,.45,.94);will-change:transform}.hero-carousel__slide{position:relative;flex:0 0 100%;width:100%;height:100%;overflow:hidden}.hero-carousel__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-carousel__media picture{display:block;width:100%;height:100%}.hero-carousel__media img,.hero-carousel__media video{width:100%;height:100%;object-fit:cover;display:block}.hero-carousel__media-desktop{display:none;width:100%;height:100%}.hero-carousel__media-mobile{display:block;width:100%;height:100%}.hero-carousel__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.hero-carousel__content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:32px 20px 56px;max-width:700px;color:var(--hc-text-color, #fff)}.hero-carousel__content--left{align-items:flex-start;text-align:left}.hero-carousel__content--center{align-items:center;text-align:center;margin:0 auto}.hero-carousel__content--right{align-items:flex-end;text-align:right;margin-left:auto}.hero-carousel__headline{margin:0 0 12px;font-family:var(--hc-headline-font, var(--font-heading--family));font-size:var(--hc-headline-size-mobile, 36px);font-weight:var(--hc-headline-fw, var(--font-h1--weight));line-height:1.05;letter-spacing:-.02em}.hero-carousel__headline p{margin:0}.hero-carousel__subtitle{margin:0 0 24px;font-family:var(--font-body--family);font-size:var(--hc-subtitle-size-mobile, 16px);font-weight:var(--hc-subtitle-fw, var(--font-paragraph--weight));line-height:1.5;opacity:.95}.hero-carousel__subtitle p{margin:0}.hero-carousel__ctas{display:flex;gap:12px;width:100%}.hero-carousel__cta{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:8px;border-radius:var(--hc-btn-radius, var(--style-border-radius-buttons-primary));text-decoration:none;cursor:pointer;white-space:nowrap;width:auto}.hero-carousel .button.hero-carousel__cta--primary{--button-background-color: var(--hc-btn-primary-bg, #fff);--button-color: var(--hc-btn-primary-text, #000);--button-border-color: var(--hc-btn-primary-border, var(--hc-btn-primary-bg, #fff));font-weight:var(--hc-cta-fw, var(--button-font-weight-primary))}.hero-carousel .button.hero-carousel__cta--primary:hover,.hero-carousel .button.hero-carousel__cta--primary:focus-visible{--button-background-color: var(--hc-btn-primary-bg-hover, var(--hc-btn-primary-bg, #fff));--button-color: var(--hc-btn-primary-text-hover, var(--hc-btn-primary-text, #000));--button-border-color: var(--hc-btn-primary-border-hover, var(--hc-btn-primary-border, var(--hc-btn-primary-bg, #fff)))}.hero-carousel .button-secondary.hero-carousel__cta--secondary{--button-background-color: var(--hc-btn-secondary-bg, transparent);--button-color: var(--hc-btn-secondary-text, #fff);--button-border-color: var(--hc-btn-secondary-border, rgba(255,255,255,.6));font-weight:var(--hc-cta-fw, var(--button-font-weight-secondary))}.hero-carousel .button-secondary.hero-carousel__cta--secondary:hover,.hero-carousel .button-secondary.hero-carousel__cta--secondary:focus-visible{--button-background-color: var(--hc-btn-secondary-bg-hover, var(--hc-btn-secondary-bg, transparent));--button-color: var(--hc-btn-secondary-text-hover, var(--hc-btn-secondary-text, #fff));--button-border-color: var(--hc-btn-secondary-border-hover, var(--hc-btn-secondary-border, rgba(255,255,255,.6)))}.hero-carousel__cta-icon{display:inline-flex;align-items:center;flex-shrink:0}.hero-carousel__cta-icon svg{width:22px;height:22px}.hero-carousel__dots{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:3;display:flex;gap:8px;align-items:center}.hero-carousel__dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;background-color:#fff6;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.hero-carousel__dot--active{background-color:#fff;transform:scale(1.25)}.hero-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid rgba(255,255,255,.5);background:#fff;opacity:.6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#1e1640;cursor:pointer;transition:background .2s ease,border-color .2s ease;padding:0}.hero-carousel__arrow:hover{background:#7b52d4;border-color:#7b52d4}.hero-carousel__arrow--prev{left:-6px;border-radius:0% 50% 50% 0%;width:32px;height:36px}.hero-carousel__arrow--next{right:-6px;border-radius:50% 0% 0% 50%;width:32px;height:36px}.hero-carousel__arrow svg{width:22px;height:22px}.hero-carousel[data-slide-count="1"] .hero-carousel__dots,.hero-carousel[data-slide-count="1"] .hero-carousel__arrow{display:none}@media screen and (min-width:750px){.hero-carousel__viewport{aspect-ratio:var(--hc-aspect-desktop, 21 / 9);max-height:var(--hc-max-height-desktop, 100svh)}.hero-carousel__media-desktop{display:block}.hero-carousel__media-mobile{display:none}.hero-carousel__content{padding:60px 60px 100px;max-width:min(var(--hc-content-max-width-desktop, 100%),800px)}.hero-carousel--desktop-content-vcenter .hero-carousel__content{justify-content:center;padding:60px}.hero-carousel__headline{font-size:var(--hc-headline-size-desktop, 56px);margin-bottom:16px}.hero-carousel__subtitle{font-size:var(--hc-subtitle-size-desktop, 18px);margin-bottom:32px}.hero-carousel__ctas{width:auto}.hero-carousel__cta{flex:0 0 auto}.hero-carousel__arrow--prev{left:0;border-radius:0% 50% 50% 0%;width:40px;height:40px}.hero-carousel__arrow--next{right:0;border-radius:50% 0% 0% 50%;width:40px;height:40px}.hero-carousel__dots{bottom:44px}}@media screen and (min-width:990px){.hero-carousel__content{padding:80px 80px 120px}.hero-carousel--desktop-content-vcenter .hero-carousel__content{padding:80px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero-carousel.css.map */