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}.chat-application{display:flex;font-family:Arial,sans-serif;height:100vh}.message .profile-pic{object-fit:cover}.sidebar{background-color:#f9f9f9;border-right:1px solid #ddd;padding:10px;width:30%}.sidebar h2{margin:0 0 10px;padding:10px}.sidebar .search-bar{border-bottom:1px solid #ddd;padding:10px}.sidebar input[type=text]{border:1px solid #ccc;border-radius:4px;padding:8px;width:100%}.message-list{margin-top:20px}.message{border-radius:8px;cursor:pointer;display:flex;margin-bottom:10px;padding:10px;transition:background-color .3s}.message.active{background-color:#e6f7ff}.message:hover{background-color:#f0f0f0}.message .profile-pic{border-radius:50%;height:40px;margin-right:10px;width:40px}.message .message-details{flex:1 1}.message .name{font-weight:700}.message .time{color:#999;font-size:12px}.message .preview{color:#555;font-size:14px}.chat-window{background-color:#fff;display:flex;flex-direction:column;padding:20px;width:70%}.chat-header{border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:10px 0}.chat-header-info{align-items:center;display:flex}.chat-header-details{display:flex;flex-direction:column}.chat-header-details .name{font-size:18px;font-weight:700}.chat-header-details .status{color:#999;font-size:14px}.chat-header-actions button{background:none;border:none;cursor:pointer;font-size:20px;margin-left:10px}.chat-messages{flex-grow:1;margin-top:20px;overflow-y:auto}.chat-footer{align-items:center;border-top:1px solid #ddd;display:flex;padding:10px}.chat-footer input[type=text]{border:1px solid #ccc;border-radius:20px;margin-right:10px;padding:10px;width:70%}.chat-footer button{background-color:#007bff;border:none;border-radius:20px;color:#fff;cursor:pointer;margin-left:10px;padding:10px}.chat-footer .attach-btn,.chat-footer .emoji-btn{background:none;border:none;cursor:pointer;font-size:20px;margin-right:10px}.chat-footer button:hover{background-color:#0056b3}.profile-pic{height:40px;margin-right:10px;width:40px}.profile-pic,.profile-pic-large{border-radius:50%;object-fit:cover}.profile-pic-large{height:50px;margin-right:15px;width:50px}.chat-message{border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;max-width:60%;padding:10px}.chat-message.sent{align-self:flex-end;background-color:#e6f7ff}.chat-message.received{align-self:flex-start;background-color:#f0f0f0}.message-header{font-size:14px;font-weight:700;margin-bottom:5px}.sender{color:#007bff}.message-text{color:#555;font-size:14px}
/*# sourceMappingURL=main.50be7515.css.map*/