*{box-sizing:border-box;padding:0}*,body{margin:0}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.formContainer{align-items:center;background-color:#f4f4f4;display:flex;height:100vh;justify-content:center}.formContainer .formWrapper{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:20px;padding:60px 40px}.formContainer .formWrapper .title{font-size:x-large;font-weight:bolder}.formContainer .formWrapper form{display:flex;flex-direction:column;gap:12px;width:240px}.formContainer .formWrapper form label:hover{cursor:pointer;text-decoration:underline}.formContainer .formWrapper form input{background-color:#f4f4f4;border:none;border-radius:4px;padding:8px 14px}.formContainer .formWrapper form input:focus{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);outline:none}.formContainer .formWrapper form button{background-color:#000;border:none;border-radius:4px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);color:#fff;margin-top:20px;padding:12px 14px}.home{align-items:center;background-color:#f4f4f4;display:flex;height:100vh;justify-content:center}.home .container{background-color:#fff;border-radius:10px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);display:flex;height:80%;overflow:hidden;width:65%}.home .container .sidebar{background-color:#f4f4f4;flex:1 1}.home .container .sidebar .navbar{align-items:center;background-color:#333;display:flex;height:70px;justify-content:space-between;padding:10px}.home .container .sidebar .navbar .user{align-items:center;color:#fff;display:flex;gap:10px;justify-content:center}.home .container .sidebar .navbar .user img{background-color:#fff;border-radius:50%;height:40px;object-fit:cover;width:40px}.home .container .sidebar .navbar .user .userInfo{display:flex;flex-direction:column}.home .container .sidebar .navbar .user .userInfo .userEmail{font-size:small}.home .container .sidebar .navbar a{color:#fff;margin-right:10px}.home .container .sidebar .search{border-bottom:1px solid #dedede}.home .container .sidebar .search .searchForm{color:#333;display:flex;gap:10px;padding:10px}.home .container .sidebar .search .searchForm input{background-color:transparent;border:none;color:#333;outline:#fff}.home .container .sidebar .search .searchForm input::-webkit-input-placeholder{color:gray}.home .container .sidebar .search .searchForm input::placeholder{color:gray}.home .container .sidebar .search .userChat{align-items:center;background-color:#fff;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);color:#333;cursor:pointer;display:flex;gap:10px;margin:10px 10px 20px;padding:10px}.home .container .sidebar .search .userChat img{border-radius:50%;height:40px;object-fit:cover;width:40px}.home .container .sidebar .search .userChat .userChatInfo{display:flex;flex-direction:column}.home .container .sidebar .search .userChat .userChatInfo .userChatEmail{font-size:small}.home .container .chatbox{display:flex;flex:2 1;flex-direction:column;height:100%;justify-content:space-between}.home .container .chatbox .chatNavbar{align-items:center;background-color:#606060;color:#fff;display:flex;height:70px;justify-content:space-between}.home .container .chatbox .chatNavbar .chatInfo{align-items:center;display:flex;gap:10px;padding-left:20px}.home .container .chatbox .chatNavbar .chatInfo .chatImage{align-items:center;display:flex}.home .container .chatbox .chatNavbar .chatInfo .chatImage img{border-radius:50%;height:40px;object-fit:cover;width:40px}.home .container .chatbox .chatNavbar .chatInfo .chatNameEmail{display:flex;flex-direction:column;justify-content:center}.home .container .chatbox .chatNavbar .chatInfo .chatNameEmail .chatEmail{font-size:small}.home .container .chatbox .chatNavbar .chatIcons{display:flex;gap:24px;padding-right:20px}.home .container .chatbox .attachments{align-items:center;display:flex;flex-wrap:wrap}.home .container .chatbox .attachments .tag{border-radius:4px;margin:2px}.home .container .chatbox .chat{background-image:url(https://i.pinimg.com/736x/8c/98/99/8c98994518b575bfd8c949e91d20548b.jpg);flex:8 1;height:auto;overflow-y:scroll;scroll-margin-right:20px}.home .container .chatbox .chat::-webkit-scrollbar{background-color:transparent;padding:3px;width:12px}.home .container .chatbox .chat::-webkit-scrollbar-thumb{background-color:#dedede;border-radius:5px}.home .container .chatbox .chat .messages .messageFromOtherUser{display:flex;gap:10px;margin:20px}.home .container .chatbox .chat .messages .messageFromOtherUser .userPic img{border-radius:50%;height:40px;object-fit:cover;width:40px}.home .container .chatbox .chat .messages .messageFromOtherUser .messageInfo{background-color:#f4f4f4;border-radius:0 10px 10px 10px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);display:flex;flex-direction:column;padding:10px}.home .container .chatbox .chat .messages .messageFromOtherUser .messageInfo .messageTime{align-items:flex-end;color:#606060;display:flex;font-size:x-small;justify-content:end;margin-top:5px}.home .container .chatbox .chat .messages .messageFromYou{display:flex;flex-direction:row-reverse;gap:10px;margin:20px}.home .container .chatbox .chat .messages .messageFromYou .userPic img{border-radius:50%;height:40px;object-fit:cover;width:40px}.home .container .chatbox .chat .messages .messageFromYou .messageInfo{background-color:#f4f4f4;border-radius:10px 0 10px 10px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);display:flex;flex-direction:column;padding:10px}.home .container .chatbox .chat .messages .messageFromYou .messageInfo .messageTime{align-items:flex-end;color:#606060;display:flex;font-size:x-small;justify-content:end;margin-top:5px}.home .container .chatbox .inputbox{border-top:1px solid #dedede;display:flex;flex:1 1}.home .container .chatbox .inputbox .typing{flex:5 1;padding:10px}.home .container .chatbox .inputbox .typing input{background-color:#f4f4f4;border:none;border-radius:20px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);height:100%;padding:10px 20px;width:100%}.home .container .chatbox .inputbox .typing input:focus{outline:none}.home .container .chatbox .inputbox .typing input::-webkit-input-placeholder{color:#bebebe}.home .container .chatbox .inputbox .typing input::placeholder{color:#bebebe}.home .container .chatbox .inputbox .sendicons{align-items:center;display:flex;flex:1 1;justify-content:center;margin-right:10px}.chats .userChat{align-items:center;color:#333;cursor:pointer;display:flex;gap:10px;padding:10px}.chats .userChat img{border-radius:50%;height:40px;object-fit:cover;width:40px}.chats .userChat .userChatInfo{display:flex;flex-direction:column}.chats .userChat .userChatInfo .userChatLatestMessage{font-size:small;margin-right:2px}.chats .userChat:hover{background-color:#c7c7c7}
/*# sourceMappingURL=main.c74b5d3c.css.map*/