.hero-banner-carousel{position:relative;width:100%;height:var(--section-height-desktop, 600px);overflow:hidden}@media screen and (max-width:749px){.hero-banner-carousel{height:var(--section-height-mobile, 500px)}}.hero-banner-carousel__track{position:relative;width:100%;height:100%}.hero-banner-carousel__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .7s ease;z-index:0}.hero-banner-carousel__slide.is-active{opacity:1;visibility:visible;z-index:1}.hero-banner-carousel__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-banner-carousel__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-banner-carousel__image.hide-mobile{display:block}.hero-banner-carousel__image.show-mobile{display:none}@media screen and (max-width:749px){.hero-banner-carousel__image.hide-mobile{display:none}.hero-banner-carousel__image.show-mobile{display:block}}.hero-banner-carousel__placeholder{width:100%;height:100%;background:#e5e5e5}.hero-banner-carousel__placeholder svg{width:100%;height:100%}.hero-banner-carousel__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-banner-carousel__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;padding:var(--content-padding-desktop, 48px);pointer-events:none}@media screen and (max-width:749px){.hero-banner-carousel__content{padding:var(--content-padding-mobile, 20px)}}.hero-banner-carousel__content-inner{display:flex;flex-direction:column;gap:14px;min-width:0;max-width:var(--content-max-width-desktop, 560px);pointer-events:auto}@media screen and (max-width:749px){.hero-banner-carousel__content-inner{max-width:var(--content-max-width-mobile, 320px)}}.content--position-top-left{justify-content:flex-start;align-items:flex-start}.content--position-top-left .hero-banner-carousel__content-inner{text-align:left;align-items:flex-start}.content--position-top-center{justify-content:center;align-items:flex-start}.content--position-top-center .hero-banner-carousel__content-inner{text-align:center;align-items:center}.content--position-top-right{justify-content:flex-end;align-items:flex-start}.content--position-top-right .hero-banner-carousel__content-inner{text-align:right;align-items:flex-end}.content--position-middle-left{justify-content:flex-start;align-items:center}.content--position-middle-left .hero-banner-carousel__content-inner{text-align:left;align-items:flex-start}.content--position-middle-center{justify-content:center;align-items:center}.content--position-middle-center .hero-banner-carousel__content-inner{text-align:center;align-items:center}.content--position-middle-right{justify-content:flex-end;align-items:center}.content--position-middle-right .hero-banner-carousel__content-inner{text-align:right;align-items:flex-end}.content--position-bottom-left{justify-content:flex-start;align-items:flex-end}.content--position-bottom-left .hero-banner-carousel__content-inner{text-align:left;align-items:flex-start}.content--position-bottom-center{justify-content:center;align-items:flex-end}.content--position-bottom-center .hero-banner-carousel__content-inner{text-align:center;align-items:center}.content--position-bottom-right{justify-content:flex-end;align-items:flex-end}.content--position-bottom-right .hero-banner-carousel__content-inner{text-align:right;align-items:flex-end}.hero-banner-carousel__heading{margin:0;font-size:var(--font-size-desktop, 48px);text-wrap:balance}.hero-banner-carousel__subheading{margin:0;font-size:var(--font-size-desktop, 18px)}.hero-banner-carousel__description{margin:0;font-size:var(--font-size-desktop, 16px)}@media screen and (max-width:749px){.hero-banner-carousel__heading{font-size:var(--font-size-mobile, 30px)}.hero-banner-carousel__subheading{font-size:var(--font-size-mobile, 15px)}.hero-banner-carousel__description{font-size:var(--font-size-mobile, 13px)}}.hero-banner-carousel__button{display:inline-block;font-size:var(--font-size-desktop, 13px);text-decoration:none;white-space:nowrap;transition:opacity .2s ease,filter .2s ease}@media screen and (max-width:749px){.hero-banner-carousel__button{font-size:var(--font-size-mobile, 12px)}}.hero-banner-carousel__button:hover{opacity:.85}.hero-banner-carousel__button.btn-style--fill{border-style:solid}.hero-banner-carousel__button.btn-style--underline{background:none;border:none;padding:0;border-radius:0;text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:4px}.hero-banner-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background-color:#ffffffd9;color:#141414;cursor:pointer;transition:background-color .2s ease}.hero-banner-carousel__arrow:hover{background-color:#fff}.hero-banner-carousel__arrow svg{width:20px;height:20px}.hero-banner-carousel__arrow--prev{left:20px}.hero-banner-carousel__arrow--next{right:20px}@media screen and (max-width:749px){.hero-banner-carousel__arrow{width:36px;height:36px}.hero-banner-carousel__arrow--prev{left:10px}.hero-banner-carousel__arrow--next{right:10px}}.hero-banner-carousel__dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:3}.hero-banner-carousel__dot{width:9px;height:9px;border-radius:50%;border:1px solid rgba(255,255,255,.9);background-color:transparent;padding:0;cursor:pointer;transition:background-color .2s ease}.hero-banner-carousel__dot.is-active{background-color:#ffffffe6}@media screen and (max-width:749px){.mobile-content--below{height:auto;overflow:visible}.mobile-content--below .hero-banner-carousel__track{height:auto}.mobile-content--below .hero-banner-carousel__slide{position:relative;inset:auto;display:none;opacity:1;visibility:visible;transition:none}.mobile-content--below .hero-banner-carousel__slide.is-active{display:block}.mobile-content--below .hero-banner-carousel__media{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1 / 1}.mobile-content--below .hero-banner-carousel__overlay{display:none}.mobile-content--below .hero-banner-carousel__content{position:relative;inset:auto;padding:var(--content-padding-mobile, 20px) var(--content-padding-mobile, 20px) 0;pointer-events:auto}.mobile-content--below .hero-banner-carousel__content-inner{max-width:100%}.mobile-content--below .hero-banner-carousel__dots{position:relative;left:auto;bottom:auto;transform:none;justify-content:center;margin-top:12px;padding-bottom:16px}.mobile-content--below .hero-banner-carousel__dot{border-color:#0000004d}.mobile-content--below .hero-banner-carousel__dot.is-active{background-color:#000000bf}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/hero-banner-carousel.css.map */