.hero-banner,hero-banner-slider{display:block;position:relative;overflow:hidden;z-index:0}.hero-banner--small{height:40rem}.hero-banner--medium{height:55rem}.hero-banner--large{height:70rem}.hero-banner--adapt{height:0}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-banner__media img,.hero-banner__media .placeholder-svg{width:100%;height:100%;object-fit:cover;object-position:var(--hero-image-position-desktop, center);display:block}.hero-banner__slider-track{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.hero-banner__slider-track::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:reduce){.hero-banner__slider-track{scroll-behavior:auto}}.hero-banner__slide{position:relative;flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}.hero-banner__slide img,.hero-banner__slide .placeholder-svg{width:100%;height:100%;object-fit:cover;object-position:var(--hero-image-position-desktop, center);display:block}@media screen and (max-width:749px){.hero-banner__slide img,.hero-banner__slide .placeholder-svg{object-position:var(--hero-image-position-mobile, center)}}.hero-banner__arrow{position:absolute;top:50%;z-index:3;transform:translateY(-50%);width:4.4rem;height:4.4rem;padding:0;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#00000059;color:#fff;cursor:pointer;transition:background-color .2s ease}.hero-banner__arrow:hover{background-color:#0000008c}.hero-banner__arrow .svg-wrapper{display:flex;width:1.2rem;height:1.2rem}.hero-banner__arrow--prev{left:2rem}.hero-banner__arrow--next{right:2rem}.hero-banner__arrow--prev .svg-wrapper{transform:rotate(90deg)}.hero-banner__arrow--next .svg-wrapper{transform:rotate(-90deg)}.hero-banner__dots{position:absolute;left:50%;bottom:2.4rem;z-index:3;transform:translate(-50%);display:flex;gap:.8rem}.hero-banner__dot{width:1rem;height:1rem;padding:0;border-radius:999px;border:.15rem solid rgba(255,255,255,.85);background-color:transparent;cursor:pointer;transition:width .3s ease,background-color .2s ease,border-color .2s ease}.hero-banner__dot:hover{border-color:#fff}.hero-banner__dot.is-active{width:2.6rem;background-color:#fff;border-color:#fff}@media screen and (max-width:749px){.hero-banner__arrow{display:none}.hero-banner__dots{bottom:1.6rem}}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:var(--hero-overlay-desktop);pointer-events:none}@media screen and (max-width:749px){.hero-banner__overlay{background-color:var(--hero-overlay-mobile, var(--hero-overlay-desktop))}}.hero-banner__content-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:flex-end;padding-bottom:14rem;pointer-events:none}.hero-banner__content-wrapper--left{justify-content:flex-start}.hero-banner__content-wrapper--center{justify-content:center}.hero-banner__content-wrapper--right{justify-content:flex-end}.hero-banner__content{max-width:76rem;pointer-events:auto}.hero-banner__content-wrapper--center .hero-banner__content{text-align:center}.hero-banner__content-wrapper--right .hero-banner__content{text-align:right}.hero-banner__social-proof{margin:0 0 1.2rem;color:#fff;font-family:var(--font-body-family);font-size:1.4rem;font-weight:400;line-height:1.4;letter-spacing:.02em}.hero-banner__social-proof-stars{margin-right:.8em}.hero-banner__social-proof-stars:empty{display:none}.hero-banner__heading{margin:0 0 2rem;color:#fff;font-family:var(--font-heading-family);font-weight:700;text-transform:uppercase;font-size:12rem;line-height:1;letter-spacing:normal;word-break:normal;overflow-wrap:normal}.hero-banner__text{color:#fff;font-family:var(--font-body-family);font-size:1.8rem;font-weight:400;line-height:2.3rem;letter-spacing:normal;margin-bottom:2.4rem}.hero-banner__text p{margin:0}.hero-banner__quote{color:#fff;font-family:var(--font-heading-family);font-weight:700;font-size:2.2rem;line-height:1.4;margin-bottom:2.4rem}.hero-banner__quote p{margin:0}.hero-banner__button{font-size:1.6rem;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:4rem;padding:1.4rem 2.8rem;font-family:var(--font-body-family);font-weight:500;line-height:2.5rem;letter-spacing:normal;text-decoration:none;background-color:#fff;color:#000}.hero-banner__button.button--primary:not([disabled]):hover{background-color:#f2f2f2}.hero-banner__heading[hidden],.hero-banner__text[hidden],.hero-banner__quote[hidden],.hero-banner__button[hidden]{display:none}@media screen and (max-width:749px){.hero-banner--small{height:30rem}.hero-banner--medium{height:40rem}.hero-banner--large{height:50rem}.hero-banner__content{max-width:100%}.hero-banner__media img,.hero-banner__media .placeholder-svg{object-position:var(--hero-image-position-mobile, center)}.hero-banner__heading{font-size:clamp(3.2rem,10vw,4.8rem)}.hero-banner__content-wrapper{padding-bottom:6rem}.hero-banner__content-wrapper--mobile-left{justify-content:flex-start}.hero-banner__content-wrapper--mobile-left .hero-banner__content{text-align:left}.hero-banner__content-wrapper--mobile-center{justify-content:center}.hero-banner__content-wrapper--mobile-center .hero-banner__content{text-align:center}.hero-banner__content-wrapper--mobile-right{justify-content:flex-end}.hero-banner__content-wrapper--mobile-right .hero-banner__content{text-align:right}.hero-banner--extend-header{margin-top:calc(-1 * (var(--header-height, 7.1rem) + 1.2rem))}}.hero-banner__social-proof,.hero-banner__heading,.hero-banner__text,.hero-banner__quote{text-shadow:0 1px 2px rgba(0,0,0,.35),0 2px 12px rgba(0,0,0,.35)}@media screen and (max-width:749px){.hero-banner__text,.hero-banner__quote{display:none}.hero-banner__heading{margin-bottom:1.6rem}.hero-banner__overlay:after{content:"";position:absolute;top:40%;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000,#0000008c)}}.hero-banner__slide--custom-position img{object-position:var(--hero-image-position-desktop, center)!important}@media screen and (max-width:749px){.hero-banner__slide--custom-position img{object-position:var(--hero-image-position-mobile, center)!important}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-hero-banner.css.map */