.video-list{display:grid;grid-template-columns:repeat(var(--video-column,4),1fr);grid-gap:1rem}.video-list .video-item{display:flex;flex-direction:column;font-weight:400;font-size:1.4rem;text-decoration:none}.video-list .video-item:hover .cover-image img{max-width:120%;max-height:120%}.video-list .video-item .cover-image{width:100%;height:0;padding-top:var(--cover-scale,56.25%);overflow:hidden;display:flex;justify-content:center;align-items:center;font-size:0;position:relative}.video-list .video-item .cover-image img{max-width:100%;max-height:100%;position:absolute;margin-top:calc(var(--cover-scale,56.25%)*-1);z-index:8;transition-duration:.3s}.video-list .video-item .cover-image:before{content:"";width:100%;height:100%;display:inline-block;position:absolute;background-color:rgba(0,0,0,.1);z-index:5;margin-top:calc(var(--cover-scale,56.25%)*-1)}.video-list .video-item .cover-image:after{content:"";width:calc(var(--cover-scale,56.25%)*0.256);height:25.6%;max-width:5rem;max-height:5rem;margin-top:calc(var(--cover-scale,56.25%)*-1);display:inline-block;position:absolute;background-image:url(../images/video-play.png);background-size:35%;background-repeat:no-repeat;background-position:55% center;background-color:rgba(0,0,0,.8);z-index:10;border-radius:50%}.video-list .video-item .video-title{text-align:center}