.hero-carousel{position:relative;width:100%;padding-top:var(--hc-padding-top, 0);padding-bottom:var(--hc-padding-bottom, 0);background:linear-gradient(to bottom,var(--hc-bg-top, #f5f5f7),var(--hc-bg-bottom, #ffffff));overflow:hidden;isolation:isolate}.hero-carousel__viewport{position:relative;width:100%;overflow:hidden}.hero-carousel__track{display:flex;flex-direction:row;scroll-snap-type:x mandatory;scroll-behavior:smooth;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.hero-carousel__track::-webkit-scrollbar{display:none}.hero-carousel__slide{position:relative;flex:0 0 100%;width:100%;min-height:var(--hc-min-height-mobile);scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;display:grid;grid-template-columns:1fr}.hero-carousel__slide--solid{background:transparent}.hero-carousel__slide--gradient-light{background:linear-gradient(to bottom,#f5f5f7,#fff)}.hero-carousel__slide--gradient-dark{background:linear-gradient(180deg,#1a1c22,#2c2f38)}.hero-carousel__slide--gradient-mint{background:linear-gradient(180deg,#e8f7f5,#fff)}.hero-carousel__slide--gradient-dark .hero-carousel__content,.hero-carousel__slide--gradient-dark .hero-carousel__logo-label,.hero-carousel__slide--gradient-dark .hero-carousel__headline,.hero-carousel__slide--gradient-dark .hero-carousel__price{color:#fff}.hero-carousel__slide[style*=--hc-slide-heading-color] .hero-carousel__logo-label,.hero-carousel__slide[style*=--hc-slide-heading-color] .hero-carousel__headline{color:var(--hc-slide-heading-color)}.hero-carousel__slide[style*=--hc-slide-text-color] .hero-carousel__content,.hero-carousel__slide[style*=--hc-slide-text-color] .hero-carousel__price{color:var(--hc-slide-text-color)}.hero-carousel__slide[style*=--hc-slide-btn-bg] .hero-carousel__button--primary{background:var(--hc-slide-btn-bg)}.hero-carousel__slide[style*=--hc-slide-btn-text] .hero-carousel__button--primary{color:var(--hc-slide-btn-text)}.hero-carousel__slide--pos-center .hero-carousel__content{margin-left:auto;margin-right:auto;padding-left:var(--hc-content-inset-x-mobile);padding-right:var(--hc-content-inset-x-mobile)}.hero-carousel__slide--pos-right .hero-carousel__content{margin-left:auto;margin-right:0}.hero-carousel__slide--valign-center{align-items:center}.hero-carousel__slide--valign-center .hero-carousel__content{padding-top:0;padding-bottom:0}.hero-carousel__slide--valign-bottom{align-items:end}.hero-carousel__slide--valign-bottom .hero-carousel__content{padding-top:0}.hero-carousel__slide--text-center .hero-carousel__content{align-items:center;text-align:center}.hero-carousel__slide--text-center .hero-carousel__heading-group{align-items:center}.hero-carousel__slide--text-center .hero-carousel__cta-row{justify-content:center}.hero-carousel__button--outline{background:transparent;border:2px solid var(--hc-slide-btn-bg, var(--hc-button-bg));color:var(--hc-slide-btn-text, var(--hc-button-bg))}.hero-carousel__button--outline:hover,.hero-carousel__button--outline:active{background:var(--hc-slide-btn-bg, var(--hc-button-bg));color:var(--hc-slide-btn-text, var(--hc-button-text))}.hero-carousel__button--secondary{background:var(--hc-slide-btn2-bg, var(--hc-button-bg));color:var(--hc-slide-btn2-text, var(--hc-button-text))}.hero-carousel__button--secondary.hero-carousel__button--outline{background:transparent;border-color:var(--hc-slide-btn2-bg, var(--hc-button-bg));color:var(--hc-slide-btn2-text, var(--hc-slide-btn2-bg, var(--hc-button-bg)))}.hero-carousel__button--secondary.hero-carousel__button--outline:hover,.hero-carousel__button--secondary.hero-carousel__button--outline:active{background:var(--hc-slide-btn2-bg, var(--hc-button-bg));color:var(--hc-slide-btn2-text, var(--hc-button-text))}.hero-carousel__media{position:absolute;pointer-events:none;left:var(--hc-media-left-m, 50%);top:var(--hc-media-top-m, 50%);width:var(--hc-media-width-m, 70%);max-width:var(--hc-media-max, 800px);transform:translate(var(--hc-media-tx-m, -50%),var(--hc-media-ty-m, -50%)) rotate(var(--hc-media-rot, 0deg));transform-origin:center;opacity:var(--hc-media-op-m, 1);z-index:var(--hc-media-z, 1);filter:blur(var(--hc-media-blur, 0));border-radius:var(--hc-media-radius, 0)}.hero-carousel__media-image,.hero-carousel__media-video{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:inherit}.hero-carousel__media-video{background:transparent}.hero-carousel__media[data-glow=inset]:after,.hero-carousel__media[data-glow=outset]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit}.hero-carousel__media[data-glow=inset]:after{box-shadow:inset 0 0 var(--hc-media-glow-blur, 0) var(--hc-media-glow-spread, 0) var(--hc-media-glow-color, transparent)}.hero-carousel__media[data-glow=outset]:after{box-shadow:0 0 var(--hc-media-glow-blur, 0) var(--hc-media-glow-spread, 0) var(--hc-media-glow-color, transparent)}@media(max-width:749px){.hero-carousel__media[data-hide-mobile=true]{display:none}}@media(min-width:750px)and (max-width:1199px){.hero-carousel__media[data-hide-tablet=true]{display:none}}.hero-carousel__heading-group{display:flex;flex-direction:column;gap:var(--hc-heading-group-gap-mobile, 24px)}.hero-carousel__content{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--hc-content-gap-mobile, 40px);width:min(100%,var(--hc-content-width, 730px));padding-left:var(--hc-content-inset-x-mobile);padding-right:var(--hc-content-inset-x-mobile);padding-top:var(--hc-content-inset-y-mobile);padding-bottom:80px;color:var(--hc-text-color);box-sizing:border-box}.hero-carousel__logo{display:inline-flex;align-items:center;gap:var(--hc-logo-gap-mobile, 8px)}.hero-carousel__logo-icon{display:block;width:var(--hc-logo-size-mobile, 28px);height:var(--hc-logo-size-mobile, 28px);flex-shrink:0}.hero-carousel__logo-label{font-family:Inter,sans-serif;font-weight:600;font-size:var(--hc-logo-font-mobile, 22px);line-height:1.25;letter-spacing:-.02em;color:var(--hc-heading-color);white-space:nowrap;max-width:100%;padding-block:.15em .1em}.hero-carousel__logo-variant{font-size:.55em;font-weight:600;display:inline-block;vertical-align:baseline;position:relative;top:-.55em;margin-left:4px;letter-spacing:normal;line-height:1}.hero-carousel__headline{font-family:Inter,sans-serif;font-weight:var(--hc-heading-weight, 600);font-size:var(--hc-heading-size-mobile, 40px);line-height:var(--hc-heading-line-height, 1);letter-spacing:var(--hc-heading-tracking, -.03em);color:var(--hc-heading-color);margin:0}.hero-carousel__headline p{margin:0;line-height:inherit}.hero-carousel__cta-row{display:flex;align-items:center;gap:var(--hc-cta-gap, 20px);flex-wrap:wrap}@media(max-width:749px){.hero-carousel__slide{display:flex;flex-direction:column;align-items:stretch}.hero-carousel__slide .hero-carousel__content{order:1;width:100%;max-width:none;margin:0;align-items:center;text-align:center;padding-left:var(--hc-content-inset-x-mobile);padding-right:var(--hc-content-inset-x-mobile);padding-top:var(--hc-content-inset-y-mobile);padding-bottom:32px}.hero-carousel__slide .hero-carousel__heading-group{align-items:center;width:100%}.hero-carousel__slide .hero-carousel__cta-row{flex-direction:column;align-items:center;justify-content:center;gap:12px}.hero-carousel__slide .hero-carousel__price{padding-left:0}.hero-carousel__slide .hero-carousel__media{order:2;position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:100%;margin:auto 0 0;transform:rotate(var(--hc-media-rot, 0deg));align-self:stretch}.hero-carousel__media[data-hide-mobile=true]{display:none}}.hero-carousel__button{display:inline-flex;align-items:center;justify-content:center;padding:var(--hc-button-padding-y, 16px) var(--hc-button-padding-x, 20px);min-width:var(--hc-button-min-width, 134px);font-family:DM Sans,sans-serif;font-weight:700;font-size:var(--hc-button-font-size-mobile, 16px);line-height:1;letter-spacing:-.03em;color:var(--hc-button-text);background:var(--hc-button-bg);border-radius:var(--hc-button-radius, 30px);box-shadow:var(--hc-button-shadow, none);text-decoration:none;transition:filter .2s ease,transform .2s ease}.hero-carousel__button:hover{filter:brightness(1.05)}.hero-carousel__button:active{transform:translateY(1px)}.hero-carousel__price{font-family:Inter,sans-serif;font-weight:400;font-size:var(--hc-price-font-size-mobile, 14px);line-height:1.875;color:var(--hc-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.hero-carousel__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:none;align-items:center;justify-content:center;width:var(--hc-arrow-size-mobile, 48px);height:var(--hc-arrow-size-mobile, 48px);border-radius:var(--hc-arrow-radius, 50%);background:var(--hc-nav-bg);opacity:var(--hc-arrow-opacity, .7);border:none;padding:0;cursor:pointer;color:var(--hc-nav-icon);transition:opacity .2s ease,background .2s ease;box-shadow:var(--hc-arrow-shadow, none)}.hero-carousel__nav:hover,.hero-carousel__nav:active{opacity:1}.hero-carousel__nav:focus-visible{outline:2px solid currentColor;outline-offset:2px}.hero-carousel__nav--prev{left:var(--hc-arrow-inset-mobile, 16px)}.hero-carousel__nav--next{right:var(--hc-arrow-inset-mobile, 16px)}.hero-carousel__nav-arrow{width:var(--hc-arrow-icon-size, 14px);height:calc(var(--hc-arrow-icon-size, 14px) * 1.857);display:block}.hero-carousel__dots{position:absolute;left:50%;bottom:var(--hc-dot-bottom-mobile, 24px);transform:translate(-50%);z-index:3;display:flex;gap:var(--hc-dot-gap, 8px);align-items:center;padding:0;margin:0}.hero-carousel__dot{position:relative;width:var(--hc-dot-width, 40px);height:var(--hc-dot-height, 4px);padding:20px 0;border:none;border-radius:0;background:transparent;cursor:pointer;transition:width .3s ease,opacity .3s ease;-webkit-tap-highlight-color:transparent}.hero-carousel__dot:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:var(--hc-dot-height, 4px);border-radius:8px;background:var(--hc-dot-color);opacity:.3;transition:width .3s ease,opacity .3s ease}.hero-carousel__dot:hover:before{opacity:.5}.hero-carousel__dot.is-active{width:var(--hc-dot-active-width, 70px)}.hero-carousel__dot.is-active:before{opacity:1}.hero-carousel__dot:focus-visible{outline:2px solid currentColor;outline-offset:4px}.hero-carousel__dot:active:before{opacity:.7}@media(min-width:750px){.hero-carousel__slide{min-height:var(--hc-min-height-desktop)}.hero-carousel__content{width:100%;max-width:calc(var(--hc-content-inset-x-desktop) + var(--hc-content-width));padding-left:var(--hc-content-inset-x-desktop);padding-right:0;padding-top:var(--hc-content-inset-y-desktop);padding-bottom:120px;gap:var(--hc-content-gap-desktop, 60px)}.hero-carousel__slide--pos-center .hero-carousel__content{max-width:var(--hc-content-width);padding-left:0;padding-right:0;margin-left:auto;margin-right:auto}.hero-carousel__slide--pos-right .hero-carousel__content{max-width:calc(var(--hc-content-inset-x-desktop) + var(--hc-content-width));padding-left:0;padding-right:var(--hc-content-inset-x-desktop);margin-left:auto;margin-right:0;text-align:inherit}.hero-carousel__heading-group{gap:var(--hc-heading-group-gap-desktop, 40px)}.hero-carousel__headline{font-size:var(--hc-heading-size-desktop, 80px)}.hero-carousel__button{font-size:var(--hc-button-font-size, 18px)}.hero-carousel__price{font-size:var(--hc-price-font-size, 16px)}.hero-carousel__logo{gap:var(--hc-logo-gap-desktop, 12px)}.hero-carousel__logo-icon{width:var(--hc-logo-size-desktop, 35px);height:var(--hc-logo-size-desktop, 35px)}.hero-carousel__logo-label{font-size:var(--hc-logo-font-desktop, 30px)}.hero-carousel__nav{display:inline-flex;width:var(--hc-arrow-size-desktop, 60px);height:var(--hc-arrow-size-desktop, 60px)}.hero-carousel__nav--prev{left:var(--hc-arrow-inset-desktop, 100px)}.hero-carousel__nav--next{right:var(--hc-arrow-inset-desktop, 100px)}.hero-carousel__dots{bottom:var(--hc-dot-bottom-desktop, 44px)}.hero-carousel__media{left:var(--hc-media-left, 100%);top:var(--hc-media-top, 50%);width:var(--hc-media-width, 50%);transform:translate(var(--hc-media-tx, -100%),var(--hc-media-ty, -50%)) rotate(var(--hc-media-rot, 0deg));opacity:var(--hc-media-op, 1)}}@media(prefers-reduced-motion:reduce){.hero-carousel__track{scroll-behavior:auto}.hero-carousel__dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-hero-carousel.css.map */