.video-interactable .banner__content{pointer-events:none}.video-interactable .banner__content .button{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))}.video-interactable .banner__media video,.video-interactable .banner__media iframe{pointer-events:visible}.banner__media video,.banner__media iframe{width:100%;height:100%;pointer-events:none}.banner__media video{position:relative;object-fit:cover;font-family:"object-fit: cover"}.banner__media iframe{position:absolute;top:0;left:-100%;width:300%;max-width:none}@media screen and (min-width:1200px){.banner__media iframe{width:100%;height:300%;left:auto;top:-100%}}@media screen and (max-width:989px){.section-video-hero .banner__content--middle-center .banner__box{width:100%!important}}.section-video-hero .video-tag{position:absolute;left:0;top:100%;font-size:10px;padding:3px 10px;cursor:default}@media screen and (max-width:749px){.section-video-hero .video-tag{position:relative}}@media screen and (min-width:1024px){.banner__box{padding:0 6rem}}
/*# sourceMappingURL=/cdn/shop/t/110/assets/section-video-hero.css.map */