*,:after,:before{margin:0;padding:0;box-sizing:inherit}body{font-family:"Nunito",sans-serif;font-weight:400;padding:1rem;box-sizing:border-box;color:#777}html{font-size:62.5%}@media screen and (max-width:75em){html{font-size:59.37%}}@media screen and (max-width:56.25em){html{font-size:56.25%}}@media screen and (max-width:37.5em){html{font-size:50%}}.icon{height:2.5rem;width:2.5rem;display:inline-block;stroke-width:0;stroke:currentColor;fill:currentColor;position:relative;z-index:10;cursor:pointer}.icon__add,.icon__attach,.icon__block,.icon__chat,.icon__cross,.icon__donut,.icon__emoji,.icon__mic,.icon__more,.icon__search,.icon__send,.icon__tick{height:1.8rem;width:1.8rem;margin-right:1rem;fill:#212121;transform:scale(1);transition:transform .2s ease-in}.icon__add:active,.icon__attach:active,.icon__block:active,.icon__chat:active,.icon__cross:active,.icon__donut:active,.icon__emoji:active,.icon__mic:active,.icon__more:active,.icon__search:active,.icon__send:active,.icon__tick:active{transform:scale(1.5)}.icon__chat{margin-right:.4rem}.icon__attach,.icon__emoji,.icon__send{fill:#757575}.icon__send{height:2rem;width:2rem;fill:#212121}.icon__cross{height:3rem;width:3rem}.icon__tick{margin-left:.3rem;position:absolute;top:50%;transform:translateY(-50%)}.icon__search{height:1.5rem;width:1.5rem;stroke-width:.2rem;fill:#757575}.icon__add,.icon__block{fill:#00bfa5}.not_found{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._form{background-color:#dadbe3;height:100vh;position:relative}.form__inner__top{background-color:#00bfa5;height:30vh}.login_form__d_4pP{display:flex;align-items:center;flex-direction:column;background-color:#fff;position:absolute;height:88vh;left:50%;top:15%;transform:translateX(-50%);width:80rem;box-shadow:1rem 3rem 4rem rgba(0,0,0,.3)}.login_form__header__KuY4Z{font-size:3.2rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase;margin-bottom:2rem}.login_form__error__3xWgc{color:red;font-weight:700;font-size:1.5rem;padding:1rem 1.5rem;margin-bottom:1rem;background-color:#f6d8db}.login_btn__submit__1zbWR{background-color:#44e6c3;color:#fff;border-radius:4px;border:none;outline:none;padding:1.5rem 1.9rem;font-size:2rem;margin:1.2rem}.login_link__3J76d{font-size:1.8rem;padding-left:1rem;color:#06463d;text-decoration:none}.textError_error_box__2fsZQ{padding-top:.3rem;color:red;font-size:1.4rem;font-weight:500}.input_input__26CL5{display:flex;flex-direction:column;margin:1.8rem;position:relative}.input_input__field__1l8kP{outline:none;background:transparent;border:none;border-bottom:.2rem solid #ccc;padding-bottom:.4rem;margin-bottom:1.5rem}.input_input__label__38vzp{position:absolute;font-size:1.45rem;padding-left:.3rem;font-weight:500;color:#212121;top:-.8rem;transition:all .166s ease-in}.input_input__field__1l8kP:focus+.input_input__label__38vzp{color:#71c9ce;padding-left:0;font-size:1.2rem;top:-2.5rem}.input_input__field__1l8kP:focus{border-color:#71c9ce;border-width:.245rem}.input_move__13tUZ{color:#71c9ce;padding-left:0;font-size:1.2rem;top:-2.5rem}.spinner_spinner__1HIll{display:inline-block;height:3rem;width:3rem;border-radius:50%;border:.4rem solid #fff;border-top-color:transparent;-webkit-animation:spinner_rotate__JWnee .8s linear infinite;animation:spinner_rotate__JWnee .8s linear infinite}@-webkit-keyframes spinner_rotate__JWnee{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes spinner_rotate__JWnee{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.signup_form__1WwoJ{display:flex;align-items:center;flex-direction:column;background-color:#fff;position:absolute;height:88vh;left:50%;top:15%;transform:translateX(-50%);width:80rem;box-shadow:1rem 3rem 4rem rgba(0,0,0,.3)}.signup_form__header__bw8OF{font-size:3.2rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase;margin-bottom:2rem}.signup_form__error__1xvw1{color:red;font-weight:700;font-size:1.5rem;padding:1rem 1.5rem;margin-bottom:1rem;background-color:#f6d8db}.signup_btn__submit__3K-ey{background-color:#44e6c3;color:#fff;border-radius:4px;border:none;outline:none;padding:1.5rem 1.9rem;font-size:2rem;margin:1.2rem}.signup_link__3Vgi3{font-size:1.8rem;padding-left:1rem;color:#06463d;text-decoration:none}.navbar_navbar__oVzOs{background-color:#00b7c2;padding:.5rem;margin-bottom:2rem;display:flex;justify-content:flex-end;border-radius:5px}.navbar_navbar__links__1Vta0{display:flex;width:60rem;justify-content:flex-end;margin-right:3rem}.navbar_navbar__link__2QZiP{color:#fff;padding:.7rem 1.5rem;text-decoration:none;align-content:center;font-weight:600;font-size:1.8rem;border:none;outline:none}.navbar_active__3Q5Us{border-bottom:2px solid #fff}.navbar_icon__jVBVg{height:1.5rem;width:1.5rem;font-weight:700;fill:#fff}.home{background-color:#dadbd3;height:100vh;display:flex;justify-content:center;align-items:center}.home__body{display:flex;height:90vh;width:85vw;overflow-x:auto;background-color:#ededed;box-shadow:1.3rem 2rem 2.5rem rgba(0,0,0,.3),.3rem .5rem 1rem hsla(0,0%,80%,.6)}@media screen and (max-width:750px){.home__body{width:100vw}}.sidebar{flex:0.30 1;display:flex;flex-direction:column}.sidebar__header{padding:2rem 1.5rem}.sidebar__header,.sidebar__header-right{display:flex;align-items:center;justify-content:space-between;position:relative}.sidebar__header-right{min-width:6vw}.sidebar__search{display:flex;align-items:center;background-color:#f6f6f6;padding:1rem;height:8rem}.sidebar__search__container{display:flex;align-items:center;width:100%;border-radius:20px;height:5rem;padding-left:1rem;background-color:#fff}.sidebar__search__container>input{border:none;margin-left:.7rem;font-weight:600;width:100%}.sidebar__chats{background-color:#fff;flex:1 1;overflow-y:auto;position:relative}.username{position:absolute;left:20%;color:#212121;font-weight:700;font-size:1.3rem}.sidebar__chat{display:flex;padding:1rem;cursor:pointer;border-bottom:1px solid #eee;align-items:center;position:relative;height:10rem}.sidebar__chat:hover{background-color:#ebebeb}.sidebar__chat__info{display:grid;width:60%}.sidebar__chat__info h2{font-weight:600;color:#000;font-size:1.8rem}.sidebar__chat__info div{overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__chat__img{height:4rem;width:4rem;object-fit:cover;border-radius:50%;margin-right:2rem}.addNew{font-size:1.5rem;color:#212121;font-weight:600}.unread_message_count{background-color:#06d755;color:#fff;font-weight:700;position:absolute;right:10%;top:50%;transform:translateY(-50%);width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center}.unread_message_time{color:#06d755;position:absolute;top:15%;right:6%}.popup{height:100vh;width:100vw;left:0;top:0;background-color:rgba(0,0,0,.6)}.popup,.popup__content{position:fixed;z-index:100}.popup__content{background-color:#fff;display:flex;flex-direction:column;border-radius:20px;padding:2rem;left:50%;transform:translateX(-50%);opacity:0;transform:scale(0);transition:all .2s ease-out;top:10%}.popup__content__active{opacity:1;transform:translateX(-50%) scale(1)}.popup__content>div>input{border-radius:10px;background-color:#eee;outline:none;color:#000;padding:1rem 1rem 1rem 2rem;height:4rem;margin-bottom:1rem;border:none}.btns{display:flex}.btn{border:none;outline:none;text-align:center;padding:1rem;margin:1rem;border-radius:.5rem;width:8rem;color:#fff;transform:scale(1);transition:transform .2s linear}.btn:hover{transform:scale(1.1)}.btn__green{background-color:#00bfa5}.btn__yellow{background-color:#d2eb49}@-webkit-keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.room_spinner{height:3rem;width:3rem;border:.3rem solid #ccc;border-top-color:red;border-radius:50%;transform-origin:center;margin:10rem auto;-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}.options{padding:1rem 0;background-color:#fff;position:absolute;top:150%;z-index:20;width:20rem;transform:scale(0);transform-origin:0 0;left:80%;opacity:0;transition:transform .3s linear,opacity .4s ease-in}.options__active{transform:scale(1);opacity:1}.options__list{list-style:none;width:100%;font-size:1.5rem;color:#212121}.options__list li{cursor:pointer;padding:1rem 2rem}.options__list li:hover{background-color:#ebebeb}.chat{flex:0.70 1;display:flex;flex-direction:column}.chat__header{padding:2rem 2rem 1rem;display:flex;align-items:center;border-bottom:1px solid #d3d3d3;position:relative}.chat__header__info{flex:1 1;padding-left:2rem}.chat__header__info>h3{font-weight:700;font-size:2rem;color:#212121}.chat__header__right{display:flex;min-width:10rem;justify-content:space-between;align-items:center}.chat__header__img{height:3rem;width:3rem;object-fit:cover;border-radius:50%;margin-right:2rem}.chat__body{flex:1 1;background-image:url(/static/media/whatsapp.adbccee0.png);background-repeat:no-repeat;background-size:cover;padding:3rem;overflow-y:auto;position:relative}.chat__footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d3d3d3;flex-direction:column;position:relative}.chat__footer__input{flex:1 1;position:relative;padding:1rem;display:flex;margin:0 1rem;z-index:50}.chat__footer__input>input{flex:1 1;border-radius:3rem;padding:1rem;border:none;outline:none}.chat__footer__btn{display:none}.message__body{padding:1.2rem;font-size:1.4rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:50%;border-radius:1rem;font-weight:600;position:relative;margin-bottom:1rem;color:#212121;font-family:"Nunito","Apple Color Emoji"}.message__sender{margin-left:auto;background-color:#dcf8c6}.message__receiver{background-color:#fff}.message__timestamp{color:#757575;margin:0 2rem 0 1rem;position:relative;font-size:1.2rem}.message__name{position:absolute;font-size:xx-small;top:-2.3rem;left:2%}.splashScreen{flex:0.70 1;display:flex;justify-content:center;align-items:center}.splashScreen__image{border-radius:50%;height:25rem;width:25rem;margin-bottom:5rem}.splashScreen__text{font-size:1.7rem}.blockdate{width:100%;display:flex;justify-content:center}.blockdate span{padding:1rem;background-color:#e1f2fb;color:#212121;border-radius:7px;font-size:1.35rem;display:inline-block;margin-bottom:1.6rem}.emoji-mart-preview{display:none!important}.emoji-mart{position:relative;width:100%!important;background-color:#ededed!important;z-index:10}.emoji-mart-category-label span{background-color:#ededed!important;color:#777}.emoji-mart-category-label{position:relative!important}.emoji-mart-search input{background-color:#e6e6e6;border:none!important}.emoji-mart-category-label{padding:.6rem!important}.addToConTacts{padding:2rem;margin:1rem 0;background-color:#fff;display:flex;flex-direction:column}.item{display:flex;justify-content:flex-start;align-items:center;padding:1rem;cursor:pointer}.item__text{color:#00bfa5}.contacts__header,.item__text{font-weight:700;font-size:1.6rem}.contacts__header{padding-left:1rem;margin-bottom:1rem}.item__text{margin-left:1rem}
/*# sourceMappingURL=main.4d7ed143.chunk.css.map */