.video-container{text-align:center;position:relative;overflow:hidden;border-radius:10px;height:100%}.video-container .openShare-modal{position:absolute;right:10px;top:10px;z-index:1111;background-color:rgba(0,0,0,0);border:none;opacity:1}.video-container .openShare-modal.hidden{opacity:0}.video-container .openShare-modal svg{width:25px;height:25px}.video-container .openShare-modal svg circle,.video-container .openShare-modal svg path{stroke:#fff;fill:#fff}.share-modal{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:1111;padding:20px}.share-modal p{color:#fff}.share-modal .share-texts{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%}.share-modal .share-texts p{color:#fff;width:100%;padding:0 40px;margin-top:5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-modal .share-texts p:nth-child(2){border-bottom:1px solid #fff;padding-bottom:3px}.share-modal .share-texts .btns{margin-top:10px;display:flex;flex-wrap:wrap;gap:13px}.share-modal .share-texts .btns button{background-color:rgba(0,0,0,0);border:none}.share-modal .share-texts .btns button:hover{transform:scale(1.2)}.share-modal .share-texts .btns button svg{width:36px;height:36px;fill:#fff}.share-modal .close{position:absolute;right:10px;top:10px;z-index:999;background-color:rgba(0,0,0,0);border:none;transform:rotate(45deg)}.share-modal .close svg{width:37px;height:37px}.share-modal .close svg path{stroke:#fff}.video-container.active .video-content video{height:100vh;width:100%;object-fit:cover}.video-content{position:relative;height:100%}.video-content .video-title{text-align:left;position:absolute;z-index:999;width:100%;padding:10px 30px 10px 10px;color:#fff;opacity:1;background-color:rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-content .video-title.hidden{opacity:0}.video-content.cursor-unset{cursor:pointer}.video-content.cursor-none{cursor:none}video{width:100%;height:100%}.video-msg{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.video-msg img{width:70px}.video-msg p{color:#fff;font-weight:600;font-size:18px}.video-msg.right{right:15%}.video-msg.left{left:20%}.controls{position:absolute;bottom:0;width:99.95%;height:70px;display:flex;flex-direction:column;padding:5px 20px;row-gap:10px;z-index:999!important;background-color:rgba(0,0,0,.5);opacity:1}.controls.hidden{opacity:0}.controls-inner{display:flex;justify-content:space-between}.left{display:flex;gap:15px}.left #playPauseBtn{margin:0}.left #current-time{font-size:14px!important;font-weight:600}.left .volume-btns{display:flex;gap:5px}.left .volume-btns button{margin:0}.left #vote-btns{display:flex}.left #vote-btns button{font-size:15px;display:flex;gap:5px;border-radius:5px;padding:2px}.left #vote-btns button.vote-btn-like.active{background-color:#2ecc71}.left #vote-btns button.vote-btn-like.active:first-child{color:#fff}.left #vote-btns button.vote-btn-like.active:first-child svg{fill:#fff}.left #vote-btns button.vote-btn-dislike.active{background-color:rgba(252,26,63,.4);color:#fff}.left #vote-btns button.vote-btn-dislike.active svg{fill:#fff}.left #vote-btns button svg{width:24px;height:24px}.left #vote-btns button:first-child{color:#2ecc71}.left #vote-btns button:first-child svg{fill:#2ecc71}.left #vote-btns button:last-child{color:rgba(252,26,63,.4)}.left #vote-btns button:last-child svg{fill:rgba(252,26,63,.4)}.left .save-inn{display:flex;cursor:pointer}.left .save-inn span p{display:flex}.left .save-inn span p svg{width:25px;height:25px}.left .save-inn span p svg path{stroke:#fff}.hid{opacity:0}.left,.right{display:flex;align-items:center}.settings-icon{display:none}.settings-icon img{width:20px}.qualities{transition:all .3s;position:absolute;border-radius:7px;background-color:rgba(0,0,0,.6784313725);right:25px;bottom:40px;width:100px;right:-100%}.qualities.active-qualities{opacity:1;z-index:1;right:25px}.qualities button{padding:10px;width:100%;justify-content:center;margin:unset;color:#fff}.qualities button:before{position:absolute;content:"";width:5px;height:5px;border-radius:50%;background-color:#fff;right:10px}.quality-btn.active{color:#38baf6}.quality-btn.active:before{background-color:#38baf6!important}.qualities button:hover{background-color:#ddd}.controls button{margin-right:10px}.progress-container-all{background:#ddd}.progress-container{position:relative;width:100%;height:4px;transition:unset!important}.progress-bar{width:0;height:100%;background:#f29824}.progress-bar,.thumb{transition:unset!important}.tooltip{background:#333;padding:5px;border-radius:3px;display:none;font-size:12px}.pause-overlay,.tooltip{position:absolute;color:#fff}.pause-overlay{top:50%;left:50%;transform:translate(-50%,-50%);z-index:11}.pause-overlay img{width:80px}.pause-overlay:hover img{transform:scale(1.1)}.progress-container,button,img,input{cursor:pointer}.controls button{padding:0;background-color:rgba(0,0,0,0);border:none;position:relative;display:flex;align-items:center}.controls button img{width:18px}.controls button span{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:11px!important}.controls button span#orq{left:47%}.controls button span#old{left:51%;top:47.5%}.nextBtn img{transform:scaleX(-1)}.nextBtn,.prevBtn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.nextBtn:hover,.prevBtn:hover{background-color:#333}.nextBtn img,.prevBtn img{width:22px!important}input[type=range]{-webkit-appearance:none;width:100%;height:4px;border-radius:5px;outline:none;padding:0;margin:10px 0;margin-right:10px!important;background:linear-gradient(to right,#f29824 var(--progress),#ddd var(--progress))}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,#f29824 var(--progress),#ddd var(--progress));height:4px;border-radius:5px}input[type=range]::-moz-range-track{background:linear-gradient(to right,#f29824 var(--progress),#ddd var(--progress));height:4px;border-radius:5px}input[type=range]::-ms-track{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:rgba(0,0,0,0);width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#fff;border:2px solid #f29824;border-radius:50%;cursor:pointer;margin-top:-4px}input[type=range]::-moz-range-thumb{width:12px;height:12px;background:#fff;border:2px solid #f29824;border-radius:50%;cursor:pointer}input[type=range]::-ms-thumb{width:12px;height:12px;background:#fff;border:2px solid #f29824;border-radius:50%;cursor:pointer}input[type=range]:active::-webkit-slider-thumb{background:#f29824;border-color:#fff}input[type=range]:active::-moz-range-thumb{background:#f29824;border-color:#fff}input[type=range]:active::-ms-thumb{background:#f29824;border-color:#fff}#fullscreenBtn{margin-left:10px}#fullscreenBtn:hover img{transform:scale(1.1)}.black{width:100%;height:100%;top:0;left:0;background-color:#000;z-index:1;position:absolute}#current-time,#duration{color:#fff;display:flex;align-items:center}#duration{margin-left:10px}.spinner{border:4px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:749px){.video-container,video{width:100%;height:100%}#current-time,#duration{color:#fff;font-size:13px}input[type=range]{width:30%}.right{justify-content:end}.nextBtn img,.prevBtn img{width:20px!important}button span{font-size:11px!important}button img{width:16px}.pause-overlay img{width:60px}}@media screen and (max-width:500px){.video-content .video-title{font-size:14px}#volumeSlider{display:none}.video-msg.right{right:-3%!important}.controls-inner{display:flex;justify-content:space-between}.left{display:flex;gap:15px}.left #playPauseBtn{margin:0}.left #current-time{font-size:14px!important;font-weight:400}.left .volume-btns{display:flex;gap:5px}.left .volume-btns button{margin:0}.left #vote-btns{display:none}#notify-cop,.share-modal .share-texts p:nth-child(2){font-size:12px}}