.max-w-5xl{max-width:64rem}.mx-auto{margin-left:auto;margin-right:auto}.p-4{padding:1rem}.flex-wrap{display:flex;flex-wrap:wrap}.cws-video-container{--skin-color:#ef4444;aspect-ratio:16/9;background:#000;height:100vh;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.cws-video-container *{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.cws-video-container .cws-video-player{height:100%;width:100%}.cws-video-container .controls-backdrop{background:linear-gradient(0deg,rgba(0,0,0,.6),transparent,transparent);bottom:0;left:0;position:absolute;right:0;top:0;inset:0;opacity:1;transition:opacity .2s;z-index:12}.cws-video-container .title-backdrop{background:linear-gradient(180deg,rgba(0,0,0,.6),transparent);display:flex;left:0;padding:1rem;position:absolute;right:0;top:0;z-index:13}.cws-video-container .title-backdrop:has(.back-btn){align-items:center;display:flex}.cws-video-container .title-backdrop .back-btn{align-items:center;background:transparent;border:none;color:#fff;cursor:pointer;display:inline-flex;margin-right:10px}.cws-video-container .title-backdrop .back-btn svg{height:30px;width:30px}.cws-video-container video::-webkit-media-controls,.cws-video-container video::cue{display:none!important;opacity:0!important}.cws-video-container .caption_text{align-items:center;border-radius:10px;bottom:6.5rem;color:#fff;font-size:25px;left:50%;max-width:98%;position:absolute;text-align:center;transform:translateX(-50%);transition:bottom .2s;width:max-content;z-index:13}.cws-video-container .caption_text:not(:empty){padding:5px 10px}.cws-video-container .subtitle-customize-btn{margin-left:auto}.cws-video-container .subtitle-customize-section{font-size:14px;padding:0 1rem .5rem}.cws-video-container .subtitle-setting{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.cws-video-container .subtitle-setting:last-child{margin-bottom:0}.cws-video-container .delay-control{align-items:center;display:flex;gap:.5rem}.cws-video-container .delay-control span{min-width:3rem;text-align:center}.cws-video-container .slider-container{align-items:center;display:flex;flex:1;gap:.5rem;margin-top:.5rem;width:100%}.cws-video-container .subtitle-setting.flex-wrap label{width:100%}.cws-video-container .slider-container input[type=range]{-webkit-appearance:none;background:hsla(0,0%,100%,.3);border-radius:100px;flex:1;height:6px}.cws-video-container .slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:14px;width:14px}.cws-video-container .slider-container span{min-width:3rem;text-align:right}.cws-video-container .color-options{display:flex;gap:.5rem}.cws-video-container .color-option{border:2px solid transparent;border-radius:50%;cursor:pointer;height:24px;width:24px}.cws-video-container .color-option.active{border-color:#fff}.cws-video-container .color-option[data-color=white]{background:#fff}.cws-video-container .color-option[data-color=gray]{background:gray}.cws-video-container .color-option[data-color=blue]{background:#3498db}.cws-video-container .color-option[data-color=yellow]{background:#f1c40f}.cws-video-container .caption_text{transition:all .2s ease}.cws-video-container .title{color:#fff;display:inline-block;font-size:1.125rem;font-weight:500;opacity:1;transition:opacity .3s ease}.cws-video-container .cws-video-container:not(:hover) .title{opacity:0!important}.cws-video-container .player-logo{transition:opacity .3s ease}.cws-video-container .player-logo.clickable{cursor:pointer}.cws-video-container .player-logo.clickable:hover{opacity:1!important}.cws-video-container .player-logo img{display:block;height:auto;max-width:100%}.cws-video-container .cws-video-container:not(:hover) .player-logo{opacity:0!important}.cws-video-container .cws-video-container:hover .player-logo{opacity:1!important}.cws-video-container .poster-image{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:0}.cws-video-container .poster-image:after{background:rgba(0,0,0,.2);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.cws-video-container .cws-video-container.playing .poster-image{display:none}.cws-video-container .controls-container{bottom:0;left:0;padding:1rem;position:absolute;right:0;space-y:.75rem}.cws-video-container .progress-container{background:hsla(0,0%,100%,.3);border-radius:4px;cursor:pointer;height:5px;margin-bottom:1rem;position:relative;width:100%}.cws-video-container .progress-bar{border-radius:4px;height:100%;position:relative;width:100%}.cws-video-container .progress-played{background:var(--skin-color);border-radius:inherit;height:100%;left:0;position:absolute;top:0}.cws-video-container .progress-loaded{background:hsla(0,0%,100%,.2);border-radius:inherit;height:100%;left:0;position:absolute;top:0}.cws-video-container .progress-handle{background:#fff;border-radius:50%;height:16px;left:-8px;pointer-events:none;position:absolute;top:2px;transform:translateY(-50%);transform-origin:top;transition:transform .2s,scale .2s;width:16px}.cws-video-container .progress-container:hover .progress-handle{transform:scale(1.2) translateY(-50%)}.cws-video-container .controls-row{align-items:center;gap:.75rem}.cws-video-container .control-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:color .2s}.cws-video-container .control-button:hover{color:var(--skin-color)}.cws-video-container .control-button svg{height:30px;width:30px}.cws-video-container #liveBtn{display:none;font-size:16px}.cws-video-container #liveBtn .live-dot{background-color:var(--skin-color);border-radius:50%;height:12px;margin-right:10px;width:12px}.cws-video-container .volume-container{align-items:center;display:flex;overflow:hidden}.cws-video-container .volume-slider{-webkit-appearance:none;background:hsla(0,0%,100%,.3);border-radius:100px;height:4px;width:100px}.cws-video-container .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:12px;width:12px}.cws-video-container .time-display{color:#fff;font-size:.875rem}.cws-video-container .settings-menu{backdrop-filter:blur(6px);background:rgba(0,0,0,.7);border-radius:.5rem;bottom:6rem;color:#fff;max-height:-webkit-fill-available!important;opacity:0;overflow:auto;position:absolute;right:1rem;transform:translateY(30px);transition:all .2s;visibility:hidden;width:20rem;z-index:10000}.cws-video-container .settings-menu.active{opacity:1;transform:translateY(0);visibility:visible}.cws-video-container .settings-menu::-webkit-scrollbar{border-radius:1000px;width:4px}.cws-video-container .settings-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;padding:.5rem 1rem}.cws-video-container .settings-back{margin-right:.5rem}.cws-video-container .settings-content{padding:1rem}.cws-video-container .settings-grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.cws-video-container .settings-section{display:flex;flex-direction:column;gap:.25rem}.cws-video-container .settings-label{color:hsla(0,0%,100%,.6);font-size:.75rem}.cws-video-container .settings-button{align-items:center;background:none;border:none;border-radius:.25rem;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem;text-align:left;width:100%}.cws-video-container .settings-button:hover{background:hsla(0,0%,100%,.1)}.cws-video-container .settings-button svg{height:16px;width:16px}.cws-video-container .settings-button.active:after{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgY2xhc3M9Imx1Y2lkZSBsdWNpZGUtY2hlY2siIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIwIDYgOSAxN2wtNS01Ii8+PC9zdmc+");background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;content:"";height:22px;width:22px}.cws-video-container .speed-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.cws-video-container .speed-button{background:none;border:1px solid hsla(0,0%,100%,.2);border-radius:.25rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem .75rem}.cws-video-container .speed-button.active{background:hsla(0,0%,100%,.2)}.cws-video-container .switch-container{align-items:center;border-radius:.25rem;display:flex;justify-content:space-between;padding:.75rem}.cws-video-container .switch-container:hover{background:hsla(0,0%,100%,.1)}.cws-video-container .switch-container span{font-size:14px}.cws-video-container .switch{height:20px;position:relative;width:36px}.cws-video-container .switch input{height:0;opacity:0;width:0}.cws-video-container .switch-slider{background-color:hsla(0,0%,100%,.3);border-radius:20px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.cws-video-container .switch-slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.4s;width:16px}.cws-video-container input:checked+.switch-slider{background-color:var(--skin-color)}.cws-video-container input:checked+.switch-slider:before{transform:translateX(16px)}.cws-video-container .cws-video-container:hover .controls-backdrop{opacity:1}.cws-video-container .preview-thumbnail{background:rgba(0,0,0,.8);border:2px solid hsla(0,0%,100%,.4);border-radius:4px;bottom:130px;display:none;overflow:hidden;pointer-events:none;position:absolute;z-index:10}.cws-video-container .preview-thumbnail img{display:block;max-height:90px;max-width:160px}.cws-video-container .preview-thumbnail .preview-time{color:#fff;font-size:12px;padding:2px 4px;text-align:center}.cws-video-container .progress-hover-time{background:rgba(0,0,0,.8);border-radius:4px;bottom:20px;color:#fff;display:none;font-size:12px;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:10}.cws-video-container .progress-hover-time:after{border:6px solid transparent;border-top-color:rgba(0,0,0,.8);content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.cws-video-container .loading-spinner{animation:spin 1s linear infinite;border:6px solid rgba(0,0,0,.3);border-radius:50%;border-top:6px solid var(--skin-color);display:none;height:80px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}@keyframes spin{to{transform:translate(-50%,-50%) rotate(1turn)}}.cws-video-container .volume-slider-container{display:flex;transition:width .2s ease;width:0}.cws-video-container .volume-container.active .volume-slider-container,.cws-video-container .volume-container:hover .volume-slider-container{width:100px}.cws-video-container .error-overlay{align-items:center;background:#000;inset:0;bottom:0;color:#fff;display:none;flex-direction:column;justify-content:center;left:0;padding:1rem;position:absolute;right:0;text-align:center;top:0;z-index:10}.cws-video-container .error-overlay button{background:var(--skin-color);border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1rem}.cws-video-container .center-play-button{align-items:center;background:rgba(0,0,0,.6);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:64px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s;width:64px;z-index:13}.cws-video-container .center-play-button:hover{background:rgba(0,0,0,.8);transform:translate(-50%,-50%) scale(1.1)}.cws-video-container .center-play-button svg{height:32px;width:32px}.cws-video-container .center-play-button,.cws-video-container .control-button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}@media (hover:none){.cws-video-container .center-play-button:active,.cws-video-container .control-button:active{opacity:.8;transform:scale(.95)}}@media (max-width:768px){.cws-video-container .control-button{min-height:44px;min-width:44px}}.cws-video-container .player-lock-button{align-items:center;background:rgba(0,0,0,.6);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;isolation:isolate;justify-content:center;opacity:0;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:14;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.cws-video-container .player-lock-button,.cws-video-container .player-lock-button *{pointer-events:auto;-webkit-user-select:none;user-select:none}.cws-video-container .cws-video-container:hover .player-lock-button,.cws-video-container .player-locked .player-lock-button{opacity:1}.cws-video-container .player-lock-button i{height:20px;width:20px}.cws-video-container .player-lock-button:hover{background:rgba(0,0,0,.8);transform:scale(1.1)}.cws-video-container .player-locked{pointer-events:none}.cws-video-container .player-locked .player-lock-button{background:rgba(255,0,0,.6);pointer-events:auto}.cws-video-container .player-locked .center-play-button,.cws-video-container .player-locked .controls-container{display:none!important}.cws-video-container .lock-notification{background:rgba(0,0,0,.8);border-radius:1000px;color:#fff;left:50%;opacity:0;padding:10px 20px;pointer-events:none;position:absolute;top:10%;transform:translate(-50%,-100%) scale(.9);transition:all .3s ease;z-index:1001}.cws-video-container .lock-notification.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.cws-video-container .lock-notification-content{align-items:center;display:flex;gap:8px}.cws-video-container .lock-notification-content i{height:18px;width:18px}.cws-video-container .lock-notification-content span{font-size:14px;font-weight:500}.cws-video-container .player-locked .cws-video-container>:not(.player-lock-button):not(.lock-notification){pointer-events:none}@media (max-width:768px){.cws-video-container .player-lock-button{height:36px;right:10px;top:10px;width:36px}.cws-video-container .player-lock-button i{height:18px;width:18px}}.cws-video-container .controls-row{display:flex;justify-content:space-between}.cws-video-container .left-contorls{align-items:center;display:flex;flex:1;justify-content:left}.cws-video-container .left-contorls>*{margin-right:.5rem}.cws-video-container .center-contorls{align-items:center;display:flex;flex:1;justify-content:center}.cws-video-container .center-contorls>*{margin-right:.5rem}.cws-video-container .center-contorls .control-button svg{height:45px;width:45px}.cws-video-container .right-contorls{display:flex;flex:1;justify-content:flex-end;margin-left:auto}.cws-video-container .right-contorls>*{margin-left:.5rem}.cws-video-container .seek-indicator{align-items:center;background:rgba(0,0,0,.6);border-radius:50%;display:flex;height:80px;justify-content:center;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:80px;z-index:10}.cws-video-container .seek-indicator.left-seek{left:15%}.cws-video-container .seek-indicator.right-seek{right:15%}.cws-video-container .seek-indicator.active{animation:pulse .5s ease-out;opacity:1}.cws-video-container .seek-indicator-content{align-items:center;color:#fff;display:flex;flex-direction:column}.cws-video-container .seek-indicator-content i{height:32px;margin-bottom:4px;width:32px}.cws-video-container .seek-indicator-content span{font-size:14px;font-weight:700}@keyframes pulse{0%{opacity:0;transform:translateY(-50%) scale(.8)}50%{opacity:1;transform:translateY(-50%) scale(1.1)}to{opacity:0;transform:translateY(-50%) scale(1)}}@media (hover:hover) and (pointer:fine){.cws-video-container .seek-indicator{display:none}}@media (max-width:920px){.cws-video-container .control-button svg{height:24px!important;width:24px!important}}@media (max-width:640px){.cws-video-container .title{font-size:1rem}.cws-video-container .mobile-hidden{display:none!important;pointer-events:none}.cws-video-container .center-play-button{height:44px;width:44px}.cws-video-container .center-play-button svg{height:22px;width:22px}.cws-video-container .time-display{font-size:.75rem}.cws-video-container .loading-spinner{height:50px;width:50px}.cws-video-container .controls-row,.cws-video-container .right-contorls{gap:0}.cws-video-container .controls-container{padding:.5rem 1rem}.cws-video-container .progress-container{margin-bottom:.75rem}.cws-video-container .volume-container.active .volume-slider-container,.cws-video-container .volume-container:hover .volume-slider-container{width:0}.cws-video-container .preview-thumbnail img{max-height:68px;max-width:120px}}@media (max-width:480px){.cws-video-container .right-contorls>*{margin-left:0}.cws-video-container .left-contorls>*{margin-right:0}.cws-video-container #playlistBtn+#audioTracksBtn{display:none!important;pointer-events:none}}@media (max-width:400px){.cws-video-container .settings-menu{width:90%}}@media (max-width:340px){.cws-video-container #subtitlesBtn{display:none!important;pointer-events:none}}.cws-video-container .playlist-menu{backdrop-filter:blur(6px);background:rgba(0,0,0,.9);color:#fff;height:100%;max-width:400px;position:absolute;right:-420px;top:0;transition:right .3s ease;width:100%;z-index:15}.cws-video-container .playlist-menu.active{right:0}.cws-video-container .playlist-header{border-bottom:1px solid hsla(0,0%,100%,.1);justify-content:space-between;padding:1rem}.cws-video-container .playlist-header span{font-size:1.1rem;font-weight:500}.cws-video-container .playlist-content{height:100%;overflow-y:auto;padding-bottom:20px}.cws-video-container .playlist-content .close-playlist{position:fixed;right:10px;top:10px}.cws-video-container .playlist-content::-webkit-scrollbar{border-radius:1000px;width:4px}.cws-video-container .playlist-content::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:1000px}.cws-video-container .playlist-item{border-bottom:1px solid hsla(0,0%,100%,.1);cursor:pointer;display:flex;padding:1rem;transition:background-color .2s ease}.cws-video-container .playlist-content>.playlist-item:first-of-type{margin-top:50px}.cws-video-container .playlist-item:hover{background:hsla(0,0%,100%,.1)}.cws-video-container .playlist-item.active{background:var(--skin-color);background:color-mix(in srgb,var(--skin-color) 20%,transparent)}.cws-video-container .playlist-item-image{background:rgba(0,0,0,.2);border-radius:4px;height:60.5px;margin-right:1rem;overflow:hidden;width:100px}.cws-video-container .playlist-item-image img{height:100%;object-fit:contain;width:100%}.cws-video-container .placeholder-image{align-items:center;background:hsla(0,0%,100%,.1);display:flex;height:100%;justify-content:center;width:100%}.cws-video-container .placeholder-image svg{height:30px;width:30px}.cws-video-container .playlist-item-info{align-items:center;display:flex;flex:1;flex-wrap:wrap}.cws-video-container .playlist-item-info h3{font-size:.9rem;font-weight:500;margin:0 0 .5rem;width:100%}.cws-video-container .playlist-item-info p{font-size:.8rem;margin:0;opacity:.7}.cws-video-container .playlist-search{align-items:center;display:flex;flex:1;margin:0 1rem;position:relative}.cws-video-container .search-input{background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.2);border-radius:4px;color:#fff;font-size:.9rem;padding:.5rem 2rem .5rem .75rem;width:100%}.cws-video-container .search-input:focus{background:hsla(0,0%,100%,.15);border-color:color-mix(in srgb,var(--skin-color) 80%,transparent);outline:none}.cws-video-container .search-clear{background:none;border:none;color:hsla(0,0%,100%,.6);cursor:pointer;display:none;padding:.25rem;position:absolute;right:.5rem}.cws-video-container .search-clear:hover{color:#fff}.cws-video-container .playlist-header{align-items:center;display:flex}