@import "https://www.lenovo.com/etc.clientlibs/clientlib-aem-base/css/abstracts/_animations.less";@import "https://www.lenovo.com/etc.clientlibs/clientlib-aem-base/css/abstracts/_variables.less";// @import "https://www.lenovo.com/etc.clientlibs/clientlib-aem-base/css/mixins/_animations.less";@import "https://www.lenovo.com/etc.clientlibs/clientlib-aem-base/css/mixins/_general.less";@import "https://www.lenovo.com/etc.clientlibs/clientlib-aem-base/css/mixins/_box-shadow.less";@import "https://www.lenovo.com/etc.clientlibs/clientlib-aem-base/css/mixins/_clearfix.less";@import "https://www.lenovo.com/etc.clientlibs/clientlib-aem-base/css/mixins/_gradients.less";@import "https://www.lenovo.com/etc.clientlibs/clientlib-aem-base/css/mixins/_flex.less";@import "https://www.lenovo.com/etc.clientlibs/clientlib-aem-base/css/mixins/_buttons.less";@import "https://www.lenovo.com/etc.clientlibs/clientlib-aem-base/css/mixins/_lists.less";@import "https://www.lenovo.com/etc.clientlibs/clientlib-aem-base/css/mixins/_images.less";// @import "https://www.lenovo.com/etc.clientlibs/clientlib-aem-base/css/base/_breakpoints-btit.less";.len-video{height:100%;.full-width-container .len-video{border:none !important}
.vjs-big-play-button{display:none !important}
.vjs-error .vjs-error-display:before{content:'Video content is not available';font-size:3rem}
.len-video-wrapper{.cb__wrapper__image-block{width:100%;.picture-tag{width:auto;height:100%;#centerer(@both:true,@horizontal:false,@vertical:false);@media @len-tablet-max{width:100%}
a,picture,img{width:auto;height:100%;@media @len-tablet-max{img{height:100%;width:100%;object-fit:cover;object-position:center}
}
}
}
.play-video{cursor:pointer;height:100%;position:absolute;top:0;width:100%}
.icon{background:transparent;display:block;width:70px;height:70px;border:5px solid @white;border-radius:50%;cursor:pointer;#centerer(@both:true,@horizontal:false,@vertical:false);@media @len-tablet-max{width:50px;height:50px}
&:hover{opacity:1}
.arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:45%;height:auto;margin:0 0 0 8%;overflow:hidden;&:before{margin:-200px 0 -200px -300px;border-width:200px 0 200px 300px;display:block;content:'';position:absolute;top:50%;left:auto;right:0;bottom:auto;width:0;height:0;border-style:solid;border-color:transparent;border-left-color:@white}
&:after{display:block;content:'';width:100%;padding-top:150%}
}
}
}
}
.cb{#flexbox();#flex-direction(column);&__wrapper{position:relative;width:100%;overflow:hidden;justify-content:center;#align-items(center);#flexbox();flex-direction:column;&__image-block{position:relative;width:100%;.overlay-text-wrap{&:before{display:inline-block;content:'';height:100%;margin-right:-0.28em;vertical-align:middle}
.icon{background:transparent;display:block;#centerer(@both:true,@horizontal:false,@vertical:false);width:70px;height:70px;border:5px solid @white;border-radius:50%;cursor:pointer;// margin:-5.054% 0 0 -5.054%;@media @len-tablet-max{width:50px;height:50px}
.icon-inner{display:block;padding-bottom:100%}
}
}
}
.overlay-text-wrap{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;&:before{display:inline-block;content:'';height:100%;margin-right:-0.28em;vertical-align:middle}
.overlay-text{#flexbox();#centerer(@both:true,@horizontal:false,@vertical:false);top:~'calc(___YUICSSMIN_PRESERVED_TOKEN_0___)';width:100%;height:100%;#align-items(center);#flex-direction(column);justify-content:center;text-align:center;@media @len-tablet-max{position:absolute;top:0;left:0;transform:translate(0,0);padding-bottom:120px}
.play-video{height:100%;position:absolute;width:100%;.icon{position:absolute;top:62%;left:50%;transform:translate(-50%,-50%)}
}
}
.icon{background:transparent;display:block;width:70px;height:70px;border:5px solid @white;border-radius:50%;cursor:pointer;#centerer(@both:true,@horizontal:false,@vertical:false);@media @len-tablet-max{width:50px;height:50px}
&:hover{opacity:1}
.arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:45%;height:auto;margin:0 0 0 8%;overflow:hidden;&:before{margin:-200px 0 -200px -300px;border-width:200px 0 200px 300px;display:block;content:'';position:absolute;top:50%;left:auto;right:0;bottom:auto;width:0;height:0;border-style:solid;border-color:transparent;border-left-color:@white}
&:after{display:block;content:'';width:100%;padding-top:150%}
}
}
.video-overlay{position:absolute;width:100%;height:100%;top:0;bottom:0;left:0;right:0;cursor:pointer;z-index:10;.play-icon{background:@web-neutral-gray-3;display:block;width:15%;max-width:100px;#centerer(@both:true,@horizontal:false,@vertical:false);opacity:.65;border-radius:50%;&:before{display:block;content:'';padding-top:100%;width:100%}
i{display:block;position:absolute;top:50%;left:50%;width:35%;margin:-25% 0 0 -12%;overflow:hidden;&:before{display:block;content:'';width:100%;padding-top:150%}
&:after{display:block;content:'';position:absolute;top:50%;left:auto;right:0;bottom:auto;width:0;height:0;border:200px solid transparent;border-left:300px solid @white;border-right:0;margin:-200px 0 -200px -300px}
}
}
&:hover{.play-icon{opacity:1}
}
}
}
&__video-block{width:100%;position:relative;display:block;.video-height-mask{.hero-video-wrapper{max-height:unset;overflow:unset;.video-player-wrap{margin-top:0;&.embed-responsive{.html5{position:absolute;top:0;left:0;width:100%;height:100%}
}
.loading-spinner{background:rgba(255,255,255,0.9);display:none;position:absolute;left:0;top:0;width:100%;height:100%;.fas{display:block;position:absolute;left:50%;top:50%;margin:-24px 0 0 -31px}
}
}
}
}
.overlay-text-wrap{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;.overlay-text{#flexbox();width:100%;text-align:center;height:100%;#flex-direction(column);justify-content:center;@media @len-tablet-max{#flexbox();#centerer(@both:true,@horizontal:false,@vertical:false);width:100%;#flex-direction(column);justify-content:center;#align-items(center);padding:0 0 50px}
+.play-video{#centerer(@both:true,@horizontal:false,@vertical:false);width:100%;height:100%;display:flex;.icon{background:transparent;display:inline-block;position:relative;width:70px;height:70px;border:5px solid @white;border-radius:50%;cursor:pointer;top:50%;left:50%;transform:translate(-50%,-50%);@media @len-tablet-max{width:50px;height:50px}
&:hover{opacity:1}
.arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:45%;height:auto;margin:0 0 0 8%;overflow:hidden;&:before{margin:-200px 0 -200px -300px;border-width:200px 0 200px 300px;display:block;content:'';position:absolute;top:50%;left:auto;right:0;bottom:auto;width:0;height:0;border-style:solid;border-color:transparent;border-left-color:@white}
&:after{display:block;content:'';width:100%;padding-top:150%}
}
}
}
.play-video{margin-top:.45em;height:100%;position:absolute;width:100%;top:0;left:0;#flexbox();#flex-direction(column);text-align:center;#align-items(center);justify-content:center;cursor:pointer;.icon{background:transparent;display:inline-block;width:70px;height:70px;border:5px solid @white;border-radius:50%;cursor:pointer;#centerer(@both:true,@horizontal:false,@vertical:false);@media @len-tablet-max{width:50px;height:50px}
.arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:45%;height:auto;margin:0 0 0 8%;overflow:hidden;&:before{margin:-200px 0 -200px -300px;border-width:200px 0 200px 300px;display:block;content:'';position:absolute;top:50%;left:auto;right:0;bottom:auto;width:0;height:0;border-style:solid;border-color:transparent;border-left-color:@white}
&:after{display:block;content:'';width:100%;padding-top:150%}
}
&:hover{opacity:1}
}
}
}
}
}
.picture-tag{display:block}
picture img{display:block;max-width:none;margin:auto}
.overlay-text-wrap .play-video{height:100%;width:100%;cursor:pointer;position:absolute;top:0}
.icon{background:transparent;display:block;#centerer(@both:true,@horizontal:false,@vertical:false);width:70px;height:70px;border:5px solid @white;border-radius:50%;cursor:pointer;// margin:-5.054% 0 0 -5.054%;@media @len-tablet-max{width:50px;height:50px}
.icon-inner{display:block;padding-bottom:100%}
}
}
ul>li{background:url(https://www.lenovo.com/etc.clientlibs/lenovo-base/clientlibs/clientlib-aem-base-site-v1/resources/images/bull.png) no-repeat 11px .45em;margin-left:0}
}
}
.cq-Editable-dom .len-video{height:auto !important}
.embed-responsive-3by2:before{padding-top:66.66667%}
.embed-responsive-wby250:before{padding-top:250px}
.embed-responsive-banner:before{padding-top:41.67%}
@media only screen and (min-width:1280px){.embed-responsive-banner:before{padding-top:660px}
}
.video-js .vjs-tech{object-fit:cover}
.overlay-image-block.top .picture-tag picture{overflow:hidden;#flexbox();justify-content:flex-end}
.overlay-image-block.bottom .picture-tag picture{overflow:hidden;#flexbox();justify-content:flex-end}