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[type=checkbox]{outline:2px solid}label{color:#000;padding-left:8px;font-family:Consolas,Baskerville,"Segoe UI",sans-serif;font-weight:700}input[type=checkbox]:hover{box-shadow:0 0 10px #1300ff}#dummy_video_canvas{display:none}.videos_portal_styles{width:100%;height:calc(100vh - 65px);left:0;top:0;position:absolute;display:flex;flex-wrap:wrap;overflow-y:auto}@media (max-width:768px){.videos_portal_styles{display:block}}.introduction_page_container{display:flex;align-items:center;justify-content:center;left:0;right:0;top:0;bottom:0;position:absolute}.introduction_page_panel{width:400px;height:250px;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;border-radius:10px}.introduction_page_image{width:250px}.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}.join_room_page_container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.join_room_page_panel{width:400px;background-color:#fff;display:flex;flex-direction:column;justify-content:space-evenly}.join_room_title{font-size:24px;font-weight:700;margin-left:35px}.error_message_container{display:flex;height:50px;margin-left:35px}.error_message_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;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}.w130{width:130px}.room_container{width:100%;height:100vh;display:flex}.chat_section_container{height:350px;width:100%;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%;display:flex;align-items:center;justify-content:center;position:relative;border-top:1px solid #efefef;padding-top:10px}.room_label_link{color:#fff;font-weight:500;cursor:pointer;text-decoration:none}.room_label_link:hover{text-decoration:underline}.new_message_input{border:1px solid #d1dbe2;border-radius:10px;padding:0 45px 0 16px;height:40px;font-size:16px;width:100%}.new_message_textarea:focus{outline:none}.new_message_button{position:absolute;right:13px}.messages_container{flex-grow:1;overflow-x:hidden;overflow-y:auto;padding:10px}.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-color:#ebebeb;color:#07076f}.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:2px 10px;border-radius:7px;font-size:14px;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;display:flex;justify-content:center;align-items:center;position:absolute;z-index:2}.loader{border:10px solid #f3f3f3;border-top-color:#0052c9;border-radius:50%;width:60px;height:60px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.participants_container{width:100%;display:flex;justify-content:flex-start;flex-direction:column;align-content:flex-start;height:50%}.participants_paragraph{color:#000;text-align:start;font-weight:500;transition:.5s;margin:0 40px;padding:10px 0}.participants_paragraph:hover{background-color:#e5e5e5;border-radius:8px}.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{position:absolute;height:90%;background-color:#000;border-radius:8px;border:2px solid #00f;left:1%;bottom:1%}.local_screen_share_preview,.video_buttons_container{display:flex;align-items:center;justify-content:center}.video_buttons_container{position:fixed;left:0;right:0;bottom:0;padding:10px;background:rgba(81,145,206,.6313725490196078);z-index:1061}.video_button_container{margin-left:25px}.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{height:30px;font-size:18px;font-weight:600}.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{height:100%;border:1px solid hsla(0,0%,68.2%,.592156862745098);border-radius:5px}svg.video_button_icon.stop{background-color:#009700!important}.room_label{position:fixed;top:0;display:flex;width:100%;justify-content:center;z-index:1070}.room_label_paragraph{font-size:26px;color:#fff;margin-top:0;height:35px;padding:5px;background:linear-gradient(168.68deg,#3c556b 1.12%,#3f5870);border-radius:0 0 6px 5px}.video_track_container{height:30%;width:auto;position:absolute;bottom:10px;right:10px;z-index:1055;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.2);border-radius:5px}.remote_video_container{height:30%;position:relative;overflow:hidden;padding:10px}@media (max-width:768px){.mdevice{display:none}.video_track_container{height:20%;right:10px}.remote_video_container{position:relative;overflow:hidden;padding:10px}.video_button_container{margin-left:10px}}.video_section_container{height:calc(100vh - 50px);width:100%;display:flex;flex-direction:column;justify-content:flex-end}.full_screen{width:80%;top:50%;left:50%;z-index:9999}.popup_overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9998}.full_screen{position:fixed;width:90%;height:80%;top:47%;transform:translate(-50%,-50%);z-index:1000;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:10px;overflow:hidden}.label_only_audio_container{width:100%;height:100%;z-index:2;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;font-size:18px;color:#000}.direct_chat_container{height:45%;display:flex;align-items:center;flex-direction:column;width:100%;position:relative}.direct_chat_header{height:50px;background:linear-gradient(168.68deg,#0052c9 1.12%,#0a91db);width:95%;border-top-left-radius:25px;border-top-right-radius:25px;display:flex;align-items:center;justify-content:center}.direct_chat_header_paragraph{color:#fff;font-size:16px}.direct_messages_container,.new_message_direct_border{border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;width:95%}.direct_messages_container{flex-grow:1;display:flex;flex-direction:column;overflow:auto}.conversation_not_chosen_overlay{width:95%;height:86%;bottom:0;left:2%;display:flex;justify-content:center;align-items:center;opacity:.6;position:absolute}.conversation_not_chosen_overlay_text{font-size:16px;font-weight:700;color:#000;margin-bottom:80px}.direct_message_container_author{width:100%;display:flex;justify-content:flex-end}.direct_message_container_receiver{width:100%;display:flex;justify-content:flex-start}.author_direct_message{background:linear-gradient(168.68deg,#0052c9 1.12%,#0a91db);float:right;border-radius:8px 8px 0 8px;color:#fff}.author_direct_message,.receiver_direct_message{padding:13px;display:inline;font-size:14px;margin:5px}.receiver_direct_message{border-radius:8px 8px 8px 0;border:1px solid #d5deeb;background:#fff;float:left}svg{fill:currentColor!important;width:auto;height:auto}.modal-top-spacing{margin-top:25px}.modal-body{max-height:430px;overflow-y:auto}.video_button_icon{font-size:18px!important;color:#fff!important;background-color:#2f3542!important;padding:10px!important;border-radius:30%!important;cursor:pointer!important;transition:transform .2s,background-color .2s,color .2s;height:45px;width:45px}.video_button_icon.active{background-color:#ff4757!important;background-color:#e74c3c!important;color:#fff!important}.hidden{display:none}
/*# sourceMappingURL=main.66f0e77c.chunk.css.map */