.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:#fff3;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}: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: var(--td-brand-color);--brand-main: var(--td-brand-color);--brand-main-hover: var(--td-brand-color-hover, var(--td-brand-color-active));--brand-main-focus: var(--td-brand-color-focus);--brand-main-disabled: var(--td-brand-color-disabled);--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;--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(https://static.tdesign.tencent.com/react/assets/tencent-w7-CKBjfXer.ttf);font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TCloudNumber;src:url(https://static.tdesign.tencent.com/react/assets/TCloudNumber-DCoPuWtt.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,#ffbd2e,#ff454f,#ffbd2e,#0062fa);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("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.39715%2014.2967C3.6161%2015.0778%203.45781%2016.1858%204.0436%2016.7716L7.22558%2019.9536C7.81137%2020.5393%208.91941%2020.3811%209.70045%2019.6L13.1502%2016.1503L12.0895%2015.0896L8.38266%2018.7965L5.20068%2015.6145L8.90756%2011.9076L7.8469%2010.847L4.39715%2014.2967Z'%20fill='%230052D9'/%3e%3cpath%20d='M16.3322%2012.9683L15.2715%2011.9076L18.7964%208.38272L15.6144%205.20074L12.0895%208.72564L11.0289%207.66498L14.2966%204.39721C15.0777%203.61616%2016.1857%203.45787%2016.7715%204.04366L19.9535%207.22564C20.5393%207.81143%2020.381%208.91947%2019.5999%209.70051L16.3322%2012.9683Z'%20fill='%230052D9'/%3e%3cpath%20d='M9.65735%2013.1714L10.718%2014.232L14.9606%209.98941L13.9%208.92875L9.65735%2013.1714Z'%20fill='%230052D9'/%3e%3c/svg%3e");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("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.39715%2014.2967C3.6161%2015.0778%203.45781%2016.1858%204.0436%2016.7716L7.22558%2019.9536C7.81137%2020.5393%208.91941%2020.3811%209.70045%2019.6L13.1502%2016.1503L12.0895%2015.0896L8.38266%2018.7965L5.20068%2015.6145L8.90756%2011.9076L7.8469%2010.847L4.39715%2014.2967Z'%20fill='%230052D9'/%3e%3cpath%20d='M16.3322%2012.9683L15.2715%2011.9076L18.7964%208.38272L15.6144%205.20074L12.0895%208.72564L11.0289%207.66498L14.2966%204.39721C15.0777%203.61616%2016.1857%203.45787%2016.7715%204.04366L19.9535%207.22564C20.5393%207.81143%2020.381%208.91947%2019.5999%209.70051L16.3322%2012.9683Z'%20fill='%230052D9'/%3e%3cpath%20d='M9.65735%2013.1714L10.718%2014.232L14.9606%209.98941L13.9%208.92875L9.65735%2013.1714Z'%20fill='%230052D9'/%3e%3c/svg%3e");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("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.39715%2014.2967C3.6161%2015.0778%203.45781%2016.1858%204.0436%2016.7716L7.22558%2019.9536C7.81137%2020.5393%208.91941%2020.3811%209.70045%2019.6L13.1502%2016.1503L12.0895%2015.0896L8.38266%2018.7965L5.20068%2015.6145L8.90756%2011.9076L7.8469%2010.847L4.39715%2014.2967Z'%20fill='%230052D9'/%3e%3cpath%20d='M16.3322%2012.9683L15.2715%2011.9076L18.7964%208.38272L15.6144%205.20074L12.0895%208.72564L11.0289%207.66498L14.2966%204.39721C15.0777%203.61616%2016.1857%203.45787%2016.7715%204.04366L19.9535%207.22564C20.5393%207.81143%2020.381%208.91947%2019.5999%209.70051L16.3322%2012.9683Z'%20fill='%230052D9'/%3e%3cpath%20d='M9.65735%2013.1714L10.718%2014.232L14.9606%209.98941L13.9%208.92875L9.65735%2013.1714Z'%20fill='%230052D9'/%3e%3c/svg%3e");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}@media screen and (max-width: 960px){div[name=API]{overflow-x:auto}div[name=API] table{width:225%}}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}code[class*=language-],pre[class*=language-]{text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:1em;line-height:1.5em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}code[class*=language-]::-moz-selection,pre[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-] ::-moz-selection{background:#d6dbe3;color:#263238}code[class*=language-]::selection,pre[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-] ::selection{background:#d6dbe3;color:#263238}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.2em;padding:.1em}pre[class*=language-]{overflow:auto;position:relative}.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{color:#6d3bac;font-weight:700}.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-]{text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:1em;line-height:1.5em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}:root[theme-mode=dark] code[class*=language-]::-moz-selection,:root[theme-mode=dark] pre[class*=language-]::-moz-selection,:root[theme-mode=dark] code[class*=language-] ::-moz-selection,:root[theme-mode=dark] pre[class*=language-] ::-moz-selection{background:#d6dbe3;color:#263238}: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{background:#d6dbe3;color:#263238}:root[theme-mode=dark] :not(pre)>code[class*=language-]{white-space:normal;border-radius:.2em;padding:.1em}:root[theme-mode=dark] pre[class*=language-]{overflow:auto;position:relative}: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{color:#ae78f0;font-weight:700}:root[theme-mode=dark] .token.important{color:#f6c;font-weight:700}: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}