.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;transition:opacity .3s}.video-container .openShare-modal.hidden{opacity:0;pointer-events:none}.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}.preroll-ad-overlay{position:absolute;inset:0;z-index:1112;background:#000;overflow:hidden;border-radius:10px}.preroll-ad-content,.preroll-ad-overlay{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.preroll-skip-btn{position:absolute;top:12px;right:12px;z-index:1113;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;color:#fff;background:rgba(242,153,36,.6117647059);cursor:not-allowed;transition:background .2s ease,transform .15s ease;white-space:nowrap}.preroll-skip-btn.visible{cursor:pointer;background:#f29824}.preroll-skip-btn.visible:hover{background:#d6840f;transform:scale(1.04)}@media screen and (max-width:500px){.preroll-skip-btn{font-size:11px;padding:6px 10px;top:8px;right:8px}}.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 40px 10px 10px;color:#fff;opacity:1;transition:opacity .3s;background-color:rgba(0,0,0,.3019607843);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-content .video-title.hidden{opacity:0}.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.twox_label{padding:4px 15px;border-radius:15px;background-color:rgba(242,152,36,.2784313725);display:flex;align-items:center;gap:8px;flex-direction:unset}.video-msg.twox_label img{width:16px}.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%;min-height:70px;display:flex;flex-direction:column;padding:5px 20px 0;row-gap:8px;z-index:999!important;background:rgba(0,0,0,.3019607843);opacity:1;transition:opacity .3s}.controls.hidden{opacity:0;pointer-events:none}.controls-inner{justify-content:space-between}.controls-inner,.left,.right{display:flex;align-items:center}.left,.right{gap:8px}.left .current-time-box{background-color:rgba(242,152,36,.2784313725);padding:7px 10px;border-radius:20px}.left .current-time-box #current-time{font-size:14px!important;font-weight:600;color:#fff;white-space:nowrap;display:flex;gap:5px}.left .current-time-box #current-time div{transform:rotate(10deg)}.right .volume-box{background-color:rgba(242,152,36,.2784313725);padding:9px 10px;border-radius:20px;display:flex;align-items:center;gap:7px}.right .volume-box #muteBtn{width:17px;height:17px}.right .volume-box button{width:unset;height:unset;background-color:unset}.progress-box{height:13px;display:flex;align-items:center}.progress-box.hovered .progress-container,.progress-box:hover .progress-container{height:10px}.progress-box.hovered .progress-container .thumb,.progress-box:hover .progress-container .thumb{width:16px;height:16px;top:50%;transform:translateY(-50%)}.progress-container{position:relative;width:100%;height:5px;background:hsla(0,0%,100%,.3);border-radius:3px;transition:height .15s ease}.buffered-bar{background:hsla(0,0%,100%,.45)!important}.progress-bar{transition:unset!important}.thumb{transition:width .15s ease,height .15s ease;top:-4px;width:12px;height:12px;background:#fff;border-radius:50%;cursor:-webkit-grab;cursor:grab;z-index:2;position:absolute}.thumb:hover{transform:scale(1.2)}.progress-tooltip{position:absolute;bottom:16px;transform:translateX(-50%);background:rgba(242,152,36,.2784313725);color:#fff;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:600;pointer-events:none;white-space:nowrap;z-index:10;transition:0s!important}.pause-overlay{position:absolute;top:0;left:0;color:#fff;z-index:11;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.pause-overlay img{width:80px!important;height:80px!important;transition:transform .15s ease;cursor:pointer}.pause-overlay img:hover{transform:scale(1.1)}.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)}}.controls button{padding:0;background-color:rgba(0,0,0,0);border:none;position:relative;cursor:pointer;width:35px;height:35px;background-color:rgba(242,152,36,.2784313725);display:flex;align-items:center;justify-content:center;border-radius:50%}.controls button img{width:17px!important;height:17px!important}.controls button#playPauseBtn .play-video{margin-left:1px}.controls button img{width:17px}#fullscreenBtn img{transform:scale(.95)}#pipBtn{opacity:.85;transition:opacity .2s}#pipBtn:hover{opacity:1}#pipBtn.active-pip{background:#f29824}input[type=range]{-webkit-appearance:none;width:80px;height:4px;border-radius:5px;outline:none;padding:0;margin:0;cursor:pointer;background:linear-gradient(to right,#f29824 var(--progress,100%),rgba(255,255,255,.3) var(--progress,100%))}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,#f29824 var(--progress,100%),rgba(255,255,255,.3) var(--progress,100%));height:4px;border-radius:5px}input[type=range]::-moz-range-track{background:linear-gradient(to right,#f29824 var(--progress,100%),rgba(255,255,255,.3) var(--progress,100%));height:4px;border-radius:5px}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]:active::-webkit-slider-thumb{background:#f29824;border-color:#fff}.speed-menu-wrapper{position:relative}.speed-menu{position:absolute;bottom:calc(100% + 8px);right:0;background:rgba(20,20,20,.95);border-radius:8px;overflow:hidden;min-width:110px;box-shadow:0 4px 20px rgba(0,0,0,.5);z-index:2000}.speed-menu .speed-option{display:block;width:100%;padding:8px 14px;background:rgba(0,0,0,0);border:none;color:#ccc;font-size:13px;text-align:left;cursor:pointer;transition:background .15s,color .15s;border-radius:0!important}.speed-menu .speed-option:hover{background:hsla(0,0%,100%,.1);color:#fff}.speed-menu .speed-option.active{color:#f29824;font-weight:700;background:rgba(242,152,36,.1)}.hid{opacity:0}#notify-cop{color:#f29824!important}@media screen and (max-width:749px){.video-container,video{width:100%;height:100%}#current-time{color:#fff;font-size:13px!important}input[type=range]{width:50px}.right{justify-content:flex-end}.pause-overlay img{width:60px!important;height:60px!important}}@media screen and (max-width:500px){.controls{padding:7px 15px 0}.video-content .video-title{font-size:14px}#volumeSlider{display:none}.video-msg.right{right:-3%!important}.controls-inner{justify-content:space-between}.current-time-box #current-time{font-size:12px!important;font-weight:400!important}#notify-cop,.share-modal .share-texts p:nth-child(2){font-size:12px}.speed-btn{font-size:11px!important;padding:1px 5px!important}#pipBtn{display:none}.speed-menu{min-width:100px}.speed-menu .speed-option{padding:4px 10px;font-size:11px;height:27px;text-align:center}}