@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap);.formContainer{align-items:center;background-image:url(/static/media/bg.cbd159edf6ec7f42a369.png);display:flex;flex-direction:column;height:100vh;justify-content:center}.formContainer .copyright{background-color:#f8ede3;border-radius:50px;box-shadow:0 10px 20px rgba(0,0,0,.2);margin-top:2%;padding:15px 30px}.formContainer .copyright p{color:85586F;font-size:13px;font-weight:500}.formContainer .copyright p a{color:#85586f;text-decoration:none}.formContainer .formWrapper{align-items:center;background-color:#f8ede3;border-radius:7px;box-shadow:0 10px 20px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:10px;padding:45px 60px}@media screen and (max-width:480px){.formContainer .formWrapper{padding:20px 30px}}.formContainer .formWrapper .logo{color:#000;font-size:30px;font-weight:600}@media screen and (max-width:480px){.formContainer .formWrapper .logo{font-size:25px}}.formContainer .formWrapper .title{color:#3c3c3c;font-size:17px;margin-bottom:20px}.formContainer .formWrapper form{display:flex;flex-direction:column;gap:15px}.formContainer .formWrapper form input{background-color:transparent;border:none;border-bottom:1px solid #000;outline:none;padding:15px;transition:.2s ease-in-out;width:250px}.formContainer .formWrapper form input::-webkit-input-placeholder{color:#4f4f4f;font-weight:400}.formContainer .formWrapper form input:-ms-input-placeholder{color:#4f4f4f;font-weight:400}.formContainer .formWrapper form input::placeholder{color:#4f4f4f;font-weight:400}.formContainer .formWrapper form input:focus{border-bottom:3px solid #000;transition:.2s ease-in-out}.formContainer .formWrapper form button{background-color:#85586f;border:none;border-radius:3px;color:#f8ede3}.formContainer .formWrapper form button,.formContainer .formWrapper form button:hover{cursor:pointer;font-weight:700;margin-top:20px;padding:10px;transition:.2s ease-in-out}.formContainer .formWrapper form button:hover{background-color:#5c3248;border:none;color:#fff}.formContainer .formWrapper form label{align-items:center;color:#393939;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;margin-top:5px}.formContainer .formWrapper form label img{width:27px}.formContainer .formWrapper p{color:#000;font-size:14px;font-weight:600;margin-top:12px}.formContainer .formWrapper .error{color:#de0000;font-size:14px;margin-top:-3%}.home{align-items:center;background-image:url(/static/media/bg.cbd159edf6ec7f42a369.png);display:flex;height:100vh;justify-content:center}.home .container{border-radius:15px;box-shadow:0 10px 20px rgba(0,0,0,.2);display:flex;height:80%;overflow:hidden;width:80%}@media screen and (max-width:768px){.home .container{width:100%}}.home .container .sidebar{background-color:#dfd3c3;flex:.73 1;overflow:scroll;position:relative}.home .container .sidebar .navbar{align-items:center;background-color:#dfd3c3;border-bottom:2px solid #d0b8a8;color:#ddddf7;display:flex;height:50px;justify-content:space-between;padding:10px}.home .container .sidebar .navbar .logo{background-color:transparent;color:#141414;font-size:19px;font-weight:500;padding:0 3px}@media screen and (max-width:768px){.home .container .sidebar .navbar .logo{display:none}}.home .container .sidebar .navbar .user{background-color:#1b1b1b;border-radius:20px;cursor:pointer;display:flex;padding-bottom:4px;padding-left:6px;padding-top:4px}.home .container .sidebar .navbar .user img{background-color:#fff;border-radius:50%;height:24px;margin-right:5px;object-fit:cover;width:24px}.home .container .sidebar .navbar .user .username{color:#dfd3c3;font-weight:600;margin-right:17px;transition:.2s ease-in-out}.home .container .sidebar .search{background-color:transparent;border-bottom:2px solid #d0b8a8}.home .container .sidebar .search .searchForm{padding:10px}.home .container .sidebar .search .searchForm input{background-color:transparent;border:none;color:#85586f;outline:none}.home .container .sidebar .search .searchForm input::-webkit-input-placeholder{color:#3e2733}.home .container .sidebar .search .searchForm input:-ms-input-placeholder{color:#3e2733}.home .container .sidebar .search .searchForm input::placeholder{color:#3e2733}.home .container .sidebar .userChat{align-items:center;color:#212121;cursor:pointer;display:flex;gap:10px;padding:10px;transition:.2s ease-in-out}.home .container .sidebar .userChat:hover{background-color:#d0b8a8;transition:.2s ease-in-out}.home .container .sidebar .userChat img{border-radius:50%;height:45px;object-fit:cover;width:45px}.home .container .sidebar .userChat .userChatInfo span{font-size:18px;font-weight:500}.home .container .sidebar .userChat .userChatInfo p{color:#3e2733;font-size:14px}.home .container .chat{flex:2 1}.home .container .chat .chatInfo{align-items:center;background-color:#2d2d2d;color:#d3d3d3;display:flex;height:50px;justify-content:space-between;padding:10px}.home .container .chat .displayName{color:#dcdcdc;font-size:17px}.home .container .chat .chatIcons{display:flex;gap:10px;margin-right:10px}.home .container .chat .chatIcons img{cursor:pointer;height:24px}.home .container .chat .messages{background-color:#e1cbbc;height:calc(100% - 160px);overflow:scroll;padding:10px}.home .container .chat .messages .message{display:flex;gap:20px;margin-bottom:20px;margin-top:20px}.home .container .chat .messages .message .messageInfo{color:gray;display:flex;flex-direction:column;font-weight:300}.home .container .chat .messages .message .messageInfo img{border-radius:50%;height:40px;object-fit:cover;width:40px}.home .container .chat .messages .message .messageContent{display:flex;flex-direction:column;gap:10px;max-width:80%}.home .container .chat .messages .message .messageContent p{background-color:#d0b8a8;border-radius:0 10px 10px 10px;font-weight:400;max-width:-webkit-max-content;max-width:max-content;padding:10px 20px}.home .container .chat .messages .message .messageContent img{width:50%}.home .container .chat .messages .message.owner{flex-direction:row-reverse}.home .container .chat .messages .message.owner .messageContent{align-items:flex-end}.home .container .chat .messages .message.owner .messageContent p{background-color:#85586f;border-radius:10px 0 10px 10px;color:#fff}.home .container .chat .input{align-items:center;background-color:#85586f;display:flex;height:50px;justify-content:space-between;padding:10px}.home .container .chat .input input{background-color:transparent;border:none;color:#f8ede3;font-size:18px;outline:none;transition:.3s ease-in-out;width:100%}.home .container .chat .input input::-webkit-input-placeholder{color:#f8ede3}.home .container .chat .input input:-ms-input-placeholder{color:#f8ede3}.home .container .chat .input input::placeholder{color:#f8ede3}.home .container .chat .input input:focus,.home .container .chat .input input:hover{font-size:20px;transition:.3s ease-in-out}.home .container .chat .input .send{align-items:center;display:flex;gap:10px}.home .container .chat .input .send img{cursor:pointer;height:24px}.home .container .chat .input .send button{background-color:#ac7088;border:none;border-radius:20px;color:#f5e8c7;cursor:pointer;padding:10px 20px;transition:.2s ease-in-out}.home .container .chat .input .send button:hover{background-color:#794e5f;transition:.2s ease-in-out}
/*# sourceMappingURL=main.ba2c3b5a.css.map*/