.video-player{position:relative}.video-player video{width:auto;height:calc(100vh - 80px)}.video-player.inactive .controls{opacity:0;visibility:hidden}.controls{background:#000000b3;align-items:center;transition:opacity .4s,visibility .4s;display:flex;position:absolute;bottom:-1px;left:0;right:0}.controls button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:20px}.progress-container{cursor:pointer;flex-grow:1;height:16px}.progress-container:before{content:"";background:#ffffff80;width:100%;height:4px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.progress-bar{height:4px}.progress-thumb{opacity:1;background:#fff;border-radius:50%;width:16px;height:16px;transition:opacity .2s;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress-container:hover .progress-thumb,.progress-container:active .progress-thumb{opacity:1}.volume-slider{opacity:0;visibility:hidden}.volume-slider:after{content:"";width:100%;height:20px;display:block;position:absolute;bottom:-6px;left:0}@media (hover:hover){.volume-control:hover .volume-slider{opacity:1;visibility:visible}}.episodes-slider .swiper-wrapper,.episodes-slider .swiper-slide{padding-bottom:5px}.clamp-lines{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media only screen and (max-width:768px){.video-player video{width:100%;height:100%}}.full .video-player{width:100%}video::-webkit-media-text-track-display{display:none!important}video::cue{display:none!important}.animated-wave rect{fill:currentColor;transform-origin:50%;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes wave1ScaleY{0%,to{transform:scaleY(.7)}50%{transform:scaleY(1.8)}}@keyframes wave2ScaleY{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.6)}}@keyframes wave3ScaleY{0%,to{transform:scaleY(.7)}50%{transform:scaleY(1.8)}}@keyframes wave4ScaleY{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.6)}}.animated-wave #wave-1{animation-name:wave1ScaleY;animation-delay:.3s}.animated-wave #wave-2{animation-name:wave2ScaleY;animation-delay:.65s}.animated-wave #wave-3{animation-name:wave3ScaleY;animation-delay:.3s}.animated-wave #wave-4{animation-name:wave4ScaleY;animation-delay:.65s}.animated-wave.paused rect{animation-play-state:paused!important}
