:root,:root[theme-mode=light]{--header-height: 64px;--doc-header-height: 252px;--aside-width: 260px;--footer-height: 388px;--border-radius: 3px;--theme-block-light-display: block;--theme-block-dark-display: none;--content-max-width: 960px;--content-padding-right: 264px;--content-padding-left-right: 24px;--header-box-shadow: inset 0 -1px 0 #e7e7e7;--footer-box-shadow: inset 0 1px 0 #e7e7e7;--aside-box-shadow: inset -1px 0 0 #e7e7e7;--portal-box-shadow: inset 1px 0px 0px #dcdcdc, inset -1px 0px 0px #dcdcdc, inset 0px -1px 0px #dcdcdc, inset 0px 1px 0px #dcdcdc;--table-box-shadow: inset 0px 1px 0px #e7e7e7, inset 0px -1px 0px #e7e7e7, inset -1px 0px 0px #e7e7e7, inset 1px 0px 0px #e7e7e7;--shadow-1: 0 1px 10px rgba(0, 0, 0, .05), 0 4px 5px rgba(0, 0, 0, 8%), 0 2px 4px -1px rgba(0, 0, 0, 12%);--shadow-2: 0 3px 14px 2px rgba(0, 0, 0, .05), 0 8px 10px 1px rgba(0, 0, 0, 6%), 0 5px 5px -3px rgba(0, 0, 0, 10%);--shadow-3: 0 6px 30px 5px rgba(0, 0, 0, .05), 0 16px 24px 2px rgba(0, 0, 0, 4%), 0 8px 10px -5px rgba(0, 0, 0, 8%);--shadow-inset-top: inset 0 .5px 0 #dcdcdc;--shadow-inset-right: inset .5px 0 0 #dcdcdc;--shadow-inset-bottom: inset 0 -.5px 0 #dcdcdc;--shadow-inset-left: inset -.5px 0 0 #dcdcdc;--anim-time-fn-easing: cubic-bezier(.38, 0, .24, 1);--anim-time-fn-ease-out: cubic-bezier(0, 0, .15, 1);--anim-time-fn-ease-in: cubic-bezier(.82, 0, 1, .9);--anim-duration-base: .2s;--anim-duration-moderate: .24s;--anim-duration-slow: .28s;--bg-color-page: #f5f5f5;--bg-color-secondarypage: #f5f5f5;--bg-color-demo: #fff;--bg-color-demo-secondary: #eee;--bg-color-code: #f3f3f3;--bg-color-code-linear: linear-gradient(180deg, #f3f3f3 0%, rgba(243, 243, 243, 0) 100%);--bg-color-footer: #eee;--bg-color-secondaryfooter: #e7e7e7;--bg-color-docpage: #fff;--bg-color-container: #fff;--bg-color-container-transparent: rgba(255, 255, 255, .9);--bg-color-secondarycontainer: #f5f5f5;--bg-color-component: #eee;--bg-color-component-transparent: rgba(238, 238, 238, .8);--bg-color-tag: #eee;--bg-color-tab: #eee;--bg-color-table: #fff;--bg-color-thead: #dcdcdc;--bg-color-navigation: #fff;--bg-color-card: #fff;--component-stroke: #eee;--component-border: #e7e7e7;--bg-color-demo-hover: rgba(0, 0, 0, .05);--bg-color-demo-select: rgba(0, 0, 0, .1);--bg-color-code-hover: #e7e7e7;--bg-color-code-select: #dcdcdc;--bg-color-container-hover: #f3f3f3;--bg-color-container-select: #eee;--bg-color-component-hover: #dcdcdc;--bg-color-component-select: #a6a6a6;--bg-color-tab-select: #fff;--bg-color-table-hover: #f5f5f5;--bg-color-navigation-hover: #f3f3f3;--bg-color-navigation-select: #e7e7e7;--bg-color-card-hover: #f3f3f3;--bg-color-scroll: rgba(0, 0, 0, .14);--bg-color-component-disabled: #eee;--text-primary: rgba(0, 0, 0, .9);--text-secondary: rgba(0, 0, 0, .6);--text-placeholder: rgba(0, 0, 0, .4);--text-disabled: rgba(0, 0, 0, .26);--text-anti: #fff;--text-interactive: #0052d9;--brand-main: #0052d9;--brand-main-hover: #366ef4;--brand-main-focus: #d9e1ff;--brand-main-disabled: #b5c7ff;--brand-main-light: rgba(0, 82, 217, .1);--error-1: #fff0ed;--error-8: #881f1c;--error-main: #d54941;--error-main-hover: #f6685d;--error-main-disabled: #ffb9b0;--error-main-light: rgba(213, 73, 65, .1);--warning-main: #e37318;--warning-main-hover: #fa9550;--warning-main-disabled: #ffb98c;--warning-main-light: rgba(227, 115, 24, .1);--success-main: #2ba471;--success-main-disabled: rgba(43, 164, 113, .25);--success-main-light: rgba(43, 164, 113, .1);--bg-color-theme-transparent: rgba(238, 238, 238, .6);--bg-color-theme-secondary: #f3f3f3;--bg-color-theme-surface: #fff;--bg-color-theme-tertiary: #e7e7e7;--theme-component-border: rgba(0, 0, 0, .06);--bg-color-theme-radio: #e7e7e7;--bg-color-theme-radio-active: #fff}@media screen and (max-width: 960px){:root,:root[theme-mode=light]{--content-padding-right: 0}}@media screen and (min-width: 1200px){:root,:root[theme-mode=light]{--content-padding-left-right: 48px}}@media screen and (min-width: 1920px){:root,:root[theme-mode=light]{--content-max-width: 1200px}}:root[theme-mode=dark]{background:var(--bg-color-page);--theme-block-light-display: none;--theme-block-dark-display: block;--header-box-shadow: inset 0 -1px 0 #4b4b4b;--footer-box-shadow: inset 0 1px 0 #4b4b4b;--aside-box-shadow: inset -1px 0 0 #4b4b4b;--portal-box-shadow: inset 1px 0px 0px #5e5e5e, inset -1px 0px 0px #5e5e5e, inset 0px -1px 0px #5e5e5e, inset 0px 1px 0px #5e5e5e;--table-box-shadow: inset 0px 1px 0px #4b4b4b, inset 0px -1px 0px #4b4b4b, inset -1px 0px 0px #4b4b4b, inset 1px 0px 0px #4b4b4b;--shadow-1: 0 4px 6px rgba(0, 0, 0, .06), 0 1px 10px rgba(0, 0, 0, 8%), 0 2px 4px rgba(0, 0, 0, 12%);--shadow-2: 0 8px 10px rgba(0, 0, 0, .12), 0 3px 14px rgba(0, 0, 0, 10%), 0 5px 5px rgba(0, 0, 0, 16%);--shadow-3: 0 16px 24px rgba(0, 0, 0, .14), 0 6px 30px rgba(0, 0, 0, 12%), 0 8px 10px rgba(0, 0, 0, 20%);--shadow-inset-top: inset 0 .5px 0 #5e5e5e;--shadow-inset-right: inset .5px 0 0 #5e5e5e;--shadow-inset-bottom: inset 0 -.5px 0 #5e5e5e;--shadow-inset-left: inset -.5px 0 0 #5e5e5e;--bg-color-page: #242424;--bg-color-secondarypage: #181818;--bg-color-demo: #181818;--bg-color-demo-secondary: #181818;--bg-color-code: #2c2c2c;--bg-color-code-linear: linear-gradient(180deg, #2c2c2c 0%, rgba(44, 44, 44, 0) 100%);--bg-color-footer: #181818;--bg-color-secondaryfooter: #101010;--bg-color-docpage: #242424;--bg-color-container: #242424;--bg-color-container-transparent: rgba(44, 44, 44, .9);--bg-color-secondarycontainer: #383838;--bg-color-component: #383838;--bg-color-component-transparent: rgba(75, 75, 75, .9);--bg-color-tag: #4b4b4b;--bg-color-tab: #383838;--bg-color-table: #242424;--bg-color-thead: #4b4b4b;--bg-color-navigation: #2c2c2c;--bg-color-card: #383838;--component-stroke: #383838;--component-border: #4b4b4b;--bg-color-demo-hover: rgba(255, 255, 255, .05);--bg-color-demo-select: rgba(255, 255, 255, .1);--bg-color-code-hover: #383838;--bg-color-code-select: #4b4b4b;--bg-color-container-hover: #383838;--bg-color-container-select: #4b4b4b;--bg-color-component-hover: #5e5e5e;--bg-color-component-select: #777;--bg-color-tab-select: #4b4b4b;--bg-color-table-hover: #2c2c2c;--bg-color-navigation-hover: #383838;--bg-color-navigation-select: #4b4b4b;--bg-color-card-hover: #4b4b4b;--bg-color-scroll: rgba(255, 255, 255, .14);--bg-color-component-disabled: #242424;--text-primary: rgba(255, 255, 255, .9);--text-secondary: rgba(255, 255, 255, .55);--text-placeholder: rgba(255, 255, 255, .35);--text-disabled: rgba(255, 255, 255, .22);--text-anti: #fff;--text-interactive: #4582E6;--brand-main: #4582e6;--brand-main-hover: #2667d4;--brand-main-focus: #173463;--brand-main-disabled: #143975;--brand-main-light: rgba(69, 130, 230, .2);--error-1: #472324;--error-8: #ec888e;--error-main: #c64751;--error-main-hover: #a03f46;--error-main-disabled: #951114;--error-main-light: rgba(227, 77, 89, .1);--warning-main: #cf6e2d;--warning-main-hover: #a75d2b;--warning-main-disabled: #733c23;--warning-main-light: rgba(237, 123, 47, .1);--success-main: #059465;--success-main-hover: #0d7a55;--success-main-disabled: rgba(0, 168, 112, .25);--success-main-light: rgba(0, 168, 112, .1);--bg-color-theme-transparent: rgba(44, 44, 44, .6);--bg-color-theme-secondary: #424242;--bg-color-theme-surface: #4d4d4d;--bg-color-theme-tertiary: #5e5e5e;--theme-component-border: rgba(255, 255, 255, .06);--bg-color-theme-radio: #424242;--bg-color-theme-radio-active: #5e5e5e}:root[theme-mode=dark] img{filter:brightness(.85)}html,body{margin:0;padding:0;color:var(--text-secondary);font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html::-webkit-scrollbar-corner,body::-webkit-scrollbar-corner{width:0}html::-webkit-scrollbar,body::-webkit-scrollbar{width:16px;height:16px;background:transparent}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:var(--bg-color-page)}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{border-radius:8px;border:4px solid transparent;background-clip:content-box;background-color:var(--bg-color-scroll)}ul,dl,ol{margin:0;padding:0 0 0 1.2em;line-height:22px}h1,h2,h3,h4,h5,h6,p{margin:0}@font-face{font-family:TencentSansW7;src:url(/webcomponents/assets/tencent-w7-0724dd62.ttf);font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TCloudNumber;src:url(/webcomponents/assets/TCloudNumber-f712f74b.ttf);font-weight:400;font-style:normal;font-display:swap}@keyframes gradient{0%{background-position:0 0}to{background-position:-200% 0}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#nprogress{pointer-events:none}#nprogress .bar{position:fixed;z-index:1031;top:0;left:0;width:100%;height:4px;background:repeating-linear-gradient(to right,#0062fa 0%,#ffbd2e 25%,#ff454f 50%,#ffbd2e 75%,#0062fa 100%);background-size:200% auto;background-position:0 100%;animation:gradient 6s infinite;animation-fill-mode:forwards;animation-timing-function:linear}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:none;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:#29d;border-left-color:#29d;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}:root .__light__,:root[theme-mode=light] .__light__{display:block}:root .__dark__,:root[theme-mode=light] .__dark__{display:none}:root[theme-mode=dark] .__light__{display:none}:root[theme-mode=dark] .__dark__{display:block}div[name=DOC] img,div[name=API] img,div[name=DESIGN] img{max-width:100%;margin:16px 0 8px}div[name=DOC] em,div[name=API] em,div[name=DESIGN] em{font-size:12px;line-height:20px}div[name=DOC] blockquote,div[name=DEMO] blockquote,div[name=API] blockquote,div[name=DESIGN] blockquote{display:block;overflow:auto;border-left:2px solid var(--component-border);background:var(--bg-color-code);color:var(--text-primary);padding:12px 12px 12px 24px;margin:16px 0}div[name=DOC]>ul:not([class]) li,div[name=DEMO]>ul:not([class]) li,div[name=API]>ul:not([class]) li,div[name=DESIGN]>ul:not([class]) li,div[name=DOC]>ol:not([class]) li,div[name=DEMO]>ol:not([class]) li,div[name=API]>ol:not([class]) li,div[name=DESIGN]>ol:not([class]) li{margin-top:4px}div[name=DOC]>h5:not([class]),div[name=DEMO]>h5:not([class]),div[name=API]>h5:not([class]),div[name=DESIGN]>h5:not([class]){font-weight:500}div[name=DOC]>p:not([class]),div[name=DEMO]>p:not([class]),div[name=API]>p:not([class]),div[name=DESIGN]>p:not([class]){margin:16px 0 8px}div[name=DOC]>:first-child,div[name=DEMO]>:first-child,div[name=API]>:first-child,div[name=DESIGN]>:first-child{margin-top:0}div[name=DOC] pre,div[name=DEMO] pre,div[name=API] pre,div[name=DESIGN] pre{color:var(--text-primary);padding:20px 24px;border-radius:6px;border:1px solid var(--component-border);background:var(--bg-color-code);overflow:auto;position:relative}div[name=DOC] pre:hover::-webkit-scrollbar-thumb,div[name=DEMO] pre:hover::-webkit-scrollbar-thumb,div[name=API] pre:hover::-webkit-scrollbar-thumb,div[name=DESIGN] pre:hover::-webkit-scrollbar-thumb{background-color:var(--bg-color-scroll)}div[name=DOC] pre::-webkit-scrollbar-corner,div[name=DEMO] pre::-webkit-scrollbar-corner,div[name=API] pre::-webkit-scrollbar-corner,div[name=DESIGN] pre::-webkit-scrollbar-corner{width:0}div[name=DOC] pre::-webkit-scrollbar,div[name=DEMO] pre::-webkit-scrollbar,div[name=API] pre::-webkit-scrollbar,div[name=DESIGN] pre::-webkit-scrollbar{width:12px;height:12px;background-color:transparent}div[name=DOC] pre::-webkit-scrollbar-thumb,div[name=DEMO] pre::-webkit-scrollbar-thumb,div[name=API] pre::-webkit-scrollbar-thumb,div[name=DESIGN] pre::-webkit-scrollbar-thumb{border-radius:6px;border:4px solid transparent;background-clip:content-box;background-color:transparent}div[name=DOC] *:not(pre)>code,div[name=DEMO] *:not(pre)>code,div[name=API] *:not(pre)>code,div[name=DESIGN] *:not(pre)>code{margin:0 2px;color:var(--error-8);background:var(--error-1);border-radius:3px;padding:2px 6px;font-size:12px;word-break:break-word}div[name=DOC] code,div[name=DEMO] code,div[name=API] code,div[name=DESIGN] code,div[name=DOC] code *,div[name=DEMO] code *,div[name=API] code *,div[name=DESIGN] code *{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}div[name=DOC] a:not([class]),div[name=DEMO] a:not([class]),div[name=API] a:not([class]),div[name=DESIGN] a:not([class]){line-height:24px;text-decoration:none;color:var(--text-interactive)}div[name=DOC]>table,div[name=DEMO]>table,div[name=API]>table,div[name=DESIGN]>table{width:100%;background:var(--bg-color-table);border-radius:6px;border-collapse:collapse;overflow:hidden;margin:16px 0;box-shadow:var(--table-box-shadow)}div[name=DOC]>table thead,div[name=DEMO]>table thead,div[name=API]>table thead,div[name=DESIGN]>table thead{background:var(--bg-color-tag);font-weight:400}div[name=DOC]>table thead th,div[name=DEMO]>table thead th,div[name=API]>table thead th,div[name=DESIGN]>table thead th{border:0}div[name=DOC]>table thead tr:hover,div[name=DEMO]>table thead tr:hover,div[name=API]>table thead tr:hover,div[name=DESIGN]>table thead tr:hover{background:var(--bg-color-tag)}div[name=DOC]>table tr,div[name=DEMO]>table tr,div[name=API]>table tr,div[name=DESIGN]>table tr{transition:all .2s}div[name=DOC]>table tr:hover,div[name=DEMO]>table tr:hover,div[name=API]>table tr:hover,div[name=DESIGN]>table tr:hover{background-color:var(--bg-color-table-hover)}div[name=DOC]>table td:first-child,div[name=DEMO]>table td:first-child,div[name=API]>table td:first-child,div[name=DESIGN]>table td:first-child{font-weight:700}div[name=DOC]>table td:nth-child(1),div[name=DEMO]>table td:nth-child(1),div[name=API]>table td:nth-child(1),div[name=DESIGN]>table td:nth-child(1){font-weight:700}div[name=DOC]>table td:nth-child(4),div[name=DEMO]>table td:nth-child(4),div[name=API]>table td:nth-child(4),div[name=DESIGN]>table td:nth-child(4){word-break:break-all}div[name=DOC]>table th,div[name=DEMO]>table th,div[name=API]>table th,div[name=DESIGN]>table th,div[name=DOC]>table td,div[name=DEMO]>table td,div[name=API]>table td,div[name=DESIGN]>table td{padding:16px;line-height:22px;text-align:left;font-size:14px;border-bottom:1px solid var(--component-stroke)}div[name=DOC]>table th,div[name=DEMO]>table th,div[name=API]>table th,div[name=DESIGN]>table th{white-space:nowrap}div[name=DOC] nav+h1,div[name=DEMO] nav+h1,div[name=API] nav+h1,div[name=DESIGN] nav+h1,div[name=DOC] nav+h2,div[name=DEMO] nav+h2,div[name=API] nav+h2,div[name=DESIGN] nav+h2,div[name=DOC] nav+h3,div[name=DEMO] nav+h3,div[name=API] nav+h3,div[name=DESIGN] nav+h3,div[name=DOC] nav+h4,div[name=DEMO] nav+h4,div[name=API] nav+h4,div[name=DESIGN] nav+h4{margin-top:0}div[name=DOC]>h1,div[name=DEMO]>h1,div[name=API]>h1,div[name=DESIGN]>h1{font-weight:700;font-size:48px;line-height:56px;margin-bottom:24px}div[name=DOC]>h2,div[name=DEMO]>h2,div[name=API]>h2,div[name=DESIGN]>h2{font-weight:700;font-size:28px;line-height:36px;margin:64px 0 24px;display:flex;align-items:center}div[name=DOC]>h2 .tdesign-header-anchor,div[name=DEMO]>h2 .tdesign-header-anchor,div[name=API]>h2 .tdesign-header-anchor,div[name=DESIGN]>h2 .tdesign-header-anchor,div[name=DOC]>h2 .header-anchor,div[name=DEMO]>h2 .header-anchor,div[name=API]>h2 .header-anchor,div[name=DESIGN]>h2 .header-anchor{width:32px;height:32px;background-image:url(/webcomponents/assets/link-800addc3.svg);background-repeat:no-repeat;background-size:100% auto;margin-left:8px;font-size:0}div[name=DOC]>h2:hover a,div[name=DEMO]>h2:hover a,div[name=API]>h2:hover a,div[name=DESIGN]>h2:hover a{opacity:1}div[name=DOC]>h3,div[name=DEMO]>h3,div[name=API]>h3,div[name=DESIGN]>h3{font-weight:700;font-size:20px;line-height:28px;margin:48px 0 8px;display:flex;align-items:center}div[name=DOC]>h3 .tdesign-header-anchor,div[name=DEMO]>h3 .tdesign-header-anchor,div[name=API]>h3 .tdesign-header-anchor,div[name=DESIGN]>h3 .tdesign-header-anchor,div[name=DOC]>h3 .header-anchor,div[name=DEMO]>h3 .header-anchor,div[name=API]>h3 .header-anchor,div[name=DESIGN]>h3 .header-anchor{width:24px;height:24px;background-image:url(/webcomponents/assets/link-800addc3.svg);background-repeat:no-repeat;background-size:100% auto;margin-left:8px;font-size:0}div[name=DOC]>h3:hover a,div[name=DEMO]>h3:hover a,div[name=API]>h3:hover a,div[name=DESIGN]>h3:hover a{opacity:1}div[name=DOC]>h4,div[name=DEMO]>h4,div[name=API]>h4,div[name=DESIGN]>h4{font-size:16px;line-height:24px;margin:32px 0 8px;font-weight:700;display:flex;align-items:center}div[name=DOC]>h4 .tdesign-header-anchor,div[name=DEMO]>h4 .tdesign-header-anchor,div[name=API]>h4 .tdesign-header-anchor,div[name=DESIGN]>h4 .tdesign-header-anchor,div[name=DOC]>h4 .header-anchor,div[name=DEMO]>h4 .header-anchor,div[name=API]>h4 .header-anchor,div[name=DESIGN]>h4 .header-anchor{width:20px;height:20px;background-image:url(/webcomponents/assets/link-800addc3.svg);background-repeat:no-repeat;background-size:100% auto;margin-left:8px;font-size:0}div[name=DOC]>h4:hover a,div[name=DEMO]>h4:hover a,div[name=API]>h4:hover a,div[name=DESIGN]>h4:hover a{opacity:1}div[name=DOC]>h5,div[name=DEMO]>h5,div[name=API]>h5,div[name=DESIGN]>h5{font-size:14px;line-height:22px;margin:8px 0 16px;font-weight:400}div[name=DOC]>h5 .tdesign-header-anchor,div[name=DEMO]>h5 .tdesign-header-anchor,div[name=API]>h5 .tdesign-header-anchor,div[name=DESIGN]>h5 .tdesign-header-anchor,div[name=DOC]>h5 .header-anchor,div[name=DEMO]>h5 .header-anchor,div[name=API]>h5 .header-anchor,div[name=DESIGN]>h5 .header-anchor{display:none}div[name=DOC]>p,div[name=DEMO]>p,div[name=API]>p,div[name=DESIGN]>p{font-size:14px;line-height:22px;color:var(--text-primary)}div[name=DOC] hr,div[name=DEMO] hr,div[name=API] hr,div[name=DESIGN] hr{opacity:0;margin:16px 0}div[name=DOC] .tdesign-header-anchor,div[name=DEMO] .tdesign-header-anchor,div[name=API] .tdesign-header-anchor,div[name=DESIGN] .tdesign-header-anchor,div[name=DOC] .header-anchor,div[name=DEMO] .header-anchor,div[name=API] .header-anchor,div[name=DESIGN] .header-anchor{text-decoration:none;transition:opacity .3s;opacity:0}.tdesign-toc_container{width:240px;padding-right:10px;max-height:480px;max-height:min(calc(100vh - 550px),480px);overflow:hidden auto;position:absolute;right:24px;top:316px;box-sizing:border-box}@media screen and (max-width: 960px){.tdesign-toc_container{display:none}}.tdesign-toc_container::-webkit-scrollbar-corner{width:0}.tdesign-toc_container::-webkit-scrollbar{width:12px;height:12px;background:transparent}.tdesign-toc_container::-webkit-scrollbar-thumb{border-radius:6px;border:4px solid transparent;background-clip:content-box;background-color:var(--bg-color-scroll)}.tdesign-toc_container .tdesign-toc_list{padding-left:0;font-size:12px;line-height:20px;list-style:none;border-left:1px solid var(--component-stroke)}.tdesign-toc_container .tdesign-toc_list .tdesign-toc_list_item{list-style:none;margin-left:0;padding-left:0}.tdesign-toc_container .tdesign-toc_list .tdesign-toc_list_item .tdesign-toc_list{border-left:0;text-indent:16px}.tdesign-toc_container .tdesign-toc_list .tdesign-toc_list_item_a{margin-left:-1px;padding-left:16px;margin-bottom:4px;overflow:hidden;color:var(--text-secondary);display:block;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;border-left:1px solid transparent}.tdesign-toc_container .tdesign-toc_list .tdesign-toc_list_item_a:hover{color:var(--text-primary)}.tdesign-toc_container .tdesign-toc_list .tdesign-toc_list_item_a.active{color:var(--brand-main);border-left:1px solid var(--brand-main)}div[name=DESIGN] h5+.legend{margin-top:-16px}div[name=DESIGN] img{display:block;border-radius:6px;border:1px solid var(--component-border)}div[name=DESIGN] img.tag{margin:0;width:25%;max-width:60px;border:0}div[name=DESIGN] .legend{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}div[name=DESIGN] .legend .item{width:calc(50% - 12px)}div[name=DOC] image{margin:0;border-radius:6px;border:1px solid var(--component-stroke)}div[name=DOC] h3 .tag{color:var(--text-secondary);padding:0 12px;border-radius:3px;background:var(--component-border);margin-left:8px;font-style:normal;line-height:24px;font-size:16px;font-weight:600}div[name=DOC] .image-group{margin-top:16px;display:flex;flex-wrap:wrap;-moz-column-gap:16px;column-gap:16px;row-gap:16px}div[name=DOC] .image-wrapper{background:var(--bg-color-code);border-radius:6px;padding:12px;box-sizing:border-box}@media screen and (min-width: 1440px){div[name=DOC] .image-wrapper{width:calc((100% - 48px)/4)}}@media screen and (min-width: 750px) and (max-width: 1439px){div[name=DOC] .image-wrapper{width:calc((100% - 32px) / 3)}}@media screen and (max-width: 749px){div[name=DOC] .image-wrapper{width:calc((100% - 16px)/2)}}div[name=DOC] .image-wrapper .item{background:var(--bg-color-card);border-radius:3px;padding:12px 16px;display:inline-block;width:100%;box-sizing:border-box;cursor:pointer;text-decoration:none;transition:transform .24s cubic-bezier(.38,0,.24,1),box-shadow .24s linear,opacity .24s linear}div[name=DOC] .image-wrapper .item:hover{color:var(--text-primary);transform:translateY(-2px);box-shadow:0 6px 30px 5px #0000000d,0 16px 24px 2px #0000000a,0 8px 10px -5px #00000014}div[name=DOC] .image-wrapper .item:hover .name{color:var(--text-primary)}div[name=DOC] .image-wrapper .item img{margin:8px 0;max-width:100%;height:auto;filter:none}div[name=DOC] .image-wrapper .item .name{line-height:22px;color:var(--text-secondary);text-overflow:ellipsis;overflow:hidden;white-space:pre;transition:all .2s linear}div[name=DOC].timeline{padding-left:32px;position:relative;overflow:hidden}div[name=DOC].timeline:after{content:"";position:absolute;top:24px;left:3px;width:2px;height:100%;background:var(--brand-main)}div[name=DOC].timeline h2{position:relative}div[name=DOC].timeline h2 td-code,div[name=DOC].timeline h2 code{padding:2px 12px;border-radius:3px;background:var(--bg-color-tag);margin-left:24px;color:var(--text-primary);font-size:20px}div[name=DOC].timeline h2:before{content:"";position:absolute;left:-32px;width:8px;height:8px;border:2px solid var(--brand-main);background:var(--bg-color-docpage);outline:8px solid var(--bg-color-docpage);box-sizing:border-box;border-radius:50%;z-index:10}div[name=DOC].timeline h2:last-of-type:after{content:"";position:absolute;top:30px;left:-32px;z-index:10;width:8px;height:9999px;background:var(--bg-color-docpage)}div[name=DOC].timeline h3{font-size:20px;line-height:28px}@keyframes light-to-dark{0%{clip-path:polygon(0 0,0 0,calc(.14054083 * -100vh) 100%,calc(.14054083 * -100vh) 100%)}to{clip-path:polygon(0 0,calc((.14054083 * 100vh) + 100%) 0,100% 100%,calc(.14054083 * -100vh) 100%)}}@keyframes dark-to-light{0%{clip-path:polygon(calc((.14054083 * 100vh) + 100%) 0,calc((.14054083 * 100vh) + 100%) 0,100% 100%,100% 100%)}to{clip-path:polygon(0 0,calc((.14054083 * 100vh) + 100%) 0,100% 100%,calc(.14054083 * -100vh) 100%)}}:root::view-transition-group(root){animation-duration:1s}:root::view-transition-new(root),:root::view-transition-old(root){mix-blend-mode:normal}:root::view-transition-old(root),:root[theme-mode=dark]::view-transition-old(root){animation:none}:root::view-transition-new(root){animation-name:dark-to-light}:root[theme-mode=dark]::view-transition-new(root){animation-name:light-to-dark}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:hsl(var(--border))}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-\[2px\]{margin-bottom:2px}.mr-\[2px\]{margin-right:2px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.list-item{display:list-item}.hidden{display:none}.h-10{height:2.5rem}.h-6{height:1.5rem}.h-\[280px\]{height:280px}.h-\[calc\(100vh-60px\)\]{height:calc(100vh - 60px)}.w-10{width:2.5rem}.w-6{width:1.5rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.resize-none{resize:none}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:1rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.rounded{border-radius:.25rem}.border{border-width:1px}.bg-\[\#4b5b76\]{--tw-bg-opacity: 1;background-color:rgb(75 91 118 / var(--tw-bg-opacity))}.bg-primary{background-color:hsl(var(--primary))}.bg-zinc-100{--tw-bg-opacity: 1;background-color:rgb(244 244 245 / var(--tw-bg-opacity))}.bg-zinc-200{--tw-bg-opacity: 1;background-color:rgb(228 228 231 / var(--tw-bg-opacity))}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-primary{color:hsl(var(--primary))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-zinc-600{--tw-text-opacity: 1;color:rgb(82 82 91 / var(--tw-text-opacity))}.text-zinc-700{--tw-text-opacity: 1;color:rgb(63 63 70 / var(--tw-text-opacity))}.\!underline{text-decoration-line:underline!important}.underline{text-decoration-line:underline}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.hover\:bg-primary\/85:hover{background-color:hsl(var(--primary) / .85)}.hover\:bg-zinc-300:hover{--tw-bg-opacity: 1;background-color:rgb(212 212 216 / var(--tw-bg-opacity))}:is(.dark .dark\:text-foreground){color:hsl(var(--foreground))}:root{--td-screen-xs: 320px;--td-screen-sm: 768px;--td-screen-md: 992px;--td-screen-lg: 1200px;--td-screen-xl: 1400px;--td-screen-xxl: 1880px}@-moz-document url-prefix(){.narrow-scrollbar{scrollbar-color:var(--td-scrollbar-color) transparent;scrollbar-width:thin}}.narrow-scrollbar::-webkit-scrollbar{width:8px;height:8px}.narrow-scrollbar::-webkit-scrollbar-thumb{border:2px solid transparent;background-clip:content-box;background-color:var(--td-scrollbar-color);border-radius:15px}.narrow-scrollbar::-webkit-scrollbar-thumb:vertical:hover,.narrow-scrollbar::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--td-scrollbar-hover-color)}.t-fake-arrow path{-webkit-transition:d .2s;transition:d .2s;stroke:currentcolor}.t-fake-arrow--active path{d:path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425")}.t-slide-down-enter-active,.t-slide-down-leave-active{-webkit-transition:height .2s cubic-bezier(.38,0,.24,1);transition:height .2s cubic-bezier(.38,0,.24,1)}.content-placement-top .t-popup[data-popper-placement^=top] .t-popup__content{margin-bottom:var(--td-comp-margin-s)}.content-placement-top .t-popup[data-popper-placement^=top] .t-popup__content--arrow{margin-bottom:var(--td-comp-margin-l)}.content-placement-bottom .t-popup[data-popper-placement^=bottom] .t-popup__content{margin-top:var(--td-comp-margin-s)}.content-placement-bottom .t-popup[data-popper-placement^=bottom] .t-popup__content--arrow{margin-top:var(--td-comp-margin-l)}.content-placement-left .t-popup[data-popper-placement^=left] .t-popup__content{margin-right:var(--td-comp-margin-s)}.content-placement-left .t-popup[data-popper-placement^=left] .t-popup__content--arrow{margin-right:var(--td-comp-margin-l)}.content-placement-left .t-popup[data-popper-placement^=left] .t-popup__content--text{max-width:480px}.content-placement-right .t-popup[data-popper-placement^=right] .t-popup__content{margin-left:var(--td-comp-margin-s)}.content-placement-right .t-popup[data-popper-placement^=right] .t-popup__content--arrow{margin-left:var(--td-comp-margin-l)}.content-placement-right .t-popup[data-popper-placement^=right] .t-popup__content--text{max-width:480px}.t-popup{font:var(--td-font-body-medium);-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;list-style:none;color:var(--td-text-color-primary);display:inline-block;z-index:5500}.t-popup__content{position:relative;background:var(--td-bg-color-container);-webkit-box-shadow:var(--td-shadow-2),var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left);box-shadow:var(--td-shadow-2),var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left);border-radius:var(--td-radius-medium);padding:var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s);font-size:var(--td-font-size-body-medium);line-height:var(--td-line-height-body-medium);-webkit-box-sizing:border-box;box-sizing:border-box;word-break:break-all}.t-popup__arrow{position:absolute;z-index:1;width:8px;height:8px}.t-popup__arrow:before{position:absolute;content:"";width:8px;height:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--td-bg-color-container)}.t-popup[data-popper-placement^=top] .t-popup__content{margin-bottom:var(--td-comp-margin-s)}.t-popup[data-popper-placement^=top] .t-popup__content--arrow{margin-bottom:var(--td-comp-margin-l)}.t-popup[data-popper-placement^=bottom] .t-popup__content{margin-top:var(--td-comp-margin-s)}.t-popup[data-popper-placement^=bottom] .t-popup__content--arrow{margin-top:var(--td-comp-margin-l)}.t-popup[data-popper-placement^=left] .t-popup__content{margin-right:var(--td-comp-margin-s)}.t-popup[data-popper-placement^=left] .t-popup__content--arrow{margin-right:var(--td-comp-margin-l)}.t-popup[data-popper-placement^=left] .t-popup__content--text{max-width:480px}.t-popup[data-popper-placement^=right] .t-popup__content{margin-left:var(--td-comp-margin-s)}.t-popup[data-popper-placement^=right] .t-popup__content--arrow{margin-left:var(--td-comp-margin-l)}.t-popup[data-popper-placement^=right] .t-popup__content--text{max-width:480px}.t-popup[data-popper-placement^=top] .t-popup__arrow:before{border-top-left-radius:100%;-webkit-box-shadow:var(--td-shadow-inset-left),var(--td-shadow-inset-bottom);box-shadow:var(--td-shadow-inset-left),var(--td-shadow-inset-bottom)}.t-popup[data-popper-placement=top-start] .t-popup__arrow{left:8px}.t-popup[data-popper-placement=top] .t-popup__arrow{left:50%;margin-left:-4px}.t-popup[data-popper-placement=top-end] .t-popup__arrow{left:calc(100% - 16px)}.t-popup[data-popper-placement^=bottom] .t-popup__arrow{top:-4px}.t-popup[data-popper-placement^=bottom] .t-popup__arrow:before{border-bottom-right-radius:100%;-webkit-box-shadow:var(--td-shadow-inset-top),var(--td-shadow-inset-right);box-shadow:var(--td-shadow-inset-top),var(--td-shadow-inset-right)}.t-popup[data-popper-placement=bottom-start] .t-popup__arrow{left:8px}.t-popup[data-popper-placement=bottom] .t-popup__arrow{left:50%;margin-left:-4px}.t-popup[data-popper-placement=bottom-end] .t-popup__arrow{left:calc(100% - 16px)}.t-popup[data-popper-placement^=left] .t-popup__arrow{right:-4px}.t-popup[data-popper-placement^=left] .t-popup__arrow:before{-webkit-box-shadow:var(--td-shadow-inset-left),var(--td-shadow-inset-top);box-shadow:var(--td-shadow-inset-left),var(--td-shadow-inset-top)}.t-popup[data-popper-placement=left-start] .t-popup__arrow{top:8px}.t-popup[data-popper-placement=left] .t-popup__arrow{top:50%;margin-top:-4px}.t-popup[data-popper-placement=left-end] .t-popup__arrow{top:calc(100% - 16px)}.t-popup[data-popper-placement^=right] .t-popup__arrow{left:-4px}.t-popup[data-popper-placement^=right] .t-popup__arrow:before{-webkit-box-shadow:var(--td-shadow-inset-right),var(--td-shadow-inset-bottom);box-shadow:var(--td-shadow-inset-right),var(--td-shadow-inset-bottom)}.t-popup[data-popper-placement=right-start] .t-popup__arrow{top:8px}.t-popup[data-popper-placement=right] .t-popup__arrow{top:50%;margin-top:-4px}.t-popup[data-popper-placement=right-end] .t-popup__arrow{top:calc(100% - 16px)}.t-popup--animation-enter,.t-popup--animation-enter-from,.t-popup--animation-exiting,.t-popup--animation-leave-to{opacity:0;visibility:hidden}.t-popup--animation-enter-to,.t-popup--animation-entering,.t-popup--animation-leave-from,.t-popup--animation-leave{opacity:1;visibility:visible;-webkit-transform:none;transform:none}.t-popup--animation-enter-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.t-popup--animation-leave-active{-webkit-transition:opacity .2s cubic-bezier(0,0,.15,1),visibility .2s cubic-bezier(.82,0,1,.9);transition:opacity .2s cubic-bezier(0,0,.15,1),visibility .2s cubic-bezier(.82,0,1,.9)}.t-popup--animation-expand-enter-active[data-popper-placement^=top]{-webkit-animation:t-popup-animation-expand-in-top .2s cubic-bezier(.38,0,.24,1),t-fade-in .2s linear;animation:t-popup-animation-expand-in-top .2s cubic-bezier(.38,0,.24,1),t-fade-in .2s linear}.t-popup--animation-expand-leave-active[data-popper-placement^=top]{-webkit-animation:t-popup-animation-expand-out-top .2s cubic-bezier(.38,0,.24,1),t-fade-out .2s cubic-bezier(0,0,.15,1);animation:t-popup-animation-expand-out-top .2s cubic-bezier(.38,0,.24,1),t-fade-out .2s cubic-bezier(0,0,.15,1)}@-webkit-keyframes t-popup-animation-expand-in-top{0%{-webkit-clip-path:polygon(-20% 120%,120% 120%,120% 120%,-20% 120%);clip-path:polygon(-20% 120%,120% 120%,120% 120%,-20% 120%)}to{-webkit-clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%);clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%)}}@keyframes t-popup-animation-expand-in-top{0%{-webkit-clip-path:polygon(-20% 120%,120% 120%,120% 120%,-20% 120%);clip-path:polygon(-20% 120%,120% 120%,120% 120%,-20% 120%)}to{-webkit-clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%);clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%)}}@-webkit-keyframes t-popup-animation-expand-out-top{0%{-webkit-clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%);clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%)}to{-webkit-clip-path:polygon(-20% 120%,120% 120%,120% 120%,-20% 120%);clip-path:polygon(-20% 120%,120% 120%,120% 120%,-20% 120%)}}@keyframes t-popup-animation-expand-out-top{0%{-webkit-clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%);clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%)}to{-webkit-clip-path:polygon(-20% 120%,120% 120%,120% 120%,-20% 120%);clip-path:polygon(-20% 120%,120% 120%,120% 120%,-20% 120%)}}.t-popup--animation-expand-enter-active[data-popper-placement^=bottom]{-webkit-animation:t-popup-animation-expand-in-bottom .2s cubic-bezier(.38,0,.24,1),t-fade-in .2s linear;animation:t-popup-animation-expand-in-bottom .2s cubic-bezier(.38,0,.24,1),t-fade-in .2s linear}.t-popup--animation-expand-leave-active[data-popper-placement^=bottom]{-webkit-animation:t-popup-animation-expand-out-bottom .2s cubic-bezier(.38,0,.24,1),t-fade-out .2s cubic-bezier(0,0,.15,1);animation:t-popup-animation-expand-out-bottom .2s cubic-bezier(.38,0,.24,1),t-fade-out .2s cubic-bezier(0,0,.15,1)}@-webkit-keyframes t-popup-animation-expand-in-bottom{0%{-webkit-clip-path:polygon(-20% 0,120% 0,120% 0,-20% 0);clip-path:polygon(-20% 0,120% 0,120% 0,-20% 0)}to{-webkit-clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%);clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%)}}@keyframes t-popup-animation-expand-in-bottom{0%{-webkit-clip-path:polygon(-20% 0,120% 0,120% 0,-20% 0);clip-path:polygon(-20% 0,120% 0,120% 0,-20% 0)}to{-webkit-clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%);clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%)}}@-webkit-keyframes t-popup-animation-expand-out-bottom{0%{-webkit-clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%);clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%)}to{-webkit-clip-path:polygon(-20% 0,120% 0,120% 0,-20% 0);clip-path:polygon(-20% 0,120% 0,120% 0,-20% 0)}}@keyframes t-popup-animation-expand-out-bottom{0%{-webkit-clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%);clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%)}to{-webkit-clip-path:polygon(-20% 0,120% 0,120% 0,-20% 0);clip-path:polygon(-20% 0,120% 0,120% 0,-20% 0)}}:root,:root[theme-mode=light]{--td-brand-color-1: #f2f3ff;--td-brand-color-2: #d9e1ff;--td-brand-color-3: #b5c7ff;--td-brand-color-4: #8eabff;--td-brand-color-5: #618dff;--td-brand-color-6: #366ef4;--td-brand-color-7: #0052d9;--td-brand-color-8: #003cab;--td-brand-color-9: #002a7c;--td-brand-color-10: #001a57;--td-warning-color-1: #fff1e9;--td-warning-color-2: #ffd9c2;--td-warning-color-3: #ffb98c;--td-warning-color-4: #fa9550;--td-warning-color-5: #e37318;--td-warning-color-6: #be5a00;--td-warning-color-7: #954500;--td-warning-color-8: #713300;--td-warning-color-9: #532300;--td-warning-color-10: #3b1700;--td-error-color-1: #fff0ed;--td-error-color-2: #ffd8d2;--td-error-color-3: #ffb9b0;--td-error-color-4: #ff9285;--td-error-color-5: #f6685d;--td-error-color-6: #d54941;--td-error-color-7: #ad352f;--td-error-color-8: #881f1c;--td-error-color-9: #68070a;--td-error-color-10: #490002;--td-success-color-1: #e3f9e9;--td-success-color-2: #c6f3d7;--td-success-color-3: #92dab2;--td-success-color-4: #56c08d;--td-success-color-5: #2ba471;--td-success-color-6: #008858;--td-success-color-7: #006c45;--td-success-color-8: #005334;--td-success-color-9: #003b23;--td-success-color-10: #002515;--td-gray-color-1: #f3f3f3;--td-gray-color-2: #eee;--td-gray-color-3: #e8e8e8;--td-gray-color-4: #ddd;--td-gray-color-5: #c6c6c6;--td-gray-color-6: #a6a6a6;--td-gray-color-7: #8b8b8b;--td-gray-color-8: #777;--td-gray-color-9: #5e5e5e;--td-gray-color-10: #4b4b4b;--td-gray-color-11: #393939;--td-gray-color-12: #2c2c2c;--td-gray-color-13: #242424;--td-gray-color-14: #181818;--td-font-white-1: #ffffff;--td-font-white-2: rgba(255, 255, 255, .55);--td-font-white-3: rgba(255, 255, 255, .35);--td-font-white-4: rgba(255, 255, 255, .22);--td-font-gray-1: rgba(0, 0, 0, .9);--td-font-gray-2: rgba(0, 0, 0, .6);--td-font-gray-3: rgba(0, 0, 0, .4);--td-font-gray-4: rgba(0, 0, 0, .26);--td-brand-color: var(--td-brand-color-7);--td-warning-color: var(--td-warning-color-5);--td-error-color: var(--td-error-color-6);--td-success-color: var(--td-success-color-5);--td-brand-color-hover: var(--td-brand-color-6);--td-brand-color-focus: var(--td-brand-color-2);--td-brand-color-active: var(--td-brand-color-8);--td-brand-color-disabled: var(--td-brand-color-3);--td-brand-color-light: var(--td-brand-color-1);--td-brand-color-light-hover: var(--td-brand-color-2);--td-warning-color-hover: var(--td-warning-color-4);--td-warning-color-focus: var(--td-warning-color-2);--td-warning-color-active: var(--td-warning-color-6);--td-warning-color-disabled: var(--td-warning-color-3);--td-warning-color-light: var(--td-warning-color-1);--td-warning-color-light-hover: var(--td-warning-color-2);--td-error-color-hover: var(--td-error-color-5);--td-error-color-focus: var(--td-error-color-2);--td-error-color-active: var(--td-error-color-7);--td-error-color-disabled: var(--td-error-color-3);--td-error-color-light: var(--td-error-color-1);--td-error-color-light-hover: var(--td-error-color-2);--td-success-color-hover: var(--td-success-color-4);--td-success-color-focus: var(--td-success-color-2);--td-success-color-active: var(--td-success-color-6);--td-success-color-disabled: var(--td-success-color-3);--td-success-color-light: var(--td-success-color-1);--td-success-color-light-hover: var(--td-success-color-2);--td-mask-active: rgba(0, 0, 0, .6);--td-mask-disabled: rgba(255, 255, 255, .6);--td-bg-color-page: var(--td-gray-color-2);--td-bg-color-container: #fff;--td-bg-color-container-hover: var(--td-gray-color-1);--td-bg-color-container-active: var(--td-gray-color-3);--td-bg-color-container-select: #fff;--td-bg-color-secondarycontainer: var(--td-gray-color-1);--td-bg-color-secondarycontainer-hover: var(--td-gray-color-2);--td-bg-color-secondarycontainer-active: var(--td-gray-color-4);--td-bg-color-component: var(--td-gray-color-3);--td-bg-color-component-hover: var(--td-gray-color-4);--td-bg-color-component-active: var(--td-gray-color-6);--td-bg-color-secondarycomponent: var(--td-gray-color-4);--td-bg-color-secondarycomponent-hover: var(--td-gray-color-5);--td-bg-color-secondarycomponent-active: var(--td-gray-color-6);--td-bg-color-component-disabled: var(--td-gray-color-2);--td-bg-color-specialcomponent: #fff;--td-text-color-primary: var(--td-font-gray-1);--td-text-color-secondary: var(--td-font-gray-2);--td-text-color-placeholder: var(--td-font-gray-3);--td-text-color-disabled: var(--td-font-gray-4);--td-text-color-anti: #fff;--td-text-color-brand: var(--td-brand-color-7);--td-text-color-link: var(--td-brand-color-8);--td-border-level-1-color: var(--td-gray-color-3);--td-component-stroke: var(--td-gray-color-3);--td-border-level-2-color: var(--td-gray-color-4);--td-component-border: var(--td-gray-color-4);--td-shadow-1: 0 1px 10px rgba(0, 0, 0, .05), 0 4px 5px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .12);--td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, .05), 0 8px 10px 1px rgba(0, 0, 0, .06), 0 5px 5px -3px rgba(0, 0, 0, .1);--td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, .05), 0 16px 24px 2px rgba(0, 0, 0, .04), 0 8px 10px -5px rgba(0, 0, 0, .08);--td-shadow-inset-top: inset 0 .5px 0 #dcdcdc;--td-shadow-inset-right: inset .5px 0 0 #dcdcdc;--td-shadow-inset-bottom: inset 0 -.5px 0 #dcdcdc;--td-shadow-inset-left: inset -.5px 0 0 #dcdcdc;--td-table-shadow-color: rgba(0, 0, 0, .08);--td-scrollbar-color: rgba(0, 0, 0, .1);--td-scrollbar-hover-color: rgba(0, 0, 0, .3);--td-scroll-track-color: #fff}:root[theme-mode=dark]{--td-brand-color-1: #1b2f51;--td-brand-color-2: #173463;--td-brand-color-3: #143975;--td-brand-color-4: #103d88;--td-brand-color-5: #0d429a;--td-brand-color-6: #054bbe;--td-brand-color-7: #2667d4;--td-brand-color-8: #4582e6;--td-brand-color-9: #699ef5;--td-brand-color-10: #96bbf8;--td-warning-color-1: #4f2a1d;--td-warning-color-2: #582f21;--td-warning-color-3: #733c23;--td-warning-color-4: #a75d2b;--td-warning-color-5: #cf6e2d;--td-warning-color-6: #dc7633;--td-warning-color-7: #e8935c;--td-warning-color-8: #ecbf91;--td-warning-color-9: #eed7bf;--td-warning-color-10: #f3e9dc;--td-error-color-1: #472324;--td-error-color-2: #5e2a2d;--td-error-color-3: #703439;--td-error-color-4: #83383e;--td-error-color-5: #a03f46;--td-error-color-6: #c64751;--td-error-color-7: #de6670;--td-error-color-8: #ec888e;--td-error-color-9: #edb1b6;--td-error-color-10: #eeced0;--td-success-color-1: #193a2a;--td-success-color-2: #1a4230;--td-success-color-3: #17533d;--td-success-color-4: #0d7a55;--td-success-color-5: #059465;--td-success-color-6: #43af8a;--td-success-color-7: #46bf96;--td-success-color-8: #80d2b6;--td-success-color-9: #b4e1d3;--td-success-color-10: #deede8;--td-gray-color-1: #f3f3f3;--td-gray-color-2: #eee;--td-gray-color-3: #e8e8e8;--td-gray-color-4: #ddd;--td-gray-color-5: #c6c6c6;--td-gray-color-6: #a6a6a6;--td-gray-color-7: #8b8b8b;--td-gray-color-8: #777;--td-gray-color-9: #5e5e5e;--td-gray-color-10: #4b4b4b;--td-gray-color-11: #393939;--td-gray-color-12: #2c2c2c;--td-gray-color-13: #242424;--td-gray-color-14: #181818;--td-font-white-1: rgba(255, 255, 255, .9);--td-font-white-2: rgba(255, 255, 255, .55);--td-font-white-3: rgba(255, 255, 255, .35);--td-font-white-4: rgba(255, 255, 255, .22);--td-font-gray-1: rgba(0, 0, 0, .9);--td-font-gray-2: rgba(0, 0, 0, .6);--td-font-gray-3: rgba(0, 0, 0, .4);--td-font-gray-4: rgba(0, 0, 0, .26);--td-brand-color: var(--td-brand-color-8);--td-warning-color: var(--td-warning-color-5);--td-error-color: var(--td-error-color-6);--td-success-color: var(--td-success-color-5);--td-brand-color-hover: var(--td-brand-color-7);--td-brand-color-focus: var(--td-brand-color-2);--td-brand-color-active: var(--td-brand-color-9);--td-brand-color-disabled: var(--td-brand-color-3);--td-brand-color-light: var(--td-brand-color-1);--td-brand-color-light-hover: var(--td-brand-color-2);--td-warning-color-hover: var(--td-warning-color-4);--td-warning-color-focus: var(--td-warning-color-2);--td-warning-color-active: var(--td-warning-color-6);--td-warning-color-disabled: var(--td-warning-color-3);--td-warning-color-light: var(--td-warning-color-1);--td-warning-color-light-hover: var(--td-warning-color-2);--td-error-color-hover: var(--td-error-color-5);--td-error-color-focus: var(--td-error-color-2);--td-error-color-active: var(--td-error-color-7);--td-error-color-disabled: var(--td-error-color-3);--td-error-color-light: var(--td-error-color-1);--td-error-color-light-hover: var(--td-error-color-2);--td-success-color-hover: var(--td-success-color-4);--td-success-color-focus: var(--td-success-color-2);--td-success-color-active: var(--td-success-color-6);--td-success-color-disabled: var(--td-success-color-3);--td-success-color-light: var(--td-success-color-1);--td-success-color-light-hover: var(--td-success-color-2);--td-mask-active: rgba(0, 0, 0, .4);--td-mask-disabled: rgba(0, 0, 0, .6);--td-bg-color-page: var(--td-gray-color-14);--td-bg-color-container: var(--td-gray-color-13);--td-bg-color-container-hover: var(--td-gray-color-12);--td-bg-color-container-active: var(--td-gray-color-10);--td-bg-color-container-select: var(--td-gray-color-9);--td-bg-color-secondarycontainer: var(--td-gray-color-12);--td-bg-color-secondarycontainer-hover: var(--td-gray-color-11);--td-bg-color-secondarycontainer-active: var(--td-gray-color-9);--td-bg-color-component: var(--td-gray-color-11);--td-bg-color-component-hover: var(--td-gray-color-10);--td-bg-color-component-active: var(--td-gray-color-9);--td-bg-color-secondarycomponent: var(--td-gray-color-10);--td-bg-color-secondarycomponent-hover: var(--td-gray-color-9);--td-bg-color-secondarycomponent-active: var(--td-gray-color-8);--td-bg-color-component-disabled: var(--td-gray-color-12);--td-bg-color-specialcomponent: transparent;--td-text-color-primary: var(--td-font-white-1);--td-text-color-secondary: var(--td-font-white-2);--td-text-color-placeholder: var(--td-font-white-3);--td-text-color-disabled: var(--td-font-white-4);--td-text-color-anti: #fff;--td-text-color-brand: var(--td-brand-color-8);--td-text-color-link: var(--td-brand-color-8);--td-border-level-1-color: var(--td-gray-color-11);--td-component-stroke: var(--td-gray-color-11);--td-border-level-2-color: var(--td-gray-color-9);--td-component-border: var(--td-gray-color-9);--td-shadow-1: 0 4px 6px rgba(0, 0, 0, .06), 0 1px 10px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .12);--td-shadow-2: 0 8px 10px rgba(0, 0, 0, .12), 0 3px 14px rgba(0, 0, 0, .1), 0 5px 5px rgba(0, 0, 0, .16);--td-shadow-3: 0 16px 24px rgba(0, 0, 0, .14), 0 6px 30px rgba(0, 0, 0, .12), 0 8px 10px rgba(0, 0, 0, .2);--td-shadow-inset-top: inset 0 .5px 0 #5e5e5e;--td-shadow-inset-right: inset .5px 0 0 #5e5e5e;--td-shadow-inset-bottom: inset 0 -.5px 0 #5e5e5e;--td-shadow-inset-left: inset -.5px 0 0 #5e5e5e;--td-table-shadow-color: rgba(0, 0, 0, .55);--td-scrollbar-color: rgba(255, 255, 255, .1);--td-scrollbar-hover-color: rgba(255, 255, 255, .3);--td-scroll-track-color: #333}:root{--td-radius-small: 2px;--td-radius-default: 3px;--td-radius-medium: 6px;--td-radius-large: 9px;--td-radius-extraLarge: 12px;--td-radius-round: 999px;--td-radius-circle: 50%;--td-font-family: PingFang SC, Microsoft YaHei, Arial Regular;--td-font-family-medium: PingFang SC, Microsoft YaHei, Arial Medium;--td-font-size-link-small: 12px;--td-font-size-link-medium: 14px;--td-font-size-link-large: 16px;--td-font-size-mark-small: 12px;--td-font-size-mark-medium: 14px;--td-font-size-body-small: 12px;--td-font-size-body-medium: 14px;--td-font-size-body-large: 16px;--td-font-size-title-small: 14px;--td-font-size-title-medium: 16px;--td-font-size-title-large: 20px;--td-font-size-headline-small: 24px;--td-font-size-headline-medium: 28px;--td-font-size-headline-large: 36px;--td-font-size-display-medium: 48px;--td-font-size-display-large: 64px;--td-line-height-link-small: 20px;--td-line-height-link-medium: 22px;--td-line-height-link-large: 24px;--td-line-height-mark-small: 20px;--td-line-height-mark-medium: 22px;--td-line-height-body-small: 20px;--td-line-height-body-medium: 22px;--td-line-height-body-large: 24px;--td-line-height-title-small: 22px;--td-line-height-title-medium: 24px;--td-line-height-title-large: 28px;--td-line-height-headline-small: 32px;--td-line-height-headline-medium: 36px;--td-line-height-headline-large: 44px;--td-line-height-display-medium: 56px;--td-line-height-display-large: 72px;--td-font-link-small: var(--td-font-size-link-small) / var(--td-line-height-link-small) var(--td-font-family);--td-font-link-medium: var(--td-font-size-link-medium) / var(--td-line-height-link-medium) var(--td-font-family);--td-font-link-large: var(--td-font-size-link-large) / var(--td-line-height-link-large) var(--td-font-family);--td-font-mark-small: 600 var(--td-font-size-mark-small) / var(--td-line-height-mark-small) var(--td-font-family);--td-font-mark-medium: 600 var(--td-font-size-mark-medium) / var(--td-line-height-mark-medium) var(--td-font-family);--td-font-body-small: var(--td-font-size-body-small) / var(--td-line-height-body-small) var(--td-font-family);--td-font-body-medium: var(--td-font-size-body-medium) / var(--td-line-height-body-medium) var(--td-font-family);--td-font-body-large: var(--td-font-size-body-large) / var(--td-line-height-body-large) var(--td-font-family);--td-font-title-small: 600 var(--td-font-size-title-small) / var(--td-line-height-title-small) var(--td-font-family);--td-font-title-medium: 600 var(--td-font-size-title-medium) / var(--td-line-height-title-medium) var(--td-font-family);--td-font-title-large: 600 var(--td-font-size-title-large) / var(--td-line-height-title-large) var(--td-font-family);--td-font-headline-small: 600 var(--td-font-size-headline-small) / var(--td-line-height-headline-small) var(--td-font-family);--td-font-headline-medium: 600 var(--td-font-size-headline-medium) / var(--td-line-height-headline-medium) var(--td-font-family);--td-font-headline-large: 600 var(--td-font-size-headline-large) / var(--td-line-height-headline-large) var(--td-font-family);--td-font-display-medium: 600 var(--td-font-size-display-medium) / var(--td-line-height-display-medium) var(--td-font-family);--td-font-display-large: 600 var(--td-font-size-display-large) / var(--td-line-height-display-large) var(--td-font-family);--td-size-1: 2px;--td-size-2: 4px;--td-size-3: 6px;--td-size-4: 8px;--td-size-5: 12px;--td-size-6: 16px;--td-size-7: 20px;--td-size-8: 24px;--td-size-9: 28px;--td-size-10: 32px;--td-size-11: 36px;--td-size-12: 40px;--td-size-13: 48px;--td-size-14: 56px;--td-size-15: 64px;--td-size-16: 72px;--td-comp-size-xxxs: var(--td-size-6);--td-comp-size-xxs: var(--td-size-7);--td-comp-size-xs: var(--td-size-8);--td-comp-size-s: var(--td-size-9);--td-comp-size-m: var(--td-size-10);--td-comp-size-l: var(--td-size-11);--td-comp-size-xl: var(--td-size-12);--td-comp-size-xxl: var(--td-size-13);--td-comp-size-xxxl: var(--td-size-14);--td-comp-size-xxxxl: var(--td-size-15);--td-comp-size-xxxxxl: var(--td-size-16);--td-pop-padding-s: var(--td-size-2);--td-pop-padding-m: var(--td-size-3);--td-pop-padding-l: var(--td-size-4);--td-pop-padding-xl: var(--td-size-5);--td-pop-padding-xxl: var(--td-size-6);--td-comp-paddingLR-xxs: var(--td-size-1);--td-comp-paddingLR-xs: var(--td-size-2);--td-comp-paddingLR-s: var(--td-size-4);--td-comp-paddingLR-m: var(--td-size-5);--td-comp-paddingLR-l: var(--td-size-6);--td-comp-paddingLR-xl: var(--td-size-8);--td-comp-paddingLR-xxl: var(--td-size-10);--td-comp-paddingTB-xxs: var(--td-size-1);--td-comp-paddingTB-xs: var(--td-size-2);--td-comp-paddingTB-s: var(--td-size-4);--td-comp-paddingTB-m: var(--td-size-5);--td-comp-paddingTB-l: var(--td-size-6);--td-comp-paddingTB-xl: var(--td-size-8);--td-comp-paddingTB-xxl: var(--td-size-10);--td-comp-margin-xxs: var(--td-size-1);--td-comp-margin-xs: var(--td-size-2);--td-comp-margin-s: var(--td-size-4);--td-comp-margin-m: var(--td-size-5);--td-comp-margin-l: var(--td-size-6);--td-comp-margin-xl: var(--td-size-7);--td-comp-margin-xxl: var(--td-size-8);--td-comp-margin-xxxl: var(--td-size-10);--td-comp-margin-xxxxl: var(--td-size-12)}:root{--td-chat-input-attachments-margin: 0 0 var(--td-comp-margin-xs) 0;--td-chat-input-textarea-max-height: 134px;--td-chat-input-textarea-scrollbar-width: 4px;--td-chat-input-textarea-scrollbar-thumb-radius: 2px;--td-chat-input-padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m);--td-chat-input-radius: 16px;--td-chat-input-shadow: 0px 0px 0px 2px var(--td-brand-color-focus);--td-chat-input-background: var(--td-bg-color-specialcomponent);--td-chat-input-hover-border: var(--td-brand-color);--td-chat-input-actions-margin: 0;--td-chat-input-actions-gap: var(--td-comp-margin-m);--td-chat-input-actions-item-wh: 28px;--td-chat-input-actions-item-radius: 14px;--td-chat-input-actions-item-font-size: 20px;--td-chat-input-box-shadow: none;--td-chat-input-font-size: 16px;--td-chat-input-content-default-border: var(--td-component-border);--td-chat-input-textarea-scrollbar-color: var(--td-scrollbar-color);--td-chat-input-textarea-scrollbar-hover-color: var(--td-scrollbar-hover-color);--td-chat-input-button-default-bg: var(--td-bg-color-secondarycomponent);--td-chat-input-button-default-color: var(--td-bg-color-container);--td-chat-input-actions-item-color: var(--td-text-color-secondary);--td-chat-input-actions-item-bg: transparent;--td-chat-input-actions-item-hover-bg: var(--td-bg-color-container-hover)}:root{--td-chat-list-padding-bottom: 0;--td-chat-list-scroll-button-top:calc(100% - 64px);--td-chat-list-scroll-button-left: 50%;--td-chat-list-scroll-button-w: 40px;--td-chat-list-scroll-button-h: 40px;--td-chat-list-scroll-button-border: .5px solid #dcdcdc;--td-chat-list-scroll-button-radius: 20px;--td-chat-list-scroll-button-index: 50;--td-chat-list-scroll-button-transform: translate(-50%, 0);--td-chat-item-gap: 38px;--td-chat-item-header-padding: 0;--td-chat-item-text-header-padding: 0;--td-chat-item-header-padding-right: 0;--td-chat-item-name-padding: 0 var(--td-comp-paddingLR-s) 0 0;--td-chat-item-name-padding-right: 0 0 0 var(--td-comp-paddingLR-l);--td-chat-item-name-font: var(--td-font-body-medium);--td-chat-item-content-gap: var(--td-comp-margin-s);--td-chat-item-content-max-width: 800px;--td-chat-item-content-base-margin: 0 0 var(--td-comp-margin-xs) 0;--td-chat-item-content-base-padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);--td-chat-item-content-base-border-color: transparent;--td-chat-item-content-padding: var(--td-comp-paddingTB-m) 0;--td-chat-item-text-error-color: var(--td-error-color);--td-chat-item-user-text-color: var(--td-text-color-secondary);--td-chat-item-text-max-width: 100%;--td-chat-item-text-padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);--td-chat-item-status-margin: var(--td-comp-margin-s) 0 0;--td-chat-item-text-content-padding: 0;--td-chat-item-text-detail-padding: 0;--td-chat-item-text-detail-margin: 0;--td-chat-item-text-detail-text-margin: 0;--td-chat-item-text-radius: var(--td-radius-extraLarge);--td-chat-item-text-border: 1px solid transparent;--td-chat-item-content-border: 1px solid transparent;--td-chat-item-content-radius: var(--td-radius-extraLarge);--td-chat-item-system-margin: 0;--td-chat-item-system-padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s);--td-chat-item-system-radius: var(--td-radius-medium);--td-chat-item-system-bg-color: var(--td-bg-color-secondarycontainer);--td-chat-item-system-color: #afafaf;--td-chat-item-left-avatar-margin: 0 var(--td-comp-margin-xl) 0 var(--td-comp-margin-xs);--td-chat-item-right-avatar-margin: 0 var(--td-comp-margin-xs) 0 var(--td-comp-margin-xl);--td-chat-item-avatar-padding: 6px 0 0 0;--td-chat-item-avatar-has-header-padding: 30px 0 0 0;--td-chat-item-image-margin: var(--td-comp-margin-m) 0;--td-chat-item-think-gap-p: 0 0 var(--td-comp-margin-s) 0;--td-chat-item-think-padding-tb: var(--td-comp-paddingTB-s);--td-chat-item-think-padding-lr: var(--td-comp-paddingLR-m);--td-chat-item-think-border: none;--td-chat-item-think-radius: var(--td-radius-medium);--td-chat-item-think-title-gap: var(--td-comp-margin-s);--td-chat-item-think-status-wh: 20px;--td-chat-item-think-pending-border-width: 2px;--td-chat-item-think-header-border: none;--td-chat-item-think-body-bg: none;--td-chat-item-think-body-border: none;--td-chat-item-think-content-margin-top: 2px;--td-chat-item-think-shadow-top: 0;--td-chat-item-think-shadow-bottom: 0;--td-chat-item-think-shadow-margin-top: 0;--td-chat-item-think-shadow-margin-bottom: 0;--td-chat-item-think-shadow-top-height: 24px;--td-chat-item-think-shadow-bottom-height: 24px;--td-chat-item-think-inner-padding: 0 var(--td-comp-paddingLR-m) var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-m);--td-chat-item-think-inner-border: solid 2px var(--td-component-stroke);--td-chat-item-think-inner-border-margin-left: 0px;--td-chat-item-actions-list-margin: var(--td-comp-margin-xs) 0;--td-chat-item-text-actions-list-margin: var(--td-comp-margin-xs) 0 0 var(--td-comp-margin-l);--td-chat-item-actions-list-gap: var(--td-comp-margin-xs);--td-chat-item-actions-list-padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-xs);--td-chat-item-actions-list-radius: var(--td-radius-medium);--td-chat-item-actions-list-border: 1px solid var(--td-component-border);--td-chat-item-actions-item-padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-xs);--td-chat-item-actions-item-radius: 4px;--td-chat-item-attachments-margin-top: 12px;--td-chat-item-image-max-width: 150px;--td-attachment-image-width: 150px;--td-chat-item-search-height: 36px;--td-chat-item-search-padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s);--td-chat-item-search-radius: 20px;--td-chat-item-search-icons-margin-right: 3px;--td-chat-item-search-icon-width: 16px;--td-chat-item-search-icon-radius: var(--td-radius-circle);--td-chat-item-search-icon-margin-left: -3px;--td-chat-item-search-icon-before-left: -1px;--td-chat-item-search-icon-before-width: 1px;--td-chat-item-search-icon-before-height: 100%;--td-chat-item-search-icon-before-radius: 1px;--td-chat-item-search-link-color: var(--td-brand-color);--td-chat-item-search-link-hov-color: var(--td-brand-color-hover);--td-chat-item-suggestion-gap: var(--td-comp-margin-s);--td-chat-item-suggestion-height: 38px;--td-chat-item-suggestion-padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-m);--td-chat-item-suggestion-radius: var(--td-radius-medium);--td-chat-item-suggestion-border: solid 1px var(--td-component-border);--td-chat-item-suggestion-arrow-margin: var(--td-comp-margin-s);--td-chat-font-size: 16px;--td-chat-item-system-font-size: 12px;--td-chat-item-suggestion-font-size: 14px;--td-chat-item-search-link-line-height: 24px;--td-chat-list-scroll-button-font-size: 24px;--td-chat-search-font-size: 12px;--td-chat-item-content-text-align: left;--td-chat-item-right-content-text-align: right;--td-chat-item-text-text-align: left;--td-chat-list-scroll-button-bg: var(--td-bg-color-container);--td-chat-list-scroll-button-shadow: 0px 8px 10px -5px rgba(0, 0, 0, .08), 0px 16px 24px 2px rgba(0, 0, 0, .04), 0px 6px 30px 5px rgba(0, 0, 0, .05);--td-chat-item-error-color: var(--td-error-color);--td-chat-item-primary-bg: var(--td-bg-color-secondarycontainer);--td-chat-item-default-bg: var(--td-bg-color-container);--td-chat-item-outline-border-color: var(--td-component-border);--td-chat-item-think-bg: var(--td-bg-color-secondarycontainer);--td-chat-item-think-pending-border-bg-color: #e0f0ff;--td-chat-item-think-status-pending-color: var(--td-brand-color);--td-chat-item-think-status-sent-color: var(--td-success-color);--td-chat-item-think-status-error-color: var(--td-error-color);--td-chat-item-think-content-color: var(--td-text-color-placeholder);--td-chat-item-actions-list-bg: var(--td-bg-color-secondarycontainer);--td-chat-item-actions-item-hover-bg: var(--td-bg-color-component-hover);--td-chat-item-suggestion-color: var(--td-text-color-primary);--td-chat-item-suggestion-background: var(--td-bg-color-secondarycontainer);--td-chat-item-suggestion-arrow-color: var(--td-text-color-placeholder);--md-heading-color: var(--td-gray-color-7);--td-chat-md-content-gap-main: 0 0 8px 0;--td-chat-md-content-gap-t1: 24px 0 20px 0;--td-chat-md-content-gap-t2: 20px 0 16px 0;--td-chat-md-content-gap-t3: 16px 0 12px 0;--td-chat-md-font: var(--td-text-color-primary);--td-chat-md-padding: var(--td-comp-paddingTB-m) 0;--td-chat-md-h1-font: 700 22px / 1.6 var(--td-font-family);--td-chat-md-h2-font: 600 20px / 1.6 var(--td-font-family);--td-chat-md-h3-font: 600 18px / 1.6 var(--td-font-family);--td-chat-md-s-color: var(--td-gray-color-7);--td-chat-md-list-margin: 0 0 8px 2em;--td-chat-md-list-padding: 0;--td-chat-md-ul-style: disc;--td-chat-md-ol-style: decimal;--td-chat-md-li-margin: .5em 0;--td-chat-md-link-color: var(--td-brand-color-5);--td-chat-md-link-decoration: none;--td-chat-md-link-hover-color: var(--td-brand-color-6);--td-chat-md-code-radius: 8px;--td-chat-md-code-margin: 0 0 16px 0;--td-chat-md-code-header-height: 36px;--td-chat-md-code-header-padding: 0 16px 0 12px;--td-chat-md-code-header-font: 500 14px / 1.6 var(--td-font-family);--td-chat-md-code-header-bg: #f3f3f3;--td-chat-md-code-header-bg-dark: #282c34;--td-chat-md-code-header-color-dark: #abb2bf;--td-chat-md-code-header-copy-color: var(--td-gray-color-7);--td-chat-md-code-header-copy-hover-color: var(--td-gray-color-9);--td-chat-md-code-body-padding: 10px 16px !important;--td-chat-md-code-body-bg: #f8f8f8;--td-chat-md-code-body-overflow: auto;--td-chat-md-code-body-code-font-size: 14px;--td-chat-md-katex-block-margin: 1em 0;--td-chat-md-katex-font: normal 1.21em / 1.2 KaTeX_Main, Times New Roman, serif;--td-chat-md-blockquote-margin: 16px 0;--td-chat-md-blockquote-padding: 10px 15px;--td-chat-md-blockquote-border-left: 4px solid #d9d9d9;--td-chat-md-blockquote-color: var(--td-gray-color-7);--td-chat-md-footnote-bg: var(--td-bg-color-page);--td-chat-md-hr-margin: 16px 0;--td-chat-md-hr-border: 1px solid rgba(0, 0, 0, .08);--td-chat-md-table-border: 1px solid var(--td-bg-color-secondarycontainer);--td-chat-md-table-radius: 8px;--td-chat-md-table-margin: 8px 0;--td-chat-md-table-font-size: 14px;--td-chat-md-table-th-padding: .66em 1em;--td-chat-md-table-th-max-width: 448px;--td-chat-md-table-th-bg: var(--td-bg-color-secondarycontainer);--td-chat-md-table-th-color: var(--td-text-color-primary);--td-chat-md-table-th-font: 700 14px / 1.6 var(--td-font-family);--td-chat-md-table-td-bg-odd: var(--td-bg-color-container);--td-chat-md-table-td-bg-even: var(--td-bg-color-secondarycontainer);--td-chat-md-table-td-color: var(--td-text-color-primary);--td-chat-md-table-td-font: 400 14px / 1.6 var(--td-font-family)}body{margin:0}:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 217 100% 43%;--primary-foreground: 210 40% 98%;--danger: 3 64% 55%;--warning: 27 81% 49%;--success: 155 58% 41%;--secondary: 0, 0%, 90%;--secondary-foreground: 0, 0%, 20%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 0 0% 95%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 222.2 84% 4.9%;--radius: .5rem}.dark{--background: 0 0% 10%;--foreground: 0 0% 80%;--card: 0 0% 14%;--card-foreground: 0 0% 90%;--popover: 0 0% 14%;--popover-foreground: 0 0% 90%;--primary-foreground: 0 0% 85%;--secondary: 0, 0%, 40%;--secondary-foreground: 0, 0%, 80%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 0 0% 35%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 0 0% 30%;--input: 0 0% 30%;--ring: 212.7 26.8% 83.9%}.t-float-left{float:left}.t-float-right{float:right}@-webkit-keyframes t-fade-in{0%{opacity:0}to{opacity:1}}@keyframes t-fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes t-fade-out{0%{opacity:1}to{opacity:0}}@keyframes t-fade-out{0%{opacity:1}to{opacity:0}}@-webkit-keyframes t-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes t-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.t-icon-loading{-webkit-animation:t-spin 1s linear infinite;animation:t-spin 1s linear infinite}@-webkit-keyframes t-zoom-out{0%{-webkit-transform:scale(.2);transform:scale(.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes t-zoom-out{0%{-webkit-transform:scale(.2);transform:scale(.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.tdesign-demo-item--badge .t-badge+.t-badge{margin-left:24px}.tdesign-demo-item--badge .t-badge--static+.t-badge--static{margin-left:4px}[class*=tdesign-demo-item--button] .t-button+.t-button{margin-left:8px}[class*=tdesign-demo-item--button] .t-button.t-size-full-width+.t-button.t-size-full-width{margin-left:0;margin-top:8px}.tdesign-demo-item--button-ghost .tdesign-demo-item__body{background-color:#181818}.tdesign-demo-item--input .tdesign-demo-item--input__input-box{max-width:500px}.tdesign-demo-item--input .tdesign-demo-item--input__input-box>.t-input+.t-input{margin-top:8px}.tdesign-demo-item--input .tdesign-demo-item--input__input-box>.t-addon+.t-addon{margin-top:8px}.tdesign-demo-item--input .tdesign-demo-item--input__input-box>div+div{margin-top:8px}.tdesign-demo-item--input .tdesign-demo-item--input__input-box>.t-input,.tdesign-demo-item--input .tdesign-demo-item--input__input-box>div{max-width:500px}[class*=tdesign-demo-item--pagination] .t-pagination__select-demo{width:88px;background-image:url(http://ue.qzone.qq.com/32);background-size:contain}[class*=tdesign-demo-item--pagination] .t-pagination__input-demo{width:48px;background-image:url(http://ue.qzone.qq.com/32);background-size:contain}.tdesign-demo-item--table .demo-table-container .title{font-size:14px;line-height:28px;display:block;margin:10px 0}.tdesign-demo-item--table .demo-table-container .title i{font-style:normal}.tdesign-demo-item--table .demo-table-container .status{position:relative;color:#00a870;margin-left:10px}.tdesign-demo-item--table .demo-table-container .status:before{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";background-color:#00a870;width:6px;height:6px;margin-left:-10px;border-radius:var(--td-radius-circle)}.tdesign-demo-item--table .demo-table-container .status.unhealth{color:#e34d59}.tdesign-demo-item--table .demo-table-container .status.unhealth:before{background-color:#e34d59}.tdesign-demo-item--table .demo-table-container .status.warning{color:#ed7b2f}.tdesign-demo-item--table .demo-table-container .status.warning:before{background-color:#ed7b2f}.tdesign-demo-item--table .demo-table-select .link{cursor:pointer;margin-right:15px}.tdesign-demo-item--table .demo-table-select .status{position:relative;color:#00a870;margin-left:10px}.tdesign-demo-item--table .demo-table-select .status:before{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";background-color:#00a870;width:6px;height:6px;margin-left:-10px;border-radius:var(--td-radius-circle)}.tdesign-demo-item--table .demo-table-select .status.unhealth{color:#e34d59}.tdesign-demo-item--table .demo-table-select .status.unhealth:before{background-color:#e34d59}.tdesign-demo-dialog .tdesign-demo-block--relative{position:relative;width:100%;height:300px}.tdesign-demo-item--list,.tdesign-demo-item--tabs{--bg-color-demo: var(--bg-color-demo-secondary)}[class*=tdesign-demo-item__subtitle]{font-size:18px;height:26px;margin-top:15px;margin-bottom:15px;margin-left:5px;font-weight:700}[class*=tdesign-demo-menu__logo]{position:relative;top:20px;left:24px;width:140px;height:24px;background:#5b6270;border-radius:var(--td-radius-default)}[class*=tdesign-demo-menu__sidelogo]{position:relative;width:100%;background-color:#f0f0f0}[class*=tdesign-demo-menu__block]{position:relative;width:288px;height:40px;line-height:40px;margin:12px;background:rgba(255,255,255,.2);color:#fff;text-align:center}[class*=tdesign-demo-item__body__200]{height:250px}.t-default-menu__demo--height{height:900px}.mr-48{margin-right:20px}[class*=tdesign-demo-menu__logo]{width:140px;height:30px}[class*=tdesign-demo-menu__logo].margin_0{margin:0}[class*=tdesign-demo-menu__style]{margin:12px auto;width:200px;line-height:48px;text-align:center;background:#fafafa;border:1px solid #e9e9e9;color:#888}[class*=tdesign-demo-menu__style].demo-style1{height:48px}[class*=tdesign-demo-menu__style].demo-style2{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);bottom:0;height:112px;line-height:112px}.tdesign-demo-item--menu,.tdesign-demo-item--menu-multiple{--bg-color-demo: var(--bg-color-demo-secondary)}.tdesign-demo-item--menu-multiple .tdesign-demo-item__body{overflow:unset}[class*=tdesign-demo-menu__operations] .t-button{margin-left:8px}[class*=tdesign-demo-menu__operations--dark] .t-button{margin-left:8px;color:#fff;--ripple-color: #383838}[class*=tdesign-demo-menu__operations--dark] .t-button:hover{color:#fff;background-color:#4b4b4b;border-color:transparent}[class*=tdesign-demo-menu-collapse--dark] .t-button{color:#fff;--ripple-color: #383838 !important}[class*=tdesign-demo-menu-collapse--dark] .t-button:hover{color:#fff;background-color:#4b4b4b;border-color:transparent;--ripple-color: #383838}:root[theme-mode=dark] .tdesign-demo-item--menu .tdesign-demo-item__body{background-color:transparent}.tdesign-demo-block>.t-alert+.t-alert{margin-top:16px}.tdesign-demo-item__body h4{margin-bottom:15px}.tdesign-demo-upload{margin:10px 0;padding:26px 31px}.tdesign-demo-upload__column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tdesign-demo-upload-tip{color:#0000004d;font-size:var(--td-font-size-body-small);margin-top:12px}.tdesign-demo-upload-multiple{padding:30px;background-color:var(--td-bg-color-container);margin:10px 0}.tdesign-demo-upload-multiple-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--td-font-size-body-small);color:#999;margin-bottom:20px}.tdesign-demo-upload-multiple-header .t-button{margin-right:10px;color:#000000e6}.tdesign-demo-upload-table{border:1px dashed #f0f0f0;border-radius:var(--td-radius-small) var(--td-radius-small) 0 0;font-size:var(--td-font-size-body-medium);min-height:252px;overflow-y:auto}.tdesign-demo-upload-table--empty,.tdesign-demo-upload-table--dragging{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#999;font-size:var(--td-font-size-body-medium);height:210px}.tdesign-demo-upload-table-header{border-bottom:1px dashed #f0f0f0}.tdesign-demo-upload-table-header,.tdesign-demo-upload-table-item{height:42px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tdesign-demo-upload-table-header div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;padding-left:16px}.tdesign-demo-upload-table-header div:not(:last-of-type){border-right:1px dashed #f0f0f0}.tdesign-demo-upload-table-item+.tdesign-demo-upload-table-item{border-top:1px dashed #f0f0f0}.tdesign-demo-upload-table-item div{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;padding-left:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.tdesign-demo-upload-table-empty{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:284px}.tdesign-demo-upload-table__name{-webkit-box-flex:3;-ms-flex:3;flex:3}.tdesign-demo-upload-table__name span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tdesign-demo-upload-table__size{-webkit-box-flex:2;-ms-flex:2;flex:2}.tdesign-demo-upload-table__status{-webkit-box-flex:3;-ms-flex:3;flex:3}.tdesign-demo-upload-table__status--success .t-icon{color:var(--td-success-color)}.tdesign-demo-upload-table__status--fail .t-icon{color:var(--td-error-color)}.tdesign-demo-upload-table__status--loading .t-icon{color:var(--td-brand-color)}.tdesign-demo-upload-table__status--pending .t-icon{color:#ddd}.tdesign-demo-upload-table__status .t-icon{margin-right:5px}.tdesign-demo-upload-table__operator{-webkit-box-flex:2;-ms-flex:2;flex:2;font-size:var(--td-font-size-body-medium);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tdesign-demo-upload-bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:24px}.tdesign-demo-upload-bottom .t-button{margin-left:10px}.tdesign-demo-item--switch .t-switch+.t-switch{margin-left:8px}[class~=t-popconfirm]{display:inline-block}[class*=tdesign-demo-item] .t-popconfirm{background-color:#fff}[class*=tdesign-demo-item--grid] .t-col>div{min-height:40px;margin-top:8px;margin-bottom:8px;background:var(--td-brand-color-6);color:#fff;text-align:center;line-height:40px}[class*=tdesign-demo-item--grid] .t-col:nth-of-type(2n)>div{background:var(--td-brand-color-4)}.tdesign-demo-item--layout{--bg-color-demo: var(--bg-color-page)}.tdesign-demo-item--layout .t-layout__header{text-align:center;color:#ffffffe6}.tdesign-demo-item--layout .t-layout__content{height:600px;text-align:center;padding:24px 24px 0}.tdesign-demo-item--layout .t-layout__content>div{background:#fff;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:auto;word-wrap:break-word}.tdesign-demo-item--layout .t-layout__footer{min-height:46px;text-align:center;color:var(--td-text-color-placeholder)}.tdesign-demo-item--layout .t-layout__sider{text-align:center}[class*=tdesign-demo-item--layout-base] .tdesign-demo-item--base>div:not(:first-child){margin-top:24px}[class*=tdesign-demo-item--layout-base] .tdesign-demo-item__body{font-weight:500;font-size:var(--td-font-size-body-large);background:var(--td-bg-color-secondarycontainer)}[class*=tdesign-demo-item--layout-base] .t-layout__header{text-align:center;color:#fff;background-color:var(--td-brand-color-4);font-size:var(--td-font-size-body-large);line-height:64px}[class*=tdesign-demo-item--layout-base] .t-layout__header .t-layout__header{color:#fff;background:#266fe8}[class*=tdesign-demo-item--layout-base] .t-layout__sider{background-color:var(--td-brand-color-6);color:#fff;font-size:var(--td-font-size-body-large);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[class*=tdesign-demo-item--layout-base] .t-layout__content{text-align:center;color:#fff;background:var(--td-brand-color-5);height:100px;font-size:var(--td-font-size-body-large);padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[class*=tdesign-demo-item--layout-base] .t-layout__footer{min-height:46px;text-align:center;color:#fff;background:var(--td-brand-color-4);font-size:var(--td-font-size-body-large)}[class*=tdesign-demo-item--layout-base] .t-layout__sider{text-align:center;font-size:var(--td-font-size-body-large)}.tdesign-tooltip-placement{margin:0 auto;width:500px;height:260px;position:relative}.tdesign-tooltip-placement .placement-top{position:absolute;top:0;left:42%}.tdesign-tooltip-placement .placement-topLeft{position:absolute;top:0;left:70px}.tdesign-tooltip-placement .placement-topRight{position:absolute;top:0;right:70px}.tdesign-tooltip-placement .placement-bottom{position:absolute;bottom:0;left:42%}.tdesign-tooltip-placement .placement-bottomLeft{position:absolute;bottom:0;left:70px}.tdesign-tooltip-placement .placement-bottomRight{position:absolute;bottom:0;right:70px}.tdesign-tooltip-placement .placement-left{position:absolute;left:0;top:42%}.tdesign-tooltip-placement .placement-leftTop{position:absolute;left:0;top:50px}.tdesign-tooltip-placement .placement-leftBottom{position:absolute;left:0;bottom:50px}.tdesign-tooltip-placement .placement-right{position:absolute;right:0;top:42%}.tdesign-tooltip-placement .placement-rightTop{position:absolute;right:0;top:50px}.tdesign-tooltip-placement .placement-rightBottom{position:absolute;right:0;bottom:50px}.tdesign-demo-block--swiper h3{margin:10px 0}.tdesign-demo-block--swiper .demo-item{display:-webkit-box;display:-ms-flexbox;display:flex;height:280px;background-color:#4b5b76;color:#fff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:500;font-size:20px}.tdesign-demo-block--swiper .demo-large{height:420px}.tdesign-demo-block--swiper .demo-small{height:175px}.tdesign-demo-block--swiper .demo-card{width:100%}.tdesign-demo-block--swiper .tdesign-demo-block-row{margin-top:10px;text-align:center}.tdesign-demo-item--form form{max-width:640px}.tdesign-demo-item--tree .tdesign-tree-line .operations .t-button{margin:0 10px 10px 0}.tdesign-demo-item--tree .tdesign-tree-line .custom-line{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:2px;left:9px}.tdesign-demo-item--tree .tdesign-tree-line .custom-line-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.tdesign-demo-item--tree .tdesign-tree-line .custom-line span{position:relative;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:24px;height:40px}.tdesign-demo-item--tree .tdesign-tree-line .custom-line span:last-child:before{content:"";position:absolute;display:block;bottom:26px;left:6px;width:12px;height:26px;border-left:1px solid #ddd;border-bottom:1px solid #0052d9}.tdesign-demo-item--tree .tdesign-tree-line .custom-line-leaf span:last-child:before{width:16px}.tdesign-demo-item--tree .tdesign-tree-line .custom-line-cross:before{content:"";display:block;position:absolute;left:6px;top:-15px;height:44px;width:1px;border-left:1px solid #ddd}.tdesign-demo-item--tree .tdesign-tree-line .custom-line-icon{position:absolute;top:6px;right:-14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;width:16px;height:16px;border-radius:var(--td-radius-circle);border:1px solid #0052d9;background-color:#fff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tdesign-demo-item--tree .tdesign-tree-line .custom-line span:last-child:after{content:"";position:absolute;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;top:9px;left:3px;z-index:1;width:8px;height:8px;border-radius:var(--td-radius-small);border:1px solid #0052d9;background-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:50%,50%;transform-origin:50%,50%}.tdesign-demo-item--skeleton .t-skeleton-demo-card .header,.tdesign-demo-item--skeleton .t-skeleton-demo-card .content{padding:16px 0}.tdesign-demo-item--skeleton .t-skeleton-demo-delay .header{margin-bottom:20px}.tdesign-demo-item--skeleton .t-skeleton-demo-delay .header :first-child{margin-right:20px}.tdesign-demo-item--skeleton .t-skeleton-demo-delay .content{height:100px}.tdesign-demo-item--skeleton .row-col-content{width:100%;text-align:center}.tdesign-demo-item--skeleton .row-col-content__header{padding:10px;border-bottom:1px solid var(--td-gray-color-4)}.tdesign-demo-item--skeleton .row-col-content__content{padding:10px;height:200px}div[name=DEMO] *:not(pre)>.t-typography code{border-radius:var(--td-radius-default);border:1px solid var(--td-component-border);margin:0 var(--td-comp-margin-xs);background-color:var(--td-bg-color-secondarycontainer);padding:0 var(--td-comp-paddingLR-s);color:var(--td-text-color-primary);-webkit-transition:background-color .2s;transition:background-color .2s;font:var(--td-font-body-small);font-family:Source Code Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei}div[name=DEMO] *:not(pre)>.t-typography code:hover{background-color:var(--td-bg-color-secondarycontainer-hover)}div[name=DEMO] .vertical-demo .t-typography code,div[name=DEMO] .vertical-demo .t-typography kbd{margin:0}.tdesign-demo-wrap__name{font-size:36px;margin-bottom:40px;line-height:60px;border-bottom:1px solid #ddd;background-color:#f9f9f9;padding:0 40px 10px}.tdesign-demo-wrap__info{font-size:14px;color:#999;line-height:initial}.tdesign-demo-item{margin:0 40px}.tdesign-demo-item>p{color:#333;font-size:14px;line-height:2}.tdesign-demo-item+.tdesign-demo-item{margin-top:30px;border-top:1px solid #ddd;padding-top:30px}.tdesign-demo-item__title{font-size:22px;height:30px;margin-bottom:10px;font-weight:700}.tdesign-demo-item__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:204px;padding:40px;border-top-left-radius:5px;border-top-right-radius:5px;overflow:auto}.tdesign-demo-item__body+.tdesign-demo-item__body{margin-top:20px}.tdesign-demo-block{margin-bottom:10px}.tdesign-demo-block__title{font-size:16px;margin-bottom:20px}.tdesign-demo-block-line{display:inline-block;vertical-align:top}.tdesign-demo-divide{height:0;margin:5px 0}.tdesign-demo-block-line+.tdesign-demo-block-line{margin-left:16px}.tdesign-demo-block-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:16px;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px}.tdesign-demo-block-column-large{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:32px;-webkit-column-gap:32px;-moz-column-gap:32px;column-gap:32px}.tdesign-demo-block-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px;row-gap:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}