@layer semi{.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{z-index:10;background:rgb(from var(--semi-grey-2) r g b/.9);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{height:0;position:absolute;top:0;left:0;right:0}.semi-chat-toast .semi-toast-wrapper{position:absolute}.semi-chat-container{height:100%;padding-left:16px;padding-right:16px;overflow:scroll}.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{font-size:var(--semi-font-size-small);font-weight:var(--semi-font-weight-regular);color:var(--semi-color-text-2);margin-top:12px;margin-bottom:12px}.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),.semi-chat-chatBox:focus-within .semi-chat-chatBox-action:not(.semi-chat-chatBox-action-hidden){opacity:1}.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{text-overflow:ellipsis;font-size:var(--semi-font-size-header-6);font-weight:var(--semi-font-weight-regular);color:var(--semi-color-text-0);line-height:20px}.semi-chat-chatBox-action{opacity:0;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{opacity:1}.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{box-sizing:border-box;background-color:var(--semi-color-fill-0);border-radius:var(--semi-border-radius-large);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{color:var(--semi-color-white);background:var(--semi-color-primary)}.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{background-color:var(--semi-color-text-0);content:"";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{background-color:var(--semi-color-text-0);content:"";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{color:var(--semi-white);background-color:var(--semi-grey-4);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{color:var(--semi-white);cursor:pointer;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-copy-wrapper:focus-visible{outline:2px solid var(--semi-color-primary-light-active)}.semi-chat-chatBox-content-code-topSlot-toCopy:hover{background:var(--semi-grey-5)}.semi-chat-chatBox-content-code .semi-codeHighlight pre{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.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{vertical-align:top;border-radius:var(--semi-border-radius-medium)}.semi-chat-attachment-img img{object-fit:cover}.semi-chat-attachment a{color:inherit;text-decoration:none}.semi-chat-attachment-clear{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.semi-chat-attachment-clear:focus-visible{outline:2px solid var(--semi-color-primary-light-active)}.semi-chat-attachment-clear{color:var(--semi-color-text-2);border-radius:50%;display:inline-flex;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{background:var(--semi-color-fill-0);border-radius:var(--semi-border-radius-medium);flex-direction:row;align-items:center;column-gap:5px;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{text-overflow:ellipsis;max-width:90px;font-size:var(--semi-font-size-header-6);color:var(--semi-color-text-0);overflow:hidden}.semi-chat-attachment-file-metadata{font-size:var(--semi-font-size-regular);color:var(--semi-color-text-2)}.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{width:fit-content;font:inherit;text-align:start;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;padding:8px 12px;display:flex}.semi-chat-hint-item:hover{background-color:var(--semi-color-fill-0)}.semi-chat-hint-item:focus-visible{outline:2px solid var(--semi-color-primary-light-active)}.semi-chat-hint-content{font-size:var(--semi-font-size-regular);color:var(--semi-color-text-1)}.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-chat:dir(rtl){direction:rtl}.semi-chat-hint-icon:dir(rtl),.semi-chat-chatBox-action-icon-redo:dir(rtl){transform:scaleX(-1)}}