.chat-container[data-v-eff1553a]{background-color:#fff;height:600px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:20px;border-radius:10px}.message-list[data-v-eff1553a]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto}.message-item[data-v-eff1553a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:10px}.avatar[data-v-eff1553a]{width:40px;height:40px;margin-right:10px}.avatar img[data-v-eff1553a]{width:100%;border-radius:50%}.message-content[data-v-eff1553a]{padding:0 10px;-webkit-box-flex:1;-ms-flex:1;flex:1}.message-header[data-v-eff1553a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:5px}.nickname[data-v-eff1553a]{font-weight:700}.timestamp[data-v-eff1553a]{color:#999;margin-left:auto}.message-bubble[data-v-eff1553a]{padding:10px;border-radius:10px;max-width:70%;overflow-wrap:break-word}.from-me[data-v-eff1553a]{background-color:#dcf8c6;-ms-flex-item-align:end;align-self:flex-end}.from-other[data-v-eff1553a]{background-color:#e5e5ea;-ms-flex-item-align:start;align-self:flex-start}.input-box[data-v-eff1553a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:10px}input[data-v-eff1553a]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:10px;border:1px solid #ccc}button[data-v-eff1553a]{margin-left:10px;padding:10px 20px;border:none;background-color:#009688;color:#fff;cursor:pointer}