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_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}.overlay_container,.room_container{width:100%;height:100vh;display:flex}.overlay_container{background:rgba(0,82,201,.7);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}.participants_separator_line{width:calc(100% - 80px);height:2px;background-color:#e5e5e5;margin-left:40px;margin-top:5px;margin-bottom:5px}.screenshare-video{position:absolute;width:100%;height:100%}.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:100%;height:10%;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}.screen_share_track{height:100%;z-index:2;top:0;left:0}.room_label,.screen_share_track{position:absolute;display:flex;align-items:center;justify-content:center;width:100%}.room_label{flex-direction:column;z-index:4}.room_label,.room_label_paragraph{color:#fff;margin-top:0;padding:10px;background:linear-gradient(168.68deg,#0052c9 1.12%,#0a91db);border-radius:0 0 15px 15px}.videos_container{height:100%;width:100%;display:flex;flex-direction:row}.video_section_container{height:100%;width:80%;display:flex;flex-direction:column}.chat_participant_container{width:20%;height:90%;display:flex;flex-direction:column}.participants_section_container{height:90%;width:100%;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;font-size:16px}.chat_section_container{height:92%;width:100%;background-color:#fff}.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:auto;overflow-y:auto}.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}.room{width:100%;display:flex;height:90%}.room button{position:absolute;top:0;right:20px}.room>h3{text-align:center;font-weight:300}.local-participant{width:100%;text-align:center}.remote-participants{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;grid-gap:20px;gap:20px;width:90%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;align-items:stretch;margin-top:auto;margin-bottom:auto}.participant{flex:0 1 90%;position:relative;border-radius:6px;display:inline-block;background-color:#000}.one-row{flex:0 1 100%}.two-rows{flex:0 1 48%}.three-rows{flex:0 1 30%}.visible{display:flex}.non-visible{display:none}.participant:last-child{margin-right:0}.participant .participant-info{max-width:200px;height:30px;border-radius:6px;padding:0 1%;background-color:rgba(0,0,0,.377);position:absolute;bottom:0;color:#fff}.participant video{display:block;margin:0 auto;border-radius:6px}.local_screen_share_preview video,.participant video{width:100%;height:100%}.introduction_page_panel{width:600px;height:400px;background-color:#fff;border:1px solid grey;border-radius:8px;-webkit-filter:drop-shadow(0 0 .2rem grey);filter:drop-shadow(0 0 .2rem grey)}iframe{height:0!important}.flex,.flex-row{display:flex}.flex-row{flex-direction:row}.flex-end{justify-content:flex-end}.flex-start{justify-content:flex-start}.flex-between{justify-content:space-between}.flex-evenly{justify-content:space-evenly}.flex-around{justify-content:space-around}.vh-center{display:flex;align-items:center;justify-content:center}.gap-1{grid-gap:1px;gap:1px}.h-center{display:flex;justify-content:center}.gap-5{grid-gap:5px;gap:5px}.gap-10{grid-gap:10px;gap:10px}.gap-20{grid-gap:20px;gap:20px}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.v-center{display:flex;align-items:center}.flex-column{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center}.flex-align-end{align-items:end}.flex-center2{display:flex;justify-content:center}.flex-grow{flex-grow:1}.flex-right{display:flex;align-items:right}.flex-space-between,.justify-content-between{justify-content:space-between}.justify-content-end{justify-content:flex-end}.align-items-center{align-items:center}.align-items-bottom{align-items:flex-end}.m-auto{margin:auto}.m-0{margin:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mx-0{margin-left:0;margin-right:0}.my-0{margin-top:0;margin-bottom:0}.p-0{padding:0}.pl-0{padding-left:0}.pr-0{padding-right:0}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.px-0{padding-left:0;padding-right:0}.py-0{padding-top:0;padding-bottom:0}.m-1{margin:8px}.ml-1{margin-left:8px}.mr-1{margin-right:8px}.mt-1{margin-top:8px}.mb-1{margin-bottom:8px}.mx-1{margin-left:8px;margin-right:8px}.my-1{margin-top:8px;margin-bottom:8px}.p-1{padding:8px}.pl-1{padding-left:8px}.pr-1{padding-right:8px}.pt-1{padding-top:8px}.pb-1{padding-bottom:8px}.px-1{padding-left:8px;padding-right:8px}.py-1{padding-top:8px;padding-bottom:8px}.m-2{margin:16px}.ml-2{margin-left:16px}.mr-2{margin-right:16px}.mt-2{margin-top:16px}.mb-2{margin-bottom:16px}.mx-2{margin-left:16px;margin-right:16px}.my-2{margin-top:16px;margin-bottom:16px}.p-2{padding:16px}.pl-2{padding-left:16px}.pr-2{padding-right:16px}.pt-2{padding-top:16px}.pb-2{padding-bottom:16px}.px-2{padding-left:16px;padding-right:16px}.py-2{padding-top:16px;padding-bottom:16px}.m-3{margin:24px}.ml-3{margin-left:24px}.mr-3{margin-right:24px}.mt-3{margin-top:24px}.mb-3{margin-bottom:24px}.mx-3{margin-left:24px;margin-right:24px}.my-3{margin-top:24px;margin-bottom:24px}.p-3{padding:24px}.pl-3{padding-left:24px}.pr-3{padding-right:24px}.pt-3{padding-top:24px}.pb-3{padding-bottom:24px}.px-3{padding-left:24px;padding-right:24px}.py-3{padding-top:24px;padding-bottom:24px}.m-4{margin:32px}.ml-4{margin-left:32px}.mr-4{margin-right:32px}.mt-4{margin-top:32px}.mb-4{margin-bottom:32px}.mx-4{margin-left:32px;margin-right:32px}.my-4{margin-top:32px;margin-bottom:32px}.p-4{padding:32px}.pl-4{padding-left:32px}.pr-4{padding-right:32px}.pt-4{padding-top:32px}.pb-4{padding-bottom:32px}.px-4{padding-left:32px;padding-right:32px}.py-4{padding-top:32px;padding-bottom:32px}.m-5{margin:40px}.ml-5{margin-left:40px}.mr-5{margin-right:40px}.mt-5{margin-top:40px}.mb-5{margin-bottom:40px}.mx-5{margin-left:40px;margin-right:40px}.my-5{margin-top:40px;margin-bottom:40px}.p-5{padding:40px}.pl-5{padding-left:40px}.pr-5{padding-right:40px}.pt-5{padding-top:40px}.pb-5{padding-bottom:40px}.px-5{padding-left:40px;padding-right:40px}.py-5{padding-top:40px;padding-bottom:40px}.m-6{margin:48px}.ml-6{margin-left:48px}.mr-6{margin-right:48px}.mt-6{margin-top:48px}.mb-6{margin-bottom:48px}.mx-6{margin-left:48px;margin-right:48px}.my-6{margin-top:48px;margin-bottom:48px}.p-6{padding:48px}.pl-6{padding-left:48px}.pr-6{padding-right:48px}.pt-6{padding-top:48px}.pb-6{padding-bottom:48px}.px-6{padding-left:48px;padding-right:48px}.py-6{padding-top:48px;padding-bottom:48px}.m-7{margin:56px}.ml-7{margin-left:56px}.mr-7{margin-right:56px}.mt-7{margin-top:56px}.mb-7{margin-bottom:56px}.mx-7{margin-left:56px;margin-right:56px}.my-7{margin-top:56px;margin-bottom:56px}.p-7{padding:56px}.pl-7{padding-left:56px}.pr-7{padding-right:56px}.pt-7{padding-top:56px}.pb-7{padding-bottom:56px}.px-7{padding-left:56px;padding-right:56px}.py-7{padding-top:56px;padding-bottom:56px}.m-8{margin:64px}.ml-8{margin-left:64px}.mr-8{margin-right:64px}.mt-8{margin-top:64px}.mb-8{margin-bottom:64px}.mx-8{margin-left:64px;margin-right:64px}.my-8{margin-top:64px;margin-bottom:64px}.p-8{padding:64px}.pl-8{padding-left:64px}.pr-8{padding-right:64px}.pt-8{padding-top:64px}.pb-8{padding-bottom:64px}.px-8{padding-left:64px;padding-right:64px}.py-8{padding-top:64px;padding-bottom:64px}.m-9{margin:72px}.ml-9{margin-left:72px}.mr-9{margin-right:72px}.mt-9{margin-top:72px}.mb-9{margin-bottom:72px}.mx-9{margin-left:72px;margin-right:72px}.my-9{margin-top:72px;margin-bottom:72px}.p-9{padding:72px}.pl-9{padding-left:72px}.pr-9{padding-right:72px}.pt-9{padding-top:72px}.pb-9{padding-bottom:72px}.px-9{padding-left:72px;padding-right:72px}.py-9{padding-top:72px;padding-bottom:72px}html{scrollbar-width:thin;scrollbar-color:rgba(0,82,204,.6705882353) #fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:rgba(0,82,204,.6705882353);border-radius:20px}::-webkit-scrollbar-thumb:hover{background:rgba(0,82,204,.862745098)}.css-1t1j96h-MuiPaper-root-MuiDialog-paper::-webkit-scrollbar{width:5px}.width-100{width:100%}.height-100{height:100%}.width-100vh{width:100vw}.height-100vh{height:100vh}.black-bg{background-color:#000}.bg-white{background-color:#fff}.event-bg{background-color:#e1f0ff}.themeblue-bg{background-color:#0053cc}.light-bg{background-color:#f2f2f2}.color-white,.color-white2{background-color:#fff}.blue-lines-bg-color{background-color:#dce9fb}.darkblue-bg-color{background-color:#2a3278}.blue-theme-bg-color{background-color:#0053cc}.green-bg{background-color:#028859}.orange-bg{background-color:#ff991f}.lightblue-bg{background-color:#00a3bf}.blue-bg{background-color:#0053cc}.green-dot-color{background-color:#028859}.orange-dot-color{background-color:#ff991f}body{font-family:"Poppins"}
/*# sourceMappingURL=main.102a0448.chunk.css.map */