.single-hero-banner{--mobile-video-h:1678;--mobile-video-w:1000;height:100%;overflow:hidden;position:relative;width:100%}.single-hero-banner .pause-ico,.single-hero-banner.playing .play-ico{opacity:0;pointer-events:none;visibility:hidden}.single-hero-banner.playing .pause-ico{opacity:.5;pointer-events:auto;transition:opacity .3s ease;visibility:visible}.single-hero-banner.playing .pause-ico:hover{opacity:1}.single-hero-banner .control-icon{opacity:1;position:absolute;z-index:5}.single-hero-banner .control-icon.play-ico{left:50%;top:50%;transform:translate(-50%,-50%)}.single-hero-banner .control-icon.pause-ico{bottom:1.875rem;right:1.875rem}.single-hero-banner .control-icon .play{background:url(play-ico.svg) no-repeat 50%/contain;display:block;height:100px;width:100px}.single-hero-banner .control-icon .pause{background:url(pause-ico.svg) no-repeat 50%/contain;display:block;height:60px;width:60px}.single-hero-banner .video-wrapper{padding:56.25% 0 0;pointer-events:none;width:100%}.single-hero-banner .video-wrapper iframe{height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}@media (max-width:639px){.single-hero-banner .control-icon.pause-ico{bottom:1.25rem;right:1.25rem}.single-hero-banner .control-icon .play{height:66px;width:66px}.single-hero-banner .control-icon .pause{height:2.5rem;width:2.5rem}.single-hero-banner .video-wrapper{padding:100% 0 0}.single-hero-banner .video-wrapper iframe{height:120vh;width:180vw}}.single-hero-banner .mute-btn{position:absolute;right:1rem;top:7vw;z-index:10}@media (min-width:1024px){.single-hero-banner .mute-btn{right:1.5rem}}.single-hero-banner--shopify-video .video-wrapper video{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}@media (max-width:639px){.single-hero-banner--shopify-video .video-wrapper{padding-top:calc(var(--mobile-video-h)/var(--mobile-video-w)*100%)}}