.MuiAppBar-root.MuiAppBar-positionStatic{position:fixed;left:20px;top:20px;width:auto;z-index:10000;background:#222}.MuiAppBar-root.MuiAppBar-positionStatic ​ form{margin-right:20px}.MuiAppBar-root.MuiAppBar-positionStatic ​ .MuiIconButton-root{background:#333}.MuiAppBar-root.MuiAppBar-positionStatic ​ .MuiIconButton-root:hover{background:#373737}aside video{border-radius:5px;border:2px solid #222;height:auto!important;max-height:100vh}.join-room-screen{padding:30px 0}main{position:relative}main .main-video video{position:absolute;height:calc(100vh - 100px)!important;top:0;z-index:3}main .buttons-wrapper{z-index:4!important}main .buttons-wrapper button{border:1px solid #dadce0;background-color:hsla(0,0%,100%,.25)!important;color:#fff;box-shadow:none;margin:2px 8px 3px}main .buttons-wrapper button.MuiFab-primary{background-color:#d93025!important;border:1px solid #d93025;color:#fff!important;width:75px;height:75px}main .buttons-wrapper button.disabled,main .buttons-wrapper button.disabled:hover,main .buttons-wrapper button:disabled,main .buttons-wrapper button:disabled:hover,main .buttons-wrapper button[disabled],main .buttons-wrapper button[disabled]:hover{border:1px solid #dadce0!important;background-color:hsla(0,0%,39.2%,.25)!important;color:#eee!important}.buttons-wrapper{justify-content:center;align-items:center}.buttons-wrapper button{-webkit-transition:background-color .2s ease-out .2s;transition:background-color .2s ease-out .2s;-webkit-transition:border .2s ease-out .2s;transition:border .2s ease-out .2s}.buttons-wrapper button:hover{background-color:#8884ff!important;border:1px solid #8884ff;color:hsla(0,0%,100%,.7)!important}.buttons-wrapper button.needs-attention{background-color:#6a66d0!important;border:1px solid #6a66d0;color:hsla(0,0%,100%,.9)!important}.buttons-wrapper button.full-screen-button{width:56px;height:56px}.join-room-screen{background-color:#706aff;height:100vh!important;justify-content:center}.join-room-screen .logo-holder{padding:20px;width:200px}.join-room-screen .video-wrapper{display:flex;justify-content:center;align-items:center}.join-room-screen main{height:auto!important;width:650px!important;min-height:370px;margin:0 15px;background-color:rgba(0,0,0,.7);border-radius:4px;overflow:hidden}.join-room-screen main:after{width:120px;height:120px}.join-room-screen main video{height:auto!important;min-height:350px}.join-room-screen main .buttons-wrapper{bottom:20px}.join-room-screen header{position:static!important;margin:0 15px;padding:0 0 15px;background-color:#fff!important;width:385px!important;border-radius:4px}.join-room-screen header h2{margin:20px 0 0;color:rgba(0,0,0,.7);text-align:center}.join-room-screen header p{color:rgba(0,0,0,.7);text-align:center;margin:5px 0}.join-room-screen header form{flex-direction:column;width:100%}.join-room-screen header form label,.join-room-screen header form label+div{color:rgba(0,0,0,.7)!important}.join-room-screen header form input{border-bottom:1px solid}.join-room-screen header form button{margin:16px 0;color:#fff!important;background-color:#706aff!important;border-radius:30px;padding:10px 18px}.join-room-screen header form .MuiCircularProgress-svg{color:#706aff}.room-screen{background-color:#706aff;overflow:hidden;width:100%}.room-screen .video-wrapper{background-color:rgba(0,0,0,.7)}.room-screen aside{top:0;right:0;background:#fff;bottom:inherit;padding:0 5px;border-radius:0 0 0 4px}.room-screen aside>div{background:#333!important;margin:5px 0}.room-screen .buttons-wrapper{background:#fff;bottom:0;padding:10px 0;width:100%;position:absolute}.room-screen main div.showControls{z-index:4!important}.room-screen main div.showControls button{color:#9e9d9d}.MuiCircularProgress-svg{color:#706aff}@media only screen and (max-width:943px){.join-room-screen .video-wrapper{flex-direction:column}.join-room-screen header,.join-room-screen main{margin:0 auto 15px;width:550px!important}}@media only screen and (max-width:767px){.buttons-wrapper button,.buttons-wrapper button.full-screen-button{margin:2px!important}.room-screen{overflow-y:hidden}.room-screen .buttons-wrapper button{border:1px solid #dadce0;color:#9e9d9d;box-shadow:none}}@media only screen and (max-width:550px){.join-room-screen{padding:0;background-color:inherit!important;overflow:hidden}.join-room-screen .video-wrapper{height:auto;display:block;flex-direction:column;overflow:hidden;position:absolute;top:0;width:100%}.join-room-screen .video-wrapper header,.join-room-screen .video-wrapper main{margin:0 auto 15px;width:100%!important;display:flex;justify-content:center}.join-room-screen .video-wrapper main{min-height:auto;margin:0;height:60vh!important}.join-room-screen .video-wrapper main video{height:100%!important;min-height:auto}.join-room-screen .video-wrapper header{border-radius:0;height:40vh!important}.room-screen .video-wrapper aside{width:110px!important}.room-screen .video-wrapper aside>div{width:100px!important;height:85px!important}.room-screen .video-wrapper aside>div>div h4{font-size:8px!important}.room-screen .video-wrapper aside>div>div h4 span{width:8px!important;height:8px!important}.room-screen .video-wrapper aside>div>div svg{width:12px!important;height:12px!important}}
/*# sourceMappingURL=main.2be9acf9.chunk.css.map */