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}#backDrop,#modalBackGround{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);-moz-filter:blur(4px);-o-filter:blur(4px);-ms-filter:blur(4px);filter:blur(4px)}.background,nav{position:absolute;top:0;right:0;bottom:0;width:300px}.background{z-index:-100;height:400px;background:#fff;border-radius:0 0 0 5%;box-shadow:2px 6px 9px 0 grey}.navButton{outline:none;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:pointer;position:absolute;top:8px;right:15px;width:50px;height:50px;border-radius:50%;background:transparent;z-index:101}.navLi{margin:0;padding:0}.navUl{padding:25px;position:relative;top:30px;width:80%}.navLi{list-style:none;margin-bottom:20px;display:flex;align-items:center;cursor:pointer}.icon-placeholder{width:40px;height:40px;border-radius:50%;flex:40px 0;margin-right:20px}.text-placeholder{border-radius:5px;width:200px;height:20px;flex:1 1}.refresh{padding:10px;position:absolute;background:rgba(0,0,0,.4);border-radius:10px;width:20px;height:20px;top:10px;right:10px;display:flex;justify-content:center;align-items:center;cursor:pointer}.mapboxgl-popup-close-button{font-size:25px;margin:2px;width:28px!important;height:28px;display:flex;align-items:center;color:#000}.mapboxgl-popup-content{border-radius:8px;padding-top:0}.App{text-align:center}:root{--main-color:#5ea3d0;--secondary-color:#fff;--main-text-color:#3e5869;--secondary-text-color:#b0c7d6;--send-message-form:#f5f5f5}.app{height:100%;grid-template-columns:repeat(6,1fr);grid-template-rows:40px 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-areas:"b b b b b b" "c c c c c c" "c c c c c c" "c c c c c c" "v v v v v v" "v v v v v v" "v v v v v v";overflow:hidden}.app,.vidyo{display:grid}.vidyo{grid-area:v}.wrapper{grid-area:c;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:1fr 1fr 1fr 1fr 1fr 60px;grid-template-areas:"m m m m m m m" "m m m m m m m" "m m m m m m m" "m m m m m m m" "m m m m m m m" "f f f f f f n"}.new-room-form{grid-area:n}.rooms-list{grid-area:r;box-sizing:border-box;padding:10px;background:linear-gradient(90deg,#fff,var(--main-color) 80%);overflow:scroll;height:100%;scrollbar-width:none;-ms-overflow-style:none}.rooms-list::-webkit-scrollbar{display:none}.rooms-list ul{list-style-type:none;padding:0}.rooms-list li{margin:10px 0}.rooms-list h3{margin:5px 0;color:var(--secondary-color)}.rooms-list .room a{color:var(--secondary-text-color);font-weight:600;text-decoration:none;font-size:20px}.rooms-list .room.active a{color:var(--secondary-color)}.message-list{grid-area:m;scrollbar-width:none;-ms-overflow-style:none}.message-list::-webkit-scrollbar{display:none}.send-message-form{grid-area:f;width:100%}.send-message-form input{grid-area:f;width:-webkit-fill-available;height:-webkit-fill-available;font-size:15px;border-radius:20px;margin-left:1%}.send-message-form input:focus{outline:none;border:none}.new-room-form{color:var(--main-text-color);height:100%}.new-room-form form{height:100%;display:flex;justify-content:space-between;width:100%}.new-room-form form input{grid-area:n;width:-webkit-fill-available;height:100%;width:100%;font-size:15px}.new-room-form form input:focus{outline:none}#create-room-btn{color:#69ffb4;background:#dcdcdc;height:100%;border:2px double;outline:none;-moz-filter:blur();-o-filter:blur();-ms-filter:blur();filter:blur()}#create-room-btn:hover{cursor:pointer;text-shadow:1px 1px #fff}.join-a-room{margin-left:5%;font-size:40px;justify-content:center;display:flex;align-items:center}.message-text{background-color:var(--main-color);color:#fff;border-radius:5px 5px 0 5px}.message-text,.others-message-text{padding:2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:-webkit-inline-box;font-size:10px}.others-message-text{background-color:#ccc;color:#000;border-radius:5px 5px 5px 0}.message-username{font-size:7px;margin-left:5%;padding:1%;color:#5ea3d0;font-weight:800;display:-webkit-inline-box}.message-username:hover{cursor:pointer;text-shadow:2px 2px #6bccf9}button.rs-play{background-color:"red"}
/*# sourceMappingURL=main.6562c202.chunk.css.map */