.hero-carousel{position:relative;isolation:isolate;display:block;padding-block:var(--jh-space-lg) var(--jh-section-padding-sm)}.hero-carousel__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:var(--jh-accent-deep);opacity:0;transition:opacity .3s,background-color .3s}.hero-carousel[data-active-theme=dark] .hero-carousel__backdrop{opacity:1}.hero-carousel[allow-transparent-header]{margin-block-start:calc(-1 * var(--header-height) * var(--section-is-first));padding-block-start:calc(var(--header-height) * var(--section-is-first) + var(--jh-space-lg))}.hero-carousel__slides{display:grid}.hero-carousel__slide{grid-area:1 / -1;display:flex;flex-direction:column;justify-content:space-between;gap:var(--jh-space-lg)}.hero-carousel__slide:not(.is-selected){opacity:0;visibility:hidden}.hero-carousel__copy{display:flex;flex-direction:column;align-items:center;gap:var(--jh-space-lg);text-align:center}.hero-carousel__eyebrow,.hero-carousel__headline,.hero-carousel__text{margin:0}.hero-carousel__text{color:rgb(var(--jh-color-text-muted))}.hero-carousel__button{--button-background: var(--jh-accent);--button-text-color: var(--jh-on-accent);--button-outline-color: var(--jh-accent)}@media screen and (pointer:fine){.hero-carousel__button.button:not([disabled]):not(.button--outline):hover{background-color:var(--jh-accent-deep)!important;color:rgb(var(--jh-on-accent))!important}}.hero-carousel__slide[data-hero-theme=dark],.hero-carousel__slide[data-hero-theme=dark] .hero-carousel__text{color:rgb(var(--jh-color-text-inverse))}.hero-carousel__slide[data-hero-theme=dark] .hero-carousel__button{--button-background: var(--jh-color-background);--button-outline-color: var(--jh-color-background);color:var(--jh-accent-deep)}@media screen and (pointer:fine){.hero-carousel__slide[data-hero-theme=dark] .hero-carousel__button.button:not([disabled]):not(.button--outline):hover{background-color:rgb(var(--jh-color-background) / .85)!important;color:var(--jh-accent-deep)!important}}.hero-carousel__media{position:relative;display:block;aspect-ratio:3 / 2;overflow:hidden}.hero-carousel__image{display:block;width:100%;height:100%;object-fit:contain}.hero-carousel__media[trimmed] .hero-carousel__image{position:absolute;top:var(--hero-carousel-image-top);left:var(--hero-carousel-image-left);width:var(--hero-carousel-image-width);height:var(--hero-carousel-image-height);max-width:none}.hero-carousel__dots{justify-content:center;margin-block-start:var(--jh-gap-stack-lg);color:rgb(var(--jh-color-text));transition:color .3s}.hero-carousel[data-active-theme=dark] .hero-carousel__dots{color:rgb(var(--jh-color-text-inverse))}@supports selector(:has(> *)){:has(.shopify-section:first-child .hero-carousel[allow-transparent-header][data-active-theme=light]) .header:not(.is-filled){--text-color: var(--header-text);--header-logo-opacity: 1}}@media(prefers-reduced-motion:no-preference){.hero-carousel__slide.is-selected :is(.hero-carousel__eyebrow,.hero-carousel__headline,.hero-carousel__text,.hero-carousel__button){animation:jh-reveal-rise var(--jh-reveal-duration) var(--jh-reveal-easing) backwards;animation-delay:calc(var(--jh-reveal-index, 0) * var(--jh-reveal-stagger))}.hero-carousel__headline{--jh-reveal-index: 1}.hero-carousel__text{--jh-reveal-index: 2}.hero-carousel__button{--jh-reveal-index: 3}.hero-carousel__slide.is-selected .hero-carousel__media{animation:jh-reveal-settle calc(var(--jh-reveal-duration) * 1.4) var(--jh-reveal-easing) backwards}.hero-carousel__dots{animation:jh-reveal-fade var(--jh-reveal-duration) ease-out backwards;animation-delay:calc(4 * var(--jh-reveal-stagger))}}@media screen and (min-width:1000px){.hero-carousel{padding-block-start:var(--jh-space-xl)}.hero-carousel[allow-transparent-header]{padding-block-start:calc(var(--header-height) * var(--section-is-first) + var(--jh-space-xl))}.hero-carousel__slide{flex-direction:row;align-items:center;gap:var(--jh-gap-grid)}.hero-carousel__copy,.hero-carousel__media{flex:1 1 0;min-width:0}.hero-carousel__copy{align-items:flex-start;text-align:start}}
/*# sourceMappingURL=/cdn/shop/t/160/assets/hero-carousel.css.map */