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:#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}@media screen and (max-width:480px){.formContainer .formWrapper{width:60%}}.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:15px;width:250px}.formContainer .formWrapper form input::placeholder{color:#afafaf}.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 form button{background-color:#7b96ec;border:none;color:#fff;cursor:pointer;font-weight:700;padding: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:1100px){.home .container{width:80%}}@media screen and (max-width:900px){.home .container{width:90%}}@media screen and (max-width:800px){.home .container{width:100%}}@media screen and (max-width:480px){.home .container{border-radius:0;height:100%;width:100%}}.home .container .sidebar{background-color:#3e3c61;flex:1 1;overflow-x:hidden;overflow-y:auto}.home .container .sidebar .navbar{align-items:center;background-color:#2f2d52;color:#ddddf7;display:flex;height:50px;justify-content:space-between;padding:10px}.home .container .sidebar .navbar .logo{display:none;font-weight:700}.home .container .sidebar .navbar .user{justify-content:space-between;width:100%}.home .container .sidebar .navbar .user,.home .container .sidebar .navbar .user .img-name{align-items:center;display:flex;gap:10px}.home .container .sidebar .navbar .user img{background-color:#ddddf7;border-radius:50%;height:50px;object-fit:cover;width:50px}@media screen and (max-width:480px){.home .container .sidebar .navbar .user img{margin-right:10px}}.home .container .sidebar .navbar .user button{background-color:#5d5b8d;border:none;color:#ddddf7;cursor:pointer;font-size:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px}.home .container .sidebar .search{border-bottom:1px solid gray}.home .container .sidebar .search .searchForm{display:flex;justify-content:space-between;padding:10px}.home .container .sidebar .search .searchForm input{background-color:#0000;border:none;color:#fff;outline:none}.home .container .sidebar .search .searchForm input::placeholder{color:#d3d3d3;font-size:14px}.home .container .sidebar .search .searchForm button{background-color:#5d5b8d;border:none;border-radius:5px;cursor:pointer;padding:5px}.home .container .sidebar .userChat{align-items:center;color:#fff;cursor:pointer;display:flex;gap:10px;margin:10px;overflow:hidden}.home .container .sidebar .userChat:hover{background-color:#2f2d52}.home .container .sidebar .userChat img{border-radius:50%;height:50px;object-fit:cover;width:50px}@media screen and (max-width:480px){.home .container .sidebar .userChat img{margin-right:10px}}.home .container .sidebar .userChat .userChatInfo{width:75%}.home .container .sidebar .userChat .userChatInfo span{font-size:18px;font-weight:500}.home .container .sidebar .userChat .userChatInfo p{color:#d3d3d3;font-size:14px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home .container .chat{flex:2 1}@media screen and (max-width:480px){.home .container .chat{display:none;width:100%}}.home .container .chat .chatInfo{align-items:center;background-color:#5d5b8d;box-sizing:border-box;color:#d3d3d3;display:flex;height:50px;justify-content:space-between;padding:10px 20px 10px 10px}@media screen and (max-width:480px){.home .container .chat .chatInfo{position:fixed;width:100%}}.home .container .chat .chatInfo .backArrow{cursor:pointer}.home .container .chat .chatInfo .chatIcons{display:flex}.home .container .chat .chatInfo .chatIcons img{cursor:pointer;height:24px;margin-right:10px}.home .container .chat .messages{background-color:#ddddf7;height:calc(100% - 120px);overflow:scroll;padding:10px}@media screen and (max-width:480px){.home .container .chat .messages{margin-top:50px}}.home .container .chat .messages .message{display:flex;margin-bottom:10px}.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 .messageInfo span{font-size:10px;width:61px}.home .container .chat .messages .message .messageContent{display:flex;flex-direction:column;gap:10px;max-width:80%}.home .container .chat .messages .message .messageContent p{word-wrap:break-word;background-color:#fff;border-radius:0 10px 10px 10px;max-width:90%;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;margin-right:5px}.home .container .chat .messages .message.owner .messageContent p{background-color:#8da4f1;border-radius:10px 0 10px 10px;color:#fff}.home .container .chat .input{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;height:50px;justify-content:center;padding:10px}@media screen and (max-width:480px){.home .container .chat .input{bottom:0;position:fixed;width:100%}}.home .container .chat .input input{border:none;color:#2f2d52;font-size:18px;outline:none;width:100%}.home .container .chat .input input::placeholder{color:#d3d3d3}.home .container .chat .input .send{align-items:center;display:flex}.home .container .chat .input .send img{cursor:pointer;height:24px;margin-right:10px}.home .container .chat .input .send button{background-color:#8da4f1;border:none;color:#fff;cursor:pointer;padding:10px 15px}
/*# sourceMappingURL=main.f46ebd02.css.map*/