@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap);:root{--bg-color:#f2f2f2;--bg-secondary-color:#e5e5e5;--primary-color:#fff;--text-color:#120d26;--text-secondary-color:#5669ff;--text-third-color:#747688;--text-Fourth-color:#fff;--input-color:#e1f5fe}body{color:#120d26;color:var(--text-color);font-family:Roboto,sans-serif;font-weight:600}label{font-size:var(--font-size-label)}*{box-sizing:border-box;margin:0;padding:0}input{border:none}input:focus{outline:none}.App{height:100vh}.style_layout__acBaB{align-items:center;justify-content:center}.style_chat_container__eo4QR,.style_layout__acBaB{display:flex;flex-direction:column;height:100%;width:100%}.style_chat_container__eo4QR{background-color:var(--primary-color);background-color:#dee5e7;border:1px solid #ccc;position:relative}.style_user_details__U5Db8{background-color:#f5f5f5;height:10%;padding-left:20px}.style_user_details__U5Db8>span{align-items:center;display:flex;height:100%;justify-content:space-between;width:11%}.style_avatar__c7CY3{background-color:#eae8e8;border-radius:50%;font-weight:900;height:30px;position:relative;width:30px}.style_avatar__c7CY3,.style_selectUser__q24\+f{align-items:center;display:flex;justify-content:center}.style_selectUser__q24\+f{height:100%;width:100%}.style_input_send__fFQMP{align-items:center;background-color:#f5f5f5;bottom:0;display:flex;height:60px;padding:10px;position:absolute;width:100%}.style_input_send__fFQMP>input{border:none;border-radius:10px;height:40px;margin-right:10px;padding:15px;width:80%}.style_iconDiv__sm\+p7{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;width:40px}.style_icon__I3yOd{height:22px;width:22px}.style_emojiSelector__oz3iQ{bottom:30px;left:20px;position:absolute}.style_messages__gxMw-{display:flex;flex-direction:column;height:85%;margin-bottom:70px;overflow-y:scroll;padding:20px;width:100%}.style_messages__gxMw-::-webkit-scrollbar{width:0}.style_date__qkq-T{align-items:center;display:flex;justify-content:center}.style_date__qkq-T>span{border-radius:5px;font-size:smaller;padding:0 2px}.style_message_sender__PRddX{align-self:flex-start;max-width:100%}.style_message_receiver__tNpkH,.style_message_sender__PRddX{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:space-between;margin-bottom:8px;width:auto}.style_message_receiver__tNpkH{align-self:flex-end}.style_text_sender__0HPmT{background-color:#5be1b4;border-radius:0 10px 10px 10px;padding:5px;word-break:break-word}.style_text_receiver__qk8xk{background-color:#eee;border-radius:10px 0 10px 10px;padding:6px;word-break:break-word}.style_textMessage__ctHeM{margin-top:30px}.style_imgMessage__k21av{border-radius:10px 10px 10px 10px;height:230px;image-rendering:optimizeQuality;object-fit:cover;width:230px}.style_timestamp_sender__o1OI9{align-self:flex-start;display:block;font-size:.7rem;margin-left:5px;text-align:right}.style_timestamp_receiver__BpnjL{align-self:flex-end;display:block;font-size:.7rem;margin-left:5px;text-align:right}.style_avatar__z4mMX{align-items:center;display:flex;height:100%;justify-content:center;width:10%}.style_input_file__n9TY9{display:none}.style_avatarImage__vlCT5{border-radius:50%;height:35px;image-rendering:optimizeQuality;object-fit:cover;width:35px}.style_avatarCircle__MamhK{position:relative}.style_avatarCircle__MamhK,.style_defultAvatar__joMOw{align-items:center;border-radius:50%;display:flex;height:35px;justify-content:center;width:35px}.style_defultAvatar__joMOw{border:none;color:#9b9b9b}.style_chatList_container__KX5JD{background-color:#eee;border:1px solid #ccc;display:flex;flex-direction:column;height:85%;position:relative;width:100%}.style_search_peaple__fYqqg{align-items:center;display:flex;position:relative;width:100%}.style_search_input__kjxir{border:none;border-radius:5px;height:30px;padding:10px 10px 10px 30px;width:80%}.style_search_icon__dSNV0{color:#000;font-size:20px;left:2%;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.style_selectUser__F74tm{align-items:center;display:flex;height:100%;justify-content:center}.style_user__oGh1E{align-items:center;display:flex;height:15%;width:100%}.style_user__oGh1E:hover{background-color:#dce6e9;cursor:pointer}.style_selectedUser__LVwNl{background-color:#dee5e7}.style_avatar__\+0gyU{align-items:center;background-color:#eae8e8;border-radius:50%;display:flex;font-weight:900;height:30px;justify-content:center;margin:10px;position:relative;width:30px}.style_user_status__pCBWJ{bottom:-4px;position:absolute;right:-4px}.style_online__0-f7N{color:#2de0a5}.style_offline__EiOLG{color:grey}.style_newChat__KlfDV{align-items:center;background-color:#5be1b4;border-radius:50%;bottom:2%;display:flex;height:40px;justify-content:center;position:absolute;right:2%;width:40px}.style_newChatIcon__a9lff{height:45%;width:45%}.style_auth_container__8ObcJ{display:flex;justify-content:center;max-width:800px;width:80%}.style_auth_form__Dgj8E{align-items:center;background-color:var(--bg-secondary-color);border-radius:10px;display:flex;flex-direction:column;padding:20px;width:45%}.style_auth_form__Dgj8E h2{margin-top:0}.style_auth_form__Dgj8E form{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.style_form_control__i5V3J{display:flex;flex-direction:column;margin-bottom:10px}.style_form_control__i5V3J label{display:block;margin-bottom:5px}.style_form_control__i5V3J input{border:none;border-radius:5px;padding:10px;width:100%}.style_form_control__i5V3J span{align-self:flex-end;font-size:x-small}.style_register__R\+n7A{font-size:small}.style_button__MUzr0{background-color:var(--primary-color);border:none;color:var(--text-color);margin:10px 0;padding:10px;width:30%}.style_auth_container__54MNE{display:flex;justify-content:center;max-width:800px;width:80%}.style_auth_form__6DqgQ{align-items:center;background-color:var(--bg-secondary-color);border-radius:10px;display:flex;flex-direction:column;padding:20px;width:45%}.style_auth_form__6DqgQ h2{margin-top:0}.style_auth_form__6DqgQ form{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.style_form_control__UhPsf{display:flex;flex-direction:column;margin-bottom:10px}.style_form_control__UhPsf label{display:block;margin-bottom:5px}.style_form_control__UhPsf input{border:none;border-radius:5px;padding:10px;width:100%}.style_button__Bu\+2G{background-color:var(--primary-color);border:none;color:var(--text-color);margin:10px 0;padding:10px;width:30%}.style_auth_container__EaLhu{display:flex;justify-content:center;max-width:800px;width:80%}.style_auth_form__BNKdl{align-items:center;background-color:var(--bg-secondary-color);border-radius:10px;display:flex;flex-direction:column;padding:20px;width:45%}.style_auth_form__BNKdl h2{margin:0 0 10px}.style_auth_form__BNKdl form{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.style_form_control__YY9Xg{display:flex;flex-direction:column;margin-bottom:10px}.style_form_control__YY9Xg label{display:block;margin-bottom:5px}.style_form_control__YY9Xg input{border:none;border-radius:5px;padding:10px;width:100%}.style_button__mLTjL{background-color:var(--primary-color);border:none;color:var(--text-color);margin:10px 0;padding:10px;width:30%}.style_header__RxAj7{align-items:center;display:flex;height:10%;justify-content:space-between;width:80%}.style_icon__2pPdt{width:20%}.style_main__M5PF6{display:flex;height:100%;width:100%}.style_chat__bLRFp{align-items:center;background-color:var( --bg-secondary-color);background-color:#eae8e8;display:flex;height:100%;width:70%}.style_sideBar__4d-tt{background-color:#f5f5f5;height:100%;width:30%}.style_sideBar_header__AqQqa{align-items:center;display:flex;height:9%;padding-left:7px}.style_auth_container__7QuRu{display:flex;justify-content:center;max-width:800px;width:80%}.style_auth_form__8Z5aH{align-items:center;background-color:var(--bg-secondary-color);border-radius:10px;display:flex;flex-direction:column;padding:20px;width:45%}.style_auth_form__8Z5aH h2{margin:0 0 10px}.style_auth_form__8Z5aH form{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.style_form_control__gDq0L{display:flex;flex-direction:column;margin-bottom:10px}.style_form_control__gDq0L label{display:block;margin-bottom:5px}.style_form_control__gDq0L input{border:none;border-radius:5px;padding:10px;width:100%}.style_button__X4deJ{background-color:var(--primary-color);border:none;color:var(--text-color);margin:10px 0;padding:10px;width:30%}
/*# sourceMappingURL=main.bb6aedd4.css.map*/