@import url(https://fonts.googleapis.com/css2?family=Public+Sans:wght@200;400;500&display=swap);.userDrawer{background-color:#eee;height:100vh}.drawer-imageContainer{height:180px;width:180px;border-radius:50%;overflow:hidden;margin:30px auto}.drawer-imageContainer img{height:100%;width:100%;object-fit:cover}.profile-top{width:100%;background-color:#262e35;height:100px;display:flex;align-items:center;justify-content:center}.profile-top p{color:#fff;padding:20px;font-size:20px}.profile-username{padding:10px}.profile-username p{font-size:18px}.drawer-input{border-bottom:1px solid grey}.drawer-btn{color:#fff;padding:14px 8px;outline:none;border:none;width:80%;display:flex;border-radius:6px;align-items:center;justify-content:center;margin:10px auto}.chats,.drawer-btn{background-color:#262e35}.chats{height:100vh;overflow:hidden}.chats-top-name{padding:0 20px;display:flex;align-items:center;z-index:3;background-color:#262e35}.small-images{height:45px;width:45px;object-fit:cover;border-radius:50%}.chats-top-name>p{color:#e1e9f1;font-weight:600;font-size:17px;margin:0 0 0 20px}.chats-section{height:86vh;display:flex;flex-direction:column}.users-chats{height:80vh;padding:0 20px;overflow-y:scroll}.users-chats::-webkit-scrollbar{width:8px}.users-chats::-webkit-scrollbar-thumb{border-radius:12px;background-color:#abb4d2;margin-right:20px}.single-user-chats{margin-bottom:15px;max-width:80%}.chat{display:flex;align-items:flex-end}.combine-container>p{color:#e1e9f1;margin:5px;font-size:15px}.main-chat-container{padding:6px 10px;background-color:#7269ef;border-radius:8px 8px 8px 0;color:#fff;margin-left:8px}.main-chat-container img{height:100px;width:200px;object-fit:contain;margin:2px 0}.main-chat-container .time-ago{font-size:12px;margin-top:4px;text-align:right;color:hsla(0,0%,100%,.5)}.main-chat-container p{margin:0}.send{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end}.send .main-chat-container{background-color:#303841}.send .chat .image-container{order:2}.send .main-chat-container{order:1;margin-left:0;margin-right:8px}.users-input{height:20vh;padding:0 20px}.users-input,.users-input div{display:flex;align-items:center}.users-input div{width:100%}.react-input-emoji--container{width:100%!important;padding:5px!important;outline:none!important;border:none!important;background-color:#36404a!important;color:#9aa1b9!important;font-size:18px!important;border-radius:5px!important}.react-input-emoji--button svg{fill:#7269ef!important}.input-controller{margin-bottom:10px}@media only screen and (max-width:768px){.single-user-chats{max-width:100%}.main-chat-container{padding:2px 10px 3px}.users-input{padding:2px 0}.users-input>div{padding:0 3px}}.sidebar{padding:20px 0;height:100vh;background-color:#303841}.sidebar-container{display:flex;align-items:center;justify-content:space-between;padding:0 5px}.heading{font-weight:700;font-size:26px;padding:0 20px;color:#dbe3eb;font-family:"Public Sans",sans-serif}.sidebar-input-container{margin:30px 20px;display:flex;align-items:center;background-color:#36404a;padding:10px 25px;border-radius:5px;cursor:pointer}.sidebar-input-container input{width:100%;padding:7px;outline:none;border:none;background:none;color:#9aa1b9;font-size:18px}:-ms-input-placeholder{color:#9aa1b9}::placeholder{color:#9aa1b9}.smallHeading{font-size:20px}.sidebar-conversations{margin:10px 0;overflow-y:scroll;height:70vh;padding:0 10px}.sidebar-conversations::-webkit-scrollbar{width:8px}.sidebar-conversations::-webkit-scrollbar-thumb{border-radius:12px;background-color:#abb4d2;margin-right:20px}.sidebar-single-conversation{display:flex;padding:8px 10px;cursor:pointer;border-radius:8px;transition:all .5s ease;margin-bottom:10px}.sidebar-single-conversation:hover{background-color:#36404a}.image-container{position:relative}.online-status{position:absolute;right:0;bottom:0}.sidebar-single-conversation img{height:45px;width:45px;object-fit:cover;border-radius:50%;z-index:-1}.sidebar-conversation-wrapper{width:100%;margin-left:10px}.sidebar .name-container{display:flex;justify-content:space-between;color:#e1e9f1;font-family:"Public Sans",sans-serif}.name-container p{margin:0;color:#e1e9f1;font-weight:600}.sidebar-conversation-wrapper span{color:#abb4d2;font-size:14px}.css-1wlk0hk-MuiAvatar-root{height:50px!important;width:50px!important}.login{background-color:#f7f7ff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:"Public Sans",sans-serif;padding:20px 0}.form{width:40%;margin:0 auto;background-color:#fff;padding:20px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border-radius:4px}.login h1{font-size:26px;text-align:center;color:#495057;font-weight:500}.login p{font-size:14px;text-align:center;color:#7a7f9a}.form div{width:100%;margin:0 auto 8px}.form div label{color:#404057;font-weight:400;font-size:17px;margin-bottom:7px}input{width:100%;outline:none;padding:10px;background-color:rgba(230,235,245,.25);border-radius:4px;color:#7a7f9a;border:1px solid #eee}.password-label{display:flex;align-items:center;justify-content:space-between}.password-label span{font-size:13px;cursor:pointer;color:#7a7f9a}.form button{width:100%;padding:8px;color:#fff;background-color:#7269ef;outline:none;border:none}.to-signup{text-align:center;color:#7a7f9a;display:flex;font-size:14px;margin-top:10px}.to-signup span{font-size:16px;color:#7269ef;cursor:pointer;margin-left:5px}.error{color:red}.signup-image-preview{height:100px;width:100px;object-fit:contain;margin-bottom:5px}@media only screen and (max-width:1280px){.form{width:60%}}@media only screen and (max-width:768px){.form{width:70%}}@media only screen and (max-width:640px){.form{width:90%}}body{margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;font-family:"Public Sans",sans-serif}.row{--bs-gutter-x:0!important;--bs-gutter-y:0!important}
/*# sourceMappingURL=main.67432106.chunk.css.map */