.video-manager{position:relative;background:#000;height:100%}.video-manager .left-side,.video-manager .right-side{min-width:0;min-height:0;overflow:hidden}.video-manager.split{display:grid;grid-template-columns:2fr 1fr}.video-manager.split .right-side{display:flex;flex-direction:column;height:100%}.video-manager.split .right-side.two-column{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);gap:20px}.video-manager.split .right-side .box{flex:1}.video-manager.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;height:100%}.video-manager.grid.count-1{grid-template-columns:1fr;grid-template-rows:1fr}.video-manager.grid.count-2{grid-template-columns:repeat(2,1fr)}.video-manager.grid.count-3{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;height:100%}.video-manager.grid.count-3>.left-side{grid-column:1 / 2;grid-row:1 / 3}.video-manager.grid.count-3>.right-side{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;grid-column:2 / 3;grid-row:1 / 3}.video-manager.grid.count-4{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.video-manager.grid .right-side{display:contents}.video-manager .left-side{display:flex;align-items:center;justify-content:center;font-size:1.2rem;height:100%}.video-manager .user-box-container{width:100%;height:100%;display:flex;justify-content:center;min-width:0;min-height:0;overflow:hidden;border:.5px solid #2a2929}.video-manager .user-box{position:relative;background:#000;display:flex;align-items:center;justify-content:center;font-size:1.1rem;width:100%;height:100%}.video-manager .user-box video{width:100%;height:100%;object-fit:cover}.video-manager .user-box audio{visibility:hidden}.user-box .name{position:absolute;bottom:10px;padding:0;margin:0;left:10px;z-index:99;color:#fff;font-size:14px}.user-box .video-off{position:absolute;width:100%;height:100%;background:#b5b5b5;display:flex;align-items:center;justify-content:center}.user-box .video-off .blur-background{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:blur(30px);z-index:0}.user-box .video-off .picture{width:150px;height:150px;border-radius:100px;z-index:9}.user-box .audio-off{position:absolute;bottom:10px;right:10px;z-index:999999;font-size:20px;color:#fff}.user-box .cohost-mute-unmute{position:absolute;bottom:10px;left:10px;z-index:999999;font-size:20px;color:#fff;cursor:pointer}.user-box .bottom-gradient{position:absolute;bottom:0;width:100%;height:50px;background:linear-gradient(to top,#0000004d,#0000)}.user-box .host-badge{position:absolute;top:10px;left:10px;background:#6b6bf3;color:#fff;padding:2px 8px;border-radius:25px;font-size:12px;display:flex;align-items:center;z-index:99}body.react-confirm-alert-body-element{overflow:hidden}.react-confirm-alert-blur{filter:url(#gaussian-blur);filter:blur(2px);-webkit-filter:blur(2px)}.react-confirm-alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;background:#ffffffe6;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;-ms-align-items:center;align-items:center;opacity:0;-webkit-animation:react-confirm-alert-fadeIn .5s .2s forwards;-moz-animation:react-confirm-alert-fadeIn .5s .2s forwards;-o-animation:react-confirm-alert-fadeIn .5s .2s forwards;animation:react-confirm-alert-fadeIn .5s .2s forwards}.react-confirm-alert-body{font-family:Arial,Helvetica,sans-serif;width:400px;padding:30px;text-align:left;background:#fff;border-radius:10px;box-shadow:0 20px 75px #00000021;color:#666}.react-confirm-alert-svg{position:absolute;top:0;left:0}.react-confirm-alert-body>h1{margin-top:0}.react-confirm-alert-body>h3{margin:0;font-size:16px}.react-confirm-alert-button-group{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-start;margin-top:20px}.react-confirm-alert-button-group>button{outline:none;background:#333;border:none;display:inline-block;padding:6px 18px;color:#eee;margin-right:10px;border-radius:5px;font-size:12px;cursor:pointer}@-webkit-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}.live-stream-container .bottom-controls{position:absolute;bottom:0;left:0;width:100%;color:#fff;background:linear-gradient(to top,#000000b3,#0000);width:calc(100% + -0px);padding:0 10px;font-size:30px;display:flex;justify-content:space-between;align-items:center;height:50px;z-index:999999999;visibility:hidden}.live-stream-container:hover .bottom-controls{visibility:visible}.live-stream-container .bottom-controls .control{display:inline-flex;cursor:pointer}.live-stream-container .bottom-controls .control.disabled{pointer-events:none;color:#b3b3b3}.live-stream-container .bottom-controls .control svg{width:23px;height:23px}.live-stream-container .bottom-controls .left-side,.live-stream-container .bottom-controls .right-side{display:flex!important;gap:20px;justify-content:flex-start;background:none}.live-stream-container .top-controls{position:absolute;top:12px;right:10px;background:#000;padding:5px 10px;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:10px;z-index:99999999;border:.5px solid #414040}.live-stream-container .controls{display:flex;align-items:center;justify-content:center;background:#181818;padding:4px 10px;border-radius:20px}.live-stream-container .control{cursor:pointer;width:25px;height:25px;border-radius:50px;display:flex;align-items:center;justify-content:center;color:#fff}.live-stream-container .control svg{font-size:19px}.live-stream-container .control.active{background-color:gray}.live-stream-container .end-leave-popup{position:fixed;top:0;left:0;width:300px;background:#0009;color:#000;width:100%;height:100%;z-index:99999999999;display:flex;align-items:center;justify-content:center}.live-stream-container .end-leave-popup .end-leave-popup-inner{width:300px;background:#fff;border-radius:10px}.live-stream-container .end-leave-popup .text{height:70px;border-bottom:1px solid #c4c4c4;display:flex;align-items:center;justify-content:center}.live-stream-container .end-leave-popup .buttons{display:flex;justify-content:space-around}.live-stream-container .end-leave-popup .button{flex-grow:1;cursor:pointer;padding:10px}.live-stream-container .end-leave-popup .button:hover{background:#f2f2f2}.live-stream-container .end-leave-popup .leave-btn,.live-stream-container .end-leave-popup .end-btn,.live-stream-container .end-leave-popup .become-viewer-btn{border-left:1px solid #c4c4c4;font-weight:500;border-bottom-right-radius:20px}.live-stream-container .end-leave-popup .become-viewer-btn{border-bottom-right-radius:0}.live-stream-container .end-leave-popup .cancel-btn{border-bottom-left-radius:20px}.live-stream-container{position:relative;background-color:#000;width:100%;height:100%}.live-stream-container.ended,.live-stream-container.joining,.live-stream-container.error{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:10px;z-index:9999999;padding:20px}.live-stream-container.ended svg,.live-stream-container.joining svg,.live-stream-container.error svg,.live-stream-container .paused-overlay svg{font-size:30px}.live-stream-container.error button{font-size:14px}.live-stream-container .spin-icon{animation:spin 1s linear infinite}.live-stream-container .loading{font-size:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:10px;z-index:9999999999;padding:20px;position:absolute;top:0;left:0;width:100%;height:100%;background:#000}.live-stream-container .paused-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px;color:#fff;z-index:99;background:#000}.live-stream-container .paused-overlay.host{font-size:16px}.live-stream-container .paused-overlay .end-text{color:#a8a2a2}.live-stream-container .paused-overlay .countdown-time{font-size:35px;margin-top:15px}.live-stream-container .paused-overlay .resume-btn{background:#ff2c55;width:200px;font-size:16px;margin-top:20px;cursor:pointer}.live-stream-container .paused-overlay .resume-btn:hover{border-color:#000}@keyframes spin{to{transform:rotate(360deg)}}