.video-lib{margin-bottom:88px;display:flex;height:640px}
@media screen and (max-width:450px ){.video-lib{margin-bottom:56px;height:auto;flex-direction:column}}
.video-lib__main{flex-grow:1}
@media screen and (max-width:450px ){.video-lib__main{height:100vw}}
.video-lib__main .video-card{height:100%}
.video-lib__aside{padding:24px 30px;background:#fff;width:398px;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}
@media screen and (max-width:450px ){.video-lib__aside{padding:24px 20px;width:auto}.video-lib__aside .video-card{width:260px;flex-shrink:0}}
.video-lib__aside-title{font-size:20px;font-weight:600}
@media screen and (max-width:450px ){.video-lib__aside-title{font-size:18px}}
.video-lib__aside-list{margin-top:24px;overflow-y:auto;height:100%}
@media screen and (max-width:450px ){.video-lib__aside-list{display:flex;flex-direction:row;overflow-y:visible;overflow-x:auto}}
#video_list_updater{display:flex;flex-direction:column;gap:16px}
@media screen and (max-width:450px ){#video_list_updater{flex-direction:row}}
.video-card{display:block;position:relative}
.video-card--large .video-card__name{position:absolute;bottom:30px;left:30px;right:30px;color:#fff;z-index:1}
.video-card--large .video-card__preview,
.video-card--large .video-card__image{height:100%}
.video-card__preview{position:relative}
.video-card__play{position:absolute;display:grid;place-items:center;background:rgba(0,0,0,0.5);z-index:1;width:100%;height:100%;transition:all 0.3s ease}
.video-card__play:hover{background:rgba(0,0,0,0.4)}
.video-card__play-btn{background:#d51e29;color:#fff;width:60px;height:40px;padding:8px 20px;border-radius:6px;transition:all 0.3s ease}
.video-card__play-btn:hover{background:#be101a}
.video-card__play-btn svg{fill:none}
.video-card__date{margin-bottom:4px}
.video-card__image{height:200px;width:100%;object-fit:cover}
@media screen and (max-width:450px ){.video-card__image{height:180px}}
.video-card__name{margin-top:8px}