.chatui{border:2px solid #ddd;border-radius:5px;flex-flow:column wrap;justify-content:space-between;width:100%;max-width:867px;height:600px;margin:25px 10px;display:flex;box-shadow:0 15px 15px -5px #0003}s .chatui-header{color:#666;background:#eee;border-bottom:2px solid #ddd;justify-content:space-between;padding:10px;display:flex}.chatui-chat{flex:1;padding:10px;overflow-y:auto}.chatui-chat::-webkit-scrollbar{width:6px}.chatui-chat::-webkit-scrollbar-track{background:#ddd}.chatui-chat::-webkit-scrollbar-thumb{background:#bdbdbd}.msg{align-items:flex-end;margin-bottom:10px;display:flex}.msg:last-of-type{margin:0}.msg-bubble{background:#ececec;border-radius:15px;max-width:450px;padding:15px}.left-msg .msg-bubble{border-bottom-left-radius:0}.error-msg .msg-bubble{color:#f15959;border-bottom-left-radius:0}.init-msg .msg-bubble{border-bottom-left-radius:0}.right-msg{flex-direction:row-reverse}.right-msg .msg-bubble{color:#fff;background:#579ffb;border-bottom-right-radius:0}.chatui-inputarea{background:#eee;border-top:2px solid #ddd;padding:10px;display:flex}.chatui-inputarea *{border:none;border-radius:3px;padding:10px;font-size:1em}.chatui-input{background:#ddd;flex:1}.chatui-reset-btn{cursor:pointer;background:#ececec;border-radius:8px;width:200px;margin-left:10px;font-weight:700}.chatui-reset-btn:hover{background:#dcdada}.chatui-send-btn{color:#fff;cursor:pointer;background:#579ffb;margin-left:10px;font-weight:700}.chatui-send-btn:hover{background:#577bfb}.chatui-chat{background-color:#fcfcfe}