body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{font-family:"Syne Mono",monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;text-align:center;background-image:linear-gradient(116.82deg,#c600ff,#7400ff);color:#2c3e50;margin:0;padding:0;overflow-x:hidden;overflow-y:auto}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#overlay{width:100vw;height:100vh;top:0;left:0;position:fixed;background:rgba(0,0,0,30%)}#loader{height:100px;width:100px;background:#f1f3f6;box-shadow:-3px -3px 8px #fff,3px 3px 8px rgba(55,84,170,.1),inset 4px 4px 20px hsla(0,0%,100%,.5);border-radius:10px;position:fixed;left:calc(50% - 50px);top:calc(50% - 50px);padding:30px}#loader img{height:40px;width:40px;animation:rotation .6s ease-out infinite;margin:30px}.call-controls-container{position:fixed!important;bottom:0;height:70px;z-index:500}.call-controls-container.not-calling{bottom:50%}.call-controls-container.not-calling .main-call-controls{margin-bottom:30px}#videos{width:100vw;height:100vh;overflow:hidden}#remoteVideo{display:none;background:#000}#remoteVideo.active{display:block;position:absolute;width:100%;height:100%;background:#000}#webcamVideo.active{position:absolute;top:15px;right:40px;width:250px;height:188px;background:#000;border-radius:7px;box-shadow:1px 1px 8px #000;z-index:100}#webcamVideo{width:100%;height:100%;background:#000}#btn-video-call-container{background-color:rgba(0,0,0,.356);padding:10px;text-align:center;position:absolute;bottom:0;width:100%;align-items:center}#joinBtn{z-index:100;background:#23d935;width:150px;padding:1rem 2rem;border-radius:50px;box-shadow:1px 1px 8px rgba(35,217,53,.5215686274509804);color:#fff;font-weight:700;border:none;outline:none}#joinBtn.calling{width:auto!important}#joinBtn:hover{background:#31e743;transform:scale(1.01);box-shadow:1px 1px 8px rgba(35,217,53,.5215686274509804)}#joinBtn:disabled{background:#3d7943}#my-user-info div{display:inline-flex;height:175px;width:175px;border-radius:100px;margin-bottom:64px;background:#aa39ca;align-items:center;box-shadow:1px 1px 16px rgba(0,0,0,.296)}#my-user-info div p{font-size:3.5rem;color:#fff;font-weight:800;line-height:100%;margin:0;padding:0;width:100%;text-align:center;text-transform:uppercase}.local-screen-sharing{position:fixed;top:calc(50% - 90px);left:calc(50% - 90px);display:flex;justify-content:center;height:180px;width:180px;border-radius:100px;margin-bottom:64px;background:#aa39ca;align-items:center;box-shadow:1px 1px 16px rgba(0,0,0,.296)}.local-screen-sharing img{width:100px;height:100px}#hangupButton{background:#cb1414!important}#hangupButton:hover{background:#eb4444}#hideLocalVideoBtn{position:absolute;z-index:1000;top:20px;right:45px;border:none;border-radius:50%;outline:none;background-color:#000;opacity:.6;height:30px;width:30px;display:flex;text-align:center;align-items:center;justify-content:center}#hideLocalVideoBtn img{height:20px;width:20px}#hideLocalVideoBtn:hover{opacity:1}#hideLocalVideoBtn:focus{outline:none}.c-row{display:flex;flex-wrap:wrap}.c-col-12{position:relative;width:100%}.operation-btn{padding:10px;width:50px;height:50px;border-radius:50px;background:#aa39ca;margin-left:5px;margin-right:5px;outline:none;border:none}.operation-btn img{width:24px;height:24px}.operation-btn:hover{background:#bd44df!important}.operation-btn:disabled,.operation-btn:disabled:hover{color:#908e8e!important;background:#474747!important}.operation-btn:focus{outline:none!important;border:none!important}.media-device-container{display:inline-flex;justify-content:flex-end}.device-selector{width:16px;height:16px;border-radius:50px;background-color:#000;display:inline-flex;align-items:center;justify-content:center;border:none;outline:none}.device-selector:focus{outline:none}.device-selector img{width:12px;height:12px}.media-device-container .device-selector{display:inline-flex;position:absolute}.model{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.47058823529411764);z-index:5000;display:flex;justify-content:center;align-items:center}.model-body{padding:24px;margin:10px;background-color:#fff;min-height:14vh;border-radius:4px;z-index:5001;position:relative;min-width:300px;width:500px}.model-body>.model-header{display:flex}.model-body>.model-header>h3{margin:0 0 15px}.model-body>.model-header>button{width:24px;height:24px;display:flex;position:absolute;top:15px;right:15px;justify-content:center;align-items:center;border-radius:5px;background-color:transparent;border:none;outline:none}.model-body>.model-header>button>img{width:16px;height:16px;-webkit-filter:invert(1);filter:invert(1)}.model-content{margin-top:10px;text-align:left}.model-label{font-family:Arial,Helvetica,sans-serif;color:#000}.model-content>.select{margin-top:10px;outline:none}#indicator-container{position:absolute;top:10px;left:calc(50% - 60px);align-items:center;text-align:center;width:100px;height:100px;opacity:.6;pointer-events:none;transition:top .5s,left .5s,width .5s,height .5s,position .5s,bottom .5s,right .5s}#indicator-container.board{z-index:2001;right:90px;left:unset;width:70px;height:70px}#indicator-container.board>.btns>.remoteUserName>p{font-size:1.5rem}#indicator-container.active{top:40%;opacity:1;transform:scale(1.5);width:150px;height:150px}#indicator-container>.btns{text-align:center;display:flex;height:100%;width:100%;align-items:center;justify-content:center}#indicator-container>.btns>.remoteUserName{position:absolute;display:inline-flex;width:100%;height:100%;border-radius:100%;background:#aa39ca;align-items:center;box-shadow:1px 1px 16px rgb(0 0 0/30%)}.soundBubble{position:absolute;width:95%;height:95%;background-image:radial-gradient(#9e2fbd 50%,#7400ff 100%);background-image:-o-radial-gradient(#9e2fbd 50%,#7400ff 100%);border-radius:100%}#indicator-container>.btns>.remoteUserName>p{width:100%;font-size:3rem;color:#fff;font-weight:800;line-height:100%;text-align:center;text-transform:uppercase}#indicator-container>.indicator{text-align:center;width:250px;position:absolute;left:calc(50% - 125px);margin-top:-15px}#indicator-container>.indicator>div{margin-right:5px;background-color:#000;border-radius:50px;width:30px;height:30px;display:inline-block;align-items:center;text-align:center;justify-content:center}#indicator-container>.indicator>div>div{width:100%;height:100%;display:flex;text-align:center;align-items:center;justify-content:center}#indicator-container>.indicator>div>div>img{width:16px;height:16px}.whiteBoardContainer{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:2000}.whiteBoardContainer>button{position:absolute;right:20px;top:20px;padding:10px;width:50px;height:50px;border-radius:50px;background:#aa39ca;margin-left:5px;margin-right:5px;outline:none;border:none;z-index:3001}.whiteBoardContainer>button>img{width:24px;height:24px}#whiteBoard{width:100%;height:100%;background-color:#fff;z-index:1000}#snackbar{visibility:hidden;min-width:250px;background-color:#333;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1;right:5px;bottom:130px;font-size:17px}#snackbar.show{visibility:visible;animation:fadein .5s,fadeout .5s 2.5s}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@media (min-width:300px) and (max-width:600px){#webcamVideo.active{position:absolute;top:10px;right:25px;width:103px;height:77px;border-radius:7px;box-shadow:1px 1px 8px #d2d2d2;opacity:1}#indicator-container{left:calc(50% - 50px);width:80px;height:80px}#indicator-container.active{top:40%;opacity:1;transform:scale(1.5);width:100px;height:100px}#indicator-container>.btns>.remoteUserName>p{font-size:2rem}.operation-btn{padding:0;width:40px;height:40px}.operation-btn img{width:20px;height:20px}#hideLocalVideoBtn{top:15px;right:30px;opacity:1;height:28px;width:28px;display:flex;text-align:center;align-items:center;justify-content:center}#indicator-container.board{z-index:2001;left:unset;right:90px;width:70px;height:70px}}@media (min-width:600px) and (max-width:768px){#webcamVideo.active{position:absolute;top:17px;right:13px;width:160px;height:122px;border-radius:7px;box-shadow:1px 1px 8px #000}#hideLocalVideoBtn{top:25px;right:24px;opacity:1}#indicator-container.board{z-index:2001;left:unset;width:70px;height:70px}}@media (min-width:768px) and (max-width:992px){#videos{width:100%;height:100vh}}
/*# sourceMappingURL=main.68eb045c.chunk.css.map */