@import url(https://fonts.googleapis.com/css2?family=Markazi+Text:wght@600&family=Mogra&family=Montserrat:wght@400;500&family=Roboto:ital,wght@0,700;1,300;1,400&display=swap);.spinner{animation:spinner-border .75s linear infinite;border:.25em solid;border-radius:50%;border-right:.25em solid #0000;display:inline-block;height:1rem;vertical-align:text-bottom;width:1rem}@keyframes spinner-border{to{transform:rotate(1turn)}}body{box-sizing:border-box;margin:0;padding:0}.formContainer{align-items:center;background-color:#a7bcff;display:flex;height:100vh;justify-content:center;max-width:100%}.formContainer .formWrapper{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;font-family:Roboto,sans-serif;gap:15px;padding:25px}.formContainer .formWrapper .logo{color:#4b6892;font-size:24px;font-weight:700}.formContainer .formWrapper .title{color:#a7bcff;font-size:12px}.formContainer .formWrapper form{display:flex;flex-direction:column;gap:5px}.formContainer .formWrapper form input{background-color:#0000;border:none;border-bottom:1px solid #ccc;color:#7da0d3;font-size:12px;outline:none;padding:15px;width:250px}.formContainer .formWrapper form input::placeholder{color:#7da0d3;font-size:12px}.formContainer .formWrapper form label{align-items:center;border:1px solid #a7bcff;color:#a7bcff;cursor:pointer;display:flex;font-size:15px;gap:10px;margin:10px;padding:5px}.formContainer .formWrapper form label img{width:30px}.formContainer .formWrapper form .success{color:green;font-size:12px;font-weight:700;padding:10px}.formContainer .formWrapper form button{background-color:#7b96ec;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:10px}.formContainer .formWrapper form button.loginbtn{margin-top:15px}.formContainer .formWrapper .or{color:#a7bcff}.formContainer .formWrapper .google{align-items:center;background-color:#fff;border:1px solid #a7bcff;border-radius:4px;color:#a7bcff;cursor:pointer;display:flex;gap:10px;padding:5px}.formContainer .formWrapper .google img{height:30px;width:30px}.formContainer .formWrapper p{color:#a7bcff;font-size:12px}.formContainer .formWrapper .err{color:red;font-size:9px}.home{display:flex;height:100vh;max-width:100%}.home .sidebar{background-color:#3e3c61;flex:1 1;overflow-y:auto}.home .sidebar .navbar{align-items:center;background-color:#2f2d52;color:#fff;display:flex;font-family:Montserrat,sans-serif;height:40px;justify-content:space-between;padding:10px}.home .sidebar .navbar .logo{font-weight:700}.home .sidebar .navbar .user{align-items:center;display:flex;gap:10px}.home .sidebar .navbar .user img{background-color:#fff;border-radius:50%;height:30px;object-fit:cover;width:30px}.home .sidebar .navbar .user button{background-color:#fff;border:none;border-radius:5px;color:#435e84;cursor:pointer;font-size:10px;padding:5px}.home .sidebar .search{width:100%}.home .sidebar .search .searchform{border-bottom:1px solid #d3d3d3}.home .sidebar .search .searchform input{background-color:#0000;border:none;color:#fff;margin-bottom:3px;outline:none;padding:20px 20px 5px 15px;width:70%}.home .sidebar .search .searchform input::placeholder{color:#d3d3d3}.home .sidebar .userchat{align-items:center;cursor:pointer;display:flex;gap:10px;padding:5px 10px}.home .sidebar .userchat:hover{background-color:#3c5475}.home .sidebar .userchat img{border-radius:50%;height:50px;object-fit:cover;width:50px}.home .sidebar .userchat .userChatInfo span{color:#fff;font-size:18px;font-weight:700}.home .sidebar .userchat .userChatInfo p{color:#d3d3d3;font-size:14px;margin:0}.home .chat{flex:2 1}@media screen and (max-width:768px){.home .chat{display:none}}.home .chat .chatInfo{align-items:center;background-color:#5d5b8d;display:flex;height:40px;justify-content:space-between;padding:10px}.home .chat .chatInfo span{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:700;gap:10px}.home .chat .chatInfo span .back{cursor:pointer;display:none;height:20px;width:20px}@media screen and (max-width:768px){.home .chat .chatInfo span .back{display:block}}.home .chat .chatInfo .chatInfoIcons{display:flex;gap:10px}.home .chat .chatInfo .chatInfoIcons img{cursor:pointer;height:24px;width:30px}.home .chat .messages{background-color:#c2c2d7;height:calc(100% - 140px);overflow-y:scroll;padding:10px}.home .chat .messages .message{display:flex;gap:20px;margin-bottom:20px}.home .chat .messages .message .messageInfo{align-self:flex-end;color:#403f3f;display:flex;flex-direction:column;justify-content:center}.home .chat .messages .message .messageInfo img{border-radius:50%;height:50px;width:50px}.home .chat .messages .message .messageContent{display:flex;flex-direction:column;max-width:80%}.home .chat .messages .message .messageContent img{width:50%}.home .chat .messages .message .messageContent p{background-color:#fff;border-radius:0 10px 10px 10px;color:#000;max-width:-webkit-max-content;max-width:max-content;padding:10px 20px}.home .chat .messages .message.owner{flex-direction:row-reverse}.home .chat .messages .message.owner .messageContent{align-items:flex-end}.home .chat .messages .message.owner .messageContent p{background-color:#8da4f1;border-radius:10px 0 10px 10px;color:#fff}.home .chat .input{align-items:center;background-color:#fff;display:flex;height:40px;justify-content:space-between;padding:10px}.home .chat .input input{border:none;color:#3c5475;font-size:18px;outline:none;width:100%}.home .chat .input input::placeholder{color:#d3d3d3}.home .chat .input .send{align-items:center;display:flex;gap:10px;padding-right:15px}.home .chat .input .send img{cursor:pointer;height:30px;width:30px}.home .chat.noChat{align-items:center;background-color:#c2c2d7;display:flex;height:100%;justify-content:center}@media screen and (max-width:768px){.home .chat.noChat{display:none}}.home .chat.noChat span{color:#3c5475;font-size:25px;font-weight:700;letter-spacing:1px}
/*# sourceMappingURL=main.fbcc43ec.css.map*/