.l-float-left{float:left}.l-float-right{float:right}@keyframes l-fade-in{0%{opacity:0}to{opacity:1}}@keyframes l-fade-out{0%{opacity:1}to{opacity:0}}@keyframes l-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.l-icon-loading{animation:l-spin 1s linear infinite}@keyframes l-zoom-out{0%{transform:scale(.2)}to{transform:scale(1)}}.ldesign-button__demo{font-size:12px}.l-demo-block-column{display:flex;flex-direction:column;row-gap:16px;column-gap:16px}.l-demo-block-row{display:flex;column-gap:16px;row-gap:16px;align-items:center;flex-wrap:wrap}.l-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}.l-col:nth-of-type(2n)>div{background:var(--td-brand-color-4)}.ldesign-demo-item--layout{--bg-color-demo: var(--bg-color-page)}.ldesign-demo-item--layout .l-layout__header{text-align:center;color:#ffffffe6}.ldesign-demo-item--layout .l-layout__content{height:600px;text-align:center;padding:24px 24px 0}.ldesign-demo-item--layout .l-layout__content>div{background:#fff;height:100%;display:flex;align-items:center;justify-content:center;overflow:auto;word-wrap:break-word}.ldesign-demo-item--layout .l-layout__footer{min-height:46px;text-align:center;color:var(--td-text-color-placeholder)}.ldesign-demo-item--layout .l-layout__sider{text-align:center}[class*=ldesign-demo-item--layout-base] .ldesign-demo-item--base>div:not(:first-child){margin-top:24px}[class*=ldesign-demo-item--layout-base] .ldesign-demo-item__body{font-weight:500;font-size:var(--td-font-size-body-large);background:var(--td-bg-color-secondarycontainer)}[class*=ldesign-demo-item--layout-base] .l-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*=ldesign-demo-item--layout-base] .l-layout__header .t-layout__header{color:#fff;background:#266fe8}[class*=ldesign-demo-item--layout-base] .l-layout__sider{background-color:var(--td-brand-color-6);color:#fff;font-size:var(--td-font-size-body-large);display:flex;align-items:center;justify-content:center}[class*=ldesign-demo-item--layout-base] .l-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:flex;align-items:center;justify-content:center}[class*=ldesign-demo-item--layout-base] .l-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*=ldesign-demo-item--layout-base] .l-layout__sider{text-align:center;font-size:var(--td-font-size-body-large)}.ldesign-demopage__block>.l-input__wrap{margin:16px}.ldesign-demopage__block>.l-button{margin-right:16px}.ldesign-demopage__block .container{margin:0 auto;width:500px;height:260px;position:relative}.ldesign-demopage__block .placement{position:absolute}.ldesign-demopage__block .placement.top{top:0}.ldesign-demopage__block .placement.center{left:42%}.ldesign-demopage__block .placement.left{left:70px}.ldesign-demopage__block .placement.right{right:70px}.ldesign-demopage__block .placement.bottom{bottom:0}.ldesign-demopage__block .placement.align{top:42%}.ldesign-demopage__block .placement.top-align{top:50px}.ldesign-demopage__block .placement.bottom-align{bottom:50px}.ldesign-demopage__block .placement.right-full{right:0}.ldesign-demopage.popup .l-input__wrap{width:auto}.affix-container{width:100%}.affix-container-demo1{border:1px solid #e7e7e7;border-radius:3px;height:400px;overflow:auto;overscroll-behavior:none}.affix-container-demo1 .background{height:1500px;padding:700px 24px 0;background:-webkit-linear-gradient(top,transparent 19px,#e7e7e7 20px),-webkit-linear-gradient(left,transparent 19px,#e7e7e7 20px);background-size:20px 20px}.affix-base{padding:24px}.ldesign-demopage__block .l-alert{width:500px;max-width:80%;margin:0 auto}.ldesign-demopage__block .l-space{width:100%}.ldesign-demopage h3{margin:10px 0}.ldesign-demopage .demo-item{display:flex;height:280px;background-color:#4b5b76;color:#fff;justify-content:center;align-items:center;font-weight:500;font-size:20px}.ldesign-demopage .demo-large{height:420px}.ldesign-demopage .demo-small{height:175px}.ldesign-demopage .demo-card{width:100%}.ldesign-demopage .tdesign-demo-block-row{margin-top:10px;text-align:center}.ldesign-demopage{min-height:80px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;padding:24px 32px}.ldesign-demopage__title{font-size:14px;margin:12px 0 6px;font-weight:400;color:var(--td-text-color-secondary)}.ldesign-demopage__block{display:flex;flex-direction:row;align-items:center;margin:8px 0;flex-wrap:wrap;font-size:14px}.ldesign-demopage__block-item+.ldesign-demopage__block-item{margin-left:16px}.ldesign-demopage__block.ldesign-vertical{flex-direction:column}.ldesign-demopage__block.ldesign-vertical>*{margin:0 0 24px}.ldesign-demopage__block.ldesign-vertical>*:last-child{margin:0}.ldesign-demopage-demo-item__body{display:flex;flex-direction:column;justify-content:center;flex-wrap:wrap;min-height:204px;padding:32px;border-top-left-radius:5px;border-top-right-radius:5px;overflow:auto}: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 0 0 #dcdcdc, inset -1px 0 0 #dcdcdc, inset 0 -1px 0 #dcdcdc, inset 0 1px 0 #dcdcdc;--table-box-shadow: inset 0 1px 0 #e7e7e7, inset 0 -1px 0 #e7e7e7, inset -1px 0 0 #e7e7e7, inset 1px 0 0 #e7e7e7;--shadow-1: 0 1px 10px rgba(0, 0, 0, .05), 0 4px 5px rgb(0 0 0 / 8%), 0 2px 4px -1px rgb(0 0 0 / 12%);--shadow-2: 0 3px 14px 2px rgba(0, 0, 0, .05), 0 8px 10px 1px rgb(0 0 0 / 6%), 0 5px 5px -3px rgb(0 0 0 / 10%);--shadow-3: 0 6px 30px 5px rgba(0, 0, 0, .05), 0 16px 24px 2px rgb(0 0 0 / 4%), 0 8px 10px -5px rgb(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, .9);--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: #266fe8;--brand-main-focus: #d4e3fc;--brand-main-disabled: #bbd3fb;--brand-main-light: rgba(0, 82, 217, .1);--error-1: #fdecee;--error-8: #b11f26;--error-main: #e34d59;--error-main-hover: #f36d78;--error-main-disabled: #f8b9be;--warning-main: #ed7b2f;--warning-main-hover: #f2995f;--warning-main-disabled: #f7c797;--success-main: #00a870;--success-main-disabled: rgba(0, 168, 112, .25);--success-main-light: rgba(0, 168, 112, .1)}@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 0 0 #5e5e5e, inset -1px 0 0 #5e5e5e, inset 0 -1px 0 #5e5e5e, inset 0 1px 0 #5e5e5e;--table-box-shadow: inset 0 1px 0 #4b4b4b, inset 0 -1px 0 #4b4b4b, inset -1px 0 0 #4b4b4b, inset 1px 0 0 #4b4b4b;--shadow-1: 0 4px 6px rgba(0, 0, 0, .06), 0 1px 10px rgb(0 0 0 / 8%), 0 2px 4px rgb(0 0 0 / 12%);--shadow-2: 0 8px 10px rgba(0, 0, 0, .12), 0 3px 14px rgb(0 0 0 / 10%), 0 5px 5px rgb(0 0 0 / 16%);--shadow-3: 0 16px 24px rgba(0, 0, 0, .14), 0 6px 30px rgb(0 0 0 / 12%), 0 8px 10px rgb(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;--warning-main: #cf6e2d;--warning-main-hover: #a75d2b;--warning-main-disabled: #733c23;--success-main: #059465;--success-main-hover: #0d7a55;--success-main-disabled: rgba(0, 168, 112, .25);--success-main-light: rgba(0, 168, 112, .1)}:root[theme-mode=dark] img{filter:brightness(.85)}html,body{padding:0;margin:0;font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;color:var(--text-secondary);-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{background-color:var(--bg-color-scroll);background-clip:content-box;border:4px solid transparent;border-radius:8px}ul,dl,ol{padding:0 0 0 1.2em;margin:0;line-height:22px}h1,h2,h3,h4,h5,h6,p{margin:0}@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;top:0;left:0;z-index:1031;width:100%;height:4px;background:repeating-linear-gradient(to right,#0062fa 0%,#ffbd2e 25%,#ff454f 50%,#ffbd2e 75%,#0062fa 100%);background-position:0 100%;background-size:200% auto;animation:gradient 6s infinite;animation-timing-function:linear;animation-fill-mode:forwards}#nprogress .peg{position:absolute;right:0;display:block;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{position:fixed;top:15px;right:15px;z-index:1031;display:none}#nprogress .spinner-icon{box-sizing:border-box;width:18px;height:18px;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{position:relative;overflow:hidden}.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;padding:12px 12px 12px 24px;margin:16px 0;overflow:auto;color:var(--text-primary);background:var(--bg-color-code);border-left:2px solid var(--component-border)}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]>h2:not([class]),div[name=DEMO]>h2:not([class]),div[name=API]>h2:not([class]),div[name=DESIGN]>h2:not([class]){margin-bottom:20px;font-size:20px}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{position:relative;padding:20px 24px;overflow:auto;color:var(--text-primary);background:var(--bg-color-code);border:1px solid var(--component-border);border-radius:6px;transition:all var(--anim-time-fn-easing) .15s}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{background-color:transparent;background-clip:content-box;border:4px solid transparent;border-radius:6px}div[name=DOC] *:not(pre)>code,div[name=DEMO] *:not(pre)>code,div[name=API] *:not(pre)>code,div[name=DESIGN] *:not(pre)>code{padding:2px 6px;margin:0 2px;font-size:12px;color:var(--error-8);word-break:break-word;background:var(--error-1);border-radius:3px}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;color:var(--text-interactive);text-decoration:none}div[name=DOC]>table,div[name=DEMO]>table,div[name=API]>table,div[name=DESIGN]>table{width:100%;margin:16px 0;overflow:hidden;border-collapse:collapse;background:var(--bg-color-table);border-radius:6px;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{font-weight:400;background:var(--bg-color-tag)}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;font-size:14px;line-height:22px;text-align:left;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{margin-bottom:24px;font-size:48px;font-weight:700;line-height:56px}div[name=DOC]>h2,div[name=DEMO]>h2,div[name=API]>h2,div[name=DESIGN]>h2{display:flex;align-items:center;margin:64px 0 24px;font-size:28px;font-weight:700;line-height:36px}div[name=DOC]>h2 .ldesign-header-anchor,div[name=DEMO]>h2 .ldesign-header-anchor,div[name=API]>h2 .ldesign-header-anchor,div[name=DESIGN]>h2 .ldesign-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;margin-left:8px;font-size:0;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuMzk3MTUgMTQuMjk2N0MzLjYxNjEgMTUuMDc3OCAzLjQ1NzgxIDE2LjE4NTggNC4wNDM2IDE2Ljc3MTZMNy4yMjU1OCAxOS45NTM2QzcuODExMzcgMjAuNTM5MyA4LjkxOTQxIDIwLjM4MTEgOS43MDA0NSAxOS42TDEzLjE1MDIgMTYuMTUwM0wxMi4wODk1IDE1LjA4OTZMOC4zODI2NiAxOC43OTY1TDUuMjAwNjggMTUuNjE0NUw4LjkwNzU2IDExLjkwNzZMNy44NDY5IDEwLjg0N0w0LjM5NzE1IDE0LjI5NjdaIiBmaWxsPSIjMDA1MkQ5Ii8+CjxwYXRoIGQ9Ik0xNi4zMzIyIDEyLjk2ODNMMTUuMjcxNSAxMS45MDc2TDE4Ljc5NjQgOC4zODI3MkwxNS42MTQ0IDUuMjAwNzRMMTIuMDg5NSA4LjcyNTY0TDExLjAyODkgNy42NjQ5OEwxNC4yOTY2IDQuMzk3MjFDMTUuMDc3NyAzLjYxNjE2IDE2LjE4NTcgMy40NTc4NyAxNi43NzE1IDQuMDQzNjZMMTkuOTUzNSA3LjIyNTY0QzIwLjUzOTMgNy44MTE0MyAyMC4zODEgOC45MTk0NyAxOS41OTk5IDkuNzAwNTFMMTYuMzMyMiAxMi45NjgzWiIgZmlsbD0iIzAwNTJEOSIvPgo8cGF0aCBkPSJNOS42NTczNSAxMy4xNzE0TDEwLjcxOCAxNC4yMzJMMTQuOTYwNiA5Ljk4OTQxTDEzLjkgOC45Mjg3NUw5LjY1NzM1IDEzLjE3MTRaIiBmaWxsPSIjMDA1MkQ5Ii8+Cjwvc3ZnPgo=);background-repeat:no-repeat;background-size:100% auto}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{display:flex;align-items:center;margin:48px 0 8px;font-size:20px;font-weight:700;line-height:28px}div[name=DOC]>h3 .ldesign-header-anchor,div[name=DEMO]>h3 .ldesign-header-anchor,div[name=API]>h3 .ldesign-header-anchor,div[name=DESIGN]>h3 .ldesign-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;margin-left:8px;font-size:0;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuMzk3MTUgMTQuMjk2N0MzLjYxNjEgMTUuMDc3OCAzLjQ1NzgxIDE2LjE4NTggNC4wNDM2IDE2Ljc3MTZMNy4yMjU1OCAxOS45NTM2QzcuODExMzcgMjAuNTM5MyA4LjkxOTQxIDIwLjM4MTEgOS43MDA0NSAxOS42TDEzLjE1MDIgMTYuMTUwM0wxMi4wODk1IDE1LjA4OTZMOC4zODI2NiAxOC43OTY1TDUuMjAwNjggMTUuNjE0NUw4LjkwNzU2IDExLjkwNzZMNy44NDY5IDEwLjg0N0w0LjM5NzE1IDE0LjI5NjdaIiBmaWxsPSIjMDA1MkQ5Ii8+CjxwYXRoIGQ9Ik0xNi4zMzIyIDEyLjk2ODNMMTUuMjcxNSAxMS45MDc2TDE4Ljc5NjQgOC4zODI3MkwxNS42MTQ0IDUuMjAwNzRMMTIuMDg5NSA4LjcyNTY0TDExLjAyODkgNy42NjQ5OEwxNC4yOTY2IDQuMzk3MjFDMTUuMDc3NyAzLjYxNjE2IDE2LjE4NTcgMy40NTc4NyAxNi43NzE1IDQuMDQzNjZMMTkuOTUzNSA3LjIyNTY0QzIwLjUzOTMgNy44MTE0MyAyMC4zODEgOC45MTk0NyAxOS41OTk5IDkuNzAwNTFMMTYuMzMyMiAxMi45NjgzWiIgZmlsbD0iIzAwNTJEOSIvPgo8cGF0aCBkPSJNOS42NTczNSAxMy4xNzE0TDEwLjcxOCAxNC4yMzJMMTQuOTYwNiA5Ljk4OTQxTDEzLjkgOC45Mjg3NUw5LjY1NzM1IDEzLjE3MTRaIiBmaWxsPSIjMDA1MkQ5Ii8+Cjwvc3ZnPgo=);background-repeat:no-repeat;background-size:100% auto}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{display:flex;align-items:center;margin:32px 0 8px;font-size:16px;font-weight:700;line-height:24px}div[name=DOC]>h4 .ldesign-header-anchor,div[name=DEMO]>h4 .ldesign-header-anchor,div[name=API]>h4 .ldesign-header-anchor,div[name=DESIGN]>h4 .ldesign-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;margin-left:8px;font-size:0;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuMzk3MTUgMTQuMjk2N0MzLjYxNjEgMTUuMDc3OCAzLjQ1NzgxIDE2LjE4NTggNC4wNDM2IDE2Ljc3MTZMNy4yMjU1OCAxOS45NTM2QzcuODExMzcgMjAuNTM5MyA4LjkxOTQxIDIwLjM4MTEgOS43MDA0NSAxOS42TDEzLjE1MDIgMTYuMTUwM0wxMi4wODk1IDE1LjA4OTZMOC4zODI2NiAxOC43OTY1TDUuMjAwNjggMTUuNjE0NUw4LjkwNzU2IDExLjkwNzZMNy44NDY5IDEwLjg0N0w0LjM5NzE1IDE0LjI5NjdaIiBmaWxsPSIjMDA1MkQ5Ii8+CjxwYXRoIGQ9Ik0xNi4zMzIyIDEyLjk2ODNMMTUuMjcxNSAxMS45MDc2TDE4Ljc5NjQgOC4zODI3MkwxNS42MTQ0IDUuMjAwNzRMMTIuMDg5NSA4LjcyNTY0TDExLjAyODkgNy42NjQ5OEwxNC4yOTY2IDQuMzk3MjFDMTUuMDc3NyAzLjYxNjE2IDE2LjE4NTcgMy40NTc4NyAxNi43NzE1IDQuMDQzNjZMMTkuOTUzNSA3LjIyNTY0QzIwLjUzOTMgNy44MTE0MyAyMC4zODEgOC45MTk0NyAxOS41OTk5IDkuNzAwNTFMMTYuMzMyMiAxMi45NjgzWiIgZmlsbD0iIzAwNTJEOSIvPgo8cGF0aCBkPSJNOS42NTczNSAxMy4xNzE0TDEwLjcxOCAxNC4yMzJMMTQuOTYwNiA5Ljk4OTQxTDEzLjkgOC45Mjg3NUw5LjY1NzM1IDEzLjE3MTRaIiBmaWxsPSIjMDA1MkQ5Ii8+Cjwvc3ZnPgo=);background-repeat:no-repeat;background-size:100% auto}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{display:flex;align-items:center;margin:8px 0 16px;font-size:14px;font-weight:400;line-height:22px}div[name=DOC]>h5 .ldesign-header-anchor,div[name=DEMO]>h5 .ldesign-header-anchor,div[name=API]>h5 .ldesign-header-anchor,div[name=DESIGN]>h5 .ldesign-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{margin:16px 0;opacity:0}div[name=DOC] .ldesign-header-anchor,div[name=DEMO] .ldesign-header-anchor,div[name=API] .ldesign-header-anchor,div[name=DESIGN] .ldesign-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;opacity:0;transition:opacity .3s}div[name=DEMO] .ldesign-toc_container.mobile{right:375px}.ldesign-toc_container .ldesign-toc_list{padding-left:0;font-size:12px;line-height:20px;list-style:none;border-left:1px solid var(--component-stroke);transition:all var(--anim-time-fn-easing) .15s}div[name=DESIGN] h5+.legend{margin-top:-16px}div[name=DESIGN] img{display:block;border:1px solid var(--component-border);border-radius:6px}div[name=DESIGN] img.tag{width:25%;max-width:60px;margin:0;border:0}div[name=DESIGN] .legend{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}div[name=DESIGN] .legend .item{width:calc(50% - 12px)}div[name=DOC] image{margin:0;border:1px solid var(--component-stroke);border-radius:6px}div[name=DOC] h3 .tag{padding:0 12px;margin-left:8px;font-size:16px;font-style:normal;font-weight:600;line-height:24px;color:var(--text-secondary);background:var(--component-border);border-radius:3px}div[name=DOC] .image-group{display:flex;flex-wrap:wrap;row-gap:16px;column-gap:16px;margin-top:16px}div[name=DOC] .image-wrapper{box-sizing:border-box;padding:12px;background:var(--bg-color-code);border-radius:6px}@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{box-sizing:border-box;display:inline-block;width:100%;padding:12px 16px;text-decoration:none;cursor:pointer;background:var(--bg-color-card);border-radius:3px;transition:all var(--anim-time-fn-easing) .15s;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);box-shadow:0 6px 30px 5px #0000000d,0 16px 24px 2px #0000000a,0 8px 10px -5px #00000014;transform:translateY(-2px)}div[name=DOC] .image-wrapper .item:hover .name{color:var(--text-primary)}div[name=DOC] .image-wrapper .item img{max-width:100%;height:auto;margin:8px 0;filter:none}div[name=DOC] .image-wrapper .item .name{overflow:hidden;line-height:22px;color:var(--text-secondary);text-overflow:ellipsis;white-space:pre;transition:all .2s linear}div[name=DOC].timeline{position:relative;padding-left:32px;overflow:hidden}div[name=DOC].timeline:after{position:absolute;top:24px;left:3px;width:2px;height:100%;content:"";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;margin-left:24px;font-size:20px;color:var(--text-primary);background:var(--bg-color-tag);border-radius:3px}div[name=DOC].timeline h2:before{position:absolute;left:-32px;z-index:10;box-sizing:border-box;width:8px;height:8px;content:"";background:var(--bg-color-docpage);border:2px solid var(--brand-main);border-radius:50%;outline:8px solid var(--bg-color-docpage)}div[name=DOC].timeline h2:last-of-type:after{position:absolute;top:30px;left:-32px;z-index:10;width:8px;height:9999px;content:"";background:var(--bg-color-docpage)}div[name=DOC].timeline h3{font-size:20px;line-height:28px}.ldesign-toc_container{position:absolute;top:316px;right:24px;box-sizing:border-box;width:240px;max-height:480px;padding-right:10px;overflow:hidden auto}@media screen and (max-width: 960px){.ldesign-toc_container{display:none}}.ldesign-toc_container::-webkit-scrollbar-corner{width:0}.ldesign-toc_container::-webkit-scrollbar{width:12px;height:12px;background:transparent}.ldesign-toc_container::-webkit-scrollbar-thumb{background-color:var(--bg-color-scroll);background-clip:content-box;border:4px solid transparent;border-radius:6px}.ldesign-toc_container .ldesign-toc_list{padding-left:0;font-size:12px;line-height:20px;list-style:none;border-left:1px solid var(--component-stroke)}.ldesign-toc_container .ldesign-toc_list .ldesign-toc_list_item{padding-left:0;margin-left:0;list-style:none}.ldesign-toc_container .ldesign-toc_list .ldesign-toc_list_item .ldesign-toc_list{text-indent:16px;border-left:0}.ldesign-toc_container .ldesign-toc_list .ldesign-toc_list_item_a{display:block;padding-left:16px;margin-bottom:4px;margin-left:-1px;overflow:hidden;color:var(--text-secondary);text-decoration:none;text-overflow:ellipsis;white-space:nowrap;border-left:1px solid transparent}.ldesign-toc_container .ldesign-toc_list .ldesign-toc_list_item_a:hover{color:var(--text-primary)}.ldesign-toc_container .ldesign-toc_list .ldesign-toc_list_item_a.active{color:var(--brand-main);border-left:1px solid var(--brand-main)}.LDesign-avatar{display:inline-flex;align-items:center;justify-content:center;margin-right:8px}.LDesign-avatar .avatar{display:inline-block;width:40px;height:40px}.LDesign-avatar .avatar img{width:40px;height:40px;border-radius:100%}:host{position:fixed;right:24px;bottom:80px;z-index:300}:host .LDesign-backtop{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--text-secondary);cursor:pointer;visibility:hidden;background-color:var(--component-border);border-radius:6px;opacity:0;backdrop-filter:blur(10px)}:host .LDesign-backtop.show{visibility:visible;opacity:1}:host .LDesign-backtop:hover{color:var(--text-primary)}:host .LDesign-backtop:hover .LDesign-backtop__inner{transform:scale(.95)}:host .LDesign-backtop__inner{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:calc(100% - 2px);height:calc(100% - 2px);background-color:var(--bg-color-container-transparent);border-radius:5px}:host .LDesign-backtop__inner svg{width:20px;height:20px}:host{display:inline;padding:2px 6px;margin:0 2px;font-size:12px;line-height:calc(100% + 8px);color:var(--error-8);background:var(--error-1);border-radius:3px}.LDesign-code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}:host{display:block}.LDesign-code-block{overflow:hidden;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;border:1px solid var(--component-border);border-radius:6px}.LDesign-code-block__header{position:relative;box-sizing:border-box;display:flex;min-height:48px;overflow:auto hidden;box-shadow:var(--header-box-shadow)}.LDesign-code-block__header .header-panel{display:inline-flex;align-items:center;justify-content:center;padding:8px;cursor:pointer}.LDesign-code-block__header .header-panel:hover .panel-inner{background:var(--bg-color-container-hover)}.LDesign-code-block__header .header-panel .panel-inner{padding:8px;border-radius:3px}.LDesign-code-block__header .header-panel .panel-inner.active{color:var(--brand-main)}.LDesign-code-block__header .active-line{position:absolute;bottom:0;left:0;z-index:10;height:1px;background:var(--brand-main)}.LDesign-code-block__body{box-sizing:border-box;max-height:334px;background-color:var(--bg-color-code)}.LDesign-code-block__body pre{box-sizing:border-box;max-height:334px;padding:24px;margin:0;overflow:auto;color:var(--text-primary);background:var(--bg-color-code)}.LDesign-code-block__body pre:hover::-webkit-scrollbar-thumb{background-color:var(--bg-color-scroll)}.LDesign-code-block__body pre::-webkit-scrollbar{width:12px;height:12px;background:transparent}.LDesign-code-block__body pre::-webkit-scrollbar-corner{width:0}.LDesign-code-block__body pre::-webkit-scrollbar-thumb{background-color:transparent;background-clip:content-box;border:4px solid transparent;border-radius:6px}.LDesign-collapse-menu{position:relative;display:flex;align-items:center;height:var(--header-height)}.LDesign-collapse-menu .collapse-icon{width:24px;height:24px;cursor:pointer}.LDesign-collapse-menu .collapse-icon svg{color:var(--text-primary)}.LDesign-collapse-menu__list{box-sizing:border-box;display:flex;flex-direction:column;width:240px;min-height:32px;padding:8px;backdrop-filter:blur(6px)}.LDesign-collapse-menu__list .link+.link{margin-top:4px}.LDesign-collapse-menu__list .link{box-sizing:border-box;display:flex;align-items:center;height:32px;padding:8px;font-size:14px;color:var(--text-secondary);text-decoration:none;border-radius:3px}.LDesign-collapse-menu__list .link:hover{color:var(--text-primary);background:var(--bg-color-container-hover)}.LDesign-collapse-menu__list .link .icon{max-width:16px;max-height:16px;margin-right:8px}.LDesign-collapse-menu__list .link svg{width:16px;height:16px}.LDesign-collapse-menu__list .link.active{color:var(--text-primary);background:var(--bg-color-container-select)}.LDesign-collapse-menu__list .link.disabled{cursor:no-drop}.LDesign-collapse-menu__list .link .disable-tag,.LDesign-collapse-menu__list .link .alpha-tag,.LDesign-collapse-menu__list .link .beta-tag{padding:2px 4px;margin-left:8px;font-size:12px;border-radius:var(--border-radius)}.LDesign-collapse-menu__list .link .disable-tag{color:var(--text-secondary);background:var(--bg-color-tag)}.LDesign-collapse-menu__list .link .alpha-tag{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;color:var(--brand-main);background:var(--brand-main-light)}.LDesign-collapse-menu__list .link .beta-tag{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;color:var(--success-main);background:var(--success-main-light)}.LDesign-collapse-menu__list .divider{width:100%;height:1px;margin:8px 0;background-color:var(--component-stroke)}.LDesign-collapse-menu__list .divider+.title{margin-top:0}.LDesign-collapse-menu__list .title{margin:8px 8px 4px;font-size:12px;color:var(--text-placeholder)}.LDesign-collapse-menu__list td-theme-tabs{margin-top:4px}.LDesign-contributors .title{margin:48px 0 16px;font-size:20px;font-weight:700;line-height:28px}.LDesign-contributors__content{display:flex;flex-wrap:wrap}.LDesign-contributors__content td-tooltip{margin-right:8px}.LDesign-contributors__content img{width:40px;height:40px;border-radius:100%}.LDesign-contributors__content .avatar{display:inline-block;width:40px;height:40px}:host{--collapse-display: none}@media screen and (max-width: 1200px){:host{--collapse-display: flex}}.LDesign-doc-aside{position:absolute;top:64px;left:0;z-index:800;box-sizing:border-box;width:var(--aside-width, 260px);height:100vh;padding-bottom:32px;color:var(--text-secondary);background:var(--bg-color-container);outline:9999px solid transparent;box-shadow:var(--aside-box-shadow);transition:all var(--anim-time-fn-easing) .15s}.LDesign-doc-aside.hide{transform:translate3d(calc(-1 * var(--aside-width)),0,0)}.LDesign-doc-aside.show{outline-color:var(--text-disabled);transform:translateZ(0)}.LDesign-doc-aside.show+.LDesign-doc-aside-mask{display:block}.LDesign-doc-aside:after{position:absolute;bottom:-100px;left:0;width:100%;height:100px;content:"";background-color:var(--bg-color-container)}.LDesign-doc-aside__title{height:40px;margin:8px 12px;font-family:TencentSansW7;font-size:14px;font-weight:400;line-height:40px}.LDesign-doc-aside__extra{position:relative;display:block;max-width:calc(var(--aside-width) - 24px);padding:0 12px}.LDesign-doc-aside-mask{position:fixed;top:0;left:0;z-index:600;display:none;width:100%;height:100%;content:""}.LDesign-doc-aside-collapse{position:fixed;top:160px;left:var(--aside-width);display:var(--collapse-display);align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--bg-color-container);border-radius:0 3px 3px 0;box-shadow:2px 0 8px #00000042}.LDesign-doc-aside-collapse .icon svg{width:24px;height:24px;color:var(--text-primary)}.LDesign-doc-sidenav{height:100%;padding:0 0 0 12px;overflow:auto}.LDesign-doc-sidenav:hover::-webkit-scrollbar-thumb{background-color:var(--bg-color-scroll)}.LDesign-doc-sidenav::-webkit-scrollbar{width:12px;background:transparent}.LDesign-doc-sidenav::-webkit-scrollbar-thumb{background-color:transparent;background-clip:content-box;border:4px solid transparent;border-radius:6px}.LDesign-doc-sidenav-group__title{position:relative;box-sizing:border-box;display:flex;align-items:center;height:40px;padding:14px 12px 4px;margin-top:8px;font-size:12px;color:var(--text-placeholder);border-radius:var(--border-radius)}.LDesign-doc-sidenav-group__children{overflow:hidden}.LDesign-doc-sidenav-item{position:relative;max-width:calc(var(--aside-width) - 24px);margin-top:4px}.LDesign-doc-sidenav-item .LDesign-doc-sidenav-link{display:block;height:40px;padding:0 12px;overflow:hidden;line-height:40px;color:var(--text-secondary);text-decoration:none;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--border-radius)}.LDesign-doc-sidenav-item .LDesign-doc-sidenav-link:hover{color:var(--text-primary);background:var(--bg-color-container-hover)}.LDesign-doc-sidenav-item .LDesign-doc-sidenav-link.active{color:var(--text-anti);background-color:var(--brand-main)}.LDesign-doc-badge{position:relative;z-index:110}.LDesign-doc-content{position:relative;display:flex;flex-direction:column;background:var(--bg-color-docpage);transition:all var(--anim-time-fn-easing) .15s}.LDesign-doc-content.hidden{visibility:hidden;opacity:0}.LDesign-doc-content.show{visibility:visible;opacity:1}.LDesign-doc-content .LDesign-doc-body{min-height:calc(100vh - var(--footer-height));padding-right:var(--content-padding-right);color:var(--text-primary)}.LDesign-doc-content .LDesign-doc-body__inner{box-sizing:border-box;width:100%;min-width:320px;max-width:var(--content-max-width);padding:64px var(--content-padding-left-right) 120px var(--content-padding-left-right);margin:0 auto}.LDesign-doc-content__backtop{position:fixed;right:24px;bottom:40px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--text-secondary);cursor:pointer;visibility:hidden;background-color:var(--bg-color-scroll);border-radius:100%;opacity:0}.LDesign-doc-content__backtop.show{visibility:visible;opacity:1}.LDesign-doc-content__backtop:hover{color:var(--text-primary);background-color:var(--text-disabled)}.LDesign-doc-copy{position:relative;height:32px}.LDesign-doc-copy.dark .LDesign-doc-copy__inner:hover{background-color:var(--bg-color-component-hover)}.LDesign-doc-copy__inner{box-sizing:border-box;display:inline-flex;width:32px;height:32px;padding:8px;color:var(--text-secondary);cursor:pointer;user-select:none;border-radius:var(--border-radius)}.LDesign-doc-copy__inner:hover{color:var(--text-primary);background-color:var(--bg-color-demo-hover)}.LDesign-doc-copy__popup{position:absolute;top:-36px;left:-12px;padding:4px 8px;line-height:22px;color:var(--text-primary);word-break:keep-all;visibility:hidden;background-color:var(--bg-color-container);border-radius:var(--border-radius);box-shadow:0 3px 14px 2px #0000000d,0 8px 10px 1px #0000000f,0 5px 5px -3px #0000001a;opacity:0}.LDesign-doc-copy__popup:after{position:absolute;bottom:-12px;left:50%;z-index:2;width:0;height:0;margin-left:-6px;font-size:12px;content:"";border-color:transparent;border-style:solid;border-width:6px;border-top-color:var(--bg-color-container)}.LDesign-doc-copy__popup.show{visibility:visible;opacity:1}.LDesign-doc-demo{margin:24px 0 48px;color:var(--text-primary);background-color:var(--bg-color-demo);border:1px solid var(--component-border);border-radius:6px;transition:all var(--anim-time-fn-easing) .15s}.LDesign-doc-demo.open{background:var(--bg-color-code)}.LDesign-doc-demo.open .LDesign-doc-demo__footer{border-radius:6px}.LDesign-doc-demo.open .LDesign-doc-demo__btns{position:relative}.LDesign-doc-demo.open .LDesign-doc-demo__btns:after{position:absolute;top:100%;left:0;z-index:1;width:100%;height:20px;content:"";background:var(--bg-color-code-linear)}.LDesign-doc-demo.open .LDesign-doc-demo__btns .action:hover{background-color:var(--bg-color-component-hover)}.LDesign-doc-demo__footer{border-radius:0 0 5px 5px}.LDesign-doc-demo__btns{box-sizing:border-box;display:flex;column-gap:8px;align-items:center;justify-content:flex-end;height:48px;padding:8px}.LDesign-doc-demo__btns .action{box-sizing:border-box;display:inline-flex;width:32px;height:32px;padding:8px;color:var(--text-secondary);cursor:pointer;user-select:none;border-radius:var(--border-radius)}.LDesign-doc-demo__btns .action:hover{color:var(--text-primary);background-color:var(--bg-color-demo-hover)}.LDesign-doc-demo__btns .action.active{color:var(--text-primary);background-color:var(--bg-color-demo-select)}.LDesign-doc-demo__code{max-height:560px;overflow:hidden;border-radius:0 0 6px 6px}.LDesign-doc-demo__code pre{box-sizing:border-box;max-height:560px;padding:20px 24px;margin:0;overflow:auto;color:var(--text-primary);background:var(--bg-color-code);border-top:1px solid var(--component-border)}.LDesign-doc-demo__code pre:hover::-webkit-scrollbar-thumb{background-color:var(--bg-color-scroll)}.LDesign-doc-demo__code pre::-webkit-scrollbar{width:12px;height:12px;background:transparent}.LDesign-doc-demo__code pre::-webkit-scrollbar-corner{width:0}.LDesign-doc-demo__code pre::-webkit-scrollbar-thumb{background-color:transparent;background-clip:content-box;border:4px solid transparent;border-radius:6px}.LDesign-doc-empty .light{display:var(--theme-block-light-display)}.LDesign-doc-empty .dark{display:var(--theme-block-dark-display)}.LDesign-doc-empty__design{display:flex;align-items:center;justify-content:center;padding:48px;border:1px solid var(--component-border);border-radius:6px}.LDesign-doc-empty__design img{width:50%;min-width:240px;height:auto}:host{width:100%;background-color:var(--bg-color-container);box-shadow:var(--header-box-shadow);position:relative}@media screen and (max-width: 960px){:host{--spline-visible: hidden;--issue-display: none}}.LDesign-doc-header{height:var(--doc-header-height);padding-right:var(--content-padding-right)}.LDesign-doc-header__iframe{position:absolute;top:0;right:0;width:100%;height:252px;box-sizing:border-box;z-index:100}.LDesign-doc-header__iframe iframe{width:100%;height:100%;outline:none;border:none;transition:.3s;opacity:0}.LDesign-doc-header__time{position:absolute;right:0;z-index:100;bottom:0;transform:translateY(50%)}.LDesign-doc-header__inner{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:100%;min-width:320px;max-width:var(--content-max-width);height:100%;padding:48px var(--content-padding-left-right);margin:0 auto}.LDesign-doc-header__thumb.light{display:var(--theme-block-light-display)}.LDesign-doc-header__thumb.dark{display:var(--theme-block-dark-display)}.LDesign-doc-header__badge{display:flex;max-width:100%}.LDesign-doc-header__badge img{margin-right:8px}.LDesign-doc-header__background{position:absolute;bottom:0;left:0;z-index:99;width:100%;height:100%;background:var(--bg-color-container);box-shadow:var(--header-box-shadow);transition:all var(--anim-time-fn-easing) .15s}.LDesign-doc-header__content{position:relative;z-index:500;display:flex;flex:1;flex-direction:column;align-items:flex-end;justify-content:flex-end;margin-top:130px}.LDesign-doc-header__info{position:absolute;bottom:0;left:0}.LDesign-doc-header__info-title{margin:0 0 12px;font-size:28px;line-height:56px;color:var(--text-primary);text-align:left}.LDesign-doc-header__info-describe{box-sizing:border-box;width:100%;margin-top:8px;font-size:14px;line-height:22px;color:var(--text-secondary)}:host{font-size:14px;line-height:24px}.LDesign-doc-history{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;color:var(--text-primary);background-color:var(--bg-color-code);border:1px solid var(--component-border);border-radius:6px}.LDesign-doc-history .icon{display:inline-flex;margin-right:8px}.LDesign-doc-history .icon svg{color:var(--text-placeholder)}.LDesign-doc-history .text{margin-right:4px;color:var(--text-secondary)}:host{position:absolute;top:calc(100% - 60px);right:24px;z-index:500}@media screen and (max-width: 750px){:host{--issue-display: none}}.LDesign-component-issue{display:var(--issue-display, flex);align-items:center;height:32px;padding:4px;color:var(--text-primary);background:var(--bg-color-component-transparent);border-radius:6px;box-shadow:var(--popup-box-shadow);backdrop-filter:blur(10px)}.LDesign-component-issue .item{display:flex;align-items:center;padding:5px 8px;line-height:22px;color:var(--text-primary);text-decoration:none;cursor:pointer;border-radius:var(--border-radius)}.LDesign-component-issue .item:hover{background:var(--bg-color-component-hover)}.LDesign-component-issue i{width:16px;height:16px;margin-right:8px}:host{--content-margin-left: var(--aside-width)}@media screen and (max-width: 1200px){:host{--content-margin-left: 0}}.LDesign-page-doc{max-width:100vw;min-height:100vh;overflow-x:hidden}.LDesign-page-doc .LDesign-body{min-height:100vh;transition:.2s}.LDesign-page-doc .LDesign-body.row{margin-left:var(--content-margin-left)}:host{--phone-display: block;--phone-collapse-display: none;--phone-body-height: 520px}@media screen and (max-width: 960px){:host{--phone-display: none;--phone-collapse-display: flex}}.LDesign-doc-phone{position:absolute;top:316px;right:24px;display:var(--phone-display);width:375px;width:min(75vw,375px);border:1px solid var(--component-border);border-radius:6px;outline:9999px solid transparent}.LDesign-doc-phone.hide{visibility:hidden;opacity:0}.LDesign-doc-phone.show{position:fixed;top:50%!important;left:50%;z-index:800;display:block;visibility:visible;outline-color:var(--text-disabled);opacity:1;transform:translate3d(-50%,-50%,0)}.LDesign-doc-phone.show .LDesign-doc-phone__close{visibility:visible;opacity:1}.LDesign-doc-phone.show+.LDesign-doc-phone-mask{display:block}.LDesign-doc-phone__close{position:absolute;top:42px;right:-42px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;visibility:hidden;background-color:var(--bg-color-container);border:1px solid var(--component-border);border-radius:0 6px 6px 0;opacity:0}.LDesign-doc-phone__close svg{width:24px;height:24px;color:var(--text-primary)}.LDesign-doc-phone__header{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:12px;background:var(--bg-color-demo);border-radius:6px 6px 0 0}.LDesign-doc-phone__header input{flex:1;height:36px;padding:0 8px;margin:0 8px;background-color:var(--bg-color-secondarypage);border:none;border-radius:4px;outline:none}.LDesign-doc-phone__header button{display:flex;flex-direction:row;align-items:center;justify-content:center;height:36px;padding:0 14px;font-size:14px;color:var(--text-anti);cursor:pointer;background-color:var(--td-brand-color);border:none;border-radius:4px;outline:none}.LDesign-doc-phone__header-icons{display:flex;height:100%}.LDesign-doc-phone__header-icons .icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius)}.LDesign-doc-phone__header-icons .icon:hover{color:var(--text-primary);background-color:var(--bg-color-demo-hover)}.LDesign-doc-phone__header-icons .icon.active{color:var(--text-primary);background-color:var(--bg-color-demo-select)}.LDesign-doc-phone__header-icons .qrcode-wrapper{display:flex;align-items:center;justify-content:center;max-width:200px;max-height:200px;overflow:hidden;border-radius:3px}.LDesign-doc-phone__body{width:100%;height:var(--phone-body-height);background-color:var(--bg-color-demo);border-radius:0 0 6px 6px}.LDesign-doc-phone-mask{position:fixed;top:0;left:0;z-index:300;display:none;width:100%;height:100%;content:""}.LDesign-doc-phone-collapse{position:fixed;top:400px;right:0;z-index:400;display:var(--phone-collapse-display);align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--bg-color-container);border-radius:3px 0 0 3px;box-shadow:2px 0 8px #00000042}.LDesign-doc-phone-collapse .icon svg{width:24px;height:24px;color:var(--text-primary)}.LDesign-doc-popup{box-sizing:border-box;flex-shrink:0}:host{--block-base-width: 16px;position:absolute;top:228px;z-index:500}@media screen and (max-width: 960px){:host{--block-base-width: 14px}}.LDesign-doc-tabs{box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:calc(var(--block-base-width) * 3);cursor:pointer;background:var(--bg-color-tab);border:1px solid var(--component-border);border-radius:6px;transition:all var(--anim-time-fn-easing) .15s}.LDesign-doc-tabs__block{position:absolute;left:4px;height:calc(100% - 8px);background-color:var(--bg-color-tab-select);border-radius:var(--border-radius);box-shadow:0 2px 4px #00000026;transition:all var(--anim-time-fn-easing) .15s}.LDesign-doc-tabs .item+.item{margin-left:8px}.LDesign-doc-tabs .item{position:relative;box-sizing:border-box;padding:8px calc(var(--block-base-width) * 1.5);margin:4px;font-size:var(--block-base-width);color:var(--text-secondary);word-break:keep-all;white-space:nowrap;border-radius:var(--border-radius)}.LDesign-doc-tabs .item:hover,.LDesign-doc-tabs .item.active{color:var(--text-primary)}code[class*=language-],pre[class*=language-]{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:1em;hyphens:none;line-height:1.5em;text-align:left;word-break:normal;word-wrap:normal;tab-size:4;white-space:pre;word-spacing:normal}code[class*=language-]::selection,pre[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-] ::selection{color:#263238;background:#d6dbe3}:not(pre)>code[class*=language-]{padding:.1em;white-space:normal;border-radius:.2em}pre[class*=language-]{position:relative;overflow:auto}.language-css>code,.language-sass>code,.language-scss>code{color:#c24c08}[class*=language-] .namespace{opacity:.7}.token.atrule{color:#6d3bac}.token.attr-name{color:#007edf}.token.attr-value,.token.attribute{color:#d29c00}.token.boolean{color:#6d3bac}.token.builtin,.token.cdata,.token.char,.token.class{color:#007edf}.token.class-name{color:#003cbf}.token.comment{color:#97a3b7}.token.constant{color:#6d3bac}.token.deleted{color:#b01531}.token.doctype{color:#97a3b7}.token.entity{color:#b01531}.token.function{color:#6d3bac}.token.hexcode{color:#c24c08}.token.id,.token.important{font-weight:700;color:#6d3bac}.token.inserted{color:#007edf}.token.keyword{color:#6d3bac}.token.number{color:#c24c08}.token.operator{color:#007edf}.token.prolog{color:#97a3b7}.token.property{color:#007edf}.token.pseudo-class,.token.pseudo-element{color:#d29c00}.token.punctuation{color:#007edf}.token.regex{color:#003cbf}.token.selector{color:#b01531}.token.string{color:#d29c00}.token.symbol{color:#6d3bac}.token.tag{color:#b01531}.token.unit{color:#c24c08}.token.url,.token.variable{color:#b01531}:root[theme-mode=dark] code[class*=language-],:root[theme-mode=dark] pre[class*=language-]{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:1em;hyphens:none;line-height:1.5em;text-align:left;word-break:normal;word-wrap:normal;tab-size:4;white-space:pre;word-spacing:normal}:root[theme-mode=dark] code[class*=language-]::selection,:root[theme-mode=dark] pre[class*=language-]::selection,:root[theme-mode=dark] code[class*=language-] ::selection,:root[theme-mode=dark] pre[class*=language-] ::selection{color:#263238;background:#d6dbe3}:root[theme-mode=dark] :not(pre)>code[class*=language-]{padding:.1em;white-space:normal;border-radius:.2em}:root[theme-mode=dark] pre[class*=language-]{position:relative;overflow:auto}:root[theme-mode=dark] .language-css>code,:root[theme-mode=dark] .language-sass>code,:root[theme-mode=dark] .language-scss>code{color:#f2995f}:root[theme-mode=dark] [class*=language-] .namespace{opacity:.7}:root[theme-mode=dark] .token.atrule{color:#ae78f0}:root[theme-mode=dark] .token.attr-name{color:#3280ff}:root[theme-mode=dark] .token.attr-value{color:#fbca25}:root[theme-mode=dark] .token.attribute{color:#fbca25}:root[theme-mode=dark] .token.boolean{color:#ae78f0}:root[theme-mode=dark] .token.builtin{color:#3280ff}:root[theme-mode=dark] .token.cdata{color:#3280ff}:root[theme-mode=dark] .token.char{color:#3280ff}:root[theme-mode=dark] .token.class{color:#3280ff}:root[theme-mode=dark] .token.class-name{color:#5cc5fc}:root[theme-mode=dark] .token.comment{color:#97a3b7}:root[theme-mode=dark] .token.constant{color:#ae78f0}:root[theme-mode=dark] .token.deleted{color:#48c79c}:root[theme-mode=dark] .token.doctype{color:#97a3b7}:root[theme-mode=dark] .token.entity{color:#48c79c}:root[theme-mode=dark] .token.function{color:#ae78f0}:root[theme-mode=dark] .token.hexcode{color:#f2995f}:root[theme-mode=dark] .token.id{font-weight:700;color:#ae78f0}:root[theme-mode=dark] .token.important{font-weight:700;color:#f6c}:root[theme-mode=dark] .token.inserted{color:#3280ff}:root[theme-mode=dark] .token.keyword{color:#f6c}:root[theme-mode=dark] .token.number{color:#f2995f}:root[theme-mode=dark] .token.operator{color:#3280ff}:root[theme-mode=dark] .token.prolog{color:#97a3b7}:root[theme-mode=dark] .token.property{color:#3280ff}:root[theme-mode=dark] .token.pseudo-class{color:#fbca25}:root[theme-mode=dark] .token.pseudo-element{color:#fbca25}:root[theme-mode=dark] .token.punctuation{color:#3280ff}:root[theme-mode=dark] .token.regex{color:#5cc5fc}:root[theme-mode=dark] .token.selector{color:#f36d78}:root[theme-mode=dark] .token.string{color:#fbca25}:root[theme-mode=dark] .token.symbol{color:#f6c}:root[theme-mode=dark] .token.tag{color:#48c79c}:root[theme-mode=dark] .token.unit{color:#f2995f}:root[theme-mode=dark] .token.url{color:#48c79c}:root[theme-mode=dark] .token.variable{color:#48c79c}:host{--context-max-height: 400px}:host td-select{--input-width: 120px}.LDesign-doc-usage{overflow:hidden;border:1px solid var(--component-border);border-radius:6px}.LDesign-doc-usage__content{display:flex;justify-content:space-between;height:var(--context-max-height);transition:.2s;background:var(--bg-color-demo)}.LDesign-doc-usage__render{display:flex;flex:1;flex-direction:column;justify-content:space-between;min-width:365px;max-width:calc(100% - 240px)}.LDesign-doc-usage__render-slot{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;height:100%;padding:16px;overflow:auto}.LDesign-doc-usage__render-slot::-webkit-scrollbar-corner{width:0}.LDesign-doc-usage__render-slot::-webkit-scrollbar{width:12px;height:12px;background:transparent}.LDesign-doc-usage__render-slot::-webkit-scrollbar-thumb{background-color:var(--bg-color-scroll);background-clip:content-box;border:4px solid transparent;border-radius:6px}.LDesign-doc-usage__render-header{position:relative;box-sizing:border-box;display:flex;min-height:48px;overflow:auto hidden;box-shadow:var(--header-box-shadow)}.LDesign-doc-usage__render-header .header-panel{display:inline-flex;align-items:center;justify-content:center;padding:8px;cursor:pointer}.LDesign-doc-usage__render-header .header-panel:hover .panel-inner{background:var(--bg-color-container-hover)}.LDesign-doc-usage__render-header .header-panel .panel-inner{padding:8px;border-radius:3px}.LDesign-doc-usage__render-header .header-panel .panel-inner.active{color:var(--brand-main)}.LDesign-doc-usage__render-header .active-line{position:absolute;bottom:0;left:0;z-index:10;height:1px;background:var(--brand-main)}.LDesign-doc-usage__render-footer{box-sizing:border-box;display:flex;flex-shrink:0;gap:8px;align-items:center;justify-content:flex-end;height:48px;padding:0 8px}.LDesign-doc-usage__render-footer .action{box-sizing:border-box;display:inline-flex;width:32px;height:32px;padding:8px;color:var(--text-secondary);cursor:pointer;user-select:none;border-radius:var(--border-radius)}.LDesign-doc-usage__render-footer .action:hover{color:var(--text-primary);background-color:var(--bg-color-demo-hover)}.LDesign-doc-usage__render-footer .action.active{color:var(--text-primary);background-color:var(--bg-color-demo-select)}.LDesign-doc-usage__config{box-sizing:border-box;flex-shrink:0;width:320px;border-left:1px solid var(--component-stroke)}.LDesign-doc-usage__config-title{box-sizing:border-box;display:flex;gap:4px;align-items:center;height:48px;padding:12px 16px;border-bottom:1px solid var(--component-stroke)}.LDesign-doc-usage__config-title span{font-size:14px;line-height:24px;color:var(--text-primary)}.LDesign-doc-usage__config-title i{display:inline-flex}.LDesign-doc-usage__config-content{box-sizing:border-box;display:flex;flex-direction:column;gap:12px;max-height:352px;padding:16px;overflow:hidden auto}.LDesign-doc-usage__config-content::-webkit-scrollbar-corner{width:0}.LDesign-doc-usage__config-content::-webkit-scrollbar{width:12px;height:12px;background:transparent}.LDesign-doc-usage__config-content::-webkit-scrollbar-thumb{background-color:var(--bg-color-scroll);background-clip:content-box;border:4px solid transparent;border-radius:6px}.LDesign-doc-usage__config-divider{width:100%;border-top:1px solid var(--component-stroke)}.LDesign-doc-usage__config-list{display:flex;flex-direction:column;gap:4px;padding:0;margin:0;list-style:none}.LDesign-doc-usage__config-list .item{box-sizing:border-box;display:inline-flex;align-items:flex-start;justify-content:space-between;min-height:32px;padding:6px 0}.LDesign-doc-usage__config-list .item .prefix{display:flex;flex:1;flex-direction:column;align-items:flex-start}.LDesign-doc-usage__config-list .item .title{width:90%;overflow:hidden;color:var(--text-secondary);text-overflow:ellipsis}.LDesign-doc-usage__config-list .item .name{width:90%;overflow:hidden;color:var(--text-disabled);font-size:10px;text-overflow:ellipsis}.LDesign-doc-usage__code{max-height:240px;overflow:hidden;border-radius:0 0 6px 6px}.LDesign-doc-usage__code pre{box-sizing:border-box;max-height:240px;padding:20px 24px;margin:0;overflow:auto;color:var(--text-primary);background:var(--bg-color-code)}.LDesign-doc-usage__code pre:hover::-webkit-scrollbar-thumb{background-color:var(--bg-color-scroll)}.LDesign-doc-usage__code pre::-webkit-scrollbar{width:12px;height:12px;background:transparent}.LDesign-doc-usage__code pre::-webkit-scrollbar-corner{width:0}.LDesign-doc-usage__code pre::-webkit-scrollbar-thumb{background-color:transparent;background-clip:content-box;border:4px solid transparent;border-radius:6px}:host{position:relative;--header-inner-max-width: 100%;--header-inner-padding: 0 24px;--search-display: block}@media screen and (max-width: 1200px){:host{--search-display: none}}.LDesign-header{position:relative;z-index:1000;height:var(--header-height);color:var(--text-secondary);background-color:var(--bg-color-container);box-shadow:var(--header-box-shadow);transition:all var(--anim-time-fn-easing) .15s}.LDesign-header-link{margin-right:1em;color:inherit}.LDesign-header-link:hover{color:var(--td-brand-color)}.LDesign-header-link svg{fill:currentColor;width:1.6em;height:1.6em}.LDesign-header-inner{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;max-width:var(--header-inner-max-width);height:100%;padding:var(--header-inner-padding);margin:auto}.LDesign-header-left{display:flex;align-items:center}.LDesign-header .slot-search{display:var(--search-display)}.LDesign-header-nav{display:flex;column-gap:8px;align-items:center;justify-content:flex-start}.LDesign-header-nav__link{box-sizing:border-box;display:inline-block;flex-shrink:0;height:32px;padding:4px 16px;line-height:24px;color:var(--text-primary);text-decoration:none;word-break:keep-all;vertical-align:middle;cursor:pointer;border-radius:var(--border-radius)}.LDesign-header-nav__link:hover{background:var(--bg-color-container-hover)}.LDesign-header-nav__link:hover .icon svg path{d:path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425")}.LDesign-header-nav__link.active{color:var(--text-primary);background:var(--bg-color-container-select)}.LDesign-header-nav__link .icon{display:inline-block;width:16px;height:16px;margin-top:-4px;margin-left:4px;vertical-align:middle}.LDesign-header-nav__link .icon svg path{stroke:currentcolor}.LDesign-header-nav__git{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-primary);border-radius:var(--border-radius)}.LDesign-header-nav__git:hover{background:var(--bg-color-container-hover)}.LDesign-header-nav__git-icon{display:inline-block;width:24px;height:24px}.LDesign-header-nav td-theme-tabs{margin-left:8px}.LDesign-header-logo{display:inline-flex;align-items:center;height:32px;text-decoration:none;color:var(--text-primary);transition:all var(--anim-time-fn-easing) .15s}.LDesign-header-logo a{text-decoration:none;color:inherit}.LDesign-header-logo a img{height:32px;margin-right:16px}.LDesign-header-logo b{font-size:12px;font-weight:400;background-color:var(--td-error-color);color:#fff;padding:3px 6px;border-radius:10px 6px 10px 0}.LDesign-header-logo .home{color:var(--td-gray-color-14);display:flex;flex-direction:row;align-items:center;text-decoration:none}.LDesign-header-logo .version{font-size:12px;font-weight:400;margin:4px 0 0 8px}.LDesign-header-logo .home svg{display:block;height:32px}.LDesign-header-logo .divider{width:1px;height:16px;margin:0 16px;background:var(--component-stroke);transition:all var(--anim-time-fn-easing) .15s}.LDesign-header-logo{font-size:24px;font-weight:700}.LDesign-header-logo__menu{height:32px;cursor:pointer}.LDesign-header-logo__menu svg{box-sizing:border-box;width:32px;height:32px;padding:4px;color:var(--text-secondary);border-radius:var(--border-radius)}.LDesign-header-logo__menu svg:hover{background-color:var(--bg-color-container-hover)}.LDesign-message .t-message{position:fixed;top:0;left:50%;box-sizing:border-box;display:flex;align-items:center;width:fit-content;padding:13px 16px;font-size:14px;line-height:22px;color:var(--text-primary);background-color:var(--bg-color-container);border-radius:3px;outline:0;box-shadow:var(--shadow-3),var(--shadow-inset-top),var(--shadow-inset-right),var(--shadow-inset-bottom),var(--shadow-inset-left);transform:translate(-50%)}.LDesign-message .t-message.t-message-enter{top:32px}.LDesign-message .t-message.t-message-leave{top:-100px}.LDesign-message .t-message>.t-icon{margin-right:8px;font-size:16px;color:var(--brand-main)}.LDesign-message .t-message.t-is-success>.t-icon{color:var(--success-main)}.LDesign-message .t-message.t-is-warning>.t-icon{color:var(--warning-main)}.LDesign-message .t-message.t-is-error>.t-icon{color:var(--error-main)}:host{--portal-border-radius: 9px;--portal-filter: blur(6px);--portal-background: var(--bg-color-container-transparent);position:absolute;z-index:3000;clip-path:polygon(-10% -10%,110% -10%,110% -10%,-10% -10%);visibility:hidden;opacity:0;transition:clip-path .25s var(--anim-time-fn-easing),opacity .25s linear,visibility .25s linear}:host([visible]){clip-path:polygon(-10% -10%,110% 0%,110% 110%,-10% 110%);visibility:visible;opacity:1}.LDesign-portal{box-sizing:border-box;display:block;padding:var(--portal-padding, 2px);background-color:var(--portal-background);border-radius:var(--portal-border-radius);box-shadow:var(--portal-box-shadow);backdrop-filter:var(--portal-filter)}:host{--input-width: 140px}.LDesign-select-input{box-sizing:border-box;display:inline-flex;gap:8px;align-items:center;width:var(--input-width, 100%);height:32px;padding:0 8px;line-height:32px;border:1px solid var(--component-border);border-radius:3px}.LDesign-select-input:hover{border-color:var(--brand-main)}.LDesign-select-input.focus{border-color:var(--brand-main);box-shadow:0 0 0 2px var(--brand-main-focus)}.LDesign-select-input--borderless{border-color:transparent}.LDesign-select-input--borderless:hover{border-color:var(--component-border)}.LDesign-select-input--borderless.focus{border-color:var(--brand-main);box-shadow:0 0 0 2px var(--brand-main-focus)}.LDesign-select-input__inner{flex:1;min-width:0;max-width:100%;height:100%;padding:0;color:var(--text-primary);background-color:transparent;border:none;outline:none}.LDesign-select-input__inner:read-only{cursor:pointer}.LDesign-select-input .suffix-icon{display:inline-flex}.LDesign-select-input .suffix-icon svg path{stroke:currentcolor;transition:d .2s}.LDesign-select-input .suffix-icon.up svg path{d:path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425")}.td-select-portal{--portal-padding: 0;--portal-filter: none;--portal-border-radius: 3px;--portal-box-shadow: none;--portal-background: var(--bg-color-container)}.LDesign-select-dropdown{box-sizing:border-box;width:var(--input-width, 100%);max-height:300px;padding:6px;overflow:auto;border-radius:3px;box-shadow:var(--shadow-1)}.LDesign-select-dropdown::-webkit-scrollbar{width:12px;background:transparent}.LDesign-select-dropdown::-webkit-scrollbar-thumb{background-color:var(--bg-color-scroll);background-clip:content-box;border:4px solid transparent;border-radius:6px}.LDesign-select-list{display:flex;flex-direction:column;gap:4px;padding:0;margin:0;list-style:none}.LDesign-select-list__item{box-sizing:border-box;height:28px;padding:4px 8px;margin:0;line-height:20px;list-style:none;cursor:pointer;border-radius:3px}.LDesign-select-list__item:hover{background:var(--bg-color-container-hover)}.LDesign-select-list__item.is-active{color:var(--brand-main);background-color:var(--brand-main-light)}.LDesign-switch{position:relative;display:inline-flex;align-items:center;min-width:36px;height:20px;padding:0;vertical-align:middle;cursor:pointer;user-select:none;background-color:var(--bg-color-thead);border:0;border-radius:10px;outline:none;transition:all .2s var(--anim-time-fn-ease-out)}.LDesign-switch.size-small{min-width:28px;height:16px;line-height:16px;border-radius:8px}.LDesign-switch.size-small .LDesign-switch__handle{width:12px;height:12px}.LDesign-switch.size-large{min-width:44px;height:24px;line-height:24px;border-radius:12px}.LDesign-switch.size-large .LDesign-switch__handle{width:20px;height:20px}.LDesign-switch.is-checked{background-color:var(--brand-main)}.LDesign-switch.is-checked .LDesign-switch__handle{left:calc(100% - 2px);transform:translate(-100%)}.LDesign-switch__handle{position:absolute;top:2px;left:2px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:12px;transition:all .2s var(--anim-time-fn-easing)}.LDesign-switch__handle:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background-color:var(--text-anti);border-radius:12px;transition:all .2s var(--anim-time-fn-easing)}.LDesign-switch:active:not(.is-disabled) .LDesign-switch__handle:before{right:-6px;left:0}.LDesign-switch:active:not(.is-disabled).is-checked .LDesign-switch__handle:before{right:0;left:-6px}.LDesign-switch:active:not(.is-disabled) .LDesign-switch__content{opacity:0}:host{flex-shrink:0}.LDesign-theme-tabs{position:relative;box-sizing:border-box;display:flex;justify-content:space-between;width:100%;min-width:60px;height:32px;padding:2px;background:var(--bg-color-component);border-radius:var(--border-radius)}.LDesign-theme-tabs__block{position:absolute;height:calc(100% - 4px);background-color:var(--bg-color-tab-select);border-radius:var(--border-radius);box-shadow:0 2px 4px #00000026;transition:all var(--anim-time-fn-easing) var(--anim-duration-moderate)}.LDesign-theme-tabs .item{position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:50%;height:28px;padding:4px;color:var(--text-disabled);cursor:pointer}.LDesign-theme-tabs .item svg{width:16px;height:16px;pointer-events:none;transition:all .2s linear}.LDesign-theme-tabs .item:hover:not(.active){color:var(--text-secondary)}.LDesign-theme-tabs .item.active.sun{color:#ffbd2e}.LDesign-theme-tabs .item.active.moon{color:#fff}.LDesign-tooltip{position:relative}.LDesign-tooltip[data-placement=top] .LDesign-tooltip__popup{top:-36px}.LDesign-tooltip[data-placement=top] .LDesign-tooltip__popup:after{bottom:-12px;border-top-color:var(--bg-color-container)}.LDesign-tooltip[data-placement=bottom] .LDesign-tooltip__popup{bottom:-36px}.LDesign-tooltip[data-placement=bottom] .LDesign-tooltip__popup:after{top:-12px;border-bottom-color:var(--bg-color-container)}.LDesign-tooltip__popup{position:absolute;left:50%;z-index:900;padding:4px 8px;line-height:22px;color:var(--text-primary);white-space:nowrap;visibility:hidden;background-color:var(--bg-color-container);border-radius:var(--border-radius);box-shadow:0 3px 14px 2px #0000000d,0 8px 10px 1px #0000000f,0 5px 5px -3px #0000001a;opacity:0;transition:all .2s linear;transform:translate(-50%)}.LDesign-tooltip__popup:after{position:absolute;left:50%;z-index:2;width:0;height:0;margin-left:-6px;content:"";border-color:transparent;border-style:solid;border-width:6px}.LDesign-tooltip__popup.show{visibility:visible;opacity:1}