body{font-family:Arial,sans-serif;text-align:center;margin:0px;padding:0px;user-select:none;overflow:hidden;}
input{margin:0px;padding:0px;}
.player-container{width:100%;margin:0 auto;position:relative;background:black;}
video{width:100%;height:100%;display:block;}
#controls{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);height:50px;transition:opacity 0.3s;}
#controls.hidden{opacity:0;pointer-events:none;}
.playBtn,.speedBtn,#volumeBtn,#loop,#hmbl,#fullscreenBtn{background:rgba(255,255,255,0);border:none;cursor:pointer;fill:white;color:white;font-size:14px;width:60px;height:50px;float:right;line-height:10px;border-radius:5px;}
.playBtn{float:left;}
.speedBtn{line-height:15px;}
#volumebox{display:none;color:white;position:absolute;bottom:50px;right:105px;height:50px;line-height:55px;background:rgba(0,0,0,0.5);border:2px solid #aaa;padding:0 5px;z-index:5;}
.volumeleft{float:left;width:140px;}
.volumeright{float:right;width:40px;line-height:50px;}
.bl{object-fit:fill;}
#fullscreenBtn{float:right;}
button:active{background:#004466!important;}
#speedList{display:none;position:absolute;bottom:50px;right:20px;background:rgba(0,0,0,0.5);z-index:5;}
.speed-option{color:#fff;font-size:14px;line-height:50px;width:70px;height:50px;float:left;border:2px solid #aaa;border-left:none;cursor:pointer;}
.speed-option.selected{background:#004466;}
.progress-bar{position:absolute;bottom:50px;left:0;right:0;background:rgba(0,0,0,0.2);width:100%;height:20px;-webkit-appearance:none;appearance:none;z-index:3;}
.progress-bar::-webkit-slider-thumb{width:20px;height:20px;-webkit-appearance:none;appearance:none;background:rgba(255,255,255,1);cursor:pointer;z-index:4;}
.progressBar_watched{position:absolute;bottom:50px;left:0;right:0;background:rgba(0,0,0,0.5);width:100%;height:20px;z-index:2;}
.buffered-bar{position:absolute;bottom:50px;left:0;right:0;background:rgba(255,255,255,0.5);width:100%;height:20px;z-index:1;}
#timeDisplay{float:left;font-size:14px;margin-top:18px;color:white;margin-left:10px;}
#timeTooltip{position:absolute;bottom:70px;background:rgba(0,0,0,0.7);color:white;padding:5px 10px;border-radius:4px;font-size:14px;display:none;z-index:5;pointer-events:none;}
.fastRewindtip,.fastForwardtip,.loading,.novideourl{color:rgba(255,255,255,0.6);text-align:center;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);}
.fastRewindtip,.fastForwardtip{display:none;background:rgba(0,0,0,0.7);padding:5px 10px;font-size:20px;border-radius:5px;}
.sk-wave{height:4em;margin:auto;text-align:center;}.sk-wave .sk-rect{background:rgba(255,255,255,0.6);height:100%;width:0.6em;border-radius:10px;margin-left:5px;display:inline-block;animation:sk-wave-stretch-delay 1.2s infinite ease-in-out;}.sk-wave .sk-rect:nth-child(1){animation-delay:-1.2s;}.sk-wave .sk-rect:nth-child(2){animation-delay:-1.1s;}.sk-wave .sk-rect:nth-child(3){animation-delay:-1s;}.sk-wave .sk-rect:nth-child(4){animation-delay:-0.9s;}.sk-wave .sk-rect:nth-child(5){animation-delay:-0.8s;}@keyframes sk-wave-stretch-delay{0%,40%,100%{transform:scaleY(0.4);}20%{transform:scaleY(1);}}
#BtnTooltip{display:none;font-size:14px;color:white;position:absolute;bottom:50px;width:80px;height:50px;line-height:50px;background:rgba(0,0,0,0.5);border:2px solid #aaa;z-index:5;}
#controls_top{font-size:14px;color:white;position:absolute;top:0;left:0;width:100%;height:50px;line-height:50px;background:rgba(0,0,0,0.5);z-index:5;transition:opacity 0.3s;}
#controls_top.hidden{opacity:0;pointer-events:none;}
.left_title{float:left;padding:0 15px;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}