.hero-banner-container{padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom);overflow:hidden}.hero-banner{position:relative;box-sizing:initial;display:block;border-radius:var(--section-border-radius)}.hero-banner .container{height:100%}.hero-banner .slide-wrapper{flex:1 0 50%}.hero-banner .slide{position:relative}.hero-banner .overlay{position:relative;z-index:2}.hero-banner .captions{width:100%;max-width:var(--text-width);position:relative;padding:var(--text-padding) 0;box-sizing:content-box}.hero-banner .captions>*{position:relative;z-index:2}.hero-banner .media-wrap{overflow:hidden}.hero-banner .media{display:block;object-fit:cover}.hero-banner iframe{object-fit:initial!important}.hero-banner .controls{position:absolute;top:0;right:0;z-index:3;padding:1em}.hero-banner .keen,.hero-banner .keen-slider{border-radius:inherit}.hero-banner .keen-dots{margin:0}.hero-banner .keen-slider-slide .media-wrap>*{-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;-ms-transition:all 1s ease-out;transition:all 1s ease-out}.hero-banner .keen-slider-slide .media-wrap>*:not(.video){-webkit-transform:scale(1.1);transform:scale(1.1)}.hero-banner .keen-slider-slide.active .media-wrap>*:not(.video){-webkit-transform:scale(1);transform:scale(1)}.hero-banner .keen .keen-slider .container .btn-wrap .amazon-lp-button{display:inline-flex;align-items:center;gap:.5em;font-weight:600}.hero-banner .keen .keen-slider .container .btn-wrap .amazon-lp-button .amazon-lp-icon,.hero-banner .keen .keen-slider .container .btn-wrap .amazon-lp-button .amazon-lp-icon-hover{width:1.6rem;height:auto}.hero-banner .keen .keen-slider .container .btn-wrap .amazon-lp-button .amazon-lp-icon-hover,.hero-banner .keen .keen-slider .container .btn-wrap .amazon-lp-button:hover .amazon-lp-icon{display:none}.hero-banner .keen .keen-slider .container .btn-wrap .amazon-lp-button:hover .amazon-lp-icon-hover{display:inline-block}.hero-banner .keen .keen-slider .container .btn-wrap:has(.amazon-lp-icon) .btn{text-transform:capitalize}.hero-banner .keen .keen-slider .container .btn-wrap .amazon-lp-text-info{margin:clamp(.4rem,.5vw,.8rem) .8rem}.hero-banner .keen .keen-slider .container .btn-wrap:has(.amazon-lp-icon){display:flex;max-width:max-content;flex-direction:column;align-items:center;margin-inline:auto}@media (min-width: 1057px){.hero-banner .keen .keen-slider .container .btn-wrap:has(.amazon-lp-icon){margin:unset}}.hero-banner .box-information{padding:1.8rem;width:100%;background-color:#fff;border-radius:1.2rem;margin-top:2.1rem}@media (min-width: 768px){.hero-banner .box-information{max-width:65%}}.hero-banner .box-information .box-information__container{display:flex;flex-direction:column;align-items:center}.hero-banner .box-information .box-information__container .box-information__title{font-family:Swell,sans-serif;font-size:2rem;font-weight:400;font-style:normal;letter-spacing:0em;line-height:1.1;text-transform:uppercase;color:#061b2d}.hero-banner .box-information .box-information__container .box-information__price-content{display:flex;align-items:center;margin-top:1.2rem;gap:.8rem}.hero-banner .box-information .box-information__container .box-information__price-content .box-information__price-compare{font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:400;font-style:normal;letter-spacing:0em;line-height:1.1;text-transform:uppercase;color:#061b2d;text-decoration:line-through}.hero-banner .box-information .box-information__container .box-information__price-content .box-information__price{font-family:Poppins,sans-serif;font-size:2.4rem;font-weight:700;font-style:normal;letter-spacing:0em;line-height:1.1;text-transform:uppercase;color:#061b2d}.hero-banner .box-information .box-information__container .box-information__price-content .box-information__price-save{font-family:Swell,sans-serif;font-size:2rem;font-weight:400;font-style:normal;letter-spacing:0em;line-height:1.1;text-transform:uppercase;color:#fff;background-color:#2da9a2;padding:.8rem 1.2rem;border:1px dashed #061b2d;border-radius:1rem}.hero-banner .box-information .box-information__container .box-information__rating{display:flex;align-items:center;margin-top:1.2rem;gap:.8rem}.hero-banner .box-information .box-information__container .box-information__rating .box-information__rating-stars{display:flex;flex-direction:row;gap:.2rem}.hero-banner .box-information .box-information__container .box-information__rating .box-information__rating-stars .box-information__rating-star{display:flex;align-items:center;justify-content:center}.hero-banner .box-information .box-information__container .box-information__rating .box-information__rating-stars .box-information__rating-star :is(svg){width:1.6rem;height:1.6rem}.hero-banner .box-information .box-information__container .box-information__rating .box-information__rating-stars .box-information__rating-star :is(svg) :is(path){fill:transparent;stroke:#061b2d}.hero-banner .box-information .box-information__container .box-information__rating .box-information__rating-stars .box-information__rating-star.active :is(svg) :is(path){fill:#2da9a2;stroke:#2da9a2}.hero-banner .box-information .box-information__container .box-information__rating .box-information__rating-text{font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:600;font-style:normal;letter-spacing:0em;line-height:1.1;text-transform:uppercase;color:#061b2d}.hero-banner .box-information .box-information__container .box-information__button{display:flex;flex-direction:column;align-items:center;margin-top:.8rem}.hero-banner .box-information .box-information__container .box-information__button .btn-box{display:flex;align-items:center;gap:.8rem;background-color:#2da9a2;padding:1rem 2rem;border-radius:9999rem;overflow:hidden;font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:600;font-style:normal;letter-spacing:0em;line-height:1.1;text-transform:capitalize;color:#fff;border:1px solid #2DA9A2}.hero-banner .box-information .box-information__container .box-information__button .btn-box:hover{border:1px solid #061b2d}.hero-banner .box-information .box-information__container .box-information__button .btn-box :is(img){width:2.1rem;height:2.1rem;object-fit:contain}.hero-banner .box-information .box-information__container .box-information__button .box-information__button-text{margin-top:.8rem;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:500;font-style:normal;letter-spacing:0em;line-height:1.1;color:#061b2d}@media (min-width: 66.001em){.hero-banner:not(.desktop-first-image-height){height:var(--height)}.hero-banner.desktop-first-image-height{padding-top:var(--height)}.hero-banner.desktop-first-image-height .keen{position:absolute;top:0;left:0;width:100%;height:100%}.hero-banner .keen-slider.custom-animation.fade .keen-slider-slide{height:100%}.hero-banner .keen,.hero-banner .keen-slider{height:100%!important}.hero-banner .media-wrap{position:absolute;top:0;left:0;bottom:0;right:0}.hero-banner .media{width:100%;height:100%}.hero-banner iframe{position:relative;width:100%;height:300%;left:0;top:-100%}.safari .hero-banner:not(.mobile-image-background) iframe{height:100vw;top:-25vw}.hero-banner .slide.tint-full:before,.hero-banner .slide:not(.tint-full) .captions:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:var(--tint);z-index:1;border-radius:var(--tint-border-radius)}.hero-banner .slide.tint-shadow .captions:before{background:radial-gradient(var(--tint) 0%,transparent 60%);margin:-15% -20%;border-radius:0}.hero-banner:not(.full-width) .slide:not(.tint-box) .container{padding:0 var(--text-padding)}.hero-banner .slide.tint-box .container{padding:max(var(--container-padding),var(--text-padding));height:calc(100% - (max(var(--container-padding),var(--text-padding))*2))}.hero-banner .slide.tint-box .captions{padding-left:var(--text-padding);padding-right:var(--text-padding)}.hero-banner-container.arrows-bottom .keen-arrows{display:flex}.hero-banner-container.arrows-bottom .keen-dots{position:static;padding-top:0;padding-bottom:0;width:auto}.hero-banner-container.arrows-bottom.large--dots-center .keen-dots{margin-top:.5em}.hero-banner-container.dots-desktop.dots-inside-desktop.arrows-bottom .nav{position:absolute;bottom:0;left:0;width:100%;padding:1em;z-index:2}.hero-banner-container.dots-desktop.dots-outside-desktop{padding-bottom:calc(var(--section-padding-bottom) + 7.5rem)}.hero-banner-container.dots-desktop.dots-outside-desktop .nav{padding:1em}.hero-banner-container.dots-desktop.dots-outside-desktop .keen-dots.shadow .keen-dots-dot:before{box-shadow:none}.hero-banner-container.dots-desktop.dots-inside-desktop:not(.arrows-bottom) .keen-dots{position:absolute;width:100%;padding:1em;left:0;bottom:0}}@media (max-width: 66em){.hero-banner-container.multiple-slides.dots-mobile .hero-banner:not(.mobile-image-below) .keen-slider.initialized .keen-slider-slide>div:last-child .overlay,.hero-banner-container.multiple-slides.dots-mobile .hero-banner:not(.mobile-image-below) .keen-slider.initialized .keen-slider-slide>.slide .overlay{padding-bottom:4rem}.hero-banner-container.multiple-slides.mobile-image-background.dots-mobile.dots-outside-mobile{padding-bottom:calc(var(--section-padding-bottom) + 4.5rem)}.hero-banner-container.dots-mobile.dots-outside-mobile .nav{padding:1em}.hero-banner-container.dots-mobile.dots-outside-mobile .keen-dots.shadow .keen-dots-dot:before{box-shadow:none}.hero-banner-container.dots-mobile.dots-inside-mobile .keen-dots{position:absolute;width:100%;padding:1em;left:0;bottom:0}.hero-banner:not(.mobile-image-background) .media-wrap{position:relative;height:auto;padding-top:calc(var(--height) / 2)}.hero-banner.mobile-first-image-height:not(.mobile-image-background) .media-wrap{padding-top:var(--height)}.hero-banner:not(.mobile-image-background) .media{position:absolute;left:0;top:0;width:100%;height:100%}.hero-banner:not(.mobile-image-background) iframe{position:absolute;width:100%;height:300%;left:0;top:-100%}.safari .hero-banner:not(.mobile-image-background) iframe{height:100vw;top:-25vw}.hero-banner.mobile-image-background:not(.multi){height:var(--height)}.hero-banner.mobile-image-background.multi{height:calc(var(--height) * 2)}.hero-banner.mobile-image-background .keen-slider.custom-animation.fade .keen-slider-slide{height:100%}.hero-banner.mobile-image-background .keen,.hero-banner.mobile-image-background .keen-slider{height:100%!important}.hero-banner.mobile-image-background .media-wrap{position:absolute;top:0;left:0;bottom:0;right:0}.hero-banner.mobile-image-background .media{width:100%;height:100%}.hero-banner.mobile-image-background iframe{position:relative;width:300%;height:100%;top:0;left:-100%}.hero-banner.mobile-image-background.mobile-first-image-height{padding-top:var(--height)}.hero-banner.mobile-image-background.mobile-first-image-height .keen{position:absolute;top:0;left:0;width:100%;height:100%}.hero-banner.mobile-image-background .slide.tint-full:before,.hero-banner.mobile-image-background .slide:not(.tint-full) .captions:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:var(--tint);z-index:1;border-radius:var(--tint-border-radius)}.hero-banner.mobile-image-background .slide.tint-shadow .captions:before{background:radial-gradient(var(--tint) 0%,transparent 60%);margin:0 -100px;border-radius:0}.hero-banner.mobile-image-background .slide.tint-box .container{padding-top:var(--container-padding);padding-bottom:var(--container-padding);height:calc(100% - calc(var(--container-padding) * 2))}.hero-banner.mobile-image-background .slide.tint-box .captions{padding-left:var(--container-padding);padding-right:var(--container-padding)}}@media (max-width: 450px){.hero-banner:not(.mobile-image-background) iframe{position:absolute;width:140%;height:300%;left:0;top:-100%}}@media (prefers-reduced-motion: reduce){.hero-banner .keen-slider-slide .media-wrap>*{transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/hero_banner.css.map */
