.video-shorts-block .video-shorts-list{display:flex;flex-wrap:wrap}.video-shorts-block .video-shorts-item{width:50%}.video-shorts-block .video-shorts-item .video-shorts-item-content{background-color:#ccc;position:relative}.video-shorts-block .video-shorts-item .video-shorts-item-content:before{content:"";display:block;padding-top:177%}.video-shorts-block .video-shorts-item .video-shorts-item-video{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:2}.video-shorts-block .video-shorts-item .video-shorts-item-poster{background-color:#ccc;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.video-shorts-block .video-shorts-item .video-shorts-item-poster:after{background:linear-gradient(180deg,transparent,rgba(0,0,0,.3),rgba(0,0,0,.5),rgba(0,0,0,.7));bottom:0;content:"";display:block;left:0;position:absolute;top:35%;width:100%;z-index:1}.video-shorts-block .video-shorts-item .video-shorts-item-video-text{bottom:0;color:#fff;font-family:Roboto Condensed,sans-serif;font-size:1.15em;left:0;line-height:1.3em;padding:0 10px 0 15px;position:absolute;top:60%;width:100%;z-index:2}.video-shorts-block .video-shorts-item .video-shorts-item-play-icon{bottom:10px;height:36px;left:10px;position:absolute;width:36px;z-index:3}.video-shorts-block .video-shorts-item .video-shorts-item-play-icon span{color:hsla(0,0%,100%,.7);font-size:36px;transition:color .3s ease,transform .3s ease}.video-shorts-block .video-shorts-item .video-shorts-item-view-label{background-color:hsla(0,0%,100%,.2);bottom:0;color:#e10000;font-size:.75em;font-weight:700;height:30px;line-height:30px;padding:0 5px;position:absolute;right:0;text-transform:uppercase;transition:background-color .3s ease;z-index:3}.video-shorts-block .video-shorts-item .video-shorts-item-controls{bottom:0;display:flex;height:30px;left:0;position:absolute;width:30px;z-index:5}.video-shorts-block .video-shorts-item .video-shorts-item-controls>a{background-color:rgba(0,0,0,.2);display:block;height:30px;padding:3px;text-decoration:none;width:30px}.video-shorts-block .video-shorts-item .video-shorts-item-controls>a>span{color:hsla(0,0%,100%,.7);font-size:24px;transition:color .3s ease}.video-shorts-block .video-shorts-item .video-shorts-item-controls>a:hover>span{color:#fff}.video-shorts-block .video-shorts-item .video-shorts-item-controls .sound-on-off>span{display:none}.video-shorts-block .video-shorts-item .video-shorts-item-controls .sound-on-off.sound-is-off>.sound-off,.video-shorts-block .video-shorts-item .video-shorts-item-controls .sound-on-off.sound-is-on>.sound-on{display:block}.video-shorts-block .video-shorts-item .video-shorts-item-link{height:100%;left:0;position:absolute;top:0;width:100%;z-index:4}.video-shorts-block .video-shorts-item.video-no-text .video-shorts-item-poster:after,.video-shorts-block .video-shorts-item.video-no-text .video-shorts-item-video-text{display:none}.video-shorts-block .video-shorts-item.video-no-text .video-shorts-item-play-icon{bottom:auto;height:48px;left:50%;top:50%;transform:translate(-50%,-50%);width:48px}.video-shorts-block .video-shorts-item.video-no-text .video-shorts-item-play-icon span{font-size:48px}.video-shorts-block .video-shorts-item.video-inactive .video-shorts-item-controls,.video-shorts-block .video-shorts-item.video-inactive .video-shorts-item-video,.video-shorts-block .video-shorts-item.video-inactive .video-shorts-item-view-label{display:none}.video-shorts-block .video-shorts-item.video-inactive:hover .video-shorts-item-play-icon span{color:#fff;transform:rotate(1turn)}.video-shorts-block .video-shorts-item.video-active .video-shorts-item-video{display:block}.video-shorts-block .video-shorts-item.video-active .video-shorts-item-play-icon,.video-shorts-block .video-shorts-item.video-active .video-shorts-item-video-text{display:none}.video-shorts-block .video-shorts-item.video-active .video-shorts-item-controls{display:flex}.video-shorts-block .video-shorts-item.video-active:hover .video-shorts-item-view-label{background-color:hsla(0,0%,100%,.8)}@media screen and (min-width:640px){.video-shorts-block .video-shorts-item{width:20%}}