.video-playlist .wrapper{max-width:1440px}
.video-playlist .wrapper .hero-overlay{border-radius:16px;position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0.8)),to(rgba(0,0,0,0.1)));background:linear-gradient(to right,rgba(0,0,0,0.8),rgba(0,0,0,0.1));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:24px;min-height:300px}
.video-playlist .wrapper .hero-overlay h3{color:var(--color_text-white);font-weight:bold;line-height:normal;margin-bottom:12px}
.video-playlist .wrapper img.hero-thumb{border-radius:16px;min-height:300px;max-height:550px;-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover}
.video-playlist .wrapper .video-title{width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:55px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;margin:0;display:block;padding-top:10px}
@media(max-width:576px){.video-playlist .wrapper .video-title{width:100px}
}.video-playlist .wrapper .video-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:12px}
@media(max-width:576px){.video-playlist .wrapper .video-thumbs{grid-template-columns:1fr}
}.video-playlist .wrapper .video-controls{margin:8px 0}
.video-playlist .wrapper button#start-watching{border:0;cursor:pointer}
.video-playlist .wrapper iframe#main-video{border-radius:16px}
.video-playlist .wrapper .video-card{position:relative;padding:16px}
.video-playlist .wrapper .video-card.active{border:2px solid var(--color_surface-group-orange);border-radius:16px;padding:16px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}
@media(max-width:576px){.video-playlist .wrapper .video-card{display:grid;grid-template-columns:1fr 1fr;gap:12px}
}.video-playlist .wrapper .video-card .avatar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;margin-top:16px}
.video-playlist .wrapper .video-card .video-meta{width:48px;height:48px;border-radius:100px}
.video-playlist .wrapper .video-card .video-meta img{width:48px;height:48px;border-radius:100px}
.video-playlist .wrapper .video-card .video-thumbnail{border-radius:16px;max-height:215px;height:215px;cursor:pointer;-o-object-fit:cover;object-fit:cover}
@media(max-width:768px){.video-playlist .wrapper .video-card .video-thumbnail{height:150px}
}.video-playlist .wrapper .video-card .video-thumbnail:hover{-webkit-transform:scale(1.005);transform:scale(1.005)}