body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.formContainer{align-items:center;background-color:#638db7;display:flex;height:100vh;justify-content:center}.formContainer .formWrapper{align-items:center;background-color:#222226;border-radius:10px;display:flex;flex-direction:column;padding:20px 60px}.formContainer .formWrapper .logo{height:100px}.formContainer .formWrapper .title{color:#fff;font-size:25px;font-weight:600}.formContainer .formWrapper form{display:flex;flex-direction:column;gap:15px;padding-top:10px}.formContainer .formWrapper form input{background-color:#a7bcff;border:none;border-radius:10px;font-size:medium;font-weight:400;padding:8px;width:250px}.formContainer .formWrapper form input::-webkit-input-placeholder{color:#3c3939}.formContainer .formWrapper form input::placeholder{color:#3c3939}.formContainer .formWrapper form input:focus{caret-color:#030354;outline:none}.formContainer .formWrapper form button{background-color:#7b33ff;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:10px}.formContainer .formWrapper form .errorMsg{color:red;font-weight:400;padding:0 50px}.formContainer .formWrapper form label{align-items:center;color:#8da4f1;cursor:pointer;display:flex;font-size:12px;gap:10px}.formContainer .formWrapper form label img{width:32px}.formContainer .formWrapper p{color:#817fb7;font-size:15px;margin-top:10px}.home{align-items:center;background-color:#638db7;display:flex;height:100vh;justify-content:center}.home .container{border-radius:10px;display:flex;height:98%;overflow:hidden;width:99%}.home .sidebar{background-color:#222226;flex:2 1;position:relative}.home .sidebar .navbar{align-items:center;background-color:#222226;color:#ddddf7;display:flex;height:50px;justify-content:space-between;padding:10px}.home .sidebar .navbar .logo img{height:auto;width:80px}.home .sidebar .navbar .user{display:flex;gap:10px}.home .sidebar .navbar .user img{background-color:#ddddf7;border-radius:50%;height:28px;object-fit:cover;width:28px}.home .sidebar .navbar .user .logout{background-color:#2f2d52;cursor:pointer;height:20px;padding:5px;width:20px}.home .sidebar .search{padding:5px}.home .sidebar .search .searchForm{height:30px;padding:10px}.home .sidebar .search .searchForm input{background-color:hsla(0,0%,100%,.128);border:none;border-radius:30px;color:#fff;height:100%;justify-content:center;outline:none;padding-left:10px;width:95%}.home .sidebar .search .searchForm input::-webkit-input-placeholder{color:#d3d3d3;font-size:1rem;gap:10px}.home .sidebar .search .searchForm input::placeholder{color:#d3d3d3;font-size:1rem;gap:10px}.home .sidebar hr{width:90%}.home .sidebar .chats{height:calc(100% - 180px);overflow-y:scroll}.home .sidebar .chats::-webkit-scrollbar{display:none}.home .sidebar .userChat{align-items:center;background-color:rgba(93,146,238,.122);border-radius:30px;color:#fff;cursor:pointer;display:flex;gap:10px;margin:5px;padding:5px 10px}.home .sidebar .userChat:hover{background-color:#2a53db}.home .sidebar .userChat img{border-radius:50%;height:50px;object-fit:cover;width:50px}.home .sidebar .userChat .userChatInfo span{font-size:18px;font-weight:500}.home .sidebar .userChat .userChatInfo p{color:#e1e1e1;font-size:14px;margin-top:5px}.home .sidebar footer{color:gray;font-size:small;padding:8px}.home .startChat{align-items:center;background-color:rgba(57,0,83,.961);display:flex;flex:5 1;flex-direction:column;justify-content:center}.home .startChat img{height:auto;width:60%}.home .startChat span{color:#fff}.home .chatArea{background-color:#222226;flex:5 1;position:relative}.home .chatArea .chatHeader{align-items:center;background-color:#222226;color:#d3d3d3;display:flex;height:50px;justify-content:space-between;padding:10px}.home .chatArea .chatInfo{display:flex;padding:0 10px}.home .chatArea .chatInfo .avatar{background-color:#ddddf7;border-radius:50%;height:35px;object-fit:cover;width:35px}.home .chatArea .chatInfo span{font-size:23px;font-weight:500;padding:0 10px}.home .chatArea .chatIcons{display:flex;gap:10px;margin-right:20px}.home .chatArea .chatIcons img{cursor:pointer;height:30px}.home .chatArea .message{display:flex;gap:10px}.home .chatArea .message .messageInfo{color:#b7b0b0;display:flex;flex-direction:column;font-size:x-small;font-weight:400;padding-top:20px}.home .chatArea .message .messageInfo img{border-radius:50%;height:30px;object-fit:cover;width:30px}.home .chatArea .message .messageContent{display:flex;flex-direction:column;gap:10px;max-width:60%}.home .chatArea .message .messageContent p{background-color:#514672;border-radius:0 10px 10px 10px;color:#fff;font-size:large;margin-bottom:10px;margin-top:10px;max-width:-webkit-max-content;max-width:max-content;padding:10px 20px}.home .chatArea .message .messageContent img{border:3px solid #514672;border-radius:5px;margin-bottom:10px;margin-top:10px;width:60%}.home .chatArea .message .messageContent .captionedImg{background-color:#514672;border-radius:10px;margin-bottom:10px;margin-top:10px;padding-right:6px;width:60%}.home .chatArea .message .messageContent .captionedImg img{margin:0;width:100%}.home .chatArea .message .messageContent .captionedImg p{margin-top:0;padding:0 10px}.home .chatArea .message.self{flex-direction:row-reverse}.home .chatArea .message.self .messageContent{align-items:flex-end}.home .chatArea .message.self .messageContent p{background-color:#5b1dcf;border-radius:10px 0 10px 10px;color:#fff}.home .chatArea .message.self .messageContent img{border:3px solid #5b1dcf;width:60%}.home .chatArea .message.self .messageContent .captionedImg{background-color:#5b1dcf;padding-right:6px}.home .chatArea .message.self .messageContent .captionedImg img{margin:0;width:100%}.home .chatArea .message.self .messageContent .captionedImg p{margin-top:0;padding:0 10px}.home .chatArea .messages{background-color:rgba(100,92,124,.161);border-radius:15px;height:calc(100% - 160px);margin:2px;overflow-y:scroll;padding:10px}.home .chatArea .messages::-webkit-scrollbar{width:5px}.home .chatArea .messages::-webkit-scrollbar-track{background-color:transparent;-webkit-box-shadow:none}.home .chatArea .messages::-webkit-scrollbar-thumb{background:#a1a0d2;border-radius:20px}.home .chatArea .messages::-webkit-scrollbar-thumb:hover{background:#7776bc;border-radius:20px}.home .chatArea .messages::-webkit-scrollbar-thumb:active{background:#676596;border-radius:20px}.home .chatArea .input{align-items:center;background-color:hsla(0,0%,100%,.128);border-radius:30px;display:flex;gap:8px;height:40px;justify-content:space-between;margin:3px;padding:10px 20px;width:-webkit-fill-available}.home .chatArea .input .emojiTray{bottom:27px;height:450px;position:absolute}.home .chatArea .input .emojiTray .emojiIcon{bottom:-10px;cursor:pointer;height:35px;position:absolute}.home .chatArea .input .emojiTray .emoji-picker-react{position:absolute}.home .chatArea .input textarea{background-color:transparent;border:none;color:#fff;font-size:18px;height:36px;justify-content:center;margin-left:40px;outline:none;resize:none;width:100%}.home .chatArea .input textarea::-webkit-scrollbar{display:none}.home .chatArea .input textarea::-webkit-input-placeholder{color:#d3d3d3}.home .chatArea .input textarea::placeholder{color:#d3d3d3}.home .chatArea .input .send{align-items:center;display:flex;gap:20px}.home .chatArea .input .send img{cursor:pointer;height:40px;padding-top:10px}.home .chatArea .input .send button{background-color:#5770c2;border:none;border-radius:50%;color:#fff;cursor:pointer;height:50px;padding:0;width:50px}.home .chatArea .input .send button:hover{background-color:#2d51c7}.home .chatArea .input .send button img{height:28px;object-fit:contain;padding-top:0;width:28px}
/*# sourceMappingURL=main.58ac1efa.css.map*/