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