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}input{outline:none}.videos_portal_styles{margin-left:20%;width:60%;height:calc(100vh - 10%);left:0;top:0;position:absolute;display:flex;flex-wrap:wrap}.join_room_page_container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.join_room_page_panel{width:400px;height:400px;background-color:#fff;border:1px solid grey;-webkit-filter:drop-shadow(0 0 .2rem grey);filter:drop-shadow(0 0 .2rem grey);display:flex;flex-direction:column;align-items:flex-start}.join_room_title{font-size:24px;font-weight:700;margin-left:35px;margin-top:80px}.room_not_found_container{display:flex;height:50px;margin-left:35px}.room_not_found_paragraph{color:red}.loading_overlay_container{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;left:0;top:0;background:rgba(0,82,201,.7)}.loading_overlay_loader{border:16px solid #f3f3f3;border-top-color:#0052c9;border-radius:50%;width:120px;height:120px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.checkbox_container{display:flex;margin-left:35px;margin-top:5px;align-items:center}.checkbox_connection{width:25px;height:25px;background:#2d8cff;border:1px solid hsla(0,0%,100%,.5);border-radius:8px;-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);display:flex;align-items:center;justify-content:center}.checkbox_container_paragraph{font-weight:400;font-size:16px;margin-left:15px}.checkbox_image{max-width:100%;max-height:100%}.join_room_buttons_container{display:flex;justify-content:flex-end;width:100%}.join_room_cancel_button{width:80px;margin-right:35px;height:30px;background-color:#fff;border:1px solid grey;border-radius:8px;transition:.3s}.join_room_cancel_button:hover{background-color:#e5e5e5}.join_room_success_button{width:80px;margin-right:15px;height:30px;background-color:#2d8cff;border-radius:8px;border:none;font-weight:700;color:#fff;transition:.3s}.join_room_success_button:hover{background-color:#00f}.join_room_inputs_container{display:flex;flex-direction:column;height:100px;justify-content:space-between;width:100%;align-items:center;margin-top:10px}.join_room_input{border-radius:12px;border:1px solid #e5e5e5;width:300px;height:40px;padding:0 15px}.join_room_input:focus{border:1px solid #00f}.room_container{width:100%;height:100vh;display:flex}.chat_section_container{height:100%;width:20%;background-color:#fff;display:flex;flex-direction:column}.chat_label_container{display:flex;align-items:flex-start;justify-content:flex-start}.chat_label_paragraph{font-weight:700;color:#9ca5ab;margin-left:40px;font-size:16px}.new_message_container{width:100%;height:100px;display:flex;align-items:center;justify-content:center;position:relative}.new_message_input{border:1px solid #d1dbe2;border-radius:60px;padding:0 20px;height:60px;font-size:16px;width:80%;box-shadow:2px 20px 5px rgba(0,82,201,.05)}.new_message_textarea:focus{outline:none}.new_message_button{position:absolute;right:10%}.messages_container{width:calc(100% - 70px);margin-left:30px;margin-right:30px;flex-grow:1;overflow-x:hidden;overflow-y:scroll}.message_container{margin-top:5px;display:flex;flex-direction:column}.message_align_left{align-items:flex-start}.message_align_right{align-items:flex-end}.message_left_styles{background:rgba(0,82,201,.1);color:#000}.message_right_styles{background:linear-gradient(168.68deg,#0052c9 1.12%,#0a91db);color:#fff}.message_title{margin:0 0 10px;padding:0 10px;color:#000;font-size:16px;font-weight:500;display:block}.message_content{margin:0 10px;padding:10px 30px 10px 20px;border-radius:25px;font-size:16px;display:inline-block}::-webkit-scrollbar{width:5px;background:rgba(0,188,164,.1)}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:10px}::-webkit-scrollbar-thumb{background:#e5e5e5;border-radius:10px}.overlay_container{width:100%;height:100vh;background:rgba(0,82,201,.7);display:flex;justify-content:center;align-items:center;position:absolute;z-index:2}.loader{border:16px solid #f3f3f3;border-top-color:#0052c9;border-radius:50%;width:120px;height:120px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.participants_container{width:100%;display:flex;justify-content:flex-start;flex-direction:column;align-content:flex-start;height:200px}.participants_paragraph{color:#000;text-align:start;font-weight:500;margin-left:40px}.participants_separator_line{width:calc(100% - 80px);height:2px;background-color:#e5e5e5;margin-left:40px;margin-top:5px;margin-bottom:5px}.participants_section_container{height:100%;width:20%;background-color:#fff;display:flex;flex-direction:column}.participants_label_container{display:flex;align-items:flex-start;justify-content:flex-start}.participants_label_paragraph{font-weight:700;color:#9ca5ab;margin-left:40px;font-size:16px}.local_screen_share_preview{width:15%;height:90%;background-color:#000;border-radius:8px;border:2px solid #00f;left:1%;bottom:1%}.local_screen_share_preview,.video_buttons_container{position:absolute;display:flex;align-items:center;justify-content:center}.video_buttons_container{width:60%;height:10%;left:20%;bottom:0;background:linear-gradient(168.68deg,#0052c9 1.12%,#0a91db);border-top-left-radius:25px;border-top-right-radius:25px}.video_button_container{margin-left:25px;display:flex;flex-direction:column}.video_button_image{height:80%;padding:10px;border-radius:25px;transition:.3s}.video_button_image:hover{background:#00f;padding:10px;border-radius:25px}.video_button_end{width:200px;height:60px;font-size:18px;font-weight:600;border-radius:65px;border:none;color:#fff;background:#fc5d5b;box-shadow:0 3px 30px rgba(252,93,91,.1);transition:.2s}.video_button_end:hover{background:red}.videos_container{height:90%;width:100%;background-color:#f6f9fb;position:relative;border-radius:0 0 25px 25px}.participants{display:flex;width:100%;height:100%}.participant{flex-grow:1}.video{position:relative}.screen_share_track,.video{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.screen_share_track{position:absolute;z-index:2;top:0;left:0}.room{width:100%;height:100%}video{width:98%;height:98%}.room_label{position:absolute;display:flex;width:100%;justify-content:center;z-index:4}.room_label_paragraph{font-size:17px;color:#fff;margin-top:0;padding:18px 38px;background:linear-gradient(168.68deg,#0052c9 1.12%,#0a91db);border-radius:0 0 15px 15px}.video_track_container:first-child:last-child{width:100%;height:100%}.video_track_container:first-child:nth-last-child(2),.video_track_container:first-child:nth-last-child(2)~.video_track_container,.video_track_container:first-child:nth-last-child(3),.video_track_container:first-child:nth-last-child(3)~.video_track_container,.video_track_container:first-child:nth-last-child(4),.video_track_container:first-child:nth-last-child(4)~.video_track_container{width:50%;height:50%}.video_track_container:first-child:nth-last-child(5),.video_track_container:first-child:nth-last-child(5)~.video_track_container,.video_track_container:first-child:nth-last-child(6),.video_track_container:first-child:nth-last-child(6)~.video_track_container,.video_track_container:first-child:nth-last-child(7),.video_track_container:first-child:nth-last-child(7)~.video_track_container,.video_track_container:first-child:nth-last-child(8),.video_track_container:first-child:nth-last-child(8)~.video_track_container,.video_track_container:first-child:nth-last-child(9),.video_track_container:first-child:nth-last-child(9)~.video_track_container{width:33%;height:33%}.video_section_container{height:100%;width:60%;display:flex;flex-direction:column}.introduction_page_container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.introduction_page_panel{width:600px;height:400px;background-color:#fff;border:1px solid grey;-webkit-filter:drop-shadow(0 0 .2rem grey);filter:drop-shadow(0 0 .2rem grey);display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.introduction_page_image{width:150px}.connecting_buttons_container{display:flex;flex-direction:column}.join_room_button{background-color:#2d8cff;border:1px solid #e5e5e5;color:#fff;font-size:13px;font-weight:700;width:180px;height:30px;border-radius:8px;transition:.3s}.join_room_button:hover{background-color:#00f}.create_room_button{margin-top:15px;background-color:#fff;border:1px solid #e5e5e5;color:#000;font-size:13px;width:180px;height:30px;border-radius:8px;transition:.3s}.create_room_button:hover{background-color:#e5e5e5}
/*# sourceMappingURL=main.6b4ca6e6.chunk.css.map */