*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#202124;font-family:Poppins,sans-serif;overflow-x:hidden}header{color:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 30px;display:flex}header>div:first-child{font-size:20px;font-weight:700}header>div:last-child{cursor:pointer;font-weight:500}.avatar{-o-transition:all .1s ease-in-out;border-radius:50%;width:40px;height:40px;transition:all .1s ease-in-out}.avatar:hover{transform:scale(1.05)}.loginControlContainer{flex-direction:column;gap:10px;margin-top:20px;display:flex}.meetingText{border:0;border-radius:5px;flex:1;width:100%;padding:14px 20px;font-size:18px}.meetingText:focus{outline:none}.joinButton,.createNew{cursor:pointer;border:0;border-radius:10px;flex:.5;padding:14px 20px;font-size:20px}.joinButton:hover,.createNew:hover{background-color:#00efef}.main-control-container{z-index:2;background-color:#202124;justify-content:center;align-items:center;gap:10px;width:100%;height:64px;display:flex;position:fixed;bottom:0}.btn{color:#fff;cursor:pointer;background:#3c4043;border:none;border-radius:10px;padding:10px 30px;font-family:Arial;font-size:20px}.btn:not(:disabled):hover{background:#50626b}.btn:disabled{cursor:not-allowed;opacity:.5}.video-grid{display:-ms-grid;flex:1;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;align-items:center;gap:10px;padding:10px 10px 64px;display:grid}.video-grid:has(.video-container:first-child:last-child){grid-template-columns:repeat(auto-fit,minmax(300px,80%));padding-bottom:10px}.video-container{background-color:#ccc;padding-bottom:56.25%;position:relative}.video-container video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.loginpage-box{z-index:100;height:calc(100% - 64px);position:absolute;top:64px}.sidebar-blank,.sidebar{width:376px}.sidebar{z-index:100;height:calc(100% - 64px);padding:10px;position:absolute;right:0}.sidebar>div{background-color:#fff;border-radius:10px;height:100%;padding:10px}.video-overlay{color:#000;z-index:2;background:#ccc;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;font-size:24px;display:flex;position:absolute}.video-overlay>img{border-radius:50%}.video-overlay>div{text-overflow:ellipsis;white-space:nowrap;text-align:center;width:300px;font-size:20px;overflow:hidden}.video-overlay>div>span{font-weight:700}.video-name{z-index:1;background-color:#00000080;border-radius:20px;margin:10px;padding:5px 15px;position:absolute;bottom:0}@media only screen and (width<=768px){.sidebar-blank{display:none}.sidebar{width:100%}.video-grid:has(.video-container:first-child:last-child){grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding-bottom:10px}.hide-end-call{display:none!important}}.loading-container{justify-content:center;align-items:center;height:100vh;display:flex}.lds-ripple{width:80px;height:80px;display:inline-block;position:relative}.lds-ripple div{opacity:1;border:4px solid #fff;border-radius:50%;animation:1s cubic-bezier(0,.2,.8,1) infinite lds-ripple;position:absolute}.lds-ripple div:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{opacity:0;width:0;height:0;top:36px;left:36px}4.9%{opacity:0;width:0;height:0;top:36px;left:36px}5%{opacity:1;width:0;height:0;top:36px;left:36px}to{opacity:0;width:72px;height:72px;top:0;left:0}}.notificationDot{background:red;border-radius:50%;width:12px;height:12px;position:absolute;top:0;right:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.fullscreen{z-index:10;background-color:#202124;justify-content:center;align-items:center;width:100%;height:calc(100% - 64px);padding:0;display:flex;position:fixed;top:0;left:0}.fullscreen video{object-fit:contain;width:100%;height:100%}.fullscreen:before{content:"Double tap/click to exit from full screen";opacity:.7;cursor:pointer;z-index:1;background-color:#000;border-radius:10px;display:none;position:absolute;top:0;right:0;padding:10px!important}.fullscreen:hover:before{display:block}.lds-ellipsis{width:80px;height:80px;display:inline-block;position:relative}.lds-ellipsis div{background:#fff;border-radius:50%;width:13px;height:13px;animation-timing-function:cubic-bezier(0,1,1,0);position:absolute;top:33px}.lds-ellipsis div:first-child{animation:.6s infinite lds-ellipsis1;left:8px}.lds-ellipsis div:nth-child(2){animation:.6s infinite lds-ellipsis2;left:8px}.lds-ellipsis div:nth-child(3){animation:.6s infinite lds-ellipsis2;left:32px}.lds-ellipsis div:nth-child(4){animation:.6s infinite lds-ellipsis3;left:56px}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}