.semi-chat{flex-direction:column;max-width:800px;height:100%;padding-top:12px;padding-bottom:12px;display:flex;position:relative;overflow:hidden}.semi-chat-inner{flex-direction:column;height:100%;display:flex}.semi-chat-dropArea{background:rgba(var(--semi-grey-2), .9);z-index:10;border:5px dotted var(--semi-color-border);border-radius:16px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.semi-chat-dropArea-text{font-size:48px}.semi-chat-content{flex:1;position:relative;overflow:hidden}.semi-chat-toast{position:absolute;top:0;left:50%;transform:translate(-50%)}.semi-chat-container{height:100%;padding-left:16px;padding-right:16px;overflow:scroll}.semi-chat-container-scroll-hidden::-webkit-scrollbar{display:none}.semi-chat-action{z-index:1;position:relative}.semi-chat-action-content.semi-button{background:var(--semi-color-bg-0);border:1px solid var(--semi-color-border);justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.semi-chat-action-content.semi-button-light:not(.semi-button-disabled):hover{background:var(--semi-color-tertiary-light-hover);border:1px solid var(--semi-color-border)}.semi-chat-action-backBottom.semi-button{border-radius:50%;width:42px;height:42px}.semi-chat-action-stop.semi-button{user-select:none;border-radius:21px;height:42px}.semi-chat-divider{color:var(--semi-color-text-2);margin-top:12px;margin-bottom:12px;font-size:12px;font-weight:400}.semi-chat-chatBox{flex-direction:row;column-gap:12px;margin-top:8px;margin-bottom:8px;display:flex}.semi-chat-chatBox:hover .semi-chat-chatBox-action:not(.semi-chat-chatBox-action-hidden){visibility:visible}.semi-chat-chatBox-right{flex-direction:row-reverse}.semi-chat-chatBox-right .semi-chat-chatBox-wrap{align-items:flex-end}.semi-chat-chatBox-avatar{flex-shrink:0;width:24px;height:24px}.semi-chat-chatBox-avatar-hidden{visibility:hidden}.semi-chat-chatBox-title{color:var(--semi-color-text-0);text-overflow:ellipsis;font-size:16px;font-weight:400;line-height:20px}.semi-chat-chatBox-action{visibility:hidden;align-items:center;column-gap:10px;margin-left:10px;margin-right:10px;display:flex;position:relative}.semi-chat-chatBox-action-btn.semi-button{width:fit-content;height:fit-content}.semi-chat-chatBox-action-btn.semi-button.semi-button-with-icon-only{padding:0}.semi-chat-chatBox-action-icon-flip{transform:scaleY(-1)}.semi-chat-chatBox-action-show{visibility:visible}.semi-chat-chatBox-action-delete-wrap{display:inline-flex}.semi-chat-chatBox-action.semi-chat-chatBox-action-hidden,.semi-chat-chatBox-action:hover.semi-chat-chatBox-action-hidden{visibility:hidden}.semi-chat-chatBox-action .semi-button-borderless:not(.semi-button-disabled):hover{background-color:#0000}.semi-chat-chatBox-action .semi-button-tertiary.semi-button-borderless{color:var(--semi-color-text-2)}.semi-chat-chatBox-action .semi-button-tertiary.semi-button-borderless:hover{color:var(--semi-color-text-0)}.semi-chat-chatBox-wrap{flex-direction:column;align-items:flex-start;row-gap:8px;max-width:calc(100% - 36px);display:flex;position:relative}.semi-chat-chatBox-content-bubble,.semi-chat-chatBox-content-userBubble{border-radius:var(--semi-border-radius-large);background-color:var(--semi-color-fill-0);box-sizing:border-box;max-width:100%;padding:8px 12px}.semi-chat-chatBox-content code{white-space:pre-wrap}.semi-chat-chatBox-content .semi-typography{color:var(--semi-color-text-0)}.semi-chat-chatBox-content .semi-chat-attachment-file{background:var(--semi-color-fill-2)}.semi-chat-chatBox-content .semi-chat-attachment-file,.semi-chat-chatBox-content .semi-chat-attachment-img{margin-top:4px;margin-bottom:4px;margin-right:4px}.semi-chat-chatBox-content-user{background:var(--semi-color-primary);color:var(--semi-color-white)}.semi-chat-chatBox-content-user .semi-chat-attachment-file{background:var(--semi-color-bg-0)}.semi-chat-chatBox-content-user .semi-typography,.semi-chat-chatBox-content-user .semi-typography code,.semi-chat-chatBox-content-user .semi-markdownRender ul,.semi-chat-chatBox-content-user .semi-markdownRender li,.semi-chat-chatBox-content-user .semi-typography a,.semi-chat-chatBox-content-user .semi-typography a:visited,.semi-chat-chatBox-content-user .semi-typography a:hover{color:var(--semi-color-white)}.semi-chat-chatBox-content-error{background:var(--semi-color-danger-hover)}.semi-chat-chatBox-content-error .semi-typography{color:var(--semi-color-white)}.semi-chat-chatBox-content-loading{align-items:baseline;display:flex}.semi-chat-chatBox-content-loading-item{background-color:var(--semi-color-text-0);border-radius:50%;width:8px;height:8px;margin:6px 18px;animation:.8s -.2s infinite alternate semi-chat-loading-flashing;position:relative;overflow:visible}.semi-chat-chatBox-content-loading-item:before{content:"";background-color:var(--semi-color-text-0);border-radius:50%;width:8px;height:8px;animation:.8s -.4s infinite alternate semi-chat-loading-flashing;position:absolute;top:0;left:-15px}.semi-chat-chatBox-content-loading-item:after{content:"";background-color:var(--semi-color-text-0);border-radius:50%;width:8px;height:8px;animation:.8s infinite alternate semi-chat-loading-flashing;position:absolute;top:0;left:15px}.semi-chat-chatBox-content pre{background-color:#0000}.semi-chat-chatBox-content-code{border-radius:var(--semi-border-radius-large);overflow:hidden}.semi-chat-chatBox-content-code .semi-codeHighlight pre{word-break:break-all;white-space:pre-wrap}.semi-chat-chatBox-content-code-topSlot{background-color:rgba(var(--semi-grey-4), 1);color:rgba(var(--semi-white), 1);justify-content:space-between;align-items:center;padding:5px 8px;font-size:12px;display:flex}.semi-chat-chatBox-content-code-topSlot-copy{justify-content:flex-end;min-width:150px;display:flex}.semi-chat-chatBox-content-code-topSlot-copy-wrapper{cursor:pointer;color:rgba(var(--semi-white), 1);border-radius:var(--semi-border-radius-large);background:0 0;border:none;align-items:center;column-gap:5px;padding:5px;line-height:16px;display:flex}.semi-chat-chatBox-content-code-topSlot-toCopy:hover{background:rgba(var(--semi-grey-5), 1)}.semi-chat-chatBox-content-code .semi-codeHighlight-defaultTheme pre[class*=language-]{background:var(--semi-color-bg-0);margin:0}.semi-chat-inputBox{padding:8px 16px}.semi-chat-inputBox-clearButton.semi-button{border-radius:50%;width:48px;height:48px;margin-top:4px;margin-bottom:4px}.semi-chat-inputBox-clearButton.semi-button .semi-icon{font-size:30px}.semi-chat-inputBox-clearButton.semi-button.semi-button-primary.semi-button-borderless{color:var(--semi-color-text-2)}.semi-chat-inputBox-upload .semi-upload-file-list{display:none}.semi-chat-inputBox-uploadButton.semi-button{width:32px;height:32px}.semi-chat-inputBox-uploadButton.semi-button.semi-button-primary.semi-button-borderless{color:var(--semi-color-text-0)}.semi-chat-inputBox-sendButton.semi-button{width:32px;height:32px}.semi-chat-inputBox-sendButton.semi-button-icon{transform:rotate(45deg)}.semi-chat-inputBox-sendButton.semi-button.semi-button-disabled.semi-button-borderless{color:var(--semi-color-primary-disabled)}.semi-chat-inputBox-inner{flex-direction:row;align-items:flex-end;column-gap:4px;display:flex}.semi-chat-inputBox-container{border:1px solid var(--semi-color-border);border-radius:16px;flex-direction:row;flex-grow:1;align-items:flex-end;padding:11px;display:flex}.semi-chat-inputBox-inputArea{flex-direction:column;flex-grow:1;display:flex}.semi-chat-inputBox-textarea{flex-grow:1}.semi-chat-inputBox-textarea.semi-input-textarea-wrapper,.semi-chat-inputBox-textarea.semi-input-textarea-wrapper:hover,.semi-chat-inputBox-textarea.semi-input-textarea-wrapper:active{background-color:#0000;border:none}.semi-chat-attachment{flex-flow:wrap;gap:5px 10px;margin-left:12px;margin-right:12px;display:flex}.semi-chat-attachment-item{position:relative}.semi-chat-attachment-item:hover .semi-chat-inputBox-attachment-clear{visibility:visible}.semi-chat-attachment-img{border-radius:var(--semi-border-radius-medium);vertical-align:top}.semi-chat-attachment-img img{object-fit:cover}.semi-chat-attachment a{color:inherit;text-decoration:none}.semi-chat-attachment-clear{color:var(--semi-color-text-2);position:absolute;top:-8px;right:-8px}.semi-chat-attachment-process.semi-progress-circle,.semi-chat-attachment-fail{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.semi-chat-attachment-fail{color:var(--semi-color-danger)}.semi-chat-attachment-file{border-radius:var(--semi-border-radius-medium);background:var(--semi-color-fill-0);flex-direction:row;align-items:center;column-gap:5px;height:50px;padding:5px;text-decoration:none;display:inline-flex}.semi-chat-attachment-file-icon{color:var(--semi-color-text-2)}.semi-chat-attachment-file-info{flex-direction:column;display:flex}.semi-chat-attachment-file-title{color:var(--semi-color-text-0);text-overflow:ellipsis;max-width:90px;font-size:16px;overflow:hidden}.semi-chat-attachment-file-metadata{color:var(--semi-color-text-2);font-size:14px}.semi-chat-attachment-file-type{text-transform:uppercase}.semi-chat .semi-typography a.semi-chat-attachment-file{display:flex}.semi-chat .semi-typography a.semi-chat-attachment-file .semi-chat-attachment-file-title{color:var(--semi-color-text-0)}.semi-chat-hints{flex-direction:column;row-gap:10px;margin-top:12px;margin-bottom:12px;margin-left:34px;display:flex}.semi-chat-hint-item{cursor:pointer;border:1px solid var(--semi-color-border);border-radius:var(--semi-border-radius-large);background:0 0;flex-direction:row;align-items:center;column-gap:20px;width:fit-content;padding:8px 12px;display:flex}.semi-chat-hint-item:hover{background-color:var(--semi-color-fill-0)}.semi-chat-hint-content{color:var(--semi-color-text-1);font-size:14px}.semi-chat-hint-icon{color:var(--semi-color-text-2)}@keyframes semi-chat-loading-flashing{0%{opacity:1}50%{opacity:.1}to{opacity:1}}.semi-rtl .semi-chat,.semi-portal-rtl .semi-chat{direction:rtl}.semi-rtl .semi-chat-hint-icon,.semi-portal-rtl .semi-chat-hint-icon{transform:scaleX(-1)}.semi-rtl .semi-chat-inputBox-sendButton-icon,.semi-portal-rtl .semi-chat-inputBox-sendButton-icon{transform:rotate(225deg)}.semi-rtl .semi-chat-chatBox-action-icon-redo,.semi-portal-rtl .semi-chat-chatBox-action-icon-redo{transform:scaleX(-1)}