.video-interactable .banner__content{pointer-events:none}.video-interactable .banner__content .button,.video-interactable .banner__media iframe,.video-interactable .banner__media video{pointer-events:visible}.video-interactable .banner__media{z-index:1}.video-interactable:not(.banner--mobile-bottom) .banner__media::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background-color:rgba(var(--color-overlay),var(--color-overlay-opacity))}.banner--clickable{text-decoration:none;color:currentColor}.banner__media video{width:100%;height:100%;pointer-events:none;position:relative;-o-object-fit:cover;object-fit:cover}.banner__media iframe{height:100%;pointer-events:none;position:absolute;top:0;left:-100%;width:300%;max-width:none}video-control{position:absolute;top:20px;right:20px;z-index:2}.video-control__button{background:rgba(50,50,50,.5);border-radius:5rem;width:4rem;height:4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;border:0;padding:0;color:#fff}.video-control__icon--muted,.video-control__icon--unmuted{width:2rem;height:2rem}.icon-audio-off,.icon-audio-on{width:100%;height:100%}@media screen and (min-width:1200px){.banner__media iframe{width:100%;height:300%;left:auto;top:-100%}}@media screen and (min-width:750px){video-control{top:auto;bottom:20px}.video-control__button{width:5rem;height:5rem}.video-control__icon--muted,.video-control__icon--unmuted{width:2.5rem;height:2.5rem}}