.video-player-container{display:flex;width:100%;max-width:100%;background:#000;position:relative;height:100%;max-height:600px}.video-player-container.with-comments{display:grid;grid-template-columns:1fr 400px;gap:0}.video-player-container.is-fullscreen,.video-player-container:fullscreen{display:flex;flex-direction:row;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important}.video-player-container:fullscreen.with-drawer .video-wrapper{width:80%;transition:width .3s ease}.video-player-container:fullscreen:not(.with-drawer) .video-wrapper{width:100%;transition:width .3s ease}.video-wrapper{position:relative;background:#000}.video-js-wrapper,.video-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-js{background-color:#000}.video-js,.video-js.vjs-fullscreen{width:100%!important;height:100%!important}.video-js.vjs-fullscreen{position:relative!important;top:0!important;left:0!important;padding-top:0!important}.video-js video{-o-object-fit:contain!important;object-fit:contain!important;width:100%!important;height:100%!important;background:#000}.video-player-container:fullscreen .video-js video{-o-object-fit:contain!important;object-fit:contain!important}.video-js .vjs-tech{-o-object-fit:contain!important;object-fit:contain!important}.video-js .vjs-big-play-button,.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{display:none}.video-js .vjs-play-progress,.video-js .vjs-volume-level{background-color:#925cff}.video-js .vjs-control-bar{background:none!important;border:none!important;box-shadow:none!important;padding:0!important;height:auto!important}.video-js .vjs-slider{background-color:rgba(146,92,255,.2)}.vjs-load-progress{background:rgba(146,92,255,.3)}.video-js .vjs-load-progress,.video-js .vjs-load-progress div,.video-js .vjs-load-progress span{background-color:rgba(146,92,255,.2)}.custom-controls-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:30px;z-index:10;pointer-events:none;opacity:0;transition:opacity .25s ease}.custom-controls-overlay.visible{opacity:1;pointer-events:all}.play-pause-video-player{pointer-events:all}.custom-screen-btn-center{pointer-events:all;background:rgba(0,0,0,.7);border:none;border-radius:50%;width:50px;height:50px;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s}.custom-screen-btn-center:hover{background:rgba(0,0,0,.3)}.custom-screen-btn-center:active{transform:scale(.95)}.video-js{position:relative}.video-js .vjs-control-bar{bottom:8%!important}.custom-control-bar{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:4px 16px;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:100}.custom-control-bar.visible{opacity:1;pointer-events:all}.time-display{color:#f2f4f7;font-size:14px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-width:100px;text-align:left;letter-spacing:.3px}.spacer{flex:1}.fullscreen-btn{background:none;border:none;color:#f2f4f7;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;pointer-events:all}.fullscreen-btn:hover{background:rgba(255,255,255,.1);transform:scale(1.1)}.fullscreen-btn:active{transform:scale(.95)}.fullscreen-btn svg{width:24px;height:24px;stroke:currentColor;stroke-width:2}.drawer-toggle-btn{background:none;border:none;color:#f2f4f7;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;pointer-events:all;margin-right:8px}.drawer-toggle-btn:hover{background:rgba(255,255,255,.1);transform:scale(1.1)}.drawer-toggle-btn:active{transform:scale(.95)}.drawer-toggle-btn svg{width:24px;height:24px;stroke:currentColor;stroke-width:2}.video-player-container:fullscreen .vjs-control-bar{bottom:7%!important}.react-utility-tray-container{position:absolute;border-radius:20px;width:-moz-fit-content;width:fit-content;bottom:10%;left:0;right:0;display:flex;margin-left:20px;z-index:11;transition:opacity .3s ease;pointer-events:all}.overlay-button{background-color:#faff00;border-radius:9999999px;padding:8px;aspect-ratio:1/1}.overlay-control-btn{background-color:rgba(0,0,0,.3);aspect-ratio:1/1;padding:8px;border-radius:99px}@media (max-width:1910px){.react-utility-tray-container{bottom:120px}.video-js .vjs-control-bar{bottom:14%!important}}@media (max-width:1020px){.video-js .vjs-control-bar{bottom:20%!important}.video-player-container:fullscreen .vjs-control-bar{bottom:15%!important}.custom-control-bar{padding:4px}.time-display{font-size:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-width:50px;text-align:left}.react-utility-tray-container{bottom:120px}}@media (max-width:768px){.video-js .vjs-control-bar{bottom:21%!important}.video-player-container:fullscreen .vjs-control-bar{bottom:12%!important}.custom-control-bar{padding:0 4px}.react-utility-tray-container{bottom:5%}}