.video-playlist-wrap{align-items:stretch;aspect-ratio:24/9;background:#000;border-radius:8px;display:flex;flex-direction:row;gap:1%;margin:0 auto;max-width:1260px;padding:1em;width:100%}.video-playlist-wrap .video-playlist-error{background:#fff3cd;border:1px solid #ffc107;border-radius:4px;color:#856404;margin-bottom:20px;padding:20px}.video-playlist-wrap .video-playlist-error-quota{background:#f8d7da;border-color:#dc3545;color:#721c24}.video-playlist-wrap .video-playlist-error p{margin:0 0 10px}.video-playlist-wrap .video-playlist-error p:last-child{margin-bottom:0}.video-playlist-wrap .video-playlist-main-player{display:flex;flex:2;flex-direction:column;height:100%;min-width:0;position:relative}.video-playlist-wrap .video-playlist-player{background:#000;height:100%;position:relative;width:100%}.video-playlist-wrap .video-playlist-player-loader{align-items:center;background:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.video-playlist-wrap .video-playlist-player-loader.hidden{display:none}.video-playlist-wrap .video-playlist-player iframe{height:100%;left:0;position:absolute;top:0;width:100%}.video-playlist-wrap .video-playlist-nav{align-items:center;display:flex}.video-playlist-wrap .video-playlist-control{align-items:center;background:none;border:none;color:hsla(0,0%,100%,.6);cursor:pointer;display:flex;height:24px;justify-content:center;padding:4px;transition:color .2s ease,opacity .2s ease;width:24px}.video-playlist-wrap .video-playlist-control:hover{color:#fff;opacity:1}.video-playlist-wrap .video-playlist-control:disabled{cursor:not-allowed;opacity:.2}.video-playlist-wrap .video-playlist-control svg{display:block;height:18px;width:18px}.video-playlist-wrap .video-playlist-slider-wrap{background:hsla(0,0%,100%,.05);border-radius:8px;display:flex;flex:1;flex-direction:column;height:100%;min-width:0;padding:0;position:relative}.video-playlist-wrap .video-playlist-header{align-items:center;border-bottom:1px dashed hsla(0,0%,100%,.1);display:flex;flex-shrink:0;justify-content:space-between;max-height:38px;padding:8px 12px}.video-playlist-wrap .video-playlist-header__count{color:#fff;font-size:12px;font-weight:600;opacity:.8}.video-playlist-wrap .video-playlist-header__title{color:#fff;flex:1;font-size:12px;font-weight:500;margin-left:15px;opacity:.9;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.video-playlist-wrap .video-playlist-gallery{display:flex;flex:1;flex-direction:column;overflow:hidden;position:relative}.video-playlist-wrap .video-playlist-loader{align-items:center;background:rgba(0,0,0,.7);bottom:0;display:none;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.video-playlist-wrap .video-playlist-loader.active{display:flex}.video-playlist-wrap .video-playlist-viewport{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:hsla(0,0%,100%,.3) transparent;scrollbar-width:thin}.video-playlist-wrap .video-playlist-viewport::-webkit-scrollbar{width:6px}.video-playlist-wrap .video-playlist-viewport::-webkit-scrollbar-track{background:transparent}.video-playlist-wrap .video-playlist-viewport::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:3px}.video-playlist-wrap .video-playlist-viewport::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.video-playlist-wrap .video-playlist-scroll-container{display:flex;flex-direction:column;gap:10px;padding:10px}.video-playlist-wrap .video-playlist-item{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;flex-direction:row;gap:10px;padding:0;position:relative;text-align:left;transition:opacity .2s ease;width:100%}.video-playlist-wrap .video-playlist-item:hover{opacity:.8}.video-playlist-wrap .video-playlist-item:focus-visible{outline:2px solid #fc0032;outline-offset:2px}.video-playlist-wrap .video-playlist-item.playing .video-playlist-item__thumb:after{border:1px dashed red;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.video-playlist-wrap .video-playlist-item__thumb{aspect-ratio:16/9;background:#000;flex-shrink:0;overflow:hidden;position:relative;width:38%}.video-playlist-wrap .video-playlist-item__thumb img{display:block;height:100%;object-fit:cover;width:100%}.video-playlist-wrap .video-playlist-item__playing{background:#fc0032;border-radius:2px;color:#000;display:none;font-size:9px;font-weight:500;left:4px;line-height:1.4;padding:1px 4px;position:absolute;top:4px}.video-playlist-wrap .video-playlist-item.playing .video-playlist-item__playing{display:block}.video-playlist-wrap .video-playlist-item.playing .video-playlist-item__title{color:#fc0032}.video-playlist-wrap .video-playlist-item__title{color:#ccc;flex:1;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis}.video-playlist-wrap .video-playlist-footer{align-items:center;border-top:1px dashed hsla(0,0%,100%,.1);display:flex;flex-shrink:0;min-height:38px;padding:4px 12px;position:relative}.video-playlist-wrap .video-playlist-footer .video-playlist-link-msg,.video-playlist-wrap .video-playlist-footer .video-playlist-load-more-btn{left:50%;position:absolute;transform:translateX(-50%)}.video-playlist-wrap .video-playlist-footer .video-playlist-counter{margin-left:auto}.video-playlist-wrap .video-playlist-load-more{display:none;flex-shrink:0;padding:10px 0;text-align:center}.video-playlist-wrap .video-playlist-load-more.visible{display:block}.video-playlist-wrap .video-playlist-counter{color:hsla(0,0%,100%,.6);font-size:11px}.video-playlist-wrap .video-playlist-counter__current{display:inline-block;transition:color .4s ease}.video-playlist-wrap .video-playlist-counter__current.pulse{animation:video-counter-pulse .4s ease-out}.video-playlist-wrap .video-playlist-counter__current.highlight{color:#cd201f}@keyframes video-counter-pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.video-playlist-wrap .video-playlist-load-more-btn{align-items:center;background:hsla(0,0%,100%,.1);border:none;border-radius:3px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;height:24px;justify-content:center;padding:4px;transition:background .2s ease;width:24px}.video-playlist-wrap .video-playlist-load-more-btn svg{display:block;height:14px;width:14px}.video-playlist-wrap .video-playlist-load-more-btn:hover{background:hsla(0,0%,100%,.2)}.video-playlist-wrap .video-playlist-load-more-btn:disabled{cursor:not-allowed;opacity:.5}.video-playlist-wrap .video-playlist-load-more-btn.loading{cursor:wait;opacity:.7}.video-playlist-wrap .video-playlist-link-msg{color:hsla(0,0%,100%,.6);font-size:11px;text-decoration:none}.video-playlist-wrap .video-playlist-link-msg:hover{color:#fff;text-decoration:underline}.video-playlist-vinyl-spinner{animation:video-playlist-vinyl-spin 2s linear infinite;color:#cd201f;display:inline-block;height:48px;width:48px}@keyframes video-playlist-vinyl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:991px){.video-playlist-wrap{aspect-ratio:unset;flex-direction:column;height:auto}.video-playlist-wrap .video-playlist-main-player{width:100%}.video-playlist-wrap .video-playlist-player{aspect-ratio:16/9;height:auto;width:100%}.video-playlist-wrap .video-playlist-slider-wrap{height:auto;max-height:400px;width:100%}.video-playlist-wrap .video-playlist-viewport{max-height:300px}}@media (max-width:768px){.video-playlist-wrap{gap:0}.video-playlist-wrap .video-playlist-main-player{margin-bottom:10px}.video-playlist-wrap .video-playlist-slider-wrap,.video-playlist-wrap .video-playlist-viewport{max-height:360px}.video-playlist-wrap .video-playlist-item__thumb{width:100px}.video-playlist-wrap .video-playlist-item__title{font-size:11px}.video-playlist-wrap .video-playlist-control svg{height:16px;width:16px}}