*,:after,:before{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#d4d4d4}::-webkit-scrollbar-thumb:hover{background:#e6e6e6}.video-title{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.video-item{cursor:pointer}.main-content{display:grid;gap:24px;grid-auto-rows:minmax(240px,auto);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));justify-content:center;padding:24px}.video-thumbnail img{border-radius:6px}.video-thumbnail{position:relative}.video-thumbnail .play-button{border-radius:50%;cursor:pointer;font-size:3em;left:50%;padding:10px;position:absolute;top:50%;transform:translate(-50%,-50%)}@media only screen and (min-width:1330px){.main-content{grid-template-columns:repeat(4,minmax(240px,360px))}}.video-footer-head{display:flex}.video-description{color:#616161;font-size:14px}.author{align-items:center;display:flex}.video-title{color:#030303;margin-bottom:4px;max-width:60ch}.video-footer{display:flex;margin-top:12px}