body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.join-room-help-text{margin:20px 0 20px 18%}.credentials{max-width:250px;text-align:center;margin:auto;position:fixed;top:35%;bottom:0;left:0;right:0}.credentials label{text-align:left;display:block}.credentials h2{font-size:20px;color:#f1356d;margin-bottom:30px}.credentials input{width:100%;height:40px;padding:6px 10px;margin:10px 0;border:1px solid #ddd;box-sizing:border-box;display:block}.credentials button{background:#f1356d;color:#fff;border:0;height:40px;padding:10px;border-radius:8px;cursor:pointer}.room-preview{padding:10px 16px;margin:20px 0;width:200px;background-color:#d3d3d3;border-bottom:1px solid #fafafa}.room-preview:hover{box-shadow:1px 3px 5px rgba(0,0,0,.1)}.room-preview button{background:#f1356d;color:#fff;border:0;height:40px;padding:10px;border-radius:8px;margin-left:50px;cursor:pointer}.room-preview h2{font-size:20px;color:#f1356d;text-align:center;margin-bottom:8px}.room-preview p{font-size:20px;text-align:center;color:#000}.join-room-help-text{padding:10px 16px;margin:20px 0;color:#f1356d;text-align:center;border-bottom:1px solid #fafafa}.whiteboard-alignment{text-align:center;z-index:0}.whiteboard-container{background-color:#fff;min-height:99vh;min-width:99vw;border-radius:10px}.whiteboard-background,.whiteboard-container{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.whiteboard-background{background-color:#3f3f3f;min-height:100vh}.remote-video-alignment{z-index:2}.remote-video-alignment_self{text-align:center;position:absolute;right:0;z-index:2}.remote-video-whiteboard{text-align:center;position:absolute;bottom:15px;left:15px;z-index:2}.remote-video-unavailable{pointer-events:none}.remote-video-unavailable-whiteboard-active{max-height:8.4vmin;max-width:15vmin;border-radius:10px;pointer-events:none}.remote-video-container{height:50vmax;width:100vmax}.remote-video-container,.remote-video-container_self{background-color:#3f3f3f;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#000}.remote-video-container_self{min-height:100vh;z-index:2}.remote-video-container-whiteboard-active{background-color:#696969;max-height:10vmin;max-width:15vmin;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.self-video-alignment{text-align:center;position:absolute;bottom:15px;right:15px;z-index:2}.self-video-alignment-grid{text-align:center;position:absolute;right:0;z-index:2}.self-video-unavailable{height:10vmin;pointer-events:none}.self-video-container,.self-video-unavailable{min-height:20vmin;min-width:30vmin;border-radius:10px}.self-video-container{background-color:#696969;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.self-video-unavailable-whiteboard-active{max-height:8.4vmin;max-width:15vmin;border-radius:10px;color:#000;pointer-events:none}.self-video-container-whiteboard-active{background-color:#696969;max-height:8.4vmin;max-width:15vmin;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;font-size:calc(10px + 2vmin);color:#000}.self-video-mirror{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}.video-name-tag{display:inline-block;position:absolute;color:#fff;font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;z-index:1;background-color:hsla(0,0%,50.2%,.5);border-radius:5px;bottom:3px;left:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width:200px){.video-name-tag{width:auto;padding-right:4px;padding-left:4px;font-size:smaller}}@media screen and (min-width:480px){.video-name-tag{width:auto;padding-right:4.2px;padding-left:4.2px;font-size:medium}}@media screen and (min-width:769px){.video-name-tag{padding-right:5px;padding-left:5px;font-size:large}}.video-controls-left-alignment{text-align:center;position:absolute;top:15px;left:15px;z-index:2}.video-controls-right-alignment{text-align:center;position:absolute;top:15px;right:2%;z-index:2}.video-controls-right-alignment-chat-active{text-align:center;position:absolute;top:15px;right:29%;z-index:2}.video-controls-center-alignment{text-align:center;position:absolute;bottom:15px;right:calc(50vw - 5.5vmin);z-index:2}.video-controls-mic{height:6vmin;cursor:pointer;padding-right:2vmin;padding-left:.5vmin}.video-controls-video{height:8vmin;cursor:pointer;padding-right:2vmin}.video-controls-fullscreen{height:5vmin;cursor:pointer;padding-right:.5vmin}.video-controls-chat{height:5.5vmin;cursor:pointer;padding-left:2vmin;padding-top:.5vmin}.video-controls-record,.video-controls-screenshot{height:5vmin;cursor:pointer;padding-right:3vmin}.video-controls-stop{height:6vmin;cursor:pointer;padding-left:2vmin}.video-controls-whiteboard-fullscreen{padding-right:3vmin}.video-controls-whiteboard,.video-controls-whiteboard-fullscreen{height:6vmin;cursor:pointer;padding-top:1vmin}.video-controls-grid{height:5vmin;cursor:pointer;padding-top:1vmin;padding-left:3vmin;padding-right:3vmin}.video-controls-container-left{background-color:rgba(80,80,80,.3215686274509804);min-height:10vmin;min-width:20vmin;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);border-radius:10px;color:#fff}.video-controls-container-right,.video-controls-container-right-whiteboard-inactive{min-width:44vmin}.video-controls-container-right,.video-controls-container-right-whiteboard-inactive,.video-controls-container-right-whiteboard-inactive-one{background-color:rgba(80,80,80,.3215686274509804);min-height:10vmin;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);border-radius:10px;color:#fff}.video-controls-container-right-whiteboard-inactive-one{min-width:34vmin}.video-controls-container-center{background-color:rgba(80,80,80,.3215686274509804);min-height:10vmin;min-width:11vmin;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);border-radius:10px;color:#fff}:root{--send-bg:#eeffde;--send-color:#000;--receive-bg:#fff;--receive-text:#000;--page-background:#f6efdf}.container{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:20px;font-weight:400;position:fixed;display:flex;flex-direction:column;vertical-align:bottom;justify-content:flex-end;align-items:center;overflow-y:scroll;overflow-x:hidden;max-width:100%;min-width:97%;max-height:76.5vh;min-height:1vh;background-color:#f6efdf;background-color:var(--page-background);white-space:nowrap;padding:1%;top:9%;right:0;z-index:100}.container span{position:absolute;font-size:.8rem;right:2vw;bottom:.5vh;opacity:.5;padding-top:.5vh}.input-container{font-family:"Helvetica Neue",Helvetica,sans-serif;position:fixed;right:0;bottom:0;min-width:99%;max-width:99%;min-height:40px;max-height:40px;line-height:1.5;font-size:1.3rem;outline:#000;border:.1px solid;padding:0 .59%;color:#000;border-radius:5px;z-index:100;-ms-overflow-style:none;scrollbar-width:none;resize:none}.input-container-button{display:inline-block;cursor:pointer;font-size:1.25rem;min-width:2%;max-width:2%;position:absolute;right:5px;bottom:.5vh;border-radius:20px;background-color:rgba(169,169,169,0);color:#fff;border:none;z-index:101}.input-container-button img{min-width:25px;max-width:25px;position:fixed;right:1%;bottom:10px}.container::-webkit-scrollbar{display:none}.container{-ms-overflow-style:none;scrollbar-width:none}p{max-width:90%;word-wrap:break-word;line-height:22px;position:relative;border-radius:25px;white-space:normal;padding:10px 20px 5vh}p:after,p:before{content:"";position:absolute;bottom:0;height:25px}.send{color:#000;color:var(--send-color);background:#eeffde;background:var(--send-bg);align-self:flex-end}.send:before{right:-7px;width:20px;background-color:#eeffde;background-color:var(--send-bg);border-bottom-left-radius:16px 14px}.send:after{right:-26px;width:26px;background-color:#f6efdf;background-color:var(--page-background);border-bottom-left-radius:10px}.receive{background:#fff;background:var(--receive-bg);color:#000;align-self:flex-start}.receive:before{left:-7px;width:20px;background-color:#fff;background-color:var(--receive-bg);border-bottom-right-radius:16px 14px}.receive:after{left:-26px;width:26px;background-color:#f6efdf;background-color:var(--page-background);border-bottom-right-radius:10px}.chat-room-header{text-align:center;min-width:100%;max-width:100%;position:fixed;top:0;right:0;z-index:99}.chat-room-header button{height:60%;width:2%;border:none;background-color:rgba(169,169,169,0)}.chat-room-header img{height:20px}.chat-room-header header{background-color:#222831;height:9%;color:#fff;position:fixed;max-width:100%;min-width:100%;top:0;display:flex;align-items:center;justify-content:space-between;z-index:99;padding:1%;box-sizing:border-box}.chat-room-header span{margin:0 auto;font-weight:700;font-size:1.5em}@media only screen and (min-width:768px){.container{min-width:25%;max-width:25%;max-height:82%;min-height:82%}.container span{right:.5vw}.input-container{min-width:24.3%;max-width:24.3%;padding-right:2%;height:5%}.chat-room-header,.chat-room-header header{min-width:27%;max-width:27%}.input-container-button img{right:.5%;bottom:1%}}@media only screen and (max-width:1200px){.container{max-height:84%;min-height:84%}}@media only screen and (max-height:700px) and (max-width:400px){.container{max-height:71vh}}.video-alignment{z-index:2}.wrappanel{position:absolute}
/*# sourceMappingURL=main.fa389d59.chunk.css.map */