.video-banner{position:relative}.container-width{width:100%;max-width:var(--container-width);margin-left:auto;margin-right:auto}.video-banner .deferred-media__poster{background-color:transparent;border:none;cursor:pointer;margin:0;padding:0;height:100%;width:100%;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;border-radius:var(--video-radious);transition:all ease-in-out .3s}.video-banner .adaptive_height{display:block;max-width:100%;margin:0 auto;padding-top:var(--auto-ratio);border-radius:var(--video-radious)}.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%;border-radius:var(--video-radious);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%;border-radius:var(--video-radious)}.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%)}.video-banner .custom-height-enabled .deferred-media__poster{padding-top:var(--aspect-ratio-cs-mobile)}@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,.deferred-media-content.hide-small{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/141/assets/video-banner.css.map */