.formContainer{align-items:center;background-color:#a7bcff;display:flex;height:100vh;justify-content:center}.formContainer .formWrapper{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:20px 60px}.formContainer .formWrapper .logo{color:#5d5b8d;font-size:24px;font-weight:700}.formContainer .formWrapper .title{color:#5d5b8d;font-size:12px}.formContainer .formWrapper form{display:flex;flex-direction:column;gap:15px}.formContainer .formWrapper form input{border:none;border-bottom:1px solid #a7bcff;padding:12px;width:250px}.formContainer .formWrapper form button{background-color:#7b96ec;border:none;bottom:none;color:#fff;cursor:pointer;font-weight:700;padding:10px}.formContainer .formWrapper form img{height:45px;width:45px}.formContainer .formWrapper form label{align-items:center;cursor:pointer;display:flex;justify-content:start}.formContainer .formWrapper form label span{font-size:13px;padding-left:10px}.formContainer .formWrapper p{color:#5d5b8d;font-size:12px;margin-top:10px}.home{align-items:center;background-color:#a7bcff;display:flex;height:100vh;justify-content:center}.home .container{border:1px solid #fff;border-radius:10px;display:flex;height:80%;overflow:hidden;width:65%}@media screen and (max-width:780px){.home .container{width:90%}}@media screen and (max-width:480px){.home .container{width:90%}}.home .container .sidebar{background-color:#3e3c61;border-right:1px solid #000;flex:1 1;overflow-y:scroll;position:relative}.home .container .sidebar .navbar{align-items:center;background-color:#2f2d52;color:#ddddf7;display:flex;height:40px;justify-content:space-between;padding:8px}.home .container .sidebar .navbar .logo{font-weight:700}@media screen and (max-width:780px){.home .container .sidebar .navbar .logo{display:none}}.home .container .sidebar .navbar .user{align-items:center;display:flex;gap:4px}.home .container .sidebar .navbar .user img{background-color:#fff;border-radius:50%;height:24px;object-fit:cover;width:24px}.home .container .sidebar .navbar .user span{font-size:10px}@media screen and (max-width:480px){.home .container .sidebar .navbar .user span{display:none}}.home .container .sidebar .navbar .user button{background-color:#2f2d52;border:none;border-radius:7px;cursor:pointer}.home .container .sidebar .search{border:1px solid #686868}.home .container .sidebar .search .searchForm{align-items:center;display:flex;padding:10px}.home .container .sidebar .search .searchForm input{background-color:transparent;border:none;color:#fff;outline:none;width:80%}.home .container .sidebar .search .searchForm input::-webkit-input-placeholder{color:#d3d3d3;font-size:10px}.home .container .sidebar .search .searchForm input:-ms-input-placeholder{color:#d3d3d3;font-size:10px}.home .container .sidebar .search .searchForm input::placeholder{color:#d3d3d3;font-size:10px}.home .container .sidebar .search .searchForm span{background-color:transparent;border:1px solid #2f2d52;cursor:pointer}.home .container .sidebar .search .searchForm span img{height:15px;object-fit:cover;padding:3px;width:15px}.home .container .sidebar .userChat{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px}.home .container .sidebar .userChat:hover{background-color:#2f2d52}.home .container .sidebar .userChat img{border-radius:50%;height:45px;object-fit:cover;width:45px}@media screen and (max-width:480px){.home .container .sidebar .userChat img{border-radius:50%;height:25px;object-fit:cover;width:25px}}.home .container .sidebar .userChat .userChatInfo span{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#d3d3d3;display:-webkit-box;font-size:14px;font-weight:500;overflow:hidden}@media screen and (max-width:480px){.home .container .sidebar .userChat .userChatInfo span{color:#d3d3d3;font-size:11px}}.home .container .sidebar .userChat .userChatInfo p{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#b9b7b7;display:-webkit-box;font-size:11px;overflow:hidden}@media screen and (max-width:480px){.home .container .sidebar .userChat .userChatInfo p{color:#d3d3d3;font-size:8px}}.home .container .chat{flex:2 1}.home .container .chat .chatInfo{align-items:center;background-color:#5d5b8d;color:#d3d3d3;display:flex;height:40px;justify-content:space-between;padding:8px}.home .container .chat .chatInfo span{font-size:15px}.home .container .chat .chatInfo .chatIcons{display:flex;gap:8px;justify-content:space-between}.home .container .chat .chatInfo .chatIcons img{border-radius:50%;cursor:pointer;height:22px;object-fit:cover;width:22px}.home .container .chat .messages{background-color:#ddddf7;height:calc(100% - 125px);overflow-y:scroll;padding:8px}.home .container .chat .messages .message{display:flex;gap:10px;margin-bottom:15px}.home .container .chat .messages .message .messageInfo{display:flex;flex-direction:column}.home .container .chat .messages .message .messageInfo span{color:rgba(77,76,76,.887);font-size:10px}.home .container .chat .messages .message .messageInfo img{border-radius:50%;height:40px;object-fit:cover;width:40px}@media screen and (max-width:480px){.home .container .chat .messages .message .messageInfo img{border-radius:50%;height:25px;object-fit:cover;width:25px}}.home .container .chat .messages .message .messageContent{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;max-width:80%}.home .container .chat .messages .message .messageContent p{background-color:#fff;border-radius:0 10px 10px 10px;font-size:13px;max-width:-webkit-max-content;max-width:max-content;padding:7px 10px}@media screen and (max-width:480px){.home .container .chat .messages .message .messageContent p{background-color:#fff;border-radius:0 10px 10px 10px;font-size:10px;max-width:-webkit-max-content;max-width:max-content;padding:7px 10px}}.home .container .chat .messages .message .messageContent img{height:150px;object-fit:contain;width:150px}.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:#7d7ccd;border-radius:10px 0 10px 10px;color:#fff}.home .container .chat .input{align-items:center;background-color:#fff;display:flex;height:40px;justify-content:space-between;padding:8px}.home .container .chat .input input{border:none;color:#2f2d52;font-size:16px;outline:none;width:100%}.home .container .chat .input input::-webkit-input-placeholder{color:#d3d3d3}.home .container .chat .input input:-ms-input-placeholder{color:#d3d3d3}.home .container .chat .input input::placeholder{color:#d3d3d3}.home .container .chat .input .send{align-items:center;display:flex;gap:5px}.home .container .chat .input .send img{cursor:pointer;height:23px;width:23px}.home .container .chat .input .send button{background-color:#a395ec;border:none;border-radius:10%;color:#fff;cursor:pointer;outline:none;padding:6px 10px}
/*# sourceMappingURL=main.c0b5db21.css.map*/