body,html{height:100%}@font-face{font-family:"Proxima Nova";src:url("/static/media/Proxima Nova Light.076d851b.otf") format("opentype");font-weight:300}@font-face{font-family:"Proxima Nova";src:url("/static/media/Proxima Nova Regular.410504d4.otf") format("opentype");font-weight:400}@font-face{font-family:"Proxima Nova";src:url("/static/media/Proxima Nova Bold.62d4d7d3.otf") format("opentype");font-weight:700}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{font-family:"Proxima Nova";color:#2a2e35;min-height:100%}header{background:#ff5a66;color:#fff;text-align:center;flex-grow:0}h1{font-weight:300;padding:.4em 0}#root,.app{height:100%}.app{display:flex;flex-direction:column}main{height:100%}form{max-width:300px;margin:0 auto}h2{font-weight:300;text-align:center}form>div,h2{margin-bottom:1em}form>div{width:100%}form>div>label{display:block;margin-bottom:.3em}form>div>input.sign-in{display:block;width:100%;font-size:16px;padding:.4em;border-radius:6px;border:1px solid #2a2e35}.control{display:flex;background-color:#2a2e35;z-index:2;width:100%;position:fixed;bottom:0;left:0;padding:6px;align-items:center;justify-content:center;transition:1s;white-space:nowrap}footer{background:#2a2e35;text-align:center;flex-grow:0;padding:1em 0}footer,footer a{color:#fff}.center{text-align:center}.green-button{height:56px;font-family:"futura";letter-spacing:.5px;font-size:18px;font-weight:900;width:300px;border-radius:28px;background-color:#74d173;color:#fff}.green-button:hover{cursor:pointer}.margin-top-4{margin-top:4px}.margin-top-8{margin-top:8px}.margin-top-16{margin-top:16px}.margin-top-32{margin-top:32px}.margin-top-64{margin-top:64px}.margin-top-80{margin-top:80px}.futura-20-900{font-weight:900}.futura-20-300,.futura-20-900{font-family:"futura";font-size:18px;letter-spacing:.25px;line-height:24px}.futura-20-300{font-weight:300}.oops{font-family:"futura";font-size:32px;font-weight:600;letter-spacing:.25px;line-height:24px}.margin-sides{margin-left:16px;margin-right:16px}.futura-14-300{color:#363b44;font-family:"futura";font-size:14px;letter-spacing:0}.onboarding-bottom-nav-bar{background-color:#fff;text-align:center;padding-bottom:8px;padding-top:8px;position:fixed;left:0;bottom:0;width:100%}input.sign-in{display:block;margin:10px 0 20px;width:30vw;padding:10px 14px;font-size:1em;font-family:"futura";height:56px;border:1px solid #e1e2e3;outline:0;border-radius:4px;background:#fff;opacity:.9}.home-nav-bar{list-style-type:none;margin:0;padding:0;overflow:hidden;position:fixed;top:0;width:100%;background-color:#fff;z-index:2;height:30px;box-shadow:0 2px 8px 0 rgba(0,0,0,.18)}.room{display:flex;flex-flow:row wrap;justify-content:space-around;height:calc(100% - 60px - 3rem);padding-bottom:3rem;align-items:center}.room,.room__name{position:relative}.room__name-text{width:150px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room__name:active .room__full-name,.room__name:focus-within .room__full-name,.room__name:hover .room__full-name{opacity:1}.room__full-name{position:absolute;top:2rem;background:rgba(0,0,0,.5);border-radius:6px;padding:.5rem;opacity:0;transition:opacity .3s}.room__full-name--visible{opacity:1}.room.maximized{flex-flow:column nowrap}.local-participant,.remote-participant{width:100%;height:50%;display:flex;flex-flow:column nowrap;position:relative;min-height:100px}.local-participant.maximize,.remote-participant.maximize{flex:10 1;width:100%;height:100%}.local-participant.minimize,.remote-participant.minimize{flex:1 1;width:100px;height:100px;position:absolute;bottom:calc(3rem + 10px);right:10px;z-index:9999;opacity:.5}.local-participant.minimize .video-container,.remote-participant.minimize .video-container{background:transparent}.remote-participant{margin-bottom:1rem}.video-container__text{font-family:"Proxima Nova";position:absolute;z-index:999;bottom:.5rem;left:.5rem;padding:.3rem;background:rgba(0,0,0,.5);color:#fff;font-size:.8rem;border-radius:.25rem}.video-container{display:flex;justify-content:center;overflow:hidden;transform:translateZ(0);background:#2a2e35;max-width:100%;height:100%;position:relative}.video-container:active .video__options-toggler,.video-container:focus .video__options-toggler,.video-container:hover .video__options-toggler{display:flex}.video__options-toggler{display:none;color:#fff;justify-content:center;padding:.3rem;top:.5rem}.video__options,.video__options-toggler{position:absolute;border-radius:.25rem;right:.5rem;z-index:9999;background:rgba(0,0,0,.5)}.video__options{display:flex;flex-flow:column;padding:.5rem;font-size:.8rem;color:#f2f2f2;top:2rem}.video__options--hidden{display:none}.video__options-item{cursor:pointer;padding:.3rem}.video__options-item:hover{background:rgba(0,0,0,.1);border-radius:.25rem;color:#fff}video{width:100%;height:100%;object-fit:cover;border-radius:12px}.local-participant .webcam{transform:scaleX(-1)}.canvas{position:absolute;z-index:500;width:100%!important;height:100%!important}.remote-participant .screen{transform:scaleX(1);object-fit:contain}.local-participant .screen{display:block;position:absolute;width:100%;height:100%;transform:scale(.25) translateY(0);transform-origin:bottom right;transition:transform .5s ease,opacity .5s ease .25s;object-fit:contain;z-index:999;bottom:8px;right:16px;opacity:.5}.local-participant .screen:hover{opacity:1;transform:scale(.75) translateY(8px)}.remote-participant:before{position:absolute;bottom:.5rem;left:.5rem;padding:.3rem;content:"Waiting for participant...";font-family:"Proxima Nova";background:rgba(0,0,0,.5);color:#fff;font-size:.8rem;border-radius:.25rem;display:block}.remote-participant:after{content:" ";display:block;width:100%;height:100%;min-height:65px;border-radius:12px;background:hsla(0,0%,100%,.1);overflow:hidden}.remote-participant.minimize:after{background:rgba(0,0,0,.1)}.remote-participant.joined:after,.remote-participant.joined:before{display:none}.navbar{flex-flow:row nowrap;height:60px;justify-content:flex-start;margin-bottom:8px}.navbar,.navbar__status{display:flex;align-items:center}.navbar__status{margin-left:1rem;height:75%;border-radius:12px;background:#1c1e21;color:#fff;justify-content:space-between;font-family:"Proxima Nova";font-weight:700;padding:1rem}.navbar__logo-mobile{height:2.5rem}.navbar__logo{display:none}@media (min-width:960px){.room.maximized{flex-flow:row nowrap}.local-participant.minimize,.remote-participant.minimize{width:250px;height:auto;margin:1rem}.local-participant.maximize .video-container,.remote-participant.maximize .video-container{background:#000}.local-participant.maximize video,.remote-participant.maximize video{width:50vw;border-radius:0}}@media (min-width:960px){.navbar{margin-bottom:18px}.navbar__logo-mobile{display:none}.navbar__logo{display:block;margin-right:1rem}.local-participant,.remote-participant{height:100%;width:49%;border-radius:12px}.remote-participant{margin-bottom:0}.video-container,.video-container video{border-radius:inherit}.remote-participant:before,.video-container__text{padding:0;background:none;border-radius:0;font-style:normal;font-weight:700;font-size:18px;text-transform:capitalize;margin-bottom:14px}.video-container__text{position:static}.remote-participant:before{position:static;padding:0}.remote-participant:after{border-radius:12px}.room{margin-top:0;height:calc(100% - 120px - 1rem)}.custom-cursor{cursor:url(/static/media/edit_color_2.7d429a0f.svg),auto!important;transform:rotate()}}@media (min-width:400px) and (orientation:landscape){.local-participant.maximize .video-container,.remote-participant.maximize .video-container{background:#000}.local-participant.maximize video,.remote-participant.maximize video{width:50vw;border-radius:0}.local-participant,.remote-participant{width:49%;height:100%}.remote-participant{margin-bottom:0}.remote-participant:before{position:absolute;bottom:.5rem;left:.5rem;padding:.3rem;content:"Waiting for participant...";font-family:"Proxima Nova";background:rgba(0,0,0,.5);color:#fff;font-size:.8rem;border-radius:.25rem;display:block}.remote-participant:after{content:" ";display:block;width:100%;height:100%;min-height:65px;border-radius:12px;background:hsla(0,0%,100%,.1);overflow:hidden}.video-container__text{font-family:"Proxima Nova";position:absolute;z-index:999;bottom:.5rem;left:.5rem;padding:.3rem;background:rgba(0,0,0,.5);color:#fff;font-size:.8rem;border-radius:.25rem}}@media (min-width:1000px) and (orientation:landscape){.local-participant,.remote-participant{height:50vh}}@media (min-width:1260px) and (orientation:landscape){.local-participant,.remote-participant{height:100%}}.textarea{width:90vw;height:30vh;padding:16px;font-size:1em;font-family:"futura",monospace;border:1px solid #e1e2e3;outline:0;border-radius:4px;background:#fff;opacity:.9}.img{width:72px}.column{float:left;width:33.3%;padding:5px}.row:after{content:"";clear:both;display:table}.vas-text{font-size:16px;font-weight:600;color:#21b572}.futura-16-300{font-family:futura}.bold{font-weight:600}.font-size{font-size:24px}
/*# sourceMappingURL=main.d64fd602.chunk.css.map */