body.dumi{overflow:auto!important;height:auto!important;display:block}body .markdown p{text-align:left}body div.dumi-default-previewer[id*=mobile] .dumi-default-previewer-demo{width:320px;margin:0 auto}body .dumi-default-navbar>li>a{white-space:nowrap}body .dumi-default-sidebar{margin-inline-end:12px}body .dumi-default-header-content{max-width:100%}body .dumi-default-doc-layout>main{max-width:100%}body .dumi-color-block{display:inline-block;width:12px;height:12px;border-radius:2px;border:1px solid #ccc}.dumi .ChatWrapper{height:400px}.dumi-default-tabs-nav{position:relative;display:-ms-flexbox;display:flex;padding:0 12px}.dumi-default-tabs-nav:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:0;border-bottom:1px dashed #e4e9ec}[data-prefers-color=dark] .dumi-default-tabs-nav:after{border-bottom-color:#2a353c}.dumi-default-tabs-nav-wrap{display:-ms-flexbox;display:flex;white-space:nowrap;overflow:hidden}.dumi-default-tabs-nav-wrap.dumi-default-tabs-nav-wrap-ping-left{box-shadow:5px 0 5px -5px #0000001a inset}.dumi-default-tabs-nav-wrap.dumi-default-tabs-nav-wrap-ping-right~*>.dumi-default-tabs-nav-more{box-shadow:0 0 5px #0000001a}.dumi-default-tabs-nav-list{position:relative;z-index:1;display:-ms-flexbox;display:flex;transition:transform .2s}.dumi-default-tabs-nav-more{height:100%;cursor:pointer;background:none;border:0;transition:box-shadow .2s}.dumi-default-tabs-tab{display:-ms-flexbox;display:flex;margin:0 12px}.dumi-default-tabs-tab-btn{padding:0;color:#4f5866;font-size:14px;line-height:36px;border:0;outline:none;background:transparent;box-sizing:border-box;cursor:pointer;transition:all .2s}[data-prefers-color=dark] .dumi-default-tabs-tab-btn{color:#8590a0}.dumi-default-tabs-tab-btn:hover{color:#30363f}[data-prefers-color=dark] .dumi-default-tabs-tab-btn:hover{color:#c6c9cd}.dumi-default-tabs-tab-active .dumi-default-tabs-tab-btn{color:#30363f}[data-prefers-color=dark] .dumi-default-tabs-tab-active .dumi-default-tabs-tab-btn{color:#c6c9cd}.dumi-default-tabs-ink-bar{position:absolute;height:1px;background:#1677ff;transition:left .2s,width .2s;pointer-events:none;bottom:0}[data-prefers-color=dark] .dumi-default-tabs-ink-bar{background:#0053c8}.dumi-default-tabs-dropdown{position:absolute;background:inherit;border:1px solid #d0d5d8;max-height:200px;overflow:auto}[data-prefers-color=dark] .dumi-default-tabs-dropdown{border-color:#1c2022}.dumi-default-tabs-dropdown>ul{list-style:none;margin:0;padding:0}.dumi-default-tabs-dropdown>ul>li{padding:4px 12px;font-size:14px;cursor:pointer}.dumi-default-tabs-dropdown>ul>li:hover{color:#1677ff}[data-prefers-color=dark] .dumi-default-tabs-dropdown>ul>li:hover{color:#0053c8}.dumi-default-tabs-dropdown>ul>li:not(:last-child){border-bottom:1px dashed #d0d5d8}[data-prefers-color=dark] .dumi-default-tabs-dropdown>ul>li:not(:last-child){border-bottom-color:#1c2022}.dumi-default-tabs-dropdown-hidden,.dumi-default-tabs-tabpane-hidden{display:none}code[class*=language-],pre[class*=language-]{background:#fafafa;color:#383a42;font-family:Fira Code,Fira Mono,Menlo,Consolas,DejaVu Sans Mono,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;tab-size:2;hyphens:none}code[class*=language-]::selection,code[class*=language-] *::selection,pre[class*=language-] *::selection{background:#e5e5e6;color:inherit}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-]{padding:.2em .3em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.cdata{color:#a0a1a7}.token.doctype,.token.punctuation,.token.entity{color:#383a42}.token.attr-name,.token.class-name,.token.boolean,.token.constant,.token.number,.token.atrule{color:#b76b01}.token.keyword{color:#a626a4}.token.property,.token.tag,.token.symbol,.token.deleted,.token.important{color:#e45649}.token.selector,.token.string,.token.char,.token.builtin,.token.inserted,.token.regex,.token.attr-value,.token.attr-value>.token.punctuation{color:#50a14f}.token.variable,.token.operator,.token.function{color:#4078f2}.token.url{color:#0184bc}.token.attr-value>.token.punctuation.attr-equals,.token.special-attr>.token.attr-value>.token.value.css{color:#383a42}.language-css .token.selector{color:#e45649}.language-css .token.property{color:#383a42}.language-css .token.function,.language-css .token.url>.token.function{color:#0184bc}.language-css .token.url>.token.string.url{color:#50a14f}.language-css .token.important,.language-css .token.atrule .token.rule,.language-javascript .token.operator{color:#a626a4}.language-javascript .token.template-string>.token.interpolation>.token.interpolation-punctuation.punctuation{color:#ca1243}.language-json .token.operator{color:#383a42}.language-json .token.null.keyword{color:#b76b01}.language-markdown .token.url,.language-markdown .token.url>.token.operator,.language-markdown .token.url-reference.url>.token.string{color:#383a42}.language-markdown .token.url>.token.content{color:#4078f2}.language-markdown .token.url>.token.url,.language-markdown .token.url-reference.url{color:#0184bc}.language-markdown .token.blockquote.punctuation,.language-markdown .token.hr.punctuation{color:#a0a1a7;font-style:italic}.language-markdown .token.code-snippet{color:#50a14f}.language-markdown .token.bold .token.content{color:#b76b01}.language-markdown .token.italic .token.content{color:#a626a4}.language-markdown .token.strike .token.content,.language-markdown .token.strike .token.punctuation,.language-markdown .token.list.punctuation,.language-markdown .token.title.important>.token.punctuation{color:#e45649}.token.bold{font-weight:700}.token.comment,.token.italic{font-style:italic}.token.entity{cursor:help}.token.namespace{opacity:.8}.token.token.tab:not(:empty):before,.token.token.cr:before,.token.token.lf:before,.token.token.space:before{color:#383a4233}div.code-toolbar>.toolbar.toolbar>.toolbar-item{margin-right:.4em}div.code-toolbar>.toolbar.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar.toolbar>.toolbar-item>span{background:#e5e5e6;color:#696c77;padding:.1em .4em;border-radius:.3em}div.code-toolbar>.toolbar.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar.toolbar>.toolbar-item>span:hover,div.code-toolbar>.toolbar.toolbar>.toolbar-item>span:focus{background:#c6c7c7;color:#383a42}.line-highlight.line-highlight{background:#383a420d}.line-highlight.line-highlight:before,.line-highlight.line-highlight[data-end]:after{background:#e5e5e6;color:#383a42;padding:.1em .6em;border-radius:.3em;box-shadow:0 2px #0003}pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows>span:hover:before{background-color:#383a420d}.line-numbers.line-numbers .line-numbers-rows,.command-line .command-line-prompt{border-right-color:#383a4233}.line-numbers .line-numbers-rows>span:before,.command-line .command-line-prompt>span:before{color:#9d9d9f}.rainbow-braces .token.token.punctuation.brace-level-1,.rainbow-braces .token.token.punctuation.brace-level-5,.rainbow-braces .token.token.punctuation.brace-level-9{color:#e45649}.rainbow-braces .token.token.punctuation.brace-level-2,.rainbow-braces .token.token.punctuation.brace-level-6,.rainbow-braces .token.token.punctuation.brace-level-10{color:#50a14f}.rainbow-braces .token.token.punctuation.brace-level-3,.rainbow-braces .token.token.punctuation.brace-level-7,.rainbow-braces .token.token.punctuation.brace-level-11{color:#4078f2}.rainbow-braces .token.token.punctuation.brace-level-4,.rainbow-braces .token.token.punctuation.brace-level-8,.rainbow-braces .token.token.punctuation.brace-level-12{color:#a626a4}pre.diff-highlight>code .token.token.deleted:not(.prefix),pre>code.diff-highlight .token.token.deleted:not(.prefix){background-color:#ff526626}pre.diff-highlight>code .token.token.deleted:not(.prefix)::selection,pre.diff-highlight>code .token.token.deleted:not(.prefix) *::selection,pre>code.diff-highlight .token.token.deleted:not(.prefix)::selection,pre>code.diff-highlight .token.token.deleted:not(.prefix) *::selection{background-color:#fb566940}pre.diff-highlight>code .token.token.inserted:not(.prefix),pre>code.diff-highlight .token.token.inserted:not(.prefix){background-color:#1aff5b26}pre.diff-highlight>code .token.token.inserted:not(.prefix)::selection,pre.diff-highlight>code .token.token.inserted:not(.prefix) *::selection,pre>code.diff-highlight .token.token.inserted:not(.prefix)::selection,pre>code.diff-highlight .token.token.inserted:not(.prefix) *::selection{background-color:#38e06240}.prism-previewer.prism-previewer:before,.prism-previewer-gradient.prism-previewer-gradient div{border-color:hsl(0,0,95%)}.prism-previewer-color.prism-previewer-color:before,.prism-previewer-gradient.prism-previewer-gradient div,.prism-previewer-easing.prism-previewer-easing:before{border-radius:.3em}.prism-previewer.prism-previewer:after{border-top-color:hsl(0,0,95%)}.prism-previewer-flipped.prism-previewer-flipped.after{border-bottom-color:hsl(0,0,95%)}.prism-previewer-angle.prism-previewer-angle:before,.prism-previewer-time.prism-previewer-time:before,.prism-previewer-easing.prism-previewer-easing{background:#fff}.prism-previewer-angle.prism-previewer-angle circle,.prism-previewer-time.prism-previewer-time circle{stroke:#383a42;stroke-opacity:1}.prism-previewer-easing.prism-previewer-easing circle,.prism-previewer-easing.prism-previewer-easing path,.prism-previewer-easing.prism-previewer-easing line{stroke:#383a42}.prism-previewer-easing.prism-previewer-easing circle{fill:transparent}[data-prefers-color=dark] .token.doctype,[data-prefers-color=dark] .token.punctuation,[data-prefers-color=dark] .token.entity,[data-prefers-color=dark] code[class*=language-],[data-prefers-color=dark] pre[class*=language-]{color:#8590a0}[data-prefers-color=dark] .token.comment,[data-prefers-color=dark] .token.prolog,[data-prefers-color=dark] .token.cdata{color:#616d7f}.dumi-default-source-code{position:relative;background-color:#fbfcfd;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.dumi-default-source-code-scroll-container{overflow:auto;width:100%;height:100%}.dumi-default-source-code-scroll-content{position:relative;width:-webkit-max-content;width:max-content;height:-webkit-max-content;height:max-content;min-width:100%;min-height:100%}.dumi-default-source-code-scroll-content>pre.prism-code{width:-webkit-max-content;width:max-content;position:relative;overflow:visible}.dumi-default-source-code>pre.prism-code{overflow:auto}.dumi-default-source-code>pre.prism-code,.dumi-default-source-code-scroll-content>pre.prism-code{margin:0;padding:18px 24px;font-size:14px;line-height:1.58;direction:ltr;background:transparent}.dumi-default-source-code>pre.prism-code:before,.dumi-default-source-code-scroll-content>pre.prism-code:before,.dumi-default-source-code>pre.prism-code:after,.dumi-default-source-code-scroll-content>pre.prism-code:after{content:none}.dumi-default-source-code>pre.prism-code>.highlighted,.dumi-default-source-code-scroll-content>pre.prism-code>.highlighted{position:relative;width:calc(100% + 24px);background-color:#eeeff0}.dumi-default-source-code>pre.prism-code>.highlighted .line-cell,.dumi-default-source-code-scroll-content>pre.prism-code>.highlighted .line-cell{position:relative}.dumi-default-source-code>pre.prism-code>.highlighted .line-cell:after,.dumi-default-source-code-scroll-content>pre.prism-code>.highlighted .line-cell:after{content:"";position:absolute;top:0;right:-24px;bottom:0;width:24px;background-color:#eeeff0}.dumi-default-source-code>pre.prism-code>.highlighted:after,.dumi-default-source-code-scroll-content>pre.prism-code>.highlighted:after{content:"";position:absolute;top:0;left:-24px;bottom:0;width:24px;background-color:#eeeff0}.dumi-default-source-code>pre.prism-code>.wrap,.dumi-default-source-code-scroll-content>pre.prism-code>.wrap{display:table-row}.dumi-default-source-code>pre.prism-code>.wrap>.token-line-num,.dumi-default-source-code-scroll-content>pre.prism-code>.wrap>.token-line-num{display:table-cell;text-align:right;padding-right:1em;user-select:none;opacity:.5}.dumi-default-source-code>pre.prism-code>.wrap>.line-cell,.dumi-default-source-code-scroll-content>pre.prism-code>.wrap>.line-cell{display:table-cell;width:100%}.dumi-default-source-code-copy{position:absolute;z-index:2;top:9px;right:12px;display:inline-block;padding:8px 12px;background-color:#fbfcfdcc;border:0;border-radius:2px;cursor:pointer;transition:all .2s}.dumi-default-source-code-copy>svg{width:16px;fill:#98a3aa;transition:fill .2s}[data-prefers-color=dark] .dumi-default-source-code-copy>svg{fill:#4a545a}.dumi-default-source-code-copy:hover>svg{fill:#7c8a93}[data-prefers-color=dark] .dumi-default-source-code-copy:hover>svg{fill:#616e75}.dumi-default-source-code-copy[data-copied]>svg{fill:#208a41}[data-prefers-color=dark] .dumi-default-source-code-copy[data-copied]>svg{fill:#124c24}.dumi-default-source-code:not(:hover) .dumi-default-source-code-copy{opacity:0;visibility:hidden}[data-prefers-color=dark] .dumi-default-source-code{background-color:#020305}[data-prefers-color=dark] .dumi-default-source-code-copy{background-color:#02030533}[data-prefers-color=dark] .dumi-default-source-code>pre.prism-code>.highlighted{background-color:#1c1d1e}[data-prefers-color=dark] .dumi-default-source-code>pre.prism-code>.highlighted:after{background-color:#1c1d1e}[data-prefers-color=dark] .dumi-default-source-code>pre.prism-code>.highlighted .line-cell:after{background-color:#1c1d1e}.dumi-default-source-code-editor{position:relative}.dumi-default-source-code-editor-textarea{position:absolute;z-index:1;display:block;top:0;left:0;width:100%;height:100%;color:transparent;caret-color:#30363f;overflow-wrap:normal;white-space:pre;box-sizing:border-box;background:transparent;opacity:1;border:0;resize:none;outline:none;overflow:hidden;border-bottom-left-radius:3px;border-bottom-right-radius:3px}[data-prefers-color=dark] .dumi-default-source-code-editor-textarea{caret-color:#c6c9cd}[data-prefers-color=dark] .dumi-default-source-code-editor-textarea:focus::selection{background-color:#0053c84d}.dumi-default-source-code-editor:after{content:"";position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;border-bottom-left-radius:3px;border-bottom-right-radius:3px;pointer-events:none}.dumi-default-source-code-editor:focus-within:after{box-shadow:0 0 0 1px #1677ff inset}[data-prefers-color=dark] .dumi-default-source-code-editor:focus-within:after{box-shadow:0 0 0 1px #0053c8 inset}[data-dumi-tooltip]{position:relative}[data-dumi-tooltip]:before,[data-dumi-tooltip]:after{position:absolute;bottom:100%;left:50%;transform:translate(-50%);display:inline-block;opacity:.7;pointer-events:none;transition:all .2s}[data-dumi-tooltip]:before{content:attr(data-dumi-tooltip);min-width:30px;margin-bottom:8px;padding:5px 8px;color:#fff;font-size:13px;line-height:1.1;white-space:nowrap;background-color:#000;border-radius:2px;box-shadow:0 4px 10px #0000001a;box-sizing:border-box}[data-prefers-color=dark] [data-dumi-tooltip]:before{background-color:#222}[data-dumi-tooltip]:after{content:"";width:0;height:0;border:4px solid transparent;border-top-color:#000}[data-prefers-color=dark] [data-dumi-tooltip]:after{border-top-color:#222}[data-dumi-tooltip]:not(:hover):before,[data-dumi-tooltip]:not(:hover):after{visibility:hidden;opacity:0}[data-dumi-tooltip][data-dumi-tooltip-bottom]:before,[data-dumi-tooltip][data-dumi-tooltip-bottom]:after{bottom:auto;top:100%}[data-dumi-tooltip][data-dumi-tooltip-bottom]:before{margin-top:8px;margin-bottom:0}[data-dumi-tooltip][data-dumi-tooltip-bottom]:after{border-top-color:transparent;border-bottom-color:#000}[data-prefers-color=dark] [data-dumi-tooltip][data-dumi-tooltip-bottom]:after{border-bottom-color:#222}.dumi-default-previewer-actions{display:-ms-flexbox;display:flex;height:32px;align-items:center;justify-content:center}.dumi-default-previewer-actions:not(:last-child){border-bottom:1px dashed #e4e9ec}[data-prefers-color=dark] .dumi-default-previewer-actions:not(:last-child){border-bottom-color:#2a353c}.dumi-default-previewer-action-btn{display:-ms-flexbox;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;background:transparent;cursor:pointer}.dumi-default-previewer-action-btn>svg{width:16px;fill:#98a3aa;transition:fill .2s}[data-prefers-color=dark] .dumi-default-previewer-action-btn>svg{fill:#4a545a}.dumi-default-previewer-action-btn:hover>svg{fill:#7c8a93}[data-prefers-color=dark] .dumi-default-previewer-action-btn:hover>svg{fill:#616e75}.dumi-default-previewer-action-btn:not(:last-child){margin-inline-end:4px}.dumi-default-previewer-action-sketch>select{position:absolute;-webkit-appearance:none;appearance:none;width:100%;height:100%;opacity:0;cursor:pointer}.dumi-default-previewer-action-sketch[data-copied]>svg{fill:#208a41}.dumi-default-previewer-tabs-single .dumi-default-tabs-nav{display:none}.dumi-default-previewer-editor-tip-btn{position:absolute;-webkit-appearance:none;appearance:none;z-index:2;right:42px;top:9px;padding:8px 12px;cursor:help;background:transparent;border:0;transition:all .2s}.dumi-default-previewer-editor-tip-btn>svg{width:16px;fill:#98a3aa}[data-prefers-color=dark] .dumi-default-previewer-editor-tip-btn>svg{fill:#4a545a}.dumi-default-previewer-editor-tip-btn[data-readonly]>span{position:absolute;top:50%;left:50%;display:block;width:16px;height:2px;background:#98a3aa;transform:rotate(45deg) translate(-50%,120%)}.dumi-default-tabs-tabpane:not(:hover) .dumi-default-previewer-editor-tip-btn{opacity:0;visibility:hidden}.dumi-theme-default-tooltip{position:fixed;min-width:30px;margin-bottom:8px;box-sizing:border-box}.dumi-theme-default-tooltip-hidden{display:none}.dumi-theme-default-tooltip-arrow{border:4px solid transparent;opacity:.7}.dumi-theme-default-tooltip-placement-top .dumi-theme-default-tooltip-arrow{border-top-color:#000;transform:translate(-50%,100%)}.dumi-theme-default-tooltip-bottom .dumi-theme-default-tooltip-arrow{border-bottom-color:#000;transform:translateY(-50%,-100%)}.dumi-theme-default-tooltip-content{padding:5px 8px;color:#fff;font-size:13px;line-height:1.1;white-space:nowrap;background-color:#000;opacity:.7;border-radius:2px;box-shadow:0 4px 10px #0000001a;box-sizing:border-box}[data-prefers-color=dark] .dumi-theme-default-tooltip-content{background-color:#222}.dumi-default-previewer{margin:24px 0 32px;border:1px solid #e4e9ec;border-radius:4px;background-color:inherit}[data-prefers-color=dark] .dumi-default-previewer{border-color:#2a353c}[data-dumi-demo-grid] .dumi-default-previewer{margin:0 0 16px}[data-dumi-demo-grid] .dumi-default-previewer:first-child{margin-top:24px}[data-dumi-demo-grid] .dumi-default-previewer:last-child{margin-bottom:32px}.dumi-default-previewer-demo{border-top-left-radius:2px;border-top-right-radius:2px;padding:40px 24px}.dumi-default-previewer-demo>iframe{display:block;width:100%;height:300px;border:0}.dumi-default-previewer-demo[data-iframe]{position:relative;padding:0;border-top:24px solid #e4e9ec;box-sizing:border-box}[data-prefers-color=dark] .dumi-default-previewer-demo[data-iframe]{border-top-color:#2a353c}.dumi-default-previewer-demo[data-iframe]:after{content:"";position:absolute;top:-19px;left:8px;display:inline-block;width:12px;height:12px;border-radius:50%;background-color:#fd6458;box-shadow:20px 0 #ffbf2b,40px 0 #24cc3d}.dumi-default-previewer-demo[data-transform]{transform:translate(0)}.dumi-default-previewer-demo[data-compact]{padding:0}.dumi-default-previewer-demo[data-error][data-compact]{min-height:30px}.dumi-default-previewer-demo[data-error][data-compact]+.dumi-default-previewer-demo-error{border-top-left-radius:3px;border-top-right-radius:3px}.dumi-default-previewer-demo[data-loading]{position:relative}.dumi-default-previewer-demo[data-loading]:before{position:absolute;top:50%;left:50%;content:"";display:block;height:28px;max-height:90%;aspect-ratio:1;border-radius:50%;border:2.8px solid;border-color:#1677ff transparent;box-sizing:border-box;animation:dumi-previewer-loading 1s infinite;transform:translate(-50%,-50%)}[data-prefers-color=dark] .dumi-default-previewer-demo[data-loading]:before{border-color:#0053c8 transparent}@keyframes dumi-previewer-loading{to{transform:translate(-50%,-50%) rotate(.5turn)}}.dumi-default-previewer-demo[data-loading]>*{opacity:.3!important}.dumi-default-previewer-demo-error{position:relative;margin-top:-30px;height:30px;padding:0 24px;line-height:30px;color:#b23642;font-size:13px;white-space:nowrap;text-overflow:ellipsis;background:#fdf4f5;box-sizing:border-box;overflow:hidden}[data-prefers-color=dark] .dumi-default-previewer-demo-error{color:#c6414e;background:#2a060a}[data-prefers-color=dark] .dumi-default-previewer-demo-error>svg{fill:#c6414e}.dumi-default-previewer-demo-error>svg{width:14px;padding-right:4px;fill:#ce1f31;vertical-align:-.14em}.dumi-default-previewer-meta{border-top:1px solid #e4e9ec}[data-prefers-color=dark] .dumi-default-previewer-meta{border-top-color:#2a353c}.dumi-default-previewer-desc{position:relative}.dumi-default-previewer-desc>.markdown{padding:14px 24px;border-bottom:1px dashed #e4e9ec}[data-prefers-color=dark] .dumi-default-previewer-desc>.markdown{border-bottom-color:#2a353c}.dumi-default-previewer-desc>h5{position:absolute;top:-7px;left:20px;margin:0;padding:0 4px;display:inline-block;font-size:14px;line-height:1;font-weight:700;background:linear-gradient(to top,#fff,#fff 50%,#fff0) 100%}[data-prefers-color=dark] .dumi-default-previewer-desc>h5{background:linear-gradient(to top,#000000f2,#000000f2 50%,#0000) 100%}.dumi-default-previewer-desc>h5>a{color:#30363f}[data-prefers-color=dark] .dumi-default-previewer-desc>h5>a{color:#c6c9cd}.dumi-default-previewer-desc>h5>a:not(:hover){text-decoration:none}.dumi-default-previewer-desc>h5>a>strong{float:inline-start;padding-inline-end:8px;color:#d59200;font-size:12px;line-height:15px}[data-prefers-color=dark] .dumi-default-previewer-desc>h5>a>strong{color:#895e00}.dumi-default-previewer[data-active]{box-shadow:0 0 0 4px #1677ff1a;border-color:#7cb3ff}[data-prefers-color=dark] .dumi-default-previewer[data-active]{box-shadow:0 0 0 4px #0053c81a;border-color:#002962}.dumi-default-previewer[data-debug]{border-color:#ffc23c}[data-prefers-color=dark] .dumi-default-previewer[data-debug]{border-color:#231800}.dumi-default-previewer[data-debug][data-active]{box-shadow:0 0 0 4px #d592001a}[data-prefers-color=dark] .dumi-default-previewer[data-debug][data-active]{box-shadow:0 0 0 4px #895e001a}.dumi-default-container.markdown{padding:18px 0;padding-inline-start:44px;padding-inline-end:16px;border-radius:4px}.dumi-default-container.markdown:not(:first-child){margin-bottom:24px}.dumi-default-container.markdown:not(:last-child){margin-top:32px}.dumi-default-container.markdown>svg{float:left;fill:currentcolor;margin-inline-start:-26px;width:18px}[data-direction=rtl] .dumi-default-container.markdown>svg{float:right}.dumi-default-container.markdown>h4{clear:none;margin:0 0 12px;font-size:15px;line-height:17px}.dumi-default-container.markdown>section{font-size:15px}.dumi-default-container.markdown[data-type=info]{background:#ecf4ff}.dumi-default-container.markdown[data-type=info]>h4,.dumi-default-container.markdown[data-type=info]>svg{color:#3367af}.dumi-default-container.markdown[data-type=info]>section{color:#496a99}[data-prefers-color=dark] .dumi-default-container.markdown[data-type=info]{background:#001c44}[data-prefers-color=dark] .dumi-default-container.markdown[data-type=info]>h4,[data-prefers-color=dark] .dumi-default-container.markdown[data-type=info]>svg{color:#5e8ed0}[data-prefers-color=dark] .dumi-default-container.markdown[data-type=info]>section{color:#7391bc}.dumi-default-container.markdown[data-type=warning]{background:#fff3da}.dumi-default-container.markdown[data-type=warning]>h4,.dumi-default-container.markdown[data-type=warning]>svg{color:#b78314}.dumi-default-container.markdown[data-type=warning]>section{color:#9e7a2d}[data-prefers-color=dark] .dumi-default-container.markdown[data-type=warning]{background:#2d1f00}[data-prefers-color=dark] .dumi-default-container.markdown[data-type=warning]>h4,[data-prefers-color=dark] .dumi-default-container.markdown[data-type=warning]>svg{color:#cd9417}[data-prefers-color=dark] .dumi-default-container.markdown[data-type=warning]>section{color:#b78c2e}.dumi-default-container.markdown[data-type=success]{background:#dff8e7}.dumi-default-container.markdown[data-type=success]>h4,.dumi-default-container.markdown[data-type=success]>svg{color:#238241}.dumi-default-container.markdown[data-type=success]>section{color:#357047}[data-prefers-color=dark] .dumi-default-container.markdown[data-type=success]{background:#082210}[data-prefers-color=dark] .dumi-default-container.markdown[data-type=success]>h4,[data-prefers-color=dark] .dumi-default-container.markdown[data-type=success]>svg{color:#2a9a4d}[data-prefers-color=dark] .dumi-default-container.markdown[data-type=success]>section{color:#3d8654}.dumi-default-container.markdown[data-type=error]{background:#fdf4f5}.dumi-default-container.markdown[data-type=error]>h4,.dumi-default-container.markdown[data-type=error]>svg{color:#b23642}.dumi-default-container.markdown[data-type=error]>section{color:#955359}[data-prefers-color=dark] .dumi-default-container.markdown[data-type=error]{background:#2a060a}[data-prefers-color=dark] .dumi-default-container.markdown[data-type=error]>h4,[data-prefers-color=dark] .dumi-default-container.markdown[data-type=error]>svg{color:#c6414e}[data-prefers-color=dark] .dumi-default-container.markdown[data-type=error]>section{color:#ad5962}.dumi-default-content-tabs{list-style-type:none;display:-ms-flexbox;display:flex;align-items:center;height:60px;margin:-48px -48px 48px;padding:0 48px;border-bottom:1px solid #e4e9ec}[data-prefers-color=dark] .dumi-default-content-tabs{border-bottom-color:#2a353c}@media only screen and (max-width: 767px){.dumi-default-content-tabs{margin:-24px -24px 24px;padding:0 24px;height:42px}}[data-no-sidebar] .dumi-default-content-tabs{margin:0 0 48px;padding:0}@media only screen and (max-width: 767px){[data-no-sidebar] .dumi-default-content-tabs{margin-bottom:24px}}.dumi-default-content-tabs>li{height:inherit}.dumi-default-content-tabs>li>button{padding:0;height:inherit;color:#4f5866;font-size:17px;border:0;background:transparent;cursor:pointer;transition:all .2s}[data-prefers-color=dark] .dumi-default-content-tabs>li>button{color:#8590a0}.dumi-default-content-tabs>li>button:hover{color:#1677ff}[data-prefers-color=dark] .dumi-default-content-tabs>li>button:hover{color:#0053c8}.dumi-default-content-tabs>li:not(last-child){margin-inline-end:42px}@media only screen and (max-width: 767px){.dumi-default-content-tabs>li:not(last-child){margin-inline-end:20px}}.dumi-default-content-tabs>li[data-active]{position:relative}.dumi-default-content-tabs>li[data-active]>button{color:#30363f}[data-prefers-color=dark] .dumi-default-content-tabs>li[data-active]>button{color:#c6c9cd}.dumi-default-content-tabs>li[data-active]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background-color:#1677ff}[data-prefers-color=dark] .dumi-default-content-tabs>li[data-active]:after{background-color:#0053c8}html{height:100%}.ChatSDKStyle *,.ChatSDKStyle *:before,.ChatSDKStyle *:after{box-sizing:border-box}.ChatSDKStyle hr{box-sizing:content-box;height:0;overflow:visible}.ChatSDKStyle h1,.ChatSDKStyle h2,.ChatSDKStyle h3,.ChatSDKStyle h4,.ChatSDKStyle h5,.ChatSDKStyle h6{margin:0;font-weight:400}.ChatSDKStyle p{margin:0}.ChatSDKStyle ul,.ChatSDKStyle ol{margin:0;padding:0;list-style-type:none}.ChatSDKStyle a{background-color:transparent;color:var(--chat-link-color);text-decoration:none;cursor:pointer}.ChatSDKStyle b,.ChatSDKStyle strong{font-weight:bolder}.ChatSDKStyle small{font-size:80%}.ChatSDKStyle img{border-style:none;vertical-align:middle}.ChatSDKStyle svg{overflow:hidden;vertical-align:middle}.ChatSDKStyle button{border-radius:0}.ChatSDKStyle button,.ChatSDKStyle input,.ChatSDKStyle optgroup,.ChatSDKStyle select,.ChatSDKStyle textarea{font-family:inherit;font-size:var(--chat-font-size-base);line-height:1.15;margin:0}.ChatSDKStyle button,.ChatSDKStyle input{overflow:visible}.ChatSDKStyle button,.ChatSDKStyle select{text-transform:none}.ChatSDKStyle button,.ChatSDKStyle [type=button],.ChatSDKStyle [type=reset],.ChatSDKStyle [type=submit]{-webkit-appearance:button}.ChatSDKStyle button::-moz-focus-inner,.ChatSDKStyle [type=button]::-moz-focus-inner,.ChatSDKStyle [type=reset]::-moz-focus-inner,.ChatSDKStyle [type=submit]::-moz-focus-inner{border-style:none;padding:0}.ChatSDKStyle textarea{overflow:auto;resize:none}.ChatSDKStyle [type=checkbox],.ChatSDKStyle [type=radio]{box-sizing:border-box;padding:0}.ChatSDKStyle [type=number]::-webkit-inner-spin-button,.ChatSDKStyle [type=number]::-webkit-outer-spin-button{height:auto}.ChatSDKStyle [type=search]{-webkit-appearance:textfield}.ChatSDKStyle [type=search]::-webkit-search-decoration{-webkit-appearance:none}.ChatSDKStyle ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.ChatSDKStyle details{display:block}.ChatSDKStyle summary{display:list-item}.ChatSDKStyle template{display:none}.ChatSDKStyle [hidden]{display:none!important}.ChatSDKStyle *{outline:none}.Select{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M2 5l6 6 6-6%27/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;-webkit-appearance:none;appearance:none}html{height:100vh}html[data-safari]{height:calc(100vh - (100vh - 100%))}body.S--wide{overflow:hidden;margin:0;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;background:url(//img.alicdn.com/tfs/TB1C.3nefb2gK0jSZK9XXaEgFXa-2880-2000.jpg) 0 0 no-repeat;background-size:cover;height:100%;width:100%}body.ChatSDK-is-mobile{height:100%;overflow:hidden;margin:0}.ScrollView--hasControls .ScrollView-scroller{flex:1 1 auto}.Checkbox--checked,.Radio--checked{background:var(--chat-brand-3)}:root{--chat-brand-1: #ffb300;--chat-brand-2: #ffc233;--chat-brand-3: #ffe48c;--chat-black: #000;--chat-white: #fff;--chat-gray-1: #111;--chat-gray-2: #666;--chat-gray-3: #999;--chat-gray-4: #ccc;--chat-gray-5: #ddd;--chat-gray-6: #eee;--chat-gray-7: #f5f5f5;--chat-gray-8: #f8f8f8;--chat-light-1: var(--chat-gray-6);--chat-light-2: var(--chat-gray-7);--chat-highlight-1: var(--chat-brand-1);--chat-highlight-2: var(--chat-brand-2);--chat-blue: #39f;--chat-link-color: var(--chat-blue);--chat-gray-dark: #333;--chat-green: #62d957;--chat-orange: #f70;--chat-red: #f56262;--chat-yellow: #ffc233;--chat-yellow-light: #fff9db;--chat-radius-sm: .25rem;--chat-radius-md: .75rem;--chat-radius-lg: 1.25rem;--chat-shadow-1: 0 3px 4px 0 rgba(0, 0, 0, .04);--chat-shadow-2: 0 4px 8px 0 rgba(0, 0, 0, .08);--chat-shadow-3: 0 6px 10px 0 rgba(0, 0, 0, .08);--chat-safe-top: 0px;--chat-safe-bottom: 0px;--chat-btn-primary-border-color: transparent;--chat-btn-primary-bg: linear-gradient(90deg, var(--chat-brand-2) 0%, var(--chat-brand-1) 98%);--chat-btn-primary-color: var(--chat-white);--chat-font-size-root: 16px;--chat-font-size-xxs: 10px;--chat-font-size-xs: 12px;--chat-font-size-sm: 14px;--chat-font-size-md: 16px;--chat-font-size-lg: 18px;--chat-font-size-base: 14px;--chat-px: 1px;--chat-gutter: 12px;--chat-rate-width: 32px;--chat-card-border-radius: 12px}.S--invisible{position:absolute;clip:rect(0,0,0,0)}.pb-safe{padding-bottom:var(--chat-safe-bottom)}@supports (top: constant(safe-area-inset-top)){:root{--chat-safe-top: constant(safe-area-inset-top);--chat-safe-bottom: constant(safe-area-inset-bottom)}}@supports (top: env(safe-area-inset-top)){:root{--chat-safe-top: env(safe-area-inset-top);--chat-safe-bottom: env(safe-area-inset-bottom)}}@keyframes slideInRight{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.slide-in-right-item{animation:slideInRight .5s ease-in-out both}.slide-in-right-item:nth-child(2){animation-delay:.1s}.slide-in-right-item:nth-child(3){animation-delay:.2s}.slide-in-right-item:nth-child(4){animation-delay:.3s}.slide-in-right-item:nth-child(5){animation-delay:.4s}.slide-in-right-item:nth-child(6){animation-delay:.5s}.slide-in-right-item:nth-child(7){animation-delay:.6s}.slide-in-right-item:nth-child(8){animation-delay:.7s}.slide-in-right-item:nth-child(9){animation-delay:.8s}.slide-in-right-item:nth-child(10){animation-delay:.9s}.slide-in-right-item:nth-child(11){animation-delay:1s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.A-fadeIn{animation:.6s fadeIn}.Avatar{display:inline-block;overflow:hidden;border-radius:50%}.Avatar img{display:block;width:calc(36 * var(--chat-px));height:calc(36 * var(--chat-px));object-fit:cover}.Avatar--sm img{width:calc(24 * var(--chat-px));height:calc(24 * var(--chat-px))}.Avatar--lg img{width:calc(40 * var(--chat-px));height:calc(40 * var(--chat-px))}.Avatar--square{border-radius:calc(4 * var(--chat-px))}.Backdrop{position:fixed;bottom:0;left:0;right:0;z-index:100;transition:.3s;width:100vw;height:100vh;background:#000000b3;opacity:0;outline:0}.Backdrop.active{opacity:1}.Bubble{max-width:calc(680 * var(--chat-px));min-width:1px;background:var(--chat-white);border-radius:1.25rem;display:inline-block}.Bubble.text,.Bubble.typing{min-width:40px;padding:calc(8 * var(--chat-px)) calc(16 * var(--chat-px));box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.Bubble.text p,.Bubble.typing p{display:inline-block}.Bubble.image img{display:block;max-width:calc(200 * var(--chat-px));max-height:calc(200 * var(--chat-px));height:auto;border-radius:inherit}.Bubble p{margin:0}button.Btn{display:-ms-inline-flexbox;display:inline-flex;align-items:center;justify-content:center;overflow:visible;min-width:80px;margin:0;padding:calc(5 * var(--chat-px)) calc(12 * var(--chat-px));border:1px solid var(--chat-gray-5);border-radius:999px;background:var(--chat-white);color:var(--chat-gray-1);font-weight:400;font-size:var(--chat-font-size-sm);line-height:1.5;font-family:inherit;text-transform:none;text-align:center;vertical-align:middle;white-space:nowrap;transition:.15s ease-in-out;user-select:none;outline:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}button.Btn:not(:disabled){cursor:pointer}button.Btn:active{background:#00000014}button.Btn:disabled{pointer-events:none;color:var(--chat-gray-4);opacity:.5}button.Btn--primary{border-color:var(--chat-btn-primary-border-color);background:var(--chat-btn-primary-bg);background-origin:border-box;color:var(--chat-btn-primary-color)}button.Btn--primary:active{opacity:.8}button.Btn--primary:disabled{background:var(--chat-gray-4);border-color:transparent;color:var(--chat-gray-2)}button.Btn--outlinebutton.Btn--primary{border-color:var(--chat-brand-1);color:var(--chat-brand-1)}button.Btn--sm{padding:calc(4 * var(--chat-px)) calc(12 * var(--chat-px));font-size:var(--chat-font-size-sm)}button.Btn--lg{padding:calc(7 * var(--chat-px)) calc(12 * var(--chat-px));font-size:var(--chat-font-size-md)}button.Btn--block{display:block;width:100%}button.Btn-icon{display:-ms-inline-flexbox;display:inline-flex;align-self:center;flex-shrink:0;margin-inline-end:.5rem}[data-old-ios] button.Btn:not(.Btn--block){display:inline-block}@media (hover: hover){button.Btn:hover:not(.Btn--primary):not(.Btn--outline):not(:disabled){background:#0000000a}button.Btn--primary:not(.Btn--outline):not(:disabled):hover{background:var(--chat-btn-primary-bg);opacity:.9}}button.Btn--text{padding:0;border:0;background:transparent;color:var(--chat-link-color);font-size:inherit;vertical-align:initial}button.Btn--text:hover,button.Btn--text:active{background:transparent}.BackBottom{position:absolute;right:0;bottom:68px;z-index:10;overflow:hidden}.BackBottom .Btn{border-radius:50px 0 0 50px;border-right:0;background:#ffffffd9;color:var(--chat-brand-1);font-size:var(--chat-font-size-sm)}.Divider{display:-ms-flexbox;display:flex;align-items:center;margin:12px 0;font-size:var(--chat-font-size-xs);color:var(--chat-gray-3)}.Divider:before,.Divider:after{content:"";display:block;flex:1 1;border-top:1px solid var(--chat-gray-5)}.Divider--text-center:before,.Divider--text-left:before,.Divider--text-right:before{margin-right:var(--chat-gutter)}.Divider--text-center:after,.Divider--text-left:after,.Divider--text-right:after{margin-left:var(--chat-gutter)}.Divider--text-left:before{max-width:10%}.Divider--text-right:after{max-width:10%}.Empty{padding:30px;text-align:center}.Empty-img{height:125px}.Empty-tip{margin:20px 0;color:var(--chat-gray-4)}.Flex{display:-ms-flexbox;display:flex}.Flex--inline{display:-ms-inline-flexbox;display:inline-flex}.Flex--center{justify-content:center;align-items:center}.Flex--d-r{flex-direction:row}.Flex--d-rr{flex-direction:row-reverse}.Flex--d-c{flex-direction:column}.Flex--d-cr{flex-direction:column-reverse}.Flex--w-n{flex-wrap:nowrap}.Flex--w-w{flex-wrap:wrap}.Flex--w-wr{flex-wrap:wrap-reverse}.Flex--jc-fs{justify-content:flex-start}.Flex--jc-fe{justify-content:flex-end}.Flex--jc-c{justify-content:center}.Flex--jc-sb{justify-content:space-between}.Flex--jc-sa{justify-content:space-around}.Flex--ai-fs{align-items:flex-start}.Flex--ai-fe{align-items:flex-end}.Flex--ai-c{align-items:center}.FlexItem{flex:1 1;min-width:0;min-height:0}.HelpText{font-size:var(--chat-font-size-xs);color:var(--chat-gray-4)}.Icon{display:inline-block;width:1em;height:1em;line-height:1em;stroke-width:0;fill:currentColor;transition:all .3s cubic-bezier(.18,.89,.32,1.28)}.Icon svg{vertical-align:top}.is-spin{animation:spin 1s infinite linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}button.IconBtn{min-width:0;padding:0;border:0;border-radius:calc(3 * var(--chat-px));background:transparent;color:var(--chat-gray-2);font-size:calc(18 * var(--chat-px))}button.IconBtn.Btn--primary{color:var(--chat-brand-2)}button.IconBtn:disabled{border-color:var(--chat-gray-6);color:var(--chat-gray-6)}button.IconBtn.Btn--lg{border-radius:calc(6 * var(--chat-px));font-size:calc(24 * var(--chat-px))}button.IconBtn>.Icon{display:block}button.IconBtn>img{display:block;width:1em;height:1em}.Image{position:relative;display:inline-block;overflow:hidden;border-style:none}.Image--fluid{max-width:100%;height:auto}.InfiniteScroll{overflow-y:scroll;-webkit-overflow-scrolling:touch}.InputWrapper{position:relative}.InputWrapper.has-counter{padding-bottom:20px}.InputWrapper.has-counter+.HelpText{margin-top:-20px}.Input{display:block;box-sizing:border-box;width:100%;min-height:calc(24 * var(--chat-px));margin:0;padding:calc(5 * var(--chat-px)) var(--chat-gutter);border:calc(1 * var(--chat-px)) solid var(--chat-gray-6);border-radius:calc(12 * var(--chat-px));font-family:inherit;font-size:var(--chat-font-size-sm);line-height:1.5;color:var(--chat-gray-1);background:var(--chat-white);resize:none;-webkit-tap-highlight-color:transparent;transition:.2s ease-in-out;-webkit-appearance:none}.Input:disabled{background-color:var(--chat-gray-6)}.Input:focus{outline:none;border-color:var(--chat-brand-1)}.Input:focus:not([disabled]):not([readonly])~.Input-line:before,.Input:focus:not([disabled]):not([readonly])~.Input-line:after{width:50%}.Input::placeholder{color:var(--chat-gray-4)}.Input--filled{border-color:transparent;background-color:var(--chat-gray-6)}.Input--flushed{padding:2px var(--chat-gutter);border-width:0 0 1px;border-radius:0;background:none}.Input--flushed:focus{box-shadow:var(--chat-brand-1) 0 1px 0 0}.Input-counter{position:relative;z-index:1;float:right;margin-right:var(--chat-gutter);color:var(--chat-gray-3);font-size:var(--chat-font-size-xs)}.Label{display:block;font-size:var(--chat-font-size-xs);color:var(--chat-gray-2)}.List{background:var(--chat-white)}.List--bordered{border:1px solid var(--chat-gray-7);border-radius:calc(2 * var(--chat-px))}.ListItem{display:-ms-flexbox;display:flex;align-items:center;box-sizing:border-box;padding:calc(10 * var(--chat-px)) var(--chat-gutter);border:0;color:var(--chat-gray-1);font-size:calc(15 * var(--chat-px));line-height:1.6;text-decoration:none;transition:.3s}.ListItem:focus:not(:focus-visible){outline:0}.ListItem+.ListItem{border-top:1px solid var(--chat-gray-7)}.ListItem .Icon{color:var(--chat-gray-3)}button.ListItem{width:100%;background:transparent;text-align:left;-webkit-appearance:none;appearance:none}a.ListItem:active,button.ListItem:active{background:var(--chat-gray-6)}@media (hover: hover){a.ListItem:hover,button.ListItem:hover{background:#0000000a;background-clip:padding-box;cursor:pointer}}.ListItem-content{flex:1 1}.Loading{padding:var(--chat-gutter);color:var(--chat-gray-2)}.Loading .Icon{font-size:calc(30 * var(--chat-px))}.Loading-tip{margin:0 0 0 6px;font-size:var(--chat-font-size-sm)}.MediaObject{display:-ms-flexbox;display:flex}.MediaObject-pic{width:70px;margin-right:10px}.MediaObject-pic>img{display:block;width:100%;height:100%}.MediaObject-info{flex:1 1}.MediaObject-title{margin:0 0 6px;font-size:var(--chat-font-size-sm);font-weight:400}.MediaObject-meta{font-size:var(--chat-font-size-xs);color:var(--chat-gray-2)}.Message{position:relative}.Message+.Message{margin-top:var(--chat-gutter)}.Message.left .Message-main>.Avatar,.Message.left .Message-content>.Avatar{margin-right:4px}.Message.left .Bubble{margin-right:0}.Message.right .Message-main,.Message.right .Message-content{flex-direction:row-reverse}.Message.right .Message-main>.Avatar,.Message.right .Message-content>.Avatar{margin-left:4px}.Message.right .Message-author{text-align:right}.Message.right .Bubble{border-radius:calc(12 * var(--chat-px));background:var(--chat-brand-3)}.Message.pop{display:none}.Message-meta{display:-ms-flexbox;display:flex;justify-content:center;margin-bottom:12px;text-align:center}.Message-main,.Message-content{display:-ms-flexbox;display:flex;align-items:flex-start}.Message-inner{flex:1 1;min-width:0}.Message-author{margin-bottom:6px;color:var(--chat-gray-2);font-size:var(--chat-font-size-xs);line-height:1.1}.SystemMessage{width:100%;padding:0 15px;color:var(--chat-gray-2);text-align:center}.SystemMessage a{margin-left:5px}.SystemMessage-inner{display:inline-block;padding:6px 9px;border-radius:6px;background:var(--chat-gray-8);font-size:var(--chat-font-size-xs);text-align:left}.ChatApp[data-elder-mode=true] .SystemMessage-inner{padding:7px 14px;font-size:14px}.MessageStatus{align-self:center;margin-right:var(--chat-gutter);font-size:calc(15 * var(--chat-px))}.MessageStatus[data-status=loading] .Icon{color:var(--chat-gray-4)}.MessageStatus[data-status=fail] .IconBtn{color:#ff5959}.MessageStatus .IconBtn,.MessageStatus .Icon{display:block}.Message[data-type=text] .MessageStatus{margin-right:calc(4px - var(--chat-rate-width))}.Message[data-type=order] .MessageStatus{margin-right:calc(-4px - var(--chat-rate-width));margin-left:calc(var(--chat-rate-width) - 11px)}.Modal,.Popup{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;z-index:100;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;outline:0}.Modal.active .Modal-dialog{opacity:1;transform:none}.Modal-dialog{position:relative;z-index:100;overflow:hidden;width:calc(320 * var(--chat-px));max-width:90vw;border-radius:calc(12 * var(--chat-px));background:var(--chat-white);opacity:0;transition:transform .3s ease-out,opacity .15s linear;transform:translateY(-50px);font-size:15px}.Modal-header{position:relative;padding:18px 20px 10px}.Modal-body{padding:18px 15px}.Modal-header+.Modal-body{padding-top:0}.Modal-footer{display:-ms-flexbox;display:flex}.Modal-footer .Btn--outline{padding-top:10px;padding-bottom:10px;border-width:1px 0 0;border-color:var(--chat-gray-6);border-radius:0}.Modal-footer .Btn--outline:not(.Btn--primary){color:var(--chat-gray-2)}.Modal-footer--h[data-variant=round]{padding:0 15px 18px}.Modal-footer--h[data-variant=round] .Btn+.Btn{margin-left:var(--chat-gutter)}.Modal-footer--h[data-variant=outline] .Btn+.Btn{border-left-width:1px}.Modal-footer--h .Btn{flex:1 1}.Modal-footer--v{flex-direction:column}.Confirm .Modal-body{text-align:center}.Popup{align-items:flex-end}.Popup.active .Popup-dialog{opacity:1;transform:translateZ(0)}.Popup-content{display:-ms-flexbox;display:flex;flex-direction:column;height:100%}.Popup-dialog{position:relative;z-index:100;overflow:hidden;width:100%;border-radius:calc(27 * var(--chat-px)) calc(27 * var(--chat-px)) 0 0;background:var(--chat-white);opacity:0;transform:translate3d(0,100%,0);transition:.3s}.Popup-dialog[data-bg-color=gray]{background:var(--chat-gray-7)}.Popup-dialog[data-height="80"]{height:80vh}.Popup-dialog[data-height="60"]{height:60vh}.Popup-dialog[data-height="40"]{height:40vh}.Popup-header{position:relative;padding:calc(18 * var(--chat-px)) calc(40 * var(--chat-px)) calc(10 * var(--chat-px))}.Modal-title,.Popup-title{margin:0;color:var(--chat-gray-1);font-size:var(--chat-font-size-lg);font-weight:500;text-align:center}.Popup[data-elder-mode=true] .Modal-title,.Popup[data-elder-mode=true] .Popup-title{font-size:23px}.Popup[data-elder-mode=true] .Popup-close{font-size:32px}.Modal-close,.Popup-close{position:absolute;right:12px;color:var(--chat-gray-1)}.Modal-close{top:12px}.Popup-title{min-height:25px}.Popup-close{top:18px}.Popup-body{flex:1 1;min-height:0}.Popup-body.overflow{max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.Popup-footer{position:relative;display:-ms-flexbox;display:flex;flex-direction:column;padding:calc(9 * var(--chat-px)) var(--chat-gutter);padding-bottom:calc(9px + var(--chat-safe-bottom));background:var(--chat-white)}.Popup-footer .Btn+.Btn{margin-top:calc(9 * var(--chat-px))}.S--modalOpen{overflow:hidden}.Popup{align-items:center}.Popup-dialog{width:480px;border-radius:calc(12 * var(--chat-px))}.Popup-footer--v{padding-bottom:12px}.ChatSDK-is-mobile .Popup{align-items:flex-end}.ChatSDK-is-mobile .Popup-dialog{width:100%;border-radius:calc(27 * var(--chat-px)) calc(27 * var(--chat-px)) 0 0}.ChatSDK-is-mobile .Popup-footer--v{padding-bottom:0}.Navbar{position:relative;z-index:10;display:-ms-flexbox;display:flex;align-items:center;padding:0 var(--chat-gutter);padding-top:var(--chat-safe-top);border-bottom:1px solid var(--chat-gray-5);background:var(--chat-gray-6);color:var(--chat-gray-1)}.Navbar-main{flex:1 1;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;min-height:calc(44 * var(--chat-px));padding:3px 0;box-sizing:border-box}.Navbar-left,.Navbar-right{display:-ms-flexbox;display:flex;width:58px}.Navbar-right{justify-content:flex-end}.Navbar-title{margin:0;font-size:calc(17 * var(--chat-px));font-weight:500}.Navbar-logo{width:auto;height:calc(38 * var(--chat-px))}.Navbar .IconBtn{color:var(--chat-gray-1);font-size:24px}.Navbar .IconBtn+.IconBtn{margin-left:9px}.Navbar--left .Navbar-left{width:24px}.Navbar--left .Navbar-main{min-height:62px;justify-content:flex-start}.Navbar--left .Navbar-logo{margin-left:9px}.Navbar-logo+.Navbar-inner{margin-left:9px}.Navbar-desc{color:var(--chat-gray-2);font-size:12px}.ChatApp[data-elder-mode=true] .Navbar .IconBtn{font-size:calc(26 * var(--chat-px))}.ChatApp[data-elder-mode=true] .Navbar-logo{height:calc(43 * var(--chat-px))}.ChatApp[data-elder-mode=true] .Navbar-title{font-size:calc(18 * var(--chat-px))}.ChatApp[data-elder-mode=true] .Navbar-desc{font-size:calc(13 * var(--chat-px))}.Notice{display:-ms-flexbox;display:flex;align-items:center;padding:var(--chat-gutter);border-radius:calc(12 * var(--chat-px));background:var(--chat-white)}.Notice-icon{margin-right:6px}.Notice-close{margin-left:6px}.Notice .Icon{color:var(--chat-brand-1);font-size:16px}.Notice-content{flex:1 1;min-width:0;color:var(--chat-gray-1);font-size:calc(13 * var(--chat-px))}.Popover{position:absolute;top:0;left:0;z-index:1030;font-size:var(--chat-font-size-sm);transform:translateY(-10px)}.Popover-body{border-radius:calc(6 * var(--chat-px));background:var(--chat-white);box-shadow:var(--chat-shadow-3)}.Popover-arrow{display:block;width:9px;height:5px;margin-left:10px;fill:var(--chat-white)}.Price{display:inline;font-size:var(--chat-font-size-sm);font-weight:500}.Price--original{color:var(--chat-gray-3);text-decoration:line-through}.Price-currency{font-size:.8em}.Progress{display:-ms-flexbox;display:flex;height:2px;overflow:hidden;background-color:var(--chat-gray-5);border-radius:100px}.Progress-bar{overflow:hidden;background-color:var(--chat-blue);transition:width .6s ease}.Progress--success .Progress-bar{background-color:var(--chat-green)}.Progress--error .Progress-bar{background-color:var(--chat-red)}.PullToRefresh{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.PullToRefresh-fallback{padding-top:var(--chat-gutter);text-align:center}.PullToRefresh-loadMore{font-size:14px}.PullToRefresh-inner{overflow:hidden;min-height:100%}.PullToRefresh-indicator{height:30px;margin-top:-30px;color:gray;text-align:center;line-height:30px}.PullToRefresh-spinner{color:var(--chat-gray-3);font-size:27px}.PullToRefresh-transition{transition:transform .3s}.QuickReplies{padding:calc(9 * var(--chat-px)) var(--chat-gutter);transition:opacity .3s}.QuickReplies[data-visible=false]{visibility:hidden;opacity:0}.QuickReplies:not(.ScrollView--hasControls){padding-left:0;padding-right:0}.QuickReplies:not(.ScrollView--hasControls) .ScrollView-inner{padding:0 var(--chat-gutter)}.QuickReplies:not(.ScrollView--hasControls) .ScrollView-item:last-child{padding-right:var(--chat-gutter)}button.QuickReply{position:relative;display:block;margin:0;padding:calc(4 * var(--chat-px)) calc(12 * var(--chat-px));border:1px solid transparent;border-radius:99px;line-height:calc(20 * var(--chat-px));background:var(--chat-white);cursor:pointer;color:var(--chat-gray-1);font-size:calc(14 * var(--chat-px));transition:.15s ease-in-out}button.QuickReply.new:after{content:"";position:absolute;top:0;right:0;width:calc(8 * var(--chat-px));height:calc(8 * var(--chat-px));background:var(--chat-red);overflow:hidden;border:1px solid #fff;border-radius:50%}button.QuickReply.highlight{background:#fff;border-color:#ffd0bf;font-weight:500}button.QuickReply .QuickReply-inner{display:-ms-flexbox;display:flex;align-items:center}button.QuickReply .QuickReply-img{max-height:calc(13 * var(--chat-px))}button.QuickReply .QuickReply-inner>.Icon,button.QuickReply .QuickReply-img{margin-right:calc(3 * var(--chat-px))}button.QuickReply .Icon{color:var(--chat-brand-1);font-size:calc(15 * var(--chat-size-px))}.ChatApp[data-elder-mode=true] .QuickReply{font-size:calc(17 * var(--chat-size-px));line-height:calc(25 * var(--chat-size-px))}.ChatApp[data-elder-mode=true] .QuickReply .Icon{font-size:calc(17 * var(--chat-size-px))}.ChatApp[data-elder-mode=true] .QuickReply-img{max-height:calc(17 * var(--chat-size-px))}.Checkbox,.Radio{position:relative;display:inline-block;margin:calc(9 * var(--chat-px)) calc(12 * var(--chat-px)) 0 0;padding:calc(4 * var(--chat-px)) calc(12 * var(--chat-px));border:1px solid var(--chat-gray-6);border-radius:calc(9 * var(--chat-px));background:var(--chat-white);color:var(--chat-gray-2);font-size:var(--chat-font-size-sm);line-height:calc(20 * var(--chat-px));text-align:center;cursor:pointer;transition:.15s ease-in-out;-webkit-tap-highlight-color:transparent}.RadioGroup{margin-top:calc(-9 * var(--chat-px))}.RadioGroup--block .Radio{display:block;margin-right:calc(9 * var(--chat-px))}.CheckboxGroup--block .Checkbox{display:block;margin-right:0}.Checkbox--disabled,.Radio--disabled{opacity:.5;cursor:initial}.Checkbox--checked,.Radio--checked{border-color:var(--chat-brand-1);color:var(--chat-brand-1)}.Checkbox-input,.Radio-input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit}.RichText{word-wrap:break-word;overflow-wrap:break-word}.ScrollView{overflow:hidden}.ScrollView-scroller{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.ScrollView-scroller::-webkit-scrollbar{display:none}.ScrollView--fullWidth{margin:0 calc(var(--chat-gutter) * -1)}.ScrollView--fullWidth:not(.ScrollView--hasControls) .ScrollView-inner{padding:0 var(--chat-gutter)}.ScrollView--x .ScrollView-scroller{display:-ms-flexbox;display:flex;overflow-x:scroll;overflow-y:hidden;margin-bottom:-18px;padding-bottom:18px}.ScrollView--x .ScrollView-inner{display:-ms-flexbox;display:flex}.ScrollView--x .ScrollView-item{flex:0 0 auto;margin-left:calc(6 * var(--chat-px))}.ScrollView--x .ScrollView-item:first-child{margin-left:0}.ScrollView--hasControls{display:-ms-flexbox;display:flex;align-items:center}.ScrollView--hasControls .ScrollView-scroller{flex:1 1}.ScrollView-control{padding:6px;color:var(--chat-gray-3);font-size:var(--chat-font-size-md)}.ScrollView-control:not(:disabled):hover{color:var(--chat-brand-1)}.Search{display:-ms-flexbox;display:flex;align-items:center;padding:3px 5px 3px 15px;background:var(--chat-white);border-radius:50px}.Search-icon,.Search-clear{font-size:var(--chat-font-size-lg)}.Search-icon{color:var(--chat-gray-3)}.Search-input{flex:1 1;border:0;padding:0 9px}.Search-input::-webkit-search-cancel-button{display:none}.Search-input:focus+.Search-clear,.Search-input:focus~.Btn--primary{opacity:1}.Search-clear{color:var(--chat-gray-5);opacity:0}.Search-clear:hover{background:initial;color:var(--chat-gray-3)}.Search .Btn--primary{min-width:56px;margin-left:6px;padding:2px 12px;font-size:var(--chat-font-size-xs);opacity:0}.Select{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M2 5l6 6 6-6%27/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;-webkit-appearance:none;appearance:none}.Select:disabled{background-color:var(--chat-gray-7)}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.Skeleton{background:linear-gradient(90deg,#f6f6f6 8%,#f0f0f0 18%,#f6f6f6 33%);background-size:800px 104px;animation:1.25s linear infinite forwards shimmer}.Skeleton--r-sm{border-radius:2px}.Skeleton--r-md{border-radius:6px}.Skeleton--r-xl{border-radius:32px}.Stepper{margin:0;padding:0;list-style-type:none}.Step{position:relative;padding-left:29px;padding-bottom:18px}.Step:last-child{padding-bottom:0}.Step:last-child .Step-line{display:none}.Step--active .Step-dot{background:var(--chat-brand-1)}.Step--active .Step-title span{color:var(--chat-brand-1);font-weight:500}.Step--active .Step-desc{color:var(--chat-gray-1)}.Step--active[data-status] .Step-line{top:26px}.Step--active[data-status] .Step-icon{color:var(--chat-red)}.Step--active[data-status=success] .Step-icon{color:var(--chat-green)}.Step-icon{position:absolute;top:0;left:0;width:24px;height:24px;font-size:24px;display:-ms-flexbox;display:flex;justify-content:center;align-items:center}.Step-dot{width:8px;height:8px;background:var(--chat-white);border:1px solid var(--chat-brand-1);border-radius:50%}.Step-line{position:absolute;top:20px;left:12px;bottom:-4px;width:1px;background:var(--chat-brand-1);opacity:.5}.Step-title{display:-ms-flexbox;display:flex;align-items:center;color:var(--chat-gray-1);font-size:var(--chat-font-size-md)}.Step-title small{margin-left:12px;color:var(--chat-gray-3);font-size:var(--chat-font-size-xs)}.Step-desc{margin-top:3px;color:var(--chat-gray-3);font-size:var(--chat-font-size-sm)}.Tabs-nav{position:relative;display:-ms-flexbox;display:flex;margin:7px 0}.Tabs-nav::-webkit-scrollbar{display:none}.Tabs--scrollable .Tabs-nav{overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:-11px;padding-bottom:18px}.Tabs--scrollable .Tabs-navPointer{bottom:18px}.Tabs--scrollable .Tabs-navItem{flex:1 0 auto}.Tabs-navItem{flex:1 1;text-align:center}.Tabs-navLink{padding:calc(4 * var(--chat-px)) calc(12 * var(--chat-px));border:0;border-radius:calc(20 * var(--chat-px));background:transparent;color:var(--chat-gray-2);font-size:var(--chat-font-size-sm);transition:.3s}.Tabs-navLink:hover{cursor:pointer;color:var(--chat-gray-1)}.Tabs-navLink.active{position:relative;z-index:1;color:var(--chat-gray-1);font-weight:700}.Tabs-navPointer{position:absolute;left:0;bottom:0;height:calc(3 * var(--chat-px));background:var(--chat-btn-primary-bg);border-radius:calc(2 * var(--chat-px));transition:.3s}.Tabs-pane{display:none}.Tabs-pane.active{display:block}.Tag{display:inline-block;position:relative;margin:0 calc(4 * var(--chat-px)) 0 0;padding:0 calc(6 * var(--chat-px));border:1px solid var(--chat-brand-1);border-radius:calc(4 * var(--chat-px));color:var(--chat-brand-1);font-size:calc(12 * var(--chat-px));line-height:1.25;white-space:nowrap}.Tag--primary{border-color:transparent;color:var(--chat-orange)}.Tag--primary:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:-1px;border-radius:inherit;background:currentColor;opacity:.14}.Tag--success{border-color:var(--chat-green);background:var(--chat-green);color:#fff}.Tag--danger{border-color:var(--chat-red);background:var(--chat-red);color:#fff}.Tag--warning{border-color:var(--chat-orange);background:var(--chat-orange);color:#fff}.Text--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Text--break{word-break:break-word!important;overflow-wrap:break-word!important}.Text--ellipsis{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis}.Time{font-size:var(--chat-font-size-xs);color:var(--chat-gray-3)}.Toast{position:fixed;top:30%;left:0;right:0;z-index:200;display:-ms-flexbox;display:flex;justify-content:center;transition:all .3s ease 0s;transform:translateY(-50%);opacity:0;visibility:hidden}.Toast[data-type=success] .Icon{color:var(--chat-green)}.Toast[data-type=error] .Icon{color:var(--chat-red)}.Toast[data-type=loading] .Icon{color:var(--chat-brand-1)}.Toast.show{opacity:1;visibility:visible}.Toast .Icon{margin-right:calc(6 * var(--chat-px));font-size:calc(24 * var(--chat-px))}.Toast-content{display:-ms-flexbox;display:flex;max-width:90vw;padding:calc(18 * var(--chat-px)) calc(24 * var(--chat-px));border-radius:calc(12 * var(--chat-px));background:#000000b3;box-sizing:border-box}.Toast-message{flex:1 1;margin:0;color:var(--chat-white);font-size:calc(16 * var(--chat-px));word-break:break-word}.Toolbar{padding:var(--chat-gutter);padding-top:0}.Toolbar-item{display:inline-block;width:25%;margin-top:var(--chat-gutter);text-align:center}button.Toolbar-btn{position:relative;display:inline-block;overflow:hidden;max-width:100%;min-width:0;padding:6px;border:0;border-radius:0;background:transparent;color:var(--chat-gray-2);vertical-align:top}button.Toolbar-btn:hover{background:transparent}button.Toolbar-btn:active .Toolbar-btnIcon{background:#0000000a}@media (hover: hover){button.Toolbar-btn:hover .Toolbar-btnIcon{background:#0000000a}}.Toolbar-btnIcon{display:inline-block;padding:12px;border-radius:12px;background:var(--chat-white);transition:.3s}.Toolbar-btnIcon .Icon{font-size:30px;vertical-align:top}.Toolbar-img{width:30px;height:30px;vertical-align:top}.Toolbar-btnText{display:block;margin-top:8px;font-size:14px;line-height:1.1;white-space:initial;word-wrap:break-word}.ChatApp[data-elder-mode=true] .Toolbar-btnIcon{padding:16px}@media (min-width: 350px){.ChatApp[data-elder-mode=true] .Toolbar-btnIcon{padding:19px}.ChatApp[data-elder-mode=true] .Toolbar-btnIcon .Icon{font-size:36px}}[data-tooltip]{position:relative;cursor:pointer}[data-tooltip]:after,[data-tooltip]:before{position:absolute;bottom:100%;left:50%;z-index:200;opacity:0;pointer-events:none;transition:all .18s ease-out .18s;transform:translate(-50%,4px);transform-origin:top}[data-tooltip]:after{content:attr(aria-label);margin-bottom:10px;padding:.5em 1em;border-radius:6px;background:var(--chat-gray-1);color:var(--chat-white);font-size:var(--chat-font-size-xs);white-space:nowrap}[data-tooltip]:before{content:"";width:0;height:0;transform-origin:top;border:.3125rem solid transparent;border-top-color:var(--chat-gray-1)}[data-tooltip]:hover:before,[data-tooltip]:hover:after{opacity:1;transform:translate(-50%)}.Tree{background:var(--chat-white)}.TreeNode-title{padding:10px 15px;display:-ms-flexbox;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--chat-gray-7)}.TreeNode-title:hover{background:var(--chat-gray-7);color:var(--chat-brand-1);cursor:pointer}.TreeNode:last-child .TreeNode-title{border:0}.TreeNode-children-title{background:var(--chat-gray-7);border-bottom:1px solid var(--chat-gray-7)}.TreeNode-title-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;flex:1 1}.TreeNode-children{display:none}.TreeNode-children-active{display:block}.Typing{display:-ms-flexbox;display:flex;align-items:center;height:22.5px;transition:opacity .1s}.Typing-dot{display:inline-block;width:6px;height:6px;margin-left:6px;border-radius:50%;animation:typing-dot 1.26s linear infinite;animation-direction:reverse;transform:scale(0);background:var(--chat-gray-3)}.Typing-dot:nth-child(1){margin:0}.Typing-dot:nth-child(2){animation-delay:.18s}.Typing-dot:nth-child(3){animation-delay:.36s}@keyframes typing-dot{0%{transform:scale(1)}16.67%{transform:scale(0)}50%{transform:scale(0)}66.67%{transform:scale(1)}to{transform:scale(1)}}.Video{position:relative;border-radius:inherit}.Video-cover,.Video-video:not([hidden]){display:block;width:100%;max-height:100%;border-radius:inherit}.Video-duration{position:absolute;right:6px;bottom:6px;z-index:1;color:var(--chat-white);line-height:1}.Video-playBtn{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent}.Video-playBtn:hover{cursor:pointer}.Video-playIcon{font-size:42px}.Video--playing .Video-playBtn{display:none}.Card{overflow:hidden;border-radius:var(--chat-card-border-radius);background:var(--chat-white)}.Card--xl{width:calc(300 * var(--chat-px))}.Card--lg{width:calc(160 * var(--chat-px))}.Card--md{width:calc(120 * var(--chat-px))}.Card--sm{width:calc(104 * var(--chat-px))}.Card--xs{width:calc(80 * var(--chat-px))}.Card--fluid{width:calc(100% - var(--chat-rate-width) - calc(16 * var(--chat-px)));max-width:calc(432 * var(--chat-px));min-width:calc(260 * var(--chat-px))}.Card[data-fluid=order]{max-width:360px}.CardMedia{position:relative;background-repeat:no-repeat;background-position:50%;background-size:cover}.CardMedia:after{display:block;height:0;content:""}.CardMedia--wide:after{padding-top:56.25%}.CardMedia--square:after{padding-top:100%}.CardMedia-content{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.CardHeader{position:relative;padding:calc(12 * var(--chat-px)) calc(12 * var(--chat-px)) 9px}.CardHeader[data-has-bg=true]{padding-bottom:calc(9px + var(--chat-card-border-radius));box-shadow:inset 0 1px #fff}.CardHeader[data-has-bg=true]+[class^=Card]{position:relative;margin-top:calc(0px - var(--chat-card-border-radius));border-radius:var(--chat-card-border-radius) var(--chat-card-border-radius) 0 0;background-color:inherit}.CardHeader-logo{display:block;height:24px}.CardHeader-icon{margin:2px 6px 2px 0;font-size:20px;height:20px}.CardHeader-title{margin:0;color:var(--chat-gray-1);font-size:16px;font-weight:500}.CardHeader-desc{margin:2px 0 0;color:var(--chat-gray-2);font-size:14px;font-weight:500}.CardHeader-badge{width:90px;margin:-12px;background:center right / contain no-repeat}.CardHeader-slot,.CardHeader-badge{margin-left:9px}.CardHeader-slot{display:-ms-flexbox;display:flex}.CardHeader-slot .Btn{min-width:auto;padding:2px 9px;font-size:12px}.CardHeader-slot>a{display:-ms-flexbox;display:flex;align-items:center;color:var(--chat-gray-2);text-decoration:none;font-size:14px}.CardHeader-slot>a .Icon{font-size:16px}.CardTitle{padding:calc(12 * var(--chat-px)) calc(12 * var(--chat-px)) calc(6 * var(--chat-px))}.CardTitle--center{padding:4px 2px;text-align:center}.CardTitle-title{margin:0;font-size:var(--chat-font-size-md);font-weight:500}.CardTitle-subtitle{margin:0;color:var(--chat-gray-3);font-size:var(--chat-font-size-xxs)}.CardContent{padding:calc(12 * var(--chat-px))}.CardText{padding:calc(12 * var(--chat-px));color:var(--chat-gray-1)}.CardText p{margin:0}.CardActions{display:-ms-flexbox;display:flex;padding:calc(12 * var(--chat-px)) calc(12 * var(--chat-px)) 18px}.CardActions .Btn{flex:1 1;line-height:1.5}.CardActions .Btn+.Btn{margin-left:var(--chat-gutter)}.CardActions--column{flex-direction:column;padding:0}.CardActions--column button.Btn{padding:calc(10 * var(--chat-px));border:0;border-top:1px solid var(--chat-gray-6);border-radius:0;background:var(--chat-white);color:var(--chat-gray-3)}.CardActions--column button.Btn:last-child{border-radius:0 0 var(--chat-card-border-radius) var(--chat-card-border-radius)}.CardActions--column button.Btn:active{background:var(--chat-gray-7)}.CardActions--column button.Btn:disabled{color:var(--chat-gray-4)}.CardActions--column .Btn+.Btn{margin:0}.CardActions--column .Btn--primary{color:var(--chat-brand-1)}@media (hover: hover){.CardActions--column button.Btn:hover{background:var(--chat-gray-7)}}.CardHeader[data-has-bg=false]+[class^=Card],.CardTitle+[class^=Card],.CardText+[class^=Card],.CardContent+[class^=Card]{padding-top:0}.Carousel{position:relative;overflow:hidden}.Carousel--draggable .Carousel-inner{touch-action:pan-y;cursor:grab}.Carousel--draggable .Carousel-inner:active{cursor:grabbing}.Carousel--rtl{direction:rtl}.Carousel--dragging .Carousel-item{pointer-events:none}.Carousel-inner{display:-ms-flexbox;display:flex;will-change:transform}.Carousel-dots{position:absolute;z-index:1;bottom:calc(8 * var(--chat-px));left:50%;transform:translate(-50%);display:-ms-flexbox;display:flex;justify-content:center;list-style-type:none;margin:0;padding:0}.Carousel-dot{display:block;width:calc(8 * var(--chat-px));height:calc(8 * var(--chat-px));margin:0 calc(4 * var(--chat-px));padding:0;border:0;border-radius:50%;background:var(--chat-gray-4);transition:.3s;cursor:pointer}.Carousel-dot.active{background:var(--chat-brand-1)}.Goods{padding:var(--chat-gutter);font-size:14px}.Goods[data-elder-mode=true] .Goods-img{width:56px;height:56px}.Goods[data-elder-mode=true] .Price{color:var(--chat-brand-1)}.Goods[data-variant=inList] .Goods-status{color:var(--chat-highlight-2)}.Goods[data-variant=compact]{padding:6px;background:var(--chat-gray-8);color:var(--chat-gray-2)}.Goods[data-variant=compact] .Goods-img{width:44px;height:44px;border-radius:9px}.Goods[data-variant=compact] .Price{font-weight:400}.Goods+.Goods{border-top:1px solid var(--chat-gray-7)}.Goods-img{width:calc(72 * var(--chat-px));height:calc(72 * var(--chat-px));margin-right:calc(9 * var(--chat-px));object-fit:cover;border-radius:calc(12 * var(--chat-px))}.Goods-name{margin:0;font-size:var(--chat-font-size-sm);font-weight:400}.Goods-main .Price{margin-right:calc(9 * var(--chat-px))}.Goods-desc{margin-top:2px;color:var(--chat-gray-3);word-break:break-all}.Goods-meta{color:var(--chat-gray-3);font-size:var(--chat-font-size-xxs)}.Goods-countUnit{margin-left:6px;color:var(--chat-gray-3);font-size:var(--chat-font-size-sm)}.Goods-unit{margin-left:3px;font-size:var(--chat-font-size-xs)}.Goods-buyBtn{float:right;background:var(--chat-brand-1);color:#fff;padding:2px}.Goods-buyBtn:hover{background:var(--chat-brand-1)}.Goods-aside{display:-ms-flexbox;display:flex;flex-direction:column;align-items:flex-end;margin-left:6px}.Goods-status{display:-ms-inline-flexbox;display:inline-flex;align-items:center;color:var(--chat-highlight-1)}.Goods .Btn{min-width:0}.Goods-tags,.Goods-countUnit,.Goods-status,.Goods-slot{margin-top:2px}.FileCard{padding:8px}.FileCard-icon{position:relative;height:60px;margin-right:8px;color:var(--chat-gray-2)}.FileCard-icon[data-type=pdf]{color:var(--chat-red)}.FileCard-icon[data-type*=doc]{color:var(--chat-blue)}.FileCard-icon[data-type*=ppt],.FileCard-icon[data-type=key]{color:var(--chat-orange)}.FileCard-icon[data-type*=xls]{color:var(--chat-green)}.FileCard-icon[data-type=rar],.FileCard-icon[data-type=zip]{color:var(--chat-brand-1)}.FileCard-icon .Icon{font-size:60px}.FileCard-name{height:38px;margin-bottom:4px;line-height:1.4}.FileCard-ext{position:absolute;left:20px;bottom:15px;transform-origin:left bottom;transform:scale(.5);max-width:50px;font-size:var(--chat-font-size-md);font-weight:700;text-transform:uppercase}.FileCard-meta{color:var(--chat-gray-3);font-size:var(--chat-font-size-xs)}.FileCard-meta>a,.FileCard-meta>span{margin-right:10px}.FileCard-meta a{color:var(--chat-link-color);text-decoration:none}.Form{background:var(--chat-white)}.Form.is-light .FormItem{padding:0}.Form.is-light .Label,.Form.is-light .HelpText{padding:0 var(--chat-gutter)}.FormItem{position:relative;padding:0 var(--chat-gutter)}.FormItem+.FormItem{margin-top:20px}.FormItem.required .Label:after{content:"*";display:inline-block;color:var(--chat-red);font-size:var(--chat-font-size-sm);font-family:SimSun,sans-serif;line-height:1;vertical-align:middle}.FormItem.is-invalid .Label,.FormItem.is-invalid .HelpText{color:var(--chat-red)}.FormItem.is-invalid .Input{border-color:var(--chat-red)}.FormItem .RadioGroup,.FormItem .CheckboxGroup{margin-top:10px}.FormItem .Label+.Input{margin-top:5px}.FormActions{display:-ms-flexbox;display:flex;padding:10px var(--chat-gutter);background:var(--chat-white)}.FormActions .Btn{flex:1 1}.FormActions .Btn+.Btn{margin-left:6px}.MessageContainer{position:relative;display:-ms-flexbox;display:flex;flex-direction:column;flex:1 1;min-height:0}.MessageContainer>.PullToRefresh{flex:1 1}.MessageContainer:focus{outline:0}.MessageList{padding:var(--chat-gutter);font-size:var(--chat-font-size-base)}.RecorderToast{position:fixed;top:50%;left:50%;z-index:100;width:160px;height:160px;padding:10px;transform:translate(-50%,-50%);border-radius:12px;background:#333333de;color:var(--chat-white);text-align:center}.Recorder--cancel .RecorderToast{color:var(--chat-red)}.Recorder--cancel .Recorder-btn{background:#0000000a;color:var(--chat-gray-3)}.RecorderToast-icon{position:relative;font-size:37px}.RecorderToast-waves{position:absolute;z-index:-1;width:100%;height:100%;transition:.3s}.RecorderToast-wave-1,.RecorderToast-wave-2,.RecorderToast-wave-3{position:absolute;z-index:-1;color:var(--chat-brand-2);animation:wave 10s linear infinite}.RecorderToast-wave-1{top:-25px;left:14px;font-size:176px;opacity:.2}.RecorderToast-wave-2{top:-12px;left:-21px;font-size:186px;opacity:.4}.RecorderToast-wave-3{top:40px;left:55px;font-size:71px;opacity:.8}.Recorder-btn{height:36px;border-radius:20px;background:var(--chat-white);color:var(--chat-gray-dark);line-height:36px;text-align:center;transition:.3s;cursor:pointer}@keyframes wave{0%{transform:translateY(5%) rotate(0)}50%{transform:translateY(-5%) rotate(180deg)}to{transform:translateY(5%) rotate(360deg)}}.Composer{display:-ms-flexbox;display:flex;align-items:flex-end;padding:calc(9 * var(--chat-px)) var(--chat-gutter)}.Composer>div+div{margin-left:9px}.Composer-actions{display:-ms-flexbox;display:flex;align-items:center;height:calc(32 * var(--chat-px))}.Composer-actions .IconBtn{font-size:calc(30 * var(--chat-px));color:var(--chat-gray-1)}.Composer-toggleBtn{transition:transform .2s}.Composer-toggleBtn.active .Icon{transform:rotate(45deg)}.Composer-inputWrap{flex:1 1;position:relative}.Composer-input{overflow-x:hidden;max-height:calc(132 * var(--chat-px));padding:calc(8 * var(--chat-px)) calc(12 * var(--chat-px));border:0;line-height:20px;line-height:calc(20 * var(--chat-px));font-size:15px;font-size:calc(15 * var(--chat-px));caret-color:var(--chat-gray-1);transition:border-color .15s ease-in-out}.Composer-sendBtn{min-width:0;padding-left:16px;padding-right:16px}.Composer-SendButton-hide{display:none}.ChatApp[data-elder-mode=true] .Composer-actions{height:50px}.ChatApp[data-elder-mode=true] .Composer-actions .IconBtn{font-size:calc(30 * var(--chat-px))}.ChatApp[data-elder-mode=true] .Composer-input{padding:9px 12px;font-size:21px;line-height:32px}.ChatApp[data-elder-mode=true] .Composer-sendBtn{padding:4px 13px;font-size:17px}.SendConfirm .Modal-dialog{width:480px;margin:calc(20 * var(--chat-px))}.SendConfirm-inner{height:calc(320 * var(--chat-px));text-align:center}.SendConfirm-inner img{max-width:100%;max-height:100%}.ChatApp{display:-ms-flexbox;display:flex;flex-direction:column;height:100%;background:var(--chat-gray-6);color:var(--chat-gray-1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;-webkit-tap-highlight-color:transparent}.S--focusing{--chat-safe-bottom: 0px}@media (hover: none){.S--focusing .MessageList{margin-top:75vh}}.ChatFooter{position:relative;z-index:10;padding-bottom:var(--chat-safe-bottom);background:var(--chat-gray-7)}.ChatBottomTip{text-align:center;color:var(--chat-gray-5);padding:8px;font-size:var(--chat-font-size-xxs)}.ChatWrapper{overflow:hidden;width:960px;height:700px;max-width:100%;max-height:100%;background:#f4f6f8;border-radius:8px}.S--wide .ChatWrapper{width:960px;height:700px}@media screen and (max-height: 700px){.S--wide .ChatWrapper{max-height:100vh}}@media screen and (max-height: 960px){.S--wide .ChatWrapper{max-width:100vw}}.ChatSDK-is-mobile .ChatWrapper{border-radius:0;max-height:100vh;max-width:100vw;width:100%;height:100%;margin:0 auto}.ChatWrapper-header{position:relative;z-index:1;padding:12px 16px;border-radius:8px 8px 0 0;background:#fff;box-shadow:0 2px 8px #e5e8ee}.ChatWrapper-body{display:-ms-flexbox;display:flex}.ChatWrapper-body:first-child{height:100%}.ChatWrapper-body>div{height:100%}.Main{flex:1 1}.ChatMessage{display:-ms-flexbox;display:flex;flex-direction:inherit;flex:1 1;min-width:0;flex-wrap:wrap}.ChatMessage>*:first-child.ScrollView--fullWidth,.ChatMessage .mix-content.ScrollView--fullWidth,.ChatMessage>*:first-child.mix-message,.ChatMessage .mix-content.mix-message,.ChatMessage>*:first-child.SystemMessage,.ChatMessage .mix-content.SystemMessage{max-width:100%}.ChatMessage.ChatFullWidth *:first-child,.ChatSDK-is-mobile .ChatMessage.ChatFullWidth *:first-child{max-width:none}.CardFeedback-right>*:first-child{max-width:90%;box-sizing:border-box}.ChatSDK-is-mobile .CardFeedback-right>*:first-child{max-width:calc(100% - 50px)}.NameCard{width:210px;margin:20px auto 0;position:relative;overflow:initial;text-align:center;padding:24px 8px 6px}.NameCard--wide{width:320px}.NameCard-avatar{position:absolute;top:-18px;left:50%;transform:translate(-50%);background-color:#fff;overflow:hidden}.NameCard-avatar img{object-fit:contain}.NameCard-label{color:var(--chat-gray-3)}.NameCard-channelList{display:-ms-flexbox;display:flex;margin-top:10px}.NameCard-channel{flex:1 1;min-width:0;margin-left:8px;text-align:center}.NameCard-channel:first-child{margin:0}.NameCard-channelImg{width:20px;height:20px;display:inline-block;background-size:contain;background-position:bottom;background-repeat:no-repeat}.NameCard-channelName{font-size:12px;color:var(--chat-gray-1)}.NameCard-channelDesc{font-size:10px;color:var(--chat-gray-3)}.Promotion{padding-bottom:5px}.RecommendCardWrap{position:relative;width:310px}.RecommendCardWrap--hasToggle{margin-bottom:18px}.RecommendCard{display:-ms-flexbox;display:flex}.RecommendCard .List{flex:1 1;min-width:0}.RecommendCard .ListItem{margin-left:10px;padding:11px 10px 11px 0}.RecommendCard .ListItem:hover{background:#fff}.RecommendCard .ListItem[data-hot]:after{content:"hot";display:inline-block;width:22px;height:16px;margin-left:2px;border-radius:20px 20px 20px 2px;background:var(--chat-brand-2);color:#fff;font-size:10px;line-height:16px;text-align:center}.RecommendCard .ListItem-content{flex:none;overflow:hidden;max-width:calc(100% - 24px);text-overflow:ellipsis;white-space:nowrap}.RecommendCard--fold{height:175px}.RecommendCard-cover{width:80px;border-radius:12px 0 0 12px;background-position:top;background-repeat:no-repeat;background-size:cover}.RecommendCard-toggleBtn{position:absolute;bottom:-15px;left:50%;width:60px;height:15px;margin:0 0 0 -30px;padding:0;border:0;border-radius:0 0 8px 8px;background:#fff;box-shadow:0 3px 6px #00000029;color:#dddedf;text-align:center}.RecommendCard--fold+.RecommendCard-toggleBtn .Icon{transform:rotate(180deg)}.SkillCard .CardTitle-title,.SkillCard .CardTitle-subtitle{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.SkillCard-title{padding:8px;text-align:center}.Feedback-inner{padding:10px 15px}.Feedback .InputWrapper{margin-top:10px}.Feedback-card{margin-top:12px}.Feedback-title{margin-bottom:10px}.Feedback--hidden{display:none}.Feedback-radio-group{margin-top:0}.mix-message{width:100%}.mix-message .mix-message-flex{display:-ms-flexbox;display:flex}.mix-message .mix-message-flex.CardFeedback-bottom{display:block}.mix-message .mix-content{border-radius:1.25rem}.mix-message .mix-content [data-code=image]{font-size:0}.mix-message .mix-suffix{margin-top:4px}.MessageTip{line-height:12px;line-height:var(--chat-font-size-xs, 12px);font-size:12px;font-size:var(--chat-font-size-xs, 12px);color:#ddd;margin-left:6px;margin-top:4px}.Brand{margin-right:25px}.Brand-logo{display:block}.Brand-logo img{height:33px}.Brand-name{font-size:16px}.Brand-logo+.Brand-name{margin-left:8px;padding-left:8px;border-left:1px solid #e8e9ec}@media (max-width: 400px){.Brand-name{display:none}}.RateActions{position:relative;align-self:flex-end;width:24px;margin:0 8px}.RateActions .RateBtn{padding:4px;border-radius:20px;background:#fff;font-size:16px;font-size:var(--chat-font-size-md)}.RateActions .RateBtn[data-type=good]:hover,.RateActions .RateBtn[data-type=good].active{color:var(--chat-brand-1)}.RateActions .RateBtn[data-type=bad]:hover,.RateActions .RateBtn[data-type=bad].active{color:red}.RateActions[data-position=right] .RateBtn+.RateBtn{margin-top:4px}.RateActions[data-position=bottom]{width:100%;margin-top:4px}.RateActions[data-position=bottom] .RateBtn+.RateBtn{margin-left:4px}.AutoComplete{position:absolute;left:0;bottom:100%;z-index:150;overflow-y:auto;width:100%;max-width:400px;max-height:200px;margin-bottom:8px;border-radius:8px;box-shadow:0 2px 8px #00000026;background:var(--chat-white);opacity:0;transform:translateY(5px);transition:.2s;pointer-events:none}.AutoComplete.show{opacity:1;transform:translateY(0);pointer-events:auto}.AutoComplete a{display:block;padding:9px 16px;border-top:1px solid #eee;color:var(--gray-dark)}.AutoComplete a:hover{background:var(--chat-light-2)}.AutoComplete mark{background:transparent;color:var(--chat-red)}.Sidebar{overflow-y:auto;width:281px;padding:calc(20 * var(--chat-px));border-left:1px solid #eee;background:#fff}.Sidebar:empty{display:none}.Sidebar h3{font-size:calc(18 * var(--chat-px));font-weight:500}@media (max-width: 600px){.Sidebar{display:none}}.Sidebar-panel{margin-top:calc(24 * var(--chat-px))}.Sidebar-panel:first-child{margin-top:0}#nprogress{pointer-events:none}#nprogress .bar{background:var;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px undefined,0 0 5px undefined;opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:undefined;border-left-color:undefined;border-radius:50%;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:-ms-inline-flexbox;display:inline-flex;line-height:1;position:relative;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.dumi-default-loading-skeleton .react-loading-skeleton{margin-block-end:.38em}.dumi-default-loading-skeleton .react-loading-skeleton.first-line{width:calc(100% - 2em);margin-inline-start:2em}[data-prefers-color=dark] .dumi-default-loading-skeleton .react-loading-skeleton{--highlight-color: rgba(198, 201, 205, .22);--base-color: #30363f}