.playlist-controller{background-color:#151515;padding:25px 30px}.playlist-controller__info{display:flex;justify-content:space-between;align-items:center}.playlist-controller__title{display:flex;align-items:center;font-size:17px;line-height:20px;color:#fff;font-weight:700}.playlist-controller__title svg{margin-right:6px}.playlist-controller__counter{color:#757575;font-size:13px;line-height:15px}.playlist-controller__counter span{color:#fff}.playlist-controller__controls{display:flex}.playlist-controller__controls-item{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;fill:#5b5b5b}.playlist-controller__controls-item+.playlist-controller__controls-item{margin-left:3px}.playlist-controller__controls-item--active,.playlist-controller__controls-item:hover{fill:#fff}.playlist-controller__video{display:flex;flex-direction:column;text-decoration:none;padding:5px;opacity:.5;transition:300ms ease-out}.playlist-controller__video--active,.playlist-controller__video:hover{opacity:1}.playlist-controller__list{padding-top:25px}.playlist-controller__video-preview{position:relative;margin-bottom:5px}.playlist-controller__video-preview::before{content:"";display:block;padding-top:56.25%}.playlist-controller__video-preview img{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#2f2f2f}.playlist-controller__video-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;width:122px;font-size:12px}.VueCarousel-navigation-button{background-color:rgba(221,229,250,.9)!important;border-radius:50%;width:50px;height:50px;outline:0!important;display:flex;align-items:center;justify-content:center;top:55px!important}.VueCarousel-navigation-button:hover{background-color:#dde5fa!important}.VueCarousel-navigation-prev{left:30px!important}.VueCarousel-navigation-next{right:30px!important}.VueCarousel-dot{margin-top:10px!important;outline:0!important}.playlist-controller__video-duration{position:absolute;left:10px;top:10px;color:#fff;font-size:11px;line-height:13px;z-index:1;padding:2px 4px;border-radius:4px;background-color:rgba(0,0,0,.7019607843)}@media (min-width:768px) and (max-width:1023px){.playlist-controller__video-title{width:100px}}@media (max-width:767px){.playlist-controller{padding:10px}.playlist-controller__info{flex-wrap:wrap}.playlist-controller__title{width:100%;margin-bottom:10px}.playlist-controller__list{padding-top:15px}.VueCarousel-navigation-button{width:36px;height:36px}}