@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lobster&display=swap);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}:root{--input-border-color:#8066b8;--submit-button-background:#6d3bda;--placeholder-color:#81afb1}*{margin:0;padding:0}.App{font-family:sans-serif;display:grid;place-items:center;font-family:"Roboto",sans-serif;position:relative;height:100vh;width:100%;padding:1rem 0;background-image:radial-gradient(circle at 82% 83%,hsla(0,0%,100%,.01) 0,hsla(0,0%,100%,.01) 3%,transparent 0,transparent 100%),radial-gradient(circle at 78% 87%,hsla(0,0%,100%,.01) 0,hsla(0,0%,100%,.01) 3%,transparent 0,transparent 100%),radial-gradient(circle at 59% 16%,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 3%,transparent 0,transparent 100%),radial-gradient(circle at 37% 59%,hsla(0,0%,100%,.02) 0,hsla(0,0%,100%,.02) 3%,transparent 0,transparent 100%),radial-gradient(circle at 73% 69%,hsla(0,0%,100%,.01) 0,hsla(0,0%,100%,.01) 3%,transparent 0,transparent 100%),radial-gradient(circle at 85% 62%,hsla(0,0%,100%,.01) 0,hsla(0,0%,100%,.01) 7%,transparent 0,transparent 100%),radial-gradient(circle at 12% 97%,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 7%,transparent 0,transparent 100%),radial-gradient(circle at 33% 35%,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 7%,transparent 0,transparent 100%),radial-gradient(circle at 16% 59%,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 7%,transparent 0,transparent 100%),radial-gradient(circle at 76% 24%,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 7%,transparent 0,transparent 100%),radial-gradient(circle at 79% 94%,hsla(0,0%,100%,.02) 0,hsla(0,0%,100%,.02) 7%,transparent 0,transparent 100%),radial-gradient(circle at 98% 67%,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 7%,transparent 0,transparent 100%),radial-gradient(circle at 6% 5%,hsla(0,0%,100%,.02) 0,hsla(0,0%,100%,.02) 7%,transparent 0,transparent 100%),radial-gradient(circle at 25% 43%,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 5%,transparent 0,transparent 100%),radial-gradient(circle at 68% 85%,hsla(0,0%,100%,.02) 0,hsla(0,0%,100%,.02) 5%,transparent 0,transparent 100%),radial-gradient(circle at 9% 81%,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 5%,transparent 0,transparent 100%),radial-gradient(circle at 8% 6%,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 5%,transparent 0,transparent 100%),radial-gradient(circle at 33% 43%,hsla(0,0%,100%,.01) 0,hsla(0,0%,100%,.01) 5%,transparent 0,transparent 100%),radial-gradient(circle at 32% 30%,hsla(0,0%,100%,.02) 0,hsla(0,0%,100%,.02) 5%,transparent 0,transparent 100%),radial-gradient(circle at 93% 91%,hsla(0,0%,100%,.02) 0,hsla(0,0%,100%,.02) 5%,transparent 0,transparent 100%),radial-gradient(circle at 84% 22%,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 5%,transparent 0,transparent 100%),linear-gradient(90deg,#141042,#331f49)}.token__spinner{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.068);z-index:200}.token__spinner>.spinner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:300}.home{position:relative;height:95vh;width:40rem;margin:auto;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;overflow:hidden;border-radius:10px;background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.5);background:hsla(0,0%,100%,.109)}@media (max-width:680px){.home{width:95%}}.chat__bar{height:95vh;padding:1rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:relative}.chatBar__header{margin-bottom:.5rem}.chat__bar>.chatBar__header .text__center>h3{font-family:"Lobster",cursive;color:#161827}.find__friend input[type=text],.find__friend input[type=text]:focus,.find__users input[type=text],.find__users input[type=text]:focus{background-color:#321e49;color:#fff!important;font-weight:400;letter-spacing:1px}.find__friend input:focus,.find__users input:focus{border:1px solid #ffb68c;box-shadow:none}.list__body{width:100%;-webkit-flex:1 1;flex:1 1;overflow-y:scroll;overflow:-moz-scrollbars-none;scrollbar-width:none;-ms-overflow-style:none;position:relative}.list__body::-webkit-scrollbar{width:0!important;display:none}.friendList__container .friend__notAvailable,.friendList__container .group_not_available{z-index:1500;color:hsla(0,0%,100%,.596);font-size:120%;font-family:"Lobster",cursive;letter-spacing:2px}.chatBar__progress,.friendList__container .friend__notAvailable,.friendList__container .group_not_available{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.users__list h6{font-weight:700!important;letter-spacing:1px}.chat__bar .loadingSpinner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.chat__bar .chatBar__header .avatar .onLine{position:absolute;left:70%;top:60%;height:.7rem;width:.7rem;background-color:#ff9d00;border-radius:50%}.make__newFriend__button{position:fixed;bottom:3.5%;right:50%}.friend__list .mr-3 .onLine{position:absolute;top:70%;left:80%;width:.7rem;height:.7rem;background-color:#ff9d00;border-radius:50%}.listTab__open{background-color:#ff4500!important}.selectedId__section{background:hsla(0,0%,100%,.281);padding:.4rem;max-height:7rem;overflow-y:auto}.selectedId__container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.selected_id{margin:.4rem .5rem;position:relative}.times_for_selectedId{position:absolute;z-index:1200;right:-20%;top:0;color:#f57;cursor:pointer;background-color:hsla(0,0%,97.3%,.863);border-radius:50%}.css-11g9m8p.Mui-selected,.css-fcyteq.Mui-selected{color:#fff!important;background:#6f31ff!important}.css-11g9m8p,.css-qpufms{min-width:60px!important}.chat__bar .css-1ee5err-MuiButtonBase-root-MuiBottomNavigationAction-root.Mui-selected,.chat__bar .css-1uawn05-MuiButtonBase-root-MuiBottomNavigationAction-root.Mui-selected{color:#fff!important;background:#6f31ff!important}.chat__bar .css-1bhme17-MuiButtonBase-root-MuiBottomNavigationAction-root,.chat__bar .css-1ee5err-MuiButtonBase-root-MuiBottomNavigationAction-root{min-width:60px!important}.friendList__container .unseenMessage{color:#48b6ff}.friendList__container .seenMessage,.friendList__container .unseenMessage{size:12px;letter-spacing:1px;font-weight:600;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;width:100%}.friendList__container .seenMessage{color:#959595}.chat{-webkit-flex-direction:column;flex-direction:column;height:95vh;position:relative}.chat,.chat__header{display:-webkit-flex;display:flex}.chat__header{padding:.5rem;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;background:hsla(0,0%,100%,.233)}.header__info{position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.join__button{outline:none;font-family:sans-serif;color:#fff;background-color:#2592ff;padding:0 .4rem;border-radius:5px;font-weight:400;letter-spacing:2px;border:none;margin-right:.4rem;font-size:14px}.chat .chat__header .header__info .online{position:absolute;height:.7rem;width:.7rem;background-color:#ff9d00;border-radius:50%;left:0;top:70%}.upload__progressBar{width:100%;height:2px;background:#fff;border-radius:10rem}.upload__progressBar .bar{height:2px;background-image:linear-gradient(45deg,#ff4949,#ff7e15,#b04fff,#ff7abc)}.chat__body{-webkit-flex:1 1;flex:1 1;padding:0 1.5rem;position:relative}.chat__body.chatBody_Emoji{height:40%!important}.chat__body .oldMessageLoad__btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.2rem .4rem;background-color:rgba(19,23,44,.466);color:#fff;border-radius:5px;font-size:12px;font-weight:500;letter-spacing:1px}.chat__body .chatBody__spinner{position:absolute;top:0;left:0;bottom:0;right:0;background-color:hsla(0,0%,100%,.171);z-index:1000}.chat__body .chatBody__spinner_container,.chat__body .message__notAvailable{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1500}.chat__body .message__notAvailable{color:hsla(0,0%,100%,.596);font-size:120%;font-family:"Lobster",cursive;letter-spacing:2px}.react-scroll-to-bottom--css-tnqbh-1n7m0yu{-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll}.react-scroll-to-bottom--css-tnqbh-1n7m0yu::-webkit-scrollbar{display:none}.chat__text{padding:.2rem .5rem;border-radius:.3rem;width:80%;background-color:rgba(255,95,66,.842);margin:2.5rem .7rem 1rem 0;font-family:sans-serif;position:relative;color:#fff}.myChat{background-color:rgba(18,3,45,.828)}.myChat,.time{margin-left:auto}.time{margin-top:.5rem;font-size:small;color:#d8d8d8;margin-bottom:0}.chat .name{position:absolute;top:-17px;font-weight:800;font-size:12px;z-index:200}.chat .chatOptions__show,.chat .chatOptions__show_receiver{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.chat .chatOptions__show_receiver{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.chat .chat__img{min-width:5rem;max-width:10rem;min-height:5rem;max-height:10rem;border-radius:10px;margin:.5rem;object-fit:cover}.show__file{position:absolute;bottom:12.5%;padding:.5rem;width:100%;height:5rem;overflow-x:hidden;overflow-y:auto;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;background-color:#18151d;z-index:1200}.show__file .show__img{width:5rem;height:5rem;margin:.5rem;object-fit:cover}.show__file .show__files{background-color:#131524;padding:.5rem;border-radius:1rem;box-shadow:0 5px 10px rgba(0,0,0,.5);margin:.5rem}.show__file .times{position:absolute;left:6%;top:8%;cursor:pointer;color:#ff2c2c}.show__file .delete__icon{margin-left:.4rem;cursor:pointer;color:#ff2c2c}#file,#image,#video{display:none}.reaction{position:absolute;border-radius:10px;padding:.1rem;background-color:beige;font-size:12px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;color:#161827}.reaction__receiver{left:92%}.chat__body .react__tab .back__drop{position:absolute;top:0;right:0;left:0;bottom:0;z-index:100;background-color:rgba(0,0,0,.144)}.chat__body .react_options{position:absolute;background-color:#583da0;border-radius:5px;z-index:1200;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.chose{border-radius:50%;transition:all .5s;cursor:pointer;margin:.15rem}.chose:hover{background-color:hsla(0,0%,100%,.144)}.chat__footer_withoutEmoji{height:5rem}.chat__footer_withEmoji,.chat__footer_withoutEmoji{padding-top:.5rem;position:relative;padding-bottom:2.2rem;background:hsla(0,0%,100%,.102)}.chat__footer_withEmoji{-webkit-flex:1 1;flex:1 1}.emoji-picker-react{width:100%!important;height:100%!important}.chat__footer_container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:baseline;align-items:baseline;margin-bottom:.1rem}.chat__footer_withEmoji textarea,.chat__footer_withoutEmoji textarea{width:100%;height:95%;outline:none;border:2px solid #9059e9;border-radius:5px;background-color:transparent;color:#fff;font-weight:600;letter-spacing:1px;font-size:15px;padding:.4rem}.chat__footer_withEmoji textarea::-webkit-input-placeholder,.chat__footer_withoutEmoji textarea::-webkit-input-placeholder{font-size:14px;letter-spacing:1px;font-weight:500;color:#6ab0d1}.chat__footer_withEmoji textarea:-ms-input-placeholder,.chat__footer_withoutEmoji textarea:-ms-input-placeholder{font-size:14px;letter-spacing:1px;font-weight:500;color:#6ab0d1}.chat__footer_withEmoji textarea::placeholder,.chat__footer_withoutEmoji textarea::placeholder{font-size:14px;letter-spacing:1px;font-weight:500;color:#6ab0d1}.icon{width:2rem;height:2rem;margin-left:.3rem}.download__icon{background:none;border:none}.show__document{padding:.1rem .4rem;margin-top:.4rem;background-color:#ff5e42;box-shadow:0 5px 10px rgba(8,10,39,.507);border-radius:10px}.show_user_document{background-color:#19063b;box-shadow:0 5px 10px rgba(77,87,105,.342)}.document__title{font-weight:500;padding-right:.2rem}.message__tooltip{position:absolute;bottom:150%;right:-280%;background-color:#f8f8f8;padding:.5rem;border-radius:10px;box-shadow:0 5px 10px rgba(0,0,0,.2);z-index:1600;-webkit-transform:scale(0);transform:scale(0);transition:all .5s}.tooltip__hover:hover .message__tooltip{-webkit-transform:scale(1);transform:scale(1)}.typing__container{padding:.2rem;border-radius:10px;background-color:#ff4c2c;width:-webkit-min-content;width:min-content;position:absolute;bottom:0}.typing{color:#fff;font-weight:700;letter-spacing:1px;padding:0 .5rem}.chat .audio_recorder .back__drop{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.39);z-index:100}.chat .audio_recorder .recorder_container{position:absolute;top:40%;left:0;right:0;background:#4212b1;padding:1rem;z-index:300}@media screen and (max-width:510px){.icon__button{width:1.2rem!important;height:1.2rem!important}.chat .chatOptions__show,.chat .chatOptions__show_receiver{-webkit-flex-direction:column;flex-direction:column}.chat .chat__body .audio_player{width:15em}}@media screen and (max-width:444px){.icon__button{font-size:1.3rem!important}.chat .chat__body .audio_player{width:10em}}@media screen and (max-width:406px){.chat__footer_withEmoji,.chat__footer_withoutEmoji{padding-bottom:4rem}}@media screen and (max-width:366px){.react__display{-webkit-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (max-width:334px){.chat__header{-webkit-flex-wrap:wrap!important;flex-wrap:wrap!important}.chat .chat__img{width:97%;height:97%}.chat .chat__body .audio_player{width:7em}}.buttons__position{position:fixed;top:90%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1500}.myStream__after_callReceive{position:absolute;left:0;top:68%;width:20%;height:20%;border-radius:5px;object-fit:cover;z-index:1200}.audio__video_mute_button{background-color:#f3f3f3!important}.delete_button{background-color:#ffa4a4!important}.receive_button{background-color:#becdfd!important}.callInfo{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:12;color:#fff;font-weight:3rem;text-align:center}.video{width:45rem;height:100%;object-fit:cover}@media (max-width:680px){.video{width:100%}}.timer{position:absolute;top:80%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:12;color:#fff;font-weight:3rem;text-align:center}.login__container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;height:95vh;padding:1rem;position:relative}.login__container>h4{font-family:"Lobster",cursive;font-size:2rem;color:#fff;letter-spacing:2px}.login__container .login__input{background:transparent;border:none;border-bottom:2px solid var(--input-border-color);color:#fff;outline:none;width:100%;padding:0 .5rem}.login__container .login__input::-webkit-input-placeholder{color:var(--placeholder-color);font-size:12px}.login__container .login__input:-ms-input-placeholder{color:var(--placeholder-color);font-size:12px}.login__container .login__input::placeholder{color:var(--placeholder-color);font-size:12px}.login__container .image__icon{display:block;padding:.3rem 1rem;background-color:#153449;border-radius:5px;cursor:pointer;text-align:center}.login__container .button__container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin:1rem 0}.password__container{position:relative}.password__container .pas_icon{position:absolute;right:0}.login__container .css-1kty9di-MuiFormLabel-root-MuiInputLabel-root{color:#fff!important;z-index:1!important}.login__container .css-o9k5xi-MuiInputBase-root-MuiOutlinedInput-root{color:#fff!important}.login__container .css-1o2jng6-MuiOutlinedInput-notchedOutline{border-color:#b1b7d8!important}.login__container .css-i4bv87-MuiSvgIcon-root{color:#fff!important}.login__container .submit__button{background-color:var(--submit-button-background);color:#e7e7e7;border-radius:5px;padding:.4rem 2rem;letter-spacing:1px;font-weight:500;border:none;font-size:15px;transition:all .5s}.login__container .button__container .submit__button:hover{color:#fff;background-color:#5830b1}.login__container span{color:#ff69b4;font-weight:500;font-size:12px;letter-spacing:2px}.forget,.signIn_btn{font-size:12px;font-weight:700;letter-spacing:2px;color:#fff}.signIn_btn span{color:#00b7ff;font-size:14px}.forget span,.signIn_btn span{font-weight:700;letter-spacing:2px;text-decoration:underline;cursor:pointer}.forget span{color:#fd8750;font-size:12px}.forget span:focus{color:#f22}.google__btn{background:#ff3916;padding:.6rem 1.7rem;font-weight:600;border:none;border-radius:10px;color:#f5f5f5;letter-spacing:1px}.google__btn:hover{background:#ff2f0a;box-shadow:0 0 6px 3px rgba(88,21,0,.705)}.reset__modal .container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;height:50vh;padding:.5rem;width:95%;background-color:#481e96;border-radius:5px;position:absolute;top:20%;left:0;z-index:200}.reset__modal .back__drop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.123);z-index:100}.reset__modal h4{font-family:"Lobster",cursive;font-size:2rem;color:#fff;letter-spacing:2px}.reset__modal input[type=email]{background:transparent;border:none;border-bottom:2px solid var(--input-border-color);color:#fff;outline:none;width:100%;padding:.5rem;margin-bottom:.8rem}.reset__modal input[type=email]::-webkit-input-placeholder{color:var(--placeholder-color);font-size:12px}.reset__modal input[type=email]:-ms-input-placeholder{color:var(--placeholder-color);font-size:12px}.reset__modal input[type=email]::placeholder{color:var(--placeholder-color);font-size:12px}.reset__modal .submit__button{background-color:var(--submit-button-background);color:#e7e7e7;border-radius:5px;padding:.4rem 2rem;letter-spacing:1px;font-weight:500;border:none;font-size:15px;transition:all .5s}.reset__modal .submit__button:hover{color:#fff;background-color:#5830b1}.reset__password{height:95vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.reset__password h4{font-family:"Lobster",cursive;font-size:2rem;color:#fff;letter-spacing:2px;text-align:center}.reset__password .pass_input{background:transparent;border:none;border-bottom:2px solid var(--input-border-color);color:#fff;outline:none;width:100%;padding:0 .5rem}.reset__password input::-webkit-input-placeholder{color:var(--placeholder-color);font-size:12px}.reset__password input:-ms-input-placeholder{color:var(--placeholder-color);font-size:12px}.reset__password input::placeholder{color:var(--placeholder-color);font-size:12px}.reset__password .password__container{position:relative}.reset__password .password__container .pas_icon{position:absolute;right:0}.reset__password .submit__button{background-color:var(--submit-button-background);color:#e7e7e7;border-radius:5px;padding:.4rem 2rem;letter-spacing:1px;font-weight:500;border:none;font-size:15px;transition:all .5s}.reset__password .submit__button:hover{color:#fff;background-color:#5830b1}.chat__settings{position:relative}.chat__settings h4{color:#fff;letter-spacing:2px;font-family:"Lobster",cursive}.chat__settings h6{font-size:15px;font-weight:500;letter-spacing:1px;color:#fff}.remove_chat_modal .container{position:absolute;top:35%;left:0;right:0;width:100%;z-index:200;background:#49148f;padding:1rem;border-radius:10px}.remove_chat_modal{position:absolute;top:0;left:0;right:0;bottom:0;z-index:100;background-color:rgba(0,0,0,.267);height:95vh}.remove_chat_modal .cancel__button{background:#6a39b9;color:#fff;padding:.2rem .5rem;font-weight:600;letter-spacing:1px;border:none;border-radius:5px;font-size:14px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;transition:all .5s}.remove_chat_modal .cancel__button:hover{background-color:#4d2292}.remove_chat_modal .submit__button{background:#ff2340;color:#fff;padding:.2rem .5rem;font-weight:600;letter-spacing:1px;border:none;border-radius:5px;font-size:14px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;transition:all .5s}.remove_chat_modal .submit__button:hover{background-color:#df142f}.remove_chat_modal small{font-size:15px;letter-spacing:1px;font-weight:500}.remove_chat_modal h5{font-weight:600;letter-spacing:1px}.AddMember__modal{position:absolute;background-color:#fff;top:0;width:85%;left:7%;padding:.5rem;border-radius:10px;z-index:200;background-color:#502f7a;color:#fff}.AddMember__modal .list{height:80vh;width:100%;overflow-x:hidden;overflow-y:auto}.back_view .view{position:fixed;top:0;bottom:0;left:0;right:0;z-index:150;background-color:rgba(0,0,0,.13)}.AddMember__modal p{margin-top:.5rem;font-weight:600;letter-spacing:1px;font-size:14px;margin-left:.5rem}.AddMember__modal .selectedMember__container{max-height:5rem;width:100%;overflow-x:hidden;overflow-y:auto;background-color:#8f58d6;margin-top:.5rem;border-radius:10px}.AddMember__modal input[type=text]::-webkit-input-placeholder{font-size:14px}.AddMember__modal input[type=text]:-ms-input-placeholder{font-size:14px}.AddMember__modal input[type=text]::placeholder{font-size:14px}.AddMember__modal button{font-size:14px;letter-spacing:1px;font-weight:600}.room{width:40rem;color:#fff;overflow-x:hidden;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll}.room::-webkit-scrollbar{display:none}.room__container{width:100%;height:100%;grid-template-rows:repeat(2,48vh);grid-auto-rows:48vh}.onlyCaller__present,.room__container{display:grid;grid-template-columns:repeat(2,1fr)}.onlyCaller__present{grid-template-rows:95vh;position:relative}.twoUser__video,.user__video{grid-column:1/-1}.even__user,.more__user,.odd_user,.twoUser__video,.user__video{width:100%;object-fit:cover;height:100%;position:relative}.odd_user{grid-column:1/-1}.room .onlyCaller__present h6,.room .room__container h6{position:absolute;bottom:0;left:1;color:#fff;font-size:12px;font-weight:700}@media only screen and (max-width:680px){.room{width:100%}}.groupCall__notification{position:absolute;width:70%;height:40%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1200;border-radius:10px}.groupCall__notification__view{position:absolute;top:0;left:0;bottom:0;right:0;z-index:200;background-color:hsla(0,0%,100%,.246)}@media only screen and (max-width:400px){.groupCall__notification{width:95%}}.update__account{height:95vh;padding:1.5rem;overflow-x:hidden;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll;position:relative}.update__account::-webkit-scrollbar{display:none}.update__account .camera__icon{position:absolute;bottom:10%;right:10%}.update__account .css-1kty9di-MuiFormLabel-root-MuiInputLabel-root{color:#fff!important;z-index:1!important}.update__account .css-o9k5xi-MuiInputBase-root-MuiOutlinedInput-root{color:#fff!important}.update__account .css-1o2jng6-MuiOutlinedInput-notchedOutline{border-color:#b1b7d8!important}.update__account .css-i4bv87-MuiSvgIcon-root{color:#fff!important}.update__account .update__select{background-color:transparent;color:wheat;outline:none;border:none;border-bottom:2px solid var(--input-border-color);padding:.2rem .6rem}.update__account .update__select option{background-color:var(--submit-button-background);border-radius:5px}.update__account .form{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.update__account .form__input{color:#fff;outline:none;width:100%;border:none;padding:.3rem 1rem;border-bottom:2px solid var(--input-border-color);background-color:transparent}.update__account .form__input::-webkit-input-placeholder{color:var(--placeholder-color);font-size:12px}.update__account .form__input:-ms-input-placeholder{color:var(--placeholder-color);font-size:12px}.update__account .form__input::placeholder{color:var(--placeholder-color);font-size:12px}.update__account .update__submit{background-color:var(--submit-button-background);color:#e7e7e7;border-radius:5px;padding:.4rem 2rem;letter-spacing:1px;font-weight:500;border:none;font-size:15px;transition:all .5s}.update__account .update__submit:hover{color:#fff;background-color:#5830b1}.update__account .back__drop{position:absolute;top:0;left:0;bottom:0;right:0;background-color:hsla(0,0%,100%,.246);z-index:100}.update__account .loading__spinner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:200}.crop .back__drop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#030205}.crop__container{top:20px;left:0;right:0;bottom:100px}.crop .controls,.crop__container{position:fixed;z-index:1200;width:100%}.crop .controls{bottom:0;height:80px}.crop .slider{width:47%;color:#07cc00}.crop select{outline:none;border:none;padding:.3rem .7rem;margin-left:.5rem;border-radius:50x;background-color:#8ac5ff}.crop option,.crop select{font-size:13px;font-weight:700}.crop option{letter-spacing:2px}.profile{color:#fff;overflow-x:hidden;overflow-y:auto;height:95vh}.profile .user__name{font-weight:500;letter-spacing:1px;font-family:"Lobster",cursive;margin:.5rem 0}.profile .online{position:absolute;width:1rem;height:1rem;border-radius:50%;background-color:#ff4500;bottom:11%;right:6%}.profile .info{margin-left:1rem}.profile .info h6{margin-top:.4rem;letter-spacing:1px;font-size:15px;font-weight:700}.account__delete{background-color:#461999;position:absolute;border-radius:5px;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:200;padding:.5rem;width:100%}.delete_alert_modal .back__drop{position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.191);z-index:100}.webCamCapture{position:relative}.optionShowLayer{position:absolute;left:0;right:0;top:0;bottom:13%;z-index:200}.webCamCapture video{object-fit:cover!important;height:95vh!important}.webCamCapture .close__webcam{position:absolute;bottom:2%;left:0;z-index:500}.webCamCapture .capture__image{position:absolute;bottom:2%;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);z-index:500}.webCamCapture .switch__camera{position:absolute;bottom:2%;right:0;z-index:500}.webCamCapture .webcamSwitchBtnGroup{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:absolute;bottom:15%;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);z-index:500}.webCamCapture .webcamSwitchBtnGroup .imageBtn,.webCamCapture .webcamSwitchBtnGroup .videoBtn{border:0;border-radius:5px;color:#fff;padding:0 .5rem;font-size:13px;letter-spacing:1px;font-weight:600}.webCamCapture .webcamSwitchBtnGroup .imageBtn{background-color:#1e90ff}.webCamCapture .webcamSwitchBtnGroup .videoBtn{background-color:#f10}.webCamCapture .stop_icon{position:absolute;bottom:2%;left:70%;z-index:500}.webCamCapture .timer{position:absolute;top:80%;left:50%;z-index:500}.ImagePreview .image__view{object-fit:cover!important;height:95vh!important;width:100%}.ImagePreview .send__image{position:absolute;bottom:2%;right:0}.ImagePreview .close__webcam{position:absolute;bottom:2%;left:0}.videoPreview{height:95vh;width:100%;position:relative}.videoPreview .view_video{object-fit:cover!important;height:95vh!important;width:100%}.videoPreview .close_btn{left:5%}.videoPreview .close_btn,.videoPreview .send_btn{position:absolute;bottom:12%;-webkit-transform:translate(-50%);transform:translate(-50%);z-index:500}.videoPreview .send_btn{right:0}.PopupMessage{position:relative;height:95vh;width:40rem;margin:auto;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;overflow:hidden;border-radius:10px;background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.5);background:hsla(0,0%,100%,.109);color:#fff;font-family:sans-serif}.PopupMessage img{width:45%}.PopupMessage h3{font-family:"Lobster",cursive;letter-spacing:1px}.PopupMessage .popup__close{outline:none;border:none;border-radius:5px;padding:.3rem .5rem;font-weight:500;font-size:16px;letter-spacing:1px;background-color:#25243b;color:#fff;transition:all .5s}.PopupMessage .popup__close:hover{background-color:#141424}@media (max-width:680px){.PopupMessage{width:95%}}
/*# sourceMappingURL=main.bea4f751.chunk.css.map */