.message[data-v-b4ca8d93]{margin:5px 0;padding:10px;border-radius:5px;max-width:70%}.message.sent[data-v-b4ca8d93]{background-color:#0078d4;color:#fff;align-self:flex-end;text-align:right}.message.received[data-v-b4ca8d93]{background-color:#e1e1e1;align-self:flex-start;text-align:left}.chat-container[data-v-a771f93e]{width:350px;height:550px;background-color:#fff;box-shadow:0 0 10px #0000001a;border-radius:10px;display:flex;flex-direction:column;margin:0 auto}.chat-header[data-v-a771f93e]{padding:15px;background-color:#0078d4;color:#fff;text-align:center;border-top-left-radius:10px;border-top-right-radius:10px}.chat-messages[data-v-a771f93e]{flex:1;padding:10px;overflow-y:auto;display:flex;flex-direction:column}.chat-input[data-v-a771f93e]{display:flex;align-items:center;padding:10px;border-top:1px solid #e1e1e1}.chat-input input[type=text][data-v-a771f93e]{flex:1;padding:10px;border:1px solid #e1e1e1;border-radius:5px;margin-right:10px}.chat-input button[data-v-a771f93e]{background-color:#0078d4;color:#fff;border:none;padding:10px;border-radius:50%;cursor:pointer;font-size:30px;-webkit-user-select:none;user-select:none}body{font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;margin:0;background-color:#f5f5f5}