.image-video-banner-container{position:relative}.video-with-text-banner{position:sticky;top:0;scroll-snap-align:start;margin-top:var(--slide-come-after);background-color:#ececec}.media-with-text-banner .video-with-text-banner:first-of-type{margin-top:0}.video-banner-content:before{content:"";height:8px;width:80px;position:absolute;display:block;top:0}.image-video-banner-container video,.image-video-banner-container img{width:100%;object-fit:cover;object-position:center;display:block;min-height:100vh}.video-banner-btn a{text-decoration:none;padding:14px 10px;font-size:1.4rem;line-height:1.9rem;width:50%;display:inline-block;border-radius:8px;text-align:center;font-weight:400}.image-video-banner-container video.video-banner-mobile,.image-video-banner-container img.image-banner-mobile{display:none}.desktop-pause-btn,.mobile-pause-btn{position:absolute;bottom:20px;right:20px;transform:translate(-20px,-20px);background:transparent;border:none;z-index:2;cursor:pointer}.desktop-play-btn[aria-label=play],.mobile-play-btn[aria-label=play]{position:absolute;bottom:40px;right:20px;transform:translate(-20px,-20px);background:transparent;border:none;z-index:2;cursor:pointer}.desktop-play-btn[aria-label=pause],.mobile-play-btn[aria-label=pause]{position:absolute;top:50%;left:50%;bottom:unset;right:unset;transform:translate(-50px,-50px);background:transparent;border:none;z-index:2;cursor:pointer}.desktop-play-btn[aria-label=pause] svg{width:120px;height:120px;transition:opacity .3s ease}.desktop-play-btn[aria-label=play] svg{width:35px;height:48px;transition:opacity .3s ease}.desktop-pause-btn svg,.mobile-pause-btn svg{width:35px;height:48px;transition:opacity .3s ease}.mobile-pause-btn{display:none}.desktop-pause-btn svg.video-play-svg{width:45px;height:45px;opacity:.275;fill:#fff}.desktop-pause-btn:hover svg g,.mobile-pause-btn:hover svg,.desktop-pause-btn:hover svg{fill:#fff;opacity:1}@media screen and (max-width: 767px){.desktop-play-btn[aria-label=play],.mobile-play-btn[aria-label=play]{bottom:20px}.mobile-play-btn[aria-label=pause] svg{width:100px;height:100px;transition:opacity .3s ease}.mobile-play-btn[aria-label=play] svg{width:27px;height:37px}.image-video-banner-container video,.image-video-banner-container img{height:100%;object-fit:cover;object-position:center}.video-banner-heading h2{font-size:3.6rem;line-height:4.1rem;padding-bottom:10px}.video-banner-subheading p{padding-bottom:10px}.video-banner-desktop{display:none!important}.video-banner-mobile{display:block!important}.image-banner-dekstop{display:none!important}.image-banner-mobile{display:block!important}.desktop-pause-btn,.desktop-play-btn{display:none}.mobile-pause-btn{display:block}.video-banner-btn a{width:100%}.desktop-pause-btn svg,.mobile-pause-btn svg{width:27px;height:37px}.desktop-pause-btn svg.video-play-svg{width:35px;height:35px}.badge-wrapper{position:absolute;bottom:60px;left:0;z-index:1;width:120px}}@media screen and (min-width: 768px){.mobile-play-btn.mobile-centered-button{display:none}.badge-wrapper{width:260px;height:auto}.video-banner-btn a{width:60%;display:inline-block;margin:7px 0;font-family:Archivo;letter-spacing:normal;font-weight:700}.video-banner-btn{display:block}.video-banner-heading h2{letter-spacing:-.06em;line-height:4.9rem!important}.media-with-text-banner .video-banner-Content p{margin:10px 0;font-size:1.8rem;line-height:1.5}.badge-wrapper{position:absolute;top:60px;right:0;z-index:1}}@media screen and (max-width: 767px){.video-banner-heading h2{letter-spacing:-.03em;font-family:Archivo Black}.video-banner-btn{gap:0px}.video-banner-btn a{display:inline-block;margin:7px 0;font-family:Archivo;font-weight:700;letter-spacing:normal;font-size:1.6rem}.video-banner-btn{flex-wrap:wrap;align-content:end;align-items:end;position:absolute;bottom:27px;left:5%;width:90%}.video-banner-content{height:fit-content}}@media screen and (max-width: 991px){.main-product-2025 .product__accordion:before{left:0;right:0}}.media-with-text-banner{scroll-snap-type:y mandatory}.main-product-2025 .media>*:not(.zoom):not(.deferred-media__poster-button){border-radius:15px}
/*# sourceMappingURL=/cdn/shop/t/51/assets/media-with-text-banner.css.map */