.video-banner{position:relative}.video-banner .deferred-media__poster{background-color:transparent;border:none;cursor:pointer;margin:0;padding:0;height:100%;width:100%;padding-top:var(--auto-ratio);position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;transition:all ease-in-out .3s}.video-banner .adaptive_height{display:block;max-width:100%;margin:0 auto;padding-top:var(--auto-ratio)}.video-banner .custom-height-enabled .adaptive_height{padding-top:var(--aspect-ratio-cs-desktop)}.video-banner .adaptive_height img{display:block;position:absolute;top:0;left:0;max-width:100%;cursor:pointer;object-position:center center;transition:opacity .5s;width:100%;height:100%;object-fit:cover}.video-banner .custom-height-enabled .adaptive_height img{height:var(--aspect-ratio-cs-desktop)}.video-banner .deferred-media__poster{opacity:1;transition:all ease-in-out .3s}.video-banner .deferred-media__poster.is-hide{opacity:0;z-index:-1}.video-banner .deferred-media__poster.is-playing{opacity:0}.video-banner .custom-height-enabled .youtube-video-wrap,.custom-height-enabled .internal-video{height:var(--aspect-ratio-cs-mobile);background:#000;opacity:1;position:relative;overflow:hidden;width:100%}.video-banner .custom-height-enabled .video_ratio.responsive-video,.video-banner .custom-height-enabled .video_ratio{padding-top:var(--custom_ratio);position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%}.video-banner .youtube-video-section iframe,.video-banner .internal-video video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-banner .main-video-wrap.auto-ratio .video_ratio{position:relative;width:100%}.video-banner .main-video-wrap.auto-ratio .video_ratio:before{display:block;padding-top:var(--auto-ratio);content:""}.video-banner .main-video-wrap.auto-ratio .video_ratio iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-banner .youtube-video-wrap,.video-banner .internal-video{border-radius:var(--video-radious)}.video-banner .deferred-media-content{overflow:hidden}.video-banner .deferred-media-content .deferred-media-content-box{display:flex;flex-wrap:wrap;position:absolute;width:100%;max-width:700px}.video-banner .deferred-media-content .media-title,.video-banner .deferred-media-content .content{width:100%}.deferred-media-content-box.dmc-left-bottom{bottom:15%;left:5%;top:auto;justify-content:flex-start;text-align:left}.deferred-media-content-box p{color:rgba(var(--color-foreground),1)}.deferred-media-content-box.dmc-left-center{left:5%;top:50%;transform:translateY(-50%)}.deferred-media-content-box.dmc-center-center{left:50%;top:50%;transform:translate(-50%,-50%)}.deferred-media-content-box.dmc-bottom-center{left:50%;top:auto;bottom:15%;transform:translate(-50%)}.deferred-media-content-box.dmc-right-center{top:50%;right:5%;transform:translateY(-50%)}.deferred-media-content-box.dmc-right-bottom{bottom:5%;right:5%;transform:translateY(-50%)}.deferred-media-content-box.dmc-bottom-center{bottom:0%;transform:translateY(-50%);justify-content:center;left:auto;right:auto}.deferred-media-content.left{display:flex;justify-content:left}.deferred-media-content.center{display:flex;justify-content:center}.deferred-media-content.right{display:flex;justify-content:right}.video-banner .custom-height-enabled .deferred-media__poster{padding-top:var(--aspect-ratio-cs-mobile)}.button.button--no-border{background:transparent;color:#fff;font-weight:var(--semi-bold);border-radius:5px}@media(max-width:579px){.video-banner .deferred-media-content .deferred-media-content-box{max-width:90%}.video-banner .main-video-wrap.auto-ratio .video_ratio.video_ratio_mobile:before{padding-top:var(--auto-ratio-mobile)}.video-banner .youtube-video-wrap{border-radius:15px}}@media(max-width:991px){.video-banner .hide-small-devices{display:none}}@media(min-width:992px){.video-banner .mobile-video-data{display:none}.video-banner .custom-height-enabled .youtube-video-wrap,.video-banner .custom-height-enabled .internal-video{height:var(--aspect-ratio-cs-tablet)}.video-banner .custom-height-enabled .deferred-media__poster{padding-top:var(--aspect-ratio-cs-tablet)}}@media(min-width:1366px){.video-banner .custom-height-enabled .deferred-media__poster{padding-top:var(--aspect-ratio-cs-desktop)}.video-banner .custom-height-enabled .youtube-video-wrap,.video-banner .custom-height-enabled .internal-video{height:var(--aspect-ratio-cs-desktop)}}.video-banner .deferred-media__poster.hide-poster{opacity:0}
/*# sourceMappingURL=/cdn/shop/t/2/assets/video-banner.css.map */
