.video-hero-banner{position:relative;display:flex}.video-hero-banner video{width:100%;height:100vh;object-fit:cover}.video-hero-banner--content{position:absolute;z-index:1;bottom:3.8rem;width:100%;padding:0 20px;text-align:center}.video-hero-banner--content h1{font-size:28px;color:var(--color);margin:0 0 2rem}.video-hero-banner--button{--color-button-text: 255, 255, 255}.video-controller{position:absolute;z-index:1;bottom:58px;right:4%;display:flex;gap:30px}.video-controller .play-pause .play,.video-controller .play-pause .pause,.video-controller .volume .volume-up,.video-controller .volume .volume-down{display:none;cursor:pointer}.video-controller .volume.on .volume-up,.video-controller .volume.off .volume-down,.video-controller .play-pause.pause .pause,.video-controller .play-pause.play .play{display:flex}.video-controller .play-pause,.video-controller .volume{width:25px;display:flex;align-items:center;justify-content:center}.video-autoplay-off .video-controller{width:100%;justify-content:space-between;right:0;padding:0 4rem;bottom:4rem}.video-hero-banner video.desktop{display:block}.video-hero-banner video.mobile{display:none}.video-controller svg{transform:scale(.7)}@media screen and (max-width: 749px){.video-hero-banner--content h1{font-size:36px;margin:0 0 24px}.video-hero-banner--button{padding:.55rem 3.2rem}.video-hero-banner video.desktop{display:none}.video-hero-banner video.mobile{display:block}.video-autoplay-off .video-controller{padding:0 2.5rem;bottom:2.7rem}.video-hero-banner{display:flex;align-items:center;justify-content:center}.video-hero-banner video{height:auto}.video-hero-banner video:not(.mobile){min-height:50vh;height:auto}.video-controller{width:100%;bottom:0;left:0;right:0;padding:10px 20px;justify-content:space-between}.video-hero-banner .button{left:auto;right:auto;top:auto}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/video-hero-banner.css.map */