:root{--youtube-red:#FE0900}.video-controls{right:0;left:0;padding:10px;position:absolute;bottom:0;transition:all .2s ease;background-image:linear-gradient(to bottom,rgba(0,0,0,.3),rgba(0,0,0,.5))}.video-controls.hide{opacity:0;pointer-events:none}.video-progress{position:relative;height:8.4px;margin-bottom:10px}progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:2px;width:100%;height:8.4px;pointer-events:none;position:absolute;top:0}progress::-webkit-progress-bar{background-color:#474545;border-radius:2px}progress::-webkit-progress-value{background:var(--youtube-red);border-radius:2px}progress::-moz-progress-bar{border:1px solid var(--youtube-red);background:var(--youtube-red)}.seek{position:absolute;top:0;width:100%;cursor:pointer;margin:0}.seek:hover+.seek-tooltip{display:block}.seek-tooltip{display:none;position:absolute;top:-50px;margin-left:-20px;font-size:12px;padding:3px;content:attr(data-title);font-weight:700;color:#fff;background-color:rgba(0,0,0,.6)}.bottom-controls{display:flex;justify-content:space-between;align-items:center}.left-controls{display:flex;align-items:center;color:#fff}.volume-controls{display:flex;align-items:center;margin-right:10px}.volume-controls input{width:100px;opacity:1;transition:all .4s ease}.volume-controls input:focus,.volume-controls:hover input{width:100px;opacity:1}.video-controls button{cursor:pointer;position:relative;margin-right:7px;font-size:12px;padding:3px;border:none;outline:0;background-color:transparent}.video-controls button *{pointer-events:none}.video-controls button::before{content:attr(data-title);position:absolute;display:none;right:0;top:-50px;background-color:rgba(0,0,0,.6);color:#fff;font-weight:700;padding:4px 6px;word-break:keep-all;white-space:pre}.video-controls .left-controls button::before{left:0;right:auto}.video-controls .right-controls button::before{right:0}.video-controls button:hover::before{display:inline-block}.playback-animation{pointer-events:none;position:absolute;top:50%;left:50%;margin-left:-40px;margin-top:-40px;width:80px;height:80px;border-radius:80px;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;opacity:0}.video-controls input[type=range]{-webkit-appearance:none;-moz-appearance:none;height:8.4px;background:0 0;cursor:pointer}.video-controls input[type=range]:focus{outline:0}.video-controls input[type=range]::-webkit-slider-runnable-track{width:100%;cursor:pointer;border-radius:1.3px;-webkit-appearance:none;transition:all .4s ease}.video-controls input[type=range]::-webkit-slider-thumb{height:16px;width:16px;border-radius:16px;background:var(--youtube-red);cursor:pointer;-webkit-appearance:none;margin-left:-1px}@media (max-width:900px){.video-controls input[type=range]::-webkit-slider-thumb{height:25px;width:25px}}.video-controls input[type=range]:focus::-webkit-slider-runnable-track{background:0 0}.video-controls input[type=range].volume{height:5px;background-color:#fff}.video-controls input[type=range].volume::-webkit-slider-runnable-track{background-color:transparent}.video-controls input[type=range].volume::-webkit-slider-thumb{margin-left:0;height:14px;width:14px;background:#fff}.video-controls input[type=range]::-moz-range-track{width:100%;height:8.4px;cursor:pointer;border:1px solid transparent;background:0 0;border-radius:1.3px}.video-controls input[type=range]::-moz-range-thumb{height:14px;width:14px;border-radius:50px;border:1px solid var(--youtube-red);background:var(--youtube-red);cursor:pointer;margin-top:5px}.video-controls input[type=range]:focus::-moz-range-track{outline:0}.video-controls input[type=range].volume::-moz-range-thumb{border:1px solid #fff;background:#fff}.hidden{display:none}.video-controls svg{width:28px;height:28px;fill:#fff;stroke:#fff;cursor:pointer}.close-video{width:24px;height:24px;padding:2px}.video-controls .right-controls{display:flex}.video-controls .right-controls>.btn{color:#fff;border:2px solid #fff;transition:background-color .5s ease;margin-right:25px;font-size:12px;text-transform:uppercase;padding:8px 12px}.video-controls .right-controls>.btn:hover::before{display:none}.no-smil .video-controls .video-progress>input{display:none}