.home-main-header-video{overflow:hidden;position:relative;width:100%}.video-container{border-radius:12px;height:0;overflow:hidden;position:relative;width:100%;.video-poster{background-position:50%;background-size:cover;height:100%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1;&.mobile-poster{display:block;@media (min-width:769px){display:none}}&.desktop-poster{display:none;@media (min-width:769px){display:block}}}video{height:100%;left:50%;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:2}&:hover .video-scrub-bar{opacity:1;visibility:visible}.video-scrub-bar{background:hsla(0,0%,100%,.2);border-radius:3px;bottom:20px;cursor:pointer;height:6px;left:20px;opacity:0;position:absolute;right:20px;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:9;.scrub-progress{background:#fff;border-radius:3px;height:100%;pointer-events:none;position:relative;width:0;&:after{background:#fff;border-radius:50%;content:"";cursor:grab;height:12px;opacity:0;pointer-events:all;position:absolute;right:-6px;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:12px;&:active{cursor:grabbing}}}&.dragging .scrub-progress:after,&:hover .scrub-progress:after{opacity:1}}.mute-toggle-button{align-items:center;background:rgba(0,0,0,.5);border:none;border-radius:50%;cursor:pointer;display:flex!important;height:48px;justify-content:center;padding:12px;position:absolute;right:20px;top:20px;transition:background .3s ease;width:48px;z-index:10;&:hover{background:rgba(0,0,0,.7)}.mute-icon,.unmute-icon{fill:#fff}.mute-toggle-button svg{height:24px;width:24px}.mute-icon{display:block}.unmute-icon{display:none}}}@media (max-width:768px){.video-container{aspect-ratio:4/5;padding-bottom:125%}}@media (min-width:769px){.video-container{aspect-ratio:123/70;padding-bottom:56.91%}}