:root{--outer-padding-left-right:48px;--inner-padding-left-right:32px;--scrollbar-width: calc(100vw - 100%) ;--td-site-width-max:1440px}@media screen and (max-width:960px){:root{--outer-padding-left-right:24px;--inner-padding-left-right:24px}}:root[theme-mode=light]{--td-site-color-1:0,0,0;--td-site-color-2:255,255,255;--td-site-color-3:0,82,217;--td-site-color-desc:#6b788c;--td-site-color-border:rgba(var(--td-site-color-2),.9);--td-site-color-border-1:#e5edf7;--td-site-color-home-banner-sub-title:#383838;--td-site-color-home-board-tab:#6e768c;--td-site-color-home-board-switch-active:#0052d9;--td-site-bg-card:rgba(var(--td-site-color-2),.8);--td-site-bg-card-2:rgba(var(--td-site-color-2),1);--td-site-bg-starter-card:#fff;--td-site-bg-starter-card-container:#f9f9fb;--td-site-bg-page:linear-gradient(180deg,#fbfcfe 10%,#f5f8fd 30%,#f5f8fd);--td-site-bg-home-board-switch-active:#fff;--td-site-bg-logo:hsla(0,0%,100%,.55);--td-site-bg-mask:#f5f8fd;--intro-card-steps-image-web:url(https://tdesign.eidcenter.com/assets/web-light-6_OcehEE.png);--intro-card-steps-image-mobile:url(https://tdesign.eidcenter.com/assets/mobile-light-ConpYTy5.png);--zones-li-child-1-image:url(https://tdesign.eidcenter.com/assets/home-aigc-light-cy53VAho.png);--zones-li-child-2-image:url(https://tdesign.eidcenter.com/assets/home-ai-d2c-light-DSPfjX18.png);--td-site-btn-type-1-bg:#fff;--td-site-btn-type-1-bg-hover:rgba(0,0,0,.05);--td-site-btn-type-1-bg-active:rgba(0,0,0,.06);--td-site-btn-type-1-color:#383838;--td-site-btn-type-1-border-color:#e5edf7;--td-site-btn-type-1-box-shadow:0 2px 4px 0 rgba(20,31,56,.06)}:root[theme-mode=dark]{--td-site-color-1:255,255,255;--td-site-color-2:0,0,0;--td-site-color-3:255,255,255;--td-site-color-desc:rgba(var(--td-site-color-1),.45);--td-site-color-border:rgba(var(--td-site-color-1),.09);--td-site-color-border-1:rgba(var(--td-site-color-1),.09);--td-site-color-home-banner-sub-title:#fff;--td-site-color-home-board-tab:rgba(var(--td-site-color-1),.5);--td-site-color-home-board-switch-active:#fff;--td-site-bg-card:#383838;--td-site-bg-card-2:#383838;--td-site-bg-starter-card:#383838;--td-site-bg-starter-card-container:#2c2c2c;--td-site-bg-page:#242424;--td-site-bg-home-board-switch-active:#4b4b4b;--td-site-bg-logo:hsla(0,0%,100%,.85);--td-site-bg-mask:#242424;--intro-card-steps-image-web:url(https://tdesign.eidcenter.com/assets/web-dark-Csbd8FHY.png);--intro-card-steps-image-mobile:url(https://tdesign.eidcenter.com/assets/mobile-dark-B6CryEte.png);--zones-li-child-1-image:url(https://tdesign.eidcenter.com/assets/home-aigc-dark-BzFSXxcW.png);--zones-li-child-2-image:url(https://tdesign.eidcenter.com/assets/home-ai-d2c-dark-Mgv93STK.png);--td-site-btn-type-1-bg:transparent;--td-site-btn-type-1-bg-hover:rgba(0,0,0,.1);--td-site-btn-type-1-bg-active:rgba(0,0,0,.2);--td-site-btn-type-1-color:#fff;--td-site-btn-type-1-border-color:#6a6b6b;--td-site-btn-type-1-box-shadow:0 2px 4px 0 rgba(20,31,56,.06)}.td-site-tag{background-color:#0000001a;border-radius:999px;color:#000;font-size:11px}.td-site-notice{background-color:#000;width:5px}.td-site-dot,.td-site-notice{aspect-ratio:1/1;border-radius:100%;display:block}.td-site-dot{background-color:#0003;position:relative;width:14px}.td-site-dot:after{aspect-ratio:1/1;background-color:#000;border-radius:100%;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.td-site-tag-color__1{color:#4e7af2}.td-site-tag__1{background-color:#4e7af21a;color:#4e7af2}.td-site-notice__1{background-color:#4e7af2}.td-site-dot__1{background-color:#4e7af233}.td-site-dot__1:after{background-color:#4e7af2}.td-site-tag-color__2{color:#f28f2e}.td-site-tag__2{background-color:#f28f2e1a;color:#f28f2e}.td-site-notice__2{background-color:#f28f2e}.td-site-dot__2{background-color:#f28f2e33}.td-site-dot__2:after{background-color:#f28f2e}.td-site-tag-color__3{color:#21c773}.td-site-tag__3{background-color:#21c7731a;color:#21c773}.td-site-notice__3{background-color:#21c773}.td-site-dot__3{background-color:#21c77333}.td-site-dot__3:after{background-color:#21c773}.td-site-tag-color__4{color:#8a59f2}.td-site-tag__4{background-color:#8a59f21a;color:#8a59f2}.td-site-notice__4{background-color:#8a59f2}.td-site-dot__4{background-color:#8a59f233}.td-site-dot__4:after{background-color:#8a59f2}.td-site-tag-color__5{color:#66738c}.td-site-tag__5{background-color:#66738c1a;color:#66738c}.td-site-notice__5{background-color:#66738c}.td-site-dot__5{background-color:#66738c33}.td-site-dot__5:after{background-color:#66738c}.td-site-tag-color__6{color:#e04040}.td-site-tag__6{background-color:#e040401a;color:#e04040}.td-site-notice__6{background-color:#e04040}.td-site-dot__6{background-color:#e0404033}.td-site-dot__6:after{background-color:#e04040}.td-site-tag-color__7{color:#cc4c18}.td-site-tag__7{background-color:#cc4c181a;color:#cc4c18}.td-site-notice__7{background-color:#cc4c18}.td-site-dot__7{background-color:#cc4c1833}.td-site-dot__7:after{background-color:#cc4c18}.td-site-tag-color__8{color:#fff}.td-site-tag__8{background-color:#ffffff1a;color:#fff}.td-site-notice__8{background-color:#fff}.td-site-dot__8{background-color:#fff3}.td-site-dot__8:after{background-color:#fff}@font-face{font-family:tencentW7;font-style:normal;font-weight:400;src:url(https://tdesign.eidcenter.com/assets/TencentSans-W7-BL4KuJzL.ttf)}@font-face{font-family:tencentW3;font-style:normal;font-weight:400;src:url(https://tdesign.eidcenter.com/assets/TencentSans-W3-DvFPx5Sp.ttf)}@keyframes maskRun1{0%{transform:translate3d(-25%,-25%,0)}25%{transform:translate3d(0,25%,0)}50%{transform:translate3d(60%,25%,0)}75%{transform:translate3d(60%,-25%,0)}to{transform:translate3d(-25%,-25%,0)}}@keyframes maskRun2{0%{transform:translate3d(-25%,-25%,0)}25%{transform:translate3d(0,25%,0)}75%{transform:translate3d(60%,25%,0)}50%{transform:translate3d(60%,-25%,0)}to{transform:translate3d(-25%,-25%,0)}}@keyframes maskRun3{0%{transform:translate3d(-25%,-25%,0)}25%{transform:translate3d(60%,-25%,0)}50%{transform:translate3d(0,25%,0)}75%{transform:translate3d(60%,25%,0)}to{transform:translate3d(-25%,-25%,0)}}@keyframes maskRun4{0%{transform:translateY(0,0,0)}25%{transform:translate3d(10%,10%,0)}50%{transform:translate3d(25%,25%,0)}75%{transform:translate3d(10%,10%,0)}to{transform:translateZ(0)}}@keyframes maskRun5{0%{transform:translateY(0,0,0)}25%{transform:translate3d(0,-10%,0)}50%{transform:translate3d(0,-20%,0)}75%{transform:translate3d(0,-10%,0)}to{transform:translateZ(0)}}@keyframes animatedgradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}li{list-style:none}*{-webkit-tap-highlight-color:transparent}.tdesign-homepage{background:var(--td-site-bg-page);overflow:hidden;position:relative;width:100%}.tdesign-homepage td-header{left:0;position:fixed;top:0;width:100%;z-index:1000}.tdesign-homepage .main-page{color:var(--text-primary);margin:-100px auto 0;overflow:hidden;padding:0 var(--outer-padding-left-right);position:relative;z-index:10}.tdesign-homepage .main-page .banner-info{box-sizing:border-box;color:var(--td-site-color-home-banner-sub-title);display:flex;justify-content:space-between;margin:0 auto 30px;max-width:1440px;position:relative}.tdesign-homepage .main-page .banner-info__left{align-items:center;display:flex;flex:1;flex-direction:column;font-family:tencentW7;position:relative;transition:all .2s linear;width:100%}.tdesign-homepage .main-page .banner-info__left .name{font-size:48px;letter-spacing:-2px;line-height:64px;text-align:center;width:100%}.tdesign-homepage .main-page .banner-info__left .name .primary{color:var(--brand-main)}.tdesign-homepage .main-page .banner-info__left .name .sub-title{font-size:20px;letter-spacing:.8px;line-height:1;margin-top:9px}.tdesign-homepage .main-page .banner-info__left .start{color:var(--text-primary);font-size:28px;font-weight:700;margin-top:24px;text-decoration:none;transition:all .2s linear}.tdesign-homepage .main-page .banner-info__left .start:hover{color:var(--brand-main)}.tdesign-homepage .td-site-more{align-items:center;color:var(--brand-main);cursor:pointer;display:flex;font-size:13px;gap:3px;text-decoration:none;white-space:nowrap}.tdesign-homepage .td-site-more .t-icon{order:2}.tdesign-homepage .td-site-more:hover{text-decoration:underline}.module-header{align-items:center;display:flex;height:38px;justify-content:space-between;margin:0 auto 24px;max-width:1440px}.module-header__title{color:rgba(var(--td-site-color-1),.9);font-size:28px;font-weight:700}.module-header__more{color:var(--brand-main);cursor:pointer;font-size:14px}.module-header__more .icon{margin-top:-2px;transition:all .2s linear}.module-header__more:hover{text-decoration:underline}@media screen and (max-width:960px){.tdesign-homepage{--inner-padding-left-right:24px;--outer-padding-left-right:24px}.tdesign-homepage .main-page{margin:-120px auto 0}.tdesign-homepage .main-page .banner-info__left .name{font-size:36px;line-height:44px}}.td-site-scroll{scrollbar-color:#424957 transparent;scrollbar-width:thin}.td-site-scroll::-webkit-scrollbar-track{background:transparent}.td-site-scroll::-webkit-scrollbar-thumb{background:#424957;border-radius:3px}.td-site-scroll::-webkit-scrollbar-thumb:hover{background:#555c6b}.td-site-btn-type-1.t-button{--td-brand-color-hover:var(--td-site-btn-type-1-bg-hover);background-color:var(--td-site-btn-type-1-bg);border-color:var(--td-site-btn-type-1-border-color);box-shadow:var(--td-site-btn-type-1-box-shadow);color:var(--td-site-btn-type-1-color)}.td-site-btn-type-1.t-button:not(.t-is-disabled):not(.t-button--ghost){--ripple-color:var(--td-site-btn-type-1-bg-active)}.td-site-btn-type-1.t-button:hover{background-color:var(--td-site-btn-type-1-bg-hover)}:root{--td-bg-color-resource:#f9f9fb}:root[theme-mode=dark]{--td-bg-color-resource:#2c2c2c}:root[theme-mode=dark] .t-dialog{background:var(--bg-color-container);border-color:var(--component-border)}:root[theme-mode=dark] .tdesign-source-block-image .light{display:none}:root[theme-mode=dark] .tdesign-source-block-image .dark{display:block}.tdesign-document{background-color:var(--bg-color-secondarypage)}.tdesign-source-header{background-color:var(--bg-color-container);box-sizing:border-box;margin-top:var(--header-height);width:100%}.tdesign-source-header .content{box-sizing:border-box;color:var(--text-primary);display:flex;flex-direction:column;height:var(--doc-header-height);justify-content:flex-end;margin:auto;max-width:1440px;padding:48px;position:relative;width:100%}@media screen and (max-width:959px){.tdesign-source-header .content{padding:48px 24px}}.tdesign-source-header h1{font-size:48px}.tdesign-source-header .description{color:var(--text-secondary);font-size:14px;line-height:22px;margin-top:16px}.tdesign-source-content{min-height:calc(100vh - var(--header-height) - var(--footer-height))}.tdesign-source{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:64px auto;max-width:1440px;padding:0 48px}@media screen and (max-width:959px){.tdesign-source{padding:0 24px}}.tdesign-source .title{align-items:center;color:var(--text-primary);display:flex;font-size:20px;line-height:28px;margin-bottom:24px}.tdesign-source .title>span{background:var(--component-border);border-radius:3px;color:var(--text-secondary);font-size:16px;font-weight:400;line-height:24px;margin-left:8px;padding:0 10px}.tdesign-source>section{max-width:2464px;width:100%}.tdesign-source-block{background:var(--bg-color-container);border:1px solid var(--component-border);border-radius:6px;cursor:pointer;display:inline-block;margin-bottom:24px;margin-right:24px;padding:20px;transition:transform .24s cubic-bezier(.38,0,.24,1),box-shadow .24s linear}@media screen and (max-width:959px){.tdesign-source-block{margin-right:0;width:100%}}@media screen and (min-width:960px) and (max-width:1199px){.tdesign-source-block{width:calc(50% - 12px)}.tdesign-source-block:nth-of-type(2n){margin-right:0}}@media screen and (min-width:1200px) and (max-width:1439px){.tdesign-source-block{width:calc(33.33333% - 16px)}.tdesign-source-block:nth-of-type(3n){margin-right:0}}@media screen and (min-width:1440px){.tdesign-source-block{width:calc(25% - 18px)}.tdesign-source-block:nth-of-type(4n){margin-right:0}}.tdesign-source-block:hover{box-shadow:0 6px 30px 5px #0000000d,0 16px 24px 2px #0000000a,0 8px 10px -5px #00000014;transform:translateY(-4px)}.tdesign-source-block-image{height:auto;overflow:hidden;width:100%}.tdesign-source-block-image img{border-radius:3px;-o-object-fit:cover;object-fit:cover;width:100%}.tdesign-source-block-image .dark{display:none}.tdesign-source-block-tag-waiting{background:var(--warning-main-light);color:var(--warning-main)}.tdesign-source-block-tag-todo,.tdesign-source-block-tag-waiting{align-items:center;border-radius:3px;display:inline-flex;font-size:14px;height:24px;margin-left:12px;padding:1px 6px}.tdesign-source-block-tag-todo{background:var(--bg-color-tag);color:var(--text-secondary)}.tdesign-source-block-tag-new{align-items:center;background:var(--success-main-light);border-radius:3px;color:var(--success-main);display:inline-flex;font-size:14px;height:24px;margin-left:12px;padding:1px 6px}.tdesign-source-block-title{align-items:center;color:var(--text-primary);display:flex;font-size:16px;line-height:24px;margin:12px 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width:1440px){.tdesign-source-block-title{font-size:18px;line-height:28px}}.tdesign-source-block-detail{color:var(--text-placeholder);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tdesign-source-block-detail a{color:var(--text-interactive);text-decoration:none}.doc-color-wrapper{overflow-x:auto}.doc-color{min-width:568px}.doc-color .link{color:#266fe8;text-decoration:underline}.doc-color .tdesign-color-features{display:flex;flex-wrap:wrap;margin:16px 8px}.doc-color .tdesign-color-features .tdesign-color-features-lists{margin-bottom:16px;margin-right:16px;width:calc(25% - 12px)}.doc-color .tdesign-color-features .tdesign-color-features-lists:last-of-type{margin-right:0}.doc-color .tdesign-color-features .tdesign-color-features-lists .tdesign-color-features-list{color:#fff;cursor:pointer;height:40px;padding:4px 8px;transition:all .2s var(--anim-time-fn-easing)}.doc-color .tdesign-color-features .tdesign-color-features-lists .tdesign-color-features-list:hover{border-radius:3px!important;transform:scale(1.04)}.doc-color .tdesign-color-features .tdesign-color-features-lists .tdesign-color-features-list .tdesign-color-features-topTxt{align-items:flex-end;display:flex;height:100%;justify-content:space-between}.doc-color .tdesign-color-features .tdesign-color-features-lists .tdesign-color-features-list span{font-size:12px;line-height:20px}.doc-color .tdesign-color-features .tdesign-color-features-lists .tdesign-color-features-list:nth-child(-n+6){color:#0009}.doc-color .tdesign-color-features .tdesign-color-features-lists .tdesign-color-features-list:first-child{border-radius:6px 6px 0 0;color:#fff;display:flex;flex-flow:column;height:56px;justify-content:space-between}.doc-color .tdesign-color-features .tdesign-color-features-lists .tdesign-color-features-list:first-child .tdesign-color-features-bottomTxt{color:#ffffff59;font-size:12px;line-height:20px}.doc-color .tdesign-color-features .tdesign-color-features-lists .tdesign-color-features-list:first-child .tdesign-color-features-topTxt{height:unset}.doc-color .tdesign-color-features .tdesign-color-features-lists .tdesign-color-features-list:last-child{border-radius:0 0 6px 6px}.doc-color .tdesign-color-neutral{display:flex;margin:16px 8px}.doc-color .tdesign-color-neutral-l{margin-right:16px;width:calc(50% - 8px)}.doc-color .tdesign-color-neutral-l .tdesign-color-neutral-l-lists .tdesign-color-neutral-l-list{align-items:flex-end;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:space-between;padding-bottom:4px;padding-left:8px;padding-right:8px;transition:all .2s var(--anim-time-fn-easing)}.doc-color .tdesign-color-neutral-l .tdesign-color-neutral-l-lists .tdesign-color-neutral-l-list:hover{border-radius:3px!important;transform:scale(1.04)}.doc-color .tdesign-color-neutral-l .tdesign-color-neutral-l-lists .tdesign-color-neutral-l-list span{font-size:12px;line-height:20px}.doc-color .tdesign-color-neutral-l .tdesign-color-neutral-l-lists .tdesign-color-neutral-l-list:nth-child(-n+6){color:#0009}.doc-color .tdesign-color-neutral-l .tdesign-color-neutral-l-lists .tdesign-color-neutral-l-list:first-child{border-radius:6px 6px 0 0}.doc-color .tdesign-color-neutral-l .tdesign-color-neutral-l-lists .tdesign-color-neutral-l-list:last-child{border-radius:0 0 6px 6px}.doc-color .tdesign-color-neutral-r{background:#e7e7e7;border:1px solid #dcdcdc;border-radius:6px;overflow:hidden;padding:8px;width:calc(50% - 8px)}.doc-color .tdesign-color-neutral-r-item{margin-bottom:8px}.doc-color .tdesign-color-neutral-r-item:last-of-type{margin-bottom:0}.doc-color .tdesign-color-neutral-r-item:first-child ul{background:#fff}.doc-color .tdesign-color-neutral-r-item:nth-child(2) ul{background:#f3f3f3}.doc-color .tdesign-color-neutral-r-item:last-child ul{background:#eee}.doc-color .tdesign-color-neutral-r-item ul{border:1px solid #dcdcdc;border-radius:3px;box-sizing:border-box;display:flex;height:190px;justify-content:space-between;padding:0}.doc-color .tdesign-color-neutral-r-item ul li{border-right:1px solid #e7e7e7;display:flex;flex-flow:column;justify-content:space-between;margin-bottom:12px;margin-left:16px!important;margin-top:16px;padding-left:0!important;width:100%}.doc-color .tdesign-color-neutral-r-item ul li:first-child{justify-content:flex-end}.doc-color .tdesign-color-neutral-r-item ul li:first-child p{align-items:center;display:flex}.doc-color .tdesign-color-neutral-r-item ul li:last-child{border-right:unset}.doc-color .tdesign-color-neutral-r-item ul li:last-child p{color:#0009}.doc-color .tdesign-color-neutral-r-item ul li .round{border-radius:50%;display:block;height:16px;width:16px}.doc-color .tdesign-color-neutral-r-item ul li span{color:#000000e6;font-size:16px;margin-bottom:8px}.doc-color .tdesign-color-neutral-r-item ul li p{color:#000000e6;line-height:22px}.doc-color .tdesign-color-neutral-r-item ul li .tdesign-color-neutral-r-item-checkbox{background:#00a870;border-radius:50%;display:inline-block;height:16.25px;margin-left:9.88px;position:relative;width:16.25px}.doc-color .tdesign-color-neutral-r-item ul li .tdesign-color-neutral-r-item-checkbox:before{background-color:#fff;content:" ";display:inline-block;height:8px;left:7px;position:absolute;top:12px;transform:rotate(-135deg);transform-origin:left top;width:2px}.doc-color .tdesign-color-neutral-r-item ul li .tdesign-color-neutral-r-item-checkbox:after{background-color:#fff;content:" ";display:inline-block;height:5px;left:3px;position:absolute;top:8px;transform:rotate(-45deg);transform-origin:left top;width:2px}.doc-color .tdesign-color-neutral-brand{align-items:flex-start;display:flex;margin:16px 8px}.doc-color .tdesign-color-neutral-brand .tag{background:var(--bg-color-code);border:1px solid var(--component-border);border-radius:3px;color:var(--text-primary);margin-top:8px;padding:4px 12px}.doc-color .tdesign-color-neutral-brand-l{align-items:center;display:flex;flex-flow:column;margin-right:16px;width:calc(25% - 12px)}.doc-color .tdesign-color-neutral-brand-l .tdesign-color-neutral-brand-l-lists{width:100%}.doc-color .tdesign-color-neutral-brand-l .tdesign-color-neutral-brand-l-lists .tdesign-color-neutral-brand-l-list{align-items:flex-end;color:#fff;cursor:pointer;display:flex;font-size:12px;height:40px;justify-content:space-between;line-height:20px;margin-left:0!important;padding:4px 8px;transition:all .2s var(--anim-time-fn-easing)}.doc-color .tdesign-color-neutral-brand-l .tdesign-color-neutral-brand-l-lists .tdesign-color-neutral-brand-l-list:hover{border-radius:3px!important;transform:scale(1.04)}.doc-color .tdesign-color-neutral-brand-l .tdesign-color-neutral-brand-l-lists .tdesign-color-neutral-brand-l-list:nth-child(-n+5){color:#0009}.doc-color .tdesign-color-neutral-brand-l .tdesign-color-neutral-brand-l-lists .tdesign-color-neutral-brand-l-list:first-child{border-radius:6px 6px 0 0}.doc-color .tdesign-color-neutral-brand-l .tdesign-color-neutral-brand-l-lists .tdesign-color-neutral-brand-l-list:last-child{border-radius:0 0 6px 6px}.doc-color .tdesign-color-neutral-brand-m{align-items:center;border-radius:6px;display:flex;flex-flow:column;margin-right:16px;width:calc(25% - 12px)}.doc-color .tdesign-color-neutral-brand-m .tdesign-color-neutral-brand-m-lists{width:100%}.doc-color .tdesign-color-neutral-brand-m .tdesign-color-neutral-brand-m-lists .tdesign-color-neutral-brand-m-list{align-items:flex-end;color:#fff;cursor:pointer;display:flex;font-size:12px;height:40px;justify-content:space-between;line-height:20px;padding:4px 8px;transition:all .2s var(--anim-time-fn-easing)}.doc-color .tdesign-color-neutral-brand-m .tdesign-color-neutral-brand-m-lists .tdesign-color-neutral-brand-m-list:hover{border-radius:3px!important;transform:scale(1.04)}.doc-color .tdesign-color-neutral-brand-m .tdesign-color-neutral-brand-m-lists .tdesign-color-neutral-brand-m-list:nth-child(-n+5){color:#0009}.doc-color .tdesign-color-neutral-brand-m .tdesign-color-neutral-brand-m-lists .tdesign-color-neutral-brand-m-list:first-child{border-radius:6px 6px 0 0}.doc-color .tdesign-color-neutral-brand-m .tdesign-color-neutral-brand-m-lists .tdesign-color-neutral-brand-m-list:last-child{border-radius:0 0 6px 6px}.doc-color .tdesign-color-neutral-brand-r{align-items:center;display:flex;flex-flow:column;margin-left:16px;width:calc(50% - 80px)}.doc-color .tdesign-color-neutral-brand-r .tdesign-color-neutral-brand-r-lists{width:100%}.doc-color .tdesign-color-neutral-brand-r .tdesign-color-neutral-brand-r-lists .tdesign-color-neutral-brand-r-list{align-items:flex-end;color:#fff;cursor:pointer;display:flex;font-size:12px;height:40px;justify-content:space-between;line-height:20px;padding:4px 8px;transition:all .2s var(--anim-time-fn-easing)}.doc-color .tdesign-color-neutral-brand-r .tdesign-color-neutral-brand-r-lists .tdesign-color-neutral-brand-r-list:hover{border-radius:3px!important;transform:scale(1.04)}.doc-color .tdesign-color-neutral-brand-r .tdesign-color-neutral-brand-r-lists .tdesign-color-neutral-brand-r-list:nth-child(-n+5){color:#0009}.doc-color .tdesign-color-neutral-brand-r .tdesign-color-neutral-brand-r-lists .tdesign-color-neutral-brand-r-list:first-child{border-radius:6px 6px 0 0}.doc-color .tdesign-color-neutral-brand-r .tdesign-color-neutral-brand-r-lists .tdesign-color-neutral-brand-r-list:last-child{border-radius:0 0 6px 6px}.doc-color .tdesign-color-neutral-brand-arr{align-items:center;background:#5c5c5c;display:block;display:flex;height:2px;margin-top:280px;position:relative;width:40px}.doc-color .tdesign-color-neutral-brand-arr:before{background:#5c5c5c;border-radius:50%;content:"";height:4px;left:-1px;position:absolute;width:4px}.doc-color .tdesign-color-neutral-brand-arr:after{border-radius:.01rem;border-right:2px solid #5c5c5c;border-top:2px solid #5c5c5c;content:"";height:8px;position:absolute;right:-1px;transform:rotate(45deg);width:8px}.doc-color .tdesign-color-neutral-brand-description{background:#e7e7e7;border:1px solid #dcdcdc;border-radius:3px;color:#000000e6;font-size:16px;line-height:24px;margin-top:8px;padding:4px 12px}.doc-color .tdesign-color-expand{display:flex;margin:16px 8px}.doc-color .tdesign-color-expand-item{align-items:flex-end;display:flex;height:100%;justify-content:space-between}.doc-color .tdesign-guide-ui{background-color:var(--bg-color-code);border:1px solid var(--component-border);border-radius:4px;display:flex;font-family:Menlo;font-size:12px;margin:16px 8px;padding:16px;position:relative}.doc-color .tdesign-guide-ui-box{position:relative}.doc-color .tdesign-guide-ui-item{margin-right:16px}.doc-color .tdesign-guide-ui-item:last-of-type{margin-right:0}.doc-color .tdesign-guide-ui-item:first-child{width:18%}.doc-color .tdesign-guide-ui-item:first-child .tdesign-guide-ui-item-lists{box-sizing:border-box;width:100%}.doc-color .tdesign-guide-ui-item:first-child .tdesign-guide-ui-item-lists .tdesign-guide-ui-item-list{align-items:center;display:flex;line-height:22px}.doc-color .tdesign-guide-ui-item:first-child .tdesign-guide-ui-item-lists .tdesign-guide-ui-item-list .color-txt-l{border-radius:50%;display:inline-block;flex-shrink:0;height:16px;margin-right:12px;width:16px}.doc-color .tdesign-guide-ui-item:first-child .tdesign-guide-ui-item-lists .tdesign-guide-ui-item-list .color-txt-r{color:var(--text-primary)}.doc-color .tdesign-guide-ui-item:nth-child(2){width:41%}.doc-color .tdesign-guide-ui-item:last-child{border-right:unset;margin-right:0;width:41%}.doc-color .tdesign-guide-ui-item .tdesign-guide-ui-item-lists{background:var(--bg-color-card);border-radius:3px;box-sizing:border-box;height:100%;padding:12px 16px 18px;width:100%}.doc-color .tdesign-guide-ui-item .tdesign-guide-ui-item-lists .tdesign-guide-ui-item-list{line-height:20px;margin-bottom:8px}.doc-color .tdesign-guide-ui-item .tdesign-guide-ui-item-lists .tdesign-guide-ui-item-list.name{color:var(--text-primary);font-size:16px;font-weight:600;line-height:24px;margin-bottom:4px}.doc-color .tdesign-guide-ui-item .tdesign-guide-ui-item-lists .tdesign-guide-ui-item-list.title{color:var(--text-placeholder);font-size:12px;margin-bottom:18px}.doc-color .tdesign-guide-ui-item .tdesign-guide-ui-item-lists .tdesign-guide-ui-item-list .color-txt-l{color:var(--text-primary);font-size:12px;line-height:22px}.doc-color .tdesign-guide-ui-item .tdesign-guide-ui-item-lists .tdesign-guide-ui-item-list .color-txt-r{color:var(--text-placeholder)}.doc-color .tdesign-guide-ui-arr{align-items:center;background:var(--text-secondary);display:flex;height:2px;left:15.5%;position:absolute;top:38px;width:40px}.doc-color .tdesign-guide-ui-arr--position{left:55.5%;top:38px}.doc-color .tdesign-guide-ui-arr:before{background:var(--text-secondary);border-radius:50%;content:"";height:4px;left:-1px;position:absolute;width:4px}.doc-color .tdesign-guide-ui-arr:after{border-radius:.01rem;border-right:2px solid var(--text-secondary);border-top:2px solid var(--text-secondary);content:"";height:8px;position:absolute;right:-1px;transform:rotate(45deg);width:8px}.doc-color .tdesign-color-data{display:flex;margin:16px 0}.doc-color .tdesign-color-data .tdesign-color-data-lists{margin-right:8px;width:calc(12.5% - 7px)}.doc-color .tdesign-color-data .tdesign-color-data-lists .tdesign-color-data-list{height:20px}.doc-color .tdesign-color-data .tdesign-color-data-lists .tdesign-color-data-list:first-child{border-radius:3px 3px 0 0}.doc-color .tdesign-color-data .tdesign-color-data-lists .tdesign-color-data-list:last-child{border-radius:0 0 3px 3px}.doc-color .tdesign-color-theme{background:#0052d9;border-radius:6px;display:flex;flex-flow:column;height:200px;justify-content:space-between;margin:16px 0;padding:20px 24px}.doc-color .tdesign-color-theme p{color:#fff;font-size:20px;line-height:28px}.doc-color .tdesign-color-theme-b p{font-size:16px;line-height:24px}@font-face{font-display:swap;font-family:TCloudNumber;font-style:normal;font-weight:400;src:url(https://tdesign.eidcenter.com/assets/TCloudNumber-Regular-qbclA8xm.ttf)}.doc-fonts p+p{margin-top:8px}.doc-fonts .font-10{font-size:10px;line-height:18px;margin:16px 0}.doc-fonts .font-12{font-size:12px;line-height:20px;margin:16px 0}.doc-fonts .font-14{font-size:14px;line-height:22px;margin:16px 0}.doc-fonts .font-16{font-size:16px;line-height:24px;margin:16px 0}.doc-fonts .font-18{font-size:18px;line-height:26px;margin:16px 0}.doc-fonts .font-20{font-size:20px;line-height:28px;margin:16px 0}.doc-fonts .font-22{font-size:22px;line-height:30px;margin:16px 0}.doc-fonts .font-24{font-size:24px;line-height:32px;margin:16px 0}.doc-fonts .font-26{font-size:26px;line-height:34px;margin:16px 0}.doc-fonts .font-28{font-size:28px;line-height:36px;margin:16px 0}.doc-fonts .font-30{font-size:30px;line-height:38px;margin:16px 0}.doc-fonts .font-32{font-size:32px;line-height:40px;margin:16px 0}.doc-fonts .font-34{font-size:34px;line-height:42px;margin:16px 0}.doc-fonts .font-36{font-size:36px;line-height:44px;margin:16px 0}.doc-fonts .font-38{font-size:38px;line-height:46px;margin:16px 0}.doc-fonts .font-40{font-size:40px;line-height:48px;margin:16px 0}.doc-fonts .font-42{font-size:42px;line-height:50px;margin:16px 0}.doc-fonts .font-44{font-size:44px;line-height:52px;margin:16px 0}.doc-fonts .font-46{font-size:46px;line-height:54px;margin:16px 0}.doc-fonts .font-48{font-size:48px;line-height:56px;margin:16px 0}.doc-fonts .font-50{font-size:50px;line-height:58px;margin:16px 0}.doc-fonts .font-52{font-size:52px;line-height:60px;margin:16px 0}.doc-fonts .font-54{font-size:54px;line-height:62px;margin:16px 0}.doc-fonts .font-56{font-size:56px;line-height:64px;margin:16px 0}.doc-fonts .font-58{font-size:58px;line-height:66px;margin:16px 0}.doc-fonts .font-60{font-size:60px;line-height:68px;margin:16px 0}.doc-fonts .font-62{font-size:62px;line-height:70px;margin:16px 0}.doc-fonts .font-64{font-size:64px;line-height:72px;margin:16px 0}.doc-fonts .divider{border-top:1px solid var(--component-stroke);margin:16px 0}.doc-fonts .fonts-block{background-color:var(--bg-color-demo);border:1px solid var(--component-border);border-radius:6px;margin:16px 0;padding:20px 24px;position:relative}.doc-fonts .fonts-block.tcloud font{font-family:TCloudNumber;font-size:36px;font-weight:400;line-height:48px}.doc-fonts .fonts-block.tcloud .tag{bottom:12px;font-family:TCloudNumber;position:absolute;right:16px}.doc-fonts .fonts-block.tcloud .tag svg{color:var(--text-secondary);margin:0 12px;vertical-align:middle;width:14px}.doc-fonts .fonts-block.tcloud .tag span{color:var(--text-secondary);line-height:22px}.doc-fonts .fonts-block.font-steps{color:var(--text-primary)}.doc-fonts .fonts-block.font-steps .title{color:var(--text-placeholder);font-size:14px;line-height:22px}.doc-fonts .fonts-block.font-steps .step{display:inline-block;width:145px}.doc-fonts .fonts-block.font-steps .desc{float:right}.doc-fonts .fonts-block.font-size input[type=range]{-webkit-appearance:none;background:transparent;margin-left:16px;width:154px}.doc-fonts .fonts-block.font-size input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:1px solid #0052d9;border-radius:100%;cursor:pointer;height:14px;margin-top:-5px;width:14px}.doc-fonts .fonts-block.font-size input[type=range]::-webkit-slider-runnable-track{background:#0052d9;border-radius:2px;cursor:pointer;height:4px;width:100%}.doc-fonts .fonts-block.font-size input[type=range]:focus{outline:none}.doc-fonts .fonts-block.font-size .ctrl{display:flex}.doc-fonts .fonts-block.font-size .line-height{color:var(--text-primary);font-size:20px;line-height:28px}.doc-fonts .fonts-block.font-weight{display:flex;flex-direction:column;font-size:36px;line-height:44px}.doc-fonts .fonts-block.font-weight .weight-600{font-weight:600;margin-bottom:16px}.doc-fonts .fonts-block-wrapper{display:flex}.doc-fonts .fonts-block-wrapper .fonts-block+.fonts-block{margin-left:24px}.doc-fonts .fonts-block-wrapper .fonts-block{background:#fff;flex:1;padding:16px}.doc-fonts .fonts-block-wrapper .fonts-block.black{background:#000}.doc-fonts .fonts-block-wrapper .fonts-block .color-list{border-radius:3px}.doc-fonts .fonts-block-wrapper .fonts-block .color-list .item{cursor:pointer;display:flex;font-size:12px;justify-content:space-between;line-height:22px;padding:30px 8px 4px;transition:all .2s var(--anim-time-fn-easing)}.doc-fonts .fonts-block-wrapper .fonts-block .color-list .item:hover{border-radius:3px!important;transform:scale(1.04)}.doc-fonts .fonts-block-wrapper .fonts-block .color-list .item:first-of-type{border-radius:3px 3px 0 0}.doc-fonts .fonts-block-wrapper .fonts-block .color-list .item:last-of-type{border-radius:0 0 3px 3px}@keyframes trans{0%{left:48px}to{left:calc(100% - 92px)}}:root[theme-mode=dark] .axis-motion-stage:not(.dark){display:none}:root[theme-mode=dark] .axis-motion-stage.dark{display:block}:root[theme-mode=dark] .container-motion:not(.dark){display:none}:root[theme-mode=dark] .container-motion.dark{display:block}:root[theme-mode=dark] .fade-motion:not(.dark){display:none}:root[theme-mode=dark] .fade-motion.dark{display:block}.doc-motion img{margin:0}.doc-motion .axis-motion{margin-top:16px}.doc-motion .axis-motion-stage{margin-top:8px}.doc-motion .axis-motion-stage.dark{display:none}.doc-motion .container-motion{margin:16px 0}.doc-motion .container-motion svg{border-radius:6px}.doc-motion .container-motion.dark{display:none}.doc-motion .fade-motion{margin:16px 0}.doc-motion .fade-motion.dark{display:none}.doc-motion .sport-code{color:var(--text-primary,rgba(0,0,0,.9));font-size:20px}.doc-motion .motion-table td{font-size:14px}.doc-motion .motion-table td:first-child{color:#834ec2}.doc-motion .slow-motion .slow-motion-stage{display:flex;margin:8px 0}.doc-motion .slow-motion .slow-motion-stage .preview{border-radius:6px;flex-shrink:0;height:176px;margin:0 16px 0 0;-o-object-fit:cover;object-fit:cover;width:176px}.doc-motion .slow-motion .slow-motion-stage .detail{align-items:center;background:var(--bg-color-demo,#fff);border:1px solid var(--component-border);border-radius:6px;display:inline-flex;flex:1;position:relative}.doc-motion .slow-motion .slow-motion-stage .detail .ball{background:#ecf2fe;border:1px solid #0052d9;border-radius:100%;flex-shrink:0;height:44px;left:48px;margin-top:-23px;position:absolute;top:50%;width:44px}.doc-motion .slow-motion .slow-motion-stage.easing .ball{animation:trans 2.4s cubic-bezier(.38,0,.24,1) infinite}.doc-motion .slow-motion .slow-motion-stage.ease-out .ball{animation:trans 2.4s cubic-bezier(0,0,.15,1) infinite}.doc-motion .slow-motion .slow-motion-stage.ease-in .ball{animation:trans 2.4s cubic-bezier(.82,0,1,.9) infinite}.doc-motion .slow-motion .slow-motion-stage.linear .ball{animation:trans 2.4s linear infinite}.doc-motion .table-check thead th{font-weight:700}.doc-motion .table-check tr{position:relative}.doc-motion .table-check td label{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.doc-motion .table-check td label svg{color:#00a870;height:14px;left:24px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s linear;visibility:hidden;width:14px}.doc-motion .table-check td label input{display:none}.doc-motion .table-check td label input:checked+svg{opacity:1;visibility:visible}.doc-motion .table-check td.desc{color:var(--text-secondary,rgba(0,0,0,.6))}.doc-motion .download-btn{float:right}.doc-motion .download-btn img{margin:0}.doc-motion .motion-board{align-items:center;background:var(--bg-color-container);border:1px solid var(--component-border);border-radius:3px;display:flex;justify-content:space-around;margin-top:16px;padding:56px 24px}.doc-motion .motion-board .tdesign-demo-dropdown__text{align-items:center;display:inline-flex}.doc-icon img{border:none!important;border-radius:0!important}.doc-icon img.tag{border:0}.doc-icon .t-divider{margin:64px 0 40px}.doc-icon .t-divider .t-divider__inner-text:not(:empty){padding:0}.doc-icon .t-divider .icons-page-btn{align-items:center;background-color:var(--bg-color-component);border-radius:999px;cursor:pointer;display:flex;font-size:16px;height:60px;line-height:24px;padding:0 82px;transition:background-color .2s}.doc-icon .t-divider .icons-page-btn:hover{background-color:var(--bg-color-component-hover)}:root,:root[theme-mode=light]{--header-height:61px;--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,.08),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,.06),0 5px 5px -3px rgba(0,0,0,.1);--shadow-3:0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.04),0 8px 10px -5px rgba(0,0,0,.08);--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,hsla(0,0%,95%,0));--bg-color-footer:#eee;--bg-color-secondaryfooter:#e7e7e7;--bg-color-docpage:#fff;--bg-color-container:#fff;--bg-color-container-transparent:hsla(0,0%,100%,.9);--bg-color-secondarycontainer:#f5f5f5;--bg-color-component:#eee;--bg-color-component-transparent:hsla(0,0%,93%,.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:hsla(0,0%,93%,.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;--header-text-primary:#777;--header-text-active:#366ef4;--header-group-bg:#f4f4f4;--header-group-border:#dfdfdf;--header-group-box-shadow:0 .5px 0 0 #b7b7b7,0 7.437px 9.465px 0 rgba(0,0,0,.1),0 1.352px .676px 0 var(--header-group-bg) inset,0 1.352px 1.352px 0 rgba(0,0,0,.1);--header-bg-color-container-hover:#f2f3ff;--header-bg-color-container-select:#f2f3ff;--header-border-color-container:rgba(0,82,217,.2);--header-box-shadow-color-container:0 1px 2px 0 rgba(0,0,0,.04)}@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]{--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,.08),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,.1),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,.2);--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,rgba(44,44,44,0));--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:hsla(0,0%,100%,.05);--bg-color-demo-select:hsla(0,0%,100%,.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:hsla(0,0%,100%,.14);--bg-color-component-disabled:#242424;--text-primary:hsla(0,0%,100%,.9);--text-secondary:hsla(0,0%,100%,.55);--text-placeholder:hsla(0,0%,100%,.35);--text-disabled:hsla(0,0%,100%,.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:hsla(0,0%,100%,.06);--bg-color-theme-radio:#424242;--bg-color-theme-radio-active:#5e5e5e;--header-text-primary:hsla(0,0%,100%,.9);--header-text-active:#366ef4;--header-group-bg:#383838;--header-group-border:#4b4b4b;--header-group-box-shadow:0 .5px 0 0 #b7b7b7,0 7.437px 9.465px 0 rgba(0,0,0,.1),0 1.352px .676px 0 var(--header-group-bg) inset,0 1.352px 1.352px 0 rgba(0,0,0,.1);--header-bg-color-container-hover:#383838;--header-bg-color-container-select:#4b4b4b;--header-border-color-container:hsla(0,0%,88%,.2);--header-box-shadow-color-container:0 1px 2px 0 rgba(0,0,0,.04);background:var(--bg-color-page)}:root[theme-mode=dark] img{filter:brightness(.85)}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-secondary);font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;margin:0;padding:0}body::-webkit-scrollbar-corner,html::-webkit-scrollbar-corner{width:0}body::-webkit-scrollbar,html::-webkit-scrollbar{background:transparent;height:16px;width:16px}body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background:var(--bg-color-page)}body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--bg-color-scroll);border:4px solid transparent;border-radius:8px}dl,ol,ul{line-height:22px;margin:0;padding:0 0 0 1.2em}h1,h2,h3,h4,h5,h6,p{margin:0}@font-face{font-display:swap;font-family:TencentSansW7;font-style:normal;font-weight:400;src:url(https://tdesign.eidcenter.com/assets/tencent-w7-CKBjfXer.ttf)}@font-face{font-display:swap;font-family:TCloudNumber;font-style:normal;font-weight:400;src:url(https://tdesign.eidcenter.com/assets/TCloudNumber-DCoPuWtt.ttf)}@keyframes gradient{0%{background-position:0 0}to{background-position:-200% 0}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}#nprogress{pointer-events:none}#nprogress .bar{animation:gradient 6s infinite;animation-fill-mode:forwards;animation-timing-function:linear;background:repeating-linear-gradient(90deg,#0062fa 0,#ffbd2e,#ff454f,#ffbd2e 75%,#0062fa);background-position:0 100%;background-size:200% auto;height:4px;left:0;position:fixed;top:0;width:100%;z-index:1031}#nprogress .peg{box-shadow:0 0 10px #29d,0 0 5px #29d;display:block;height:100%;opacity:1;position:absolute;right:0;transform:rotate(3deg) translateY(-4px);width:100px}#nprogress .spinner{display:none;position:fixed;right:15px;top:15px;z-index:1031}#nprogress .spinner-icon{animation:nprogress-spinner .4s linear infinite;border-color:#29d transparent transparent #29d;border-radius:50%;border-style:solid;border-width:2px;box-sizing:border-box;height:18px;width:18px}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}:root .__light__,:root[theme-mode=light] .__light__{display:block}:root .__dark__,:root[theme-mode=dark] .__light__,:root[theme-mode=light] .__dark__{display:none}:root[theme-mode=dark] .__dark__{display:block}div[name=API] img,div[name=DESIGN] img,div[name=DOC] img{margin:16px 0 8px;max-width:100%}div[name=API] em,div[name=DESIGN] em,div[name=DOC] em{font-size:12px;line-height:20px}div[name=API] blockquote,div[name=DEMO] blockquote,div[name=DESIGN] blockquote,div[name=DOC] blockquote{background:var(--bg-color-code);border-left:2px solid var(--component-border);color:var(--text-primary);display:block;margin:16px 0;overflow:auto;padding:12px 12px 12px 24px}div[name=API]>ol:not([class]) li,div[name=API]>ul:not([class]) li,div[name=DEMO]>ol:not([class]) li,div[name=DEMO]>ul:not([class]) li,div[name=DESIGN]>ol:not([class]) li,div[name=DESIGN]>ul:not([class]) li,div[name=DOC]>ol:not([class]) li,div[name=DOC]>ul:not([class]) li{margin-top:4px}div[name=API]>h5:not([class]),div[name=DEMO]>h5:not([class]),div[name=DESIGN]>h5:not([class]),div[name=DOC]>h5:not([class]){font-weight:500}div[name=API]>p:not([class]),div[name=DEMO]>p:not([class]),div[name=DESIGN]>p:not([class]),div[name=DOC]>p:not([class]){margin:16px 0 8px}div[name=API]>:first-child,div[name=DEMO]>:first-child,div[name=DESIGN]>:first-child,div[name=DOC]>:first-child{margin-top:0}div[name=API] pre,div[name=DEMO] pre,div[name=DESIGN] pre,div[name=DOC] pre{background:var(--bg-color-code);border:1px solid var(--component-border);border-radius:6px;color:var(--text-primary);overflow:auto;padding:20px 24px;position:relative}div[name=API] pre:hover::-webkit-scrollbar-thumb,div[name=DEMO] pre:hover::-webkit-scrollbar-thumb,div[name=DESIGN] pre:hover::-webkit-scrollbar-thumb,div[name=DOC] pre:hover::-webkit-scrollbar-thumb{background-color:var(--bg-color-scroll)}div[name=API] pre::-webkit-scrollbar-corner,div[name=DEMO] pre::-webkit-scrollbar-corner,div[name=DESIGN] pre::-webkit-scrollbar-corner,div[name=DOC] pre::-webkit-scrollbar-corner{width:0}div[name=API] pre::-webkit-scrollbar,div[name=DEMO] pre::-webkit-scrollbar,div[name=DESIGN] pre::-webkit-scrollbar,div[name=DOC] pre::-webkit-scrollbar{background-color:transparent;height:12px;width:12px}div[name=API] pre::-webkit-scrollbar-thumb,div[name=DEMO] pre::-webkit-scrollbar-thumb,div[name=DESIGN] pre::-webkit-scrollbar-thumb,div[name=DOC] pre::-webkit-scrollbar-thumb{background-clip:content-box;background-color:transparent;border:4px solid transparent;border-radius:6px}div[name=API] :not(pre)>code,div[name=DEMO] :not(pre)>code,div[name=DESIGN] :not(pre)>code,div[name=DOC] :not(pre)>code{background:var(--error-1);border-radius:3px;color:var(--error-8);font-size:12px;margin:0 2px;padding:2px 6px;position:relative;top:-2.5px;word-break:break-word}div[name=API] code,div[name=API] code *,div[name=DEMO] code,div[name=DEMO] code *,div[name=DESIGN] code,div[name=DESIGN] code *,div[name=DOC] code,div[name=DOC] code *{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}div[name=API] a:not([class]),div[name=DEMO] a:not([class]),div[name=DESIGN] a:not([class]),div[name=DOC] a:not([class]){color:var(--text-interactive);line-height:24px;text-decoration:none}div[name=API]>table,div[name=DEMO]>table,div[name=DESIGN]>table,div[name=DOC]>table{background:var(--bg-color-table);border-collapse:collapse;border-radius:6px;box-shadow:var(--table-box-shadow);margin:16px 0;overflow:hidden;width:100%}div[name=API]>table thead,div[name=DEMO]>table thead,div[name=DESIGN]>table thead,div[name=DOC]>table thead{background:var(--bg-color-tag);font-weight:400}div[name=API]>table thead th,div[name=DEMO]>table thead th,div[name=DESIGN]>table thead th,div[name=DOC]>table thead th{border:0}div[name=API]>table thead tr:hover,div[name=DEMO]>table thead tr:hover,div[name=DESIGN]>table thead tr:hover,div[name=DOC]>table thead tr:hover{background:var(--bg-color-tag)}div[name=API]>table tr,div[name=DEMO]>table tr,div[name=DESIGN]>table tr,div[name=DOC]>table tr{transition:all .2s}div[name=API]>table tr:hover,div[name=DEMO]>table tr:hover,div[name=DESIGN]>table tr:hover,div[name=DOC]>table tr:hover{background-color:var(--bg-color-table-hover)}div[name=API]>table td:first-child,div[name=DEMO]>table td:first-child,div[name=DESIGN]>table td:first-child,div[name=DOC]>table td:first-child{font-weight:700}div[name=API]>table td:nth-child(4),div[name=DEMO]>table td:nth-child(4),div[name=DESIGN]>table td:nth-child(4),div[name=DOC]>table td:nth-child(4){word-break:break-all}div[name=API]>table td,div[name=API]>table th,div[name=DEMO]>table td,div[name=DEMO]>table th,div[name=DESIGN]>table td,div[name=DESIGN]>table th,div[name=DOC]>table td,div[name=DOC]>table th{border-bottom:1px solid var(--component-stroke);font-size:14px;line-height:22px;padding:16px;text-align:left}div[name=API]>table th,div[name=DEMO]>table th,div[name=DESIGN]>table th,div[name=DOC]>table th{white-space:nowrap}div[name=API] nav+h1,div[name=API] nav+h2,div[name=API] nav+h3,div[name=API] nav+h4,div[name=DEMO] nav+h1,div[name=DEMO] nav+h2,div[name=DEMO] nav+h3,div[name=DEMO] nav+h4,div[name=DESIGN] nav+h1,div[name=DESIGN] nav+h2,div[name=DESIGN] nav+h3,div[name=DESIGN] nav+h4,div[name=DOC] nav+h1,div[name=DOC] nav+h2,div[name=DOC] nav+h3,div[name=DOC] nav+h4{margin-top:0}div[name=API]>h1,div[name=DEMO]>h1,div[name=DESIGN]>h1,div[name=DOC]>h1{font-size:48px;font-weight:700;line-height:56px;margin-bottom:24px}div[name=API]>h2,div[name=DEMO]>h2,div[name=DESIGN]>h2,div[name=DOC]>h2{font-size:28px;font-weight:700;line-height:36px;margin:64px 0 24px}div[name=API]>h2 .header-anchor,div[name=API]>h2 .tdesign-header-anchor,div[name=DEMO]>h2 .header-anchor,div[name=DEMO]>h2 .tdesign-header-anchor,div[name=DESIGN]>h2 .header-anchor,div[name=DESIGN]>h2 .tdesign-header-anchor,div[name=DOC]>h2 .header-anchor,div[name=DOC]>h2 .tdesign-header-anchor{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.397 14.297c-.78.78-.94 1.889-.353 2.475l3.182 3.182c.585.585 1.693.427 2.474-.354l3.45-3.45-1.06-1.06-3.707 3.707L5.2 15.614l3.707-3.706-1.061-1.061-3.45 3.45ZM16.332 12.968l-1.06-1.06 3.524-3.525L15.614 5.2 12.09 8.726l-1.06-1.061 3.268-3.268c.78-.78 1.889-.94 2.474-.353l3.182 3.182c.586.585.428 1.693-.353 2.475l-3.268 3.267Z' fill='%230052D9'/%3E%3Cpath d='m9.657 13.171 1.061 1.061 4.243-4.243L13.9 8.93 9.657 13.17Z' fill='%230052D9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% auto;display:inline-block;font-size:0;height:28px;margin-left:8px;width:32px}div[name=API]>h2:hover a,div[name=DEMO]>h2:hover a,div[name=DESIGN]>h2:hover a,div[name=DOC]>h2:hover a{opacity:1}div[name=API]>h3,div[name=DEMO]>h3,div[name=DESIGN]>h3,div[name=DOC]>h3{font-size:20px;font-weight:700;line-height:28px;margin:48px 0 8px;white-space:pre-wrap}div[name=API]>h3 .header-anchor,div[name=API]>h3 .tdesign-header-anchor,div[name=DEMO]>h3 .header-anchor,div[name=DEMO]>h3 .tdesign-header-anchor,div[name=DESIGN]>h3 .header-anchor,div[name=DESIGN]>h3 .tdesign-header-anchor,div[name=DOC]>h3 .header-anchor,div[name=DOC]>h3 .tdesign-header-anchor{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.397 14.297c-.78.78-.94 1.889-.353 2.475l3.182 3.182c.585.585 1.693.427 2.474-.354l3.45-3.45-1.06-1.06-3.707 3.707L5.2 15.614l3.707-3.706-1.061-1.061-3.45 3.45ZM16.332 12.968l-1.06-1.06 3.524-3.525L15.614 5.2 12.09 8.726l-1.06-1.061 3.268-3.268c.78-.78 1.889-.94 2.474-.353l3.182 3.182c.586.585.428 1.693-.353 2.475l-3.268 3.267Z' fill='%230052D9'/%3E%3Cpath d='m9.657 13.171 1.061 1.061 4.243-4.243L13.9 8.93 9.657 13.17Z' fill='%230052D9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% auto;display:inline-block;font-size:0;height:20px;margin-left:8px;width:24px}div[name=API]>h3:hover a,div[name=DEMO]>h3:hover a,div[name=DESIGN]>h3:hover a,div[name=DOC]>h3:hover a{opacity:1}div[name=API]>h4,div[name=DEMO]>h4,div[name=DESIGN]>h4,div[name=DOC]>h4{font-size:16px;font-weight:700;line-height:24px;margin:32px 0 8px}div[name=API]>h4 .header-anchor,div[name=API]>h4 .tdesign-header-anchor,div[name=DEMO]>h4 .header-anchor,div[name=DEMO]>h4 .tdesign-header-anchor,div[name=DESIGN]>h4 .header-anchor,div[name=DESIGN]>h4 .tdesign-header-anchor,div[name=DOC]>h4 .header-anchor,div[name=DOC]>h4 .tdesign-header-anchor{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.397 14.297c-.78.78-.94 1.889-.353 2.475l3.182 3.182c.585.585 1.693.427 2.474-.354l3.45-3.45-1.06-1.06-3.707 3.707L5.2 15.614l3.707-3.706-1.061-1.061-3.45 3.45ZM16.332 12.968l-1.06-1.06 3.524-3.525L15.614 5.2 12.09 8.726l-1.06-1.061 3.268-3.268c.78-.78 1.889-.94 2.474-.353l3.182 3.182c.586.585.428 1.693-.353 2.475l-3.268 3.267Z' fill='%230052D9'/%3E%3Cpath d='m9.657 13.171 1.061 1.061 4.243-4.243L13.9 8.93 9.657 13.17Z' fill='%230052D9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% auto;display:inline-block;font-size:0;height:16px;margin-left:8px;width:20px}div[name=API]>h4:hover a,div[name=DEMO]>h4:hover a,div[name=DESIGN]>h4:hover a,div[name=DOC]>h4:hover a{opacity:1}div[name=API]>h5,div[name=DEMO]>h5,div[name=DESIGN]>h5,div[name=DOC]>h5{font-size:14px;font-weight:400;line-height:22px;margin:8px 0 16px}div[name=API]>h5 .header-anchor,div[name=API]>h5 .tdesign-header-anchor,div[name=DEMO]>h5 .header-anchor,div[name=DEMO]>h5 .tdesign-header-anchor,div[name=DESIGN]>h5 .header-anchor,div[name=DESIGN]>h5 .tdesign-header-anchor,div[name=DOC]>h5 .header-anchor,div[name=DOC]>h5 .tdesign-header-anchor{display:none}div[name=API]>p,div[name=DEMO]>p,div[name=DESIGN]>p,div[name=DOC]>p{color:var(--text-primary);font-size:14px;line-height:22px}div[name=API] hr,div[name=DEMO] hr,div[name=DESIGN] hr,div[name=DOC] hr{margin:16px 0;opacity:0}div[name=API] .header-anchor,div[name=API] .tdesign-header-anchor,div[name=DEMO] .header-anchor,div[name=DEMO] .tdesign-header-anchor,div[name=DESIGN] .header-anchor,div[name=DESIGN] .tdesign-header-anchor,div[name=DOC] .header-anchor,div[name=DOC] .tdesign-header-anchor{opacity:0;text-decoration:none;transition:opacity .3s}.tdesign-toc_container{box-sizing:border-box;max-height:calc(100vh - 214px);overflow:hidden auto;padding-right:10px;position:absolute;right:24px;top:316px;width:240px}@media screen and (max-width:960px){.tdesign-toc_container{display:none}}.tdesign-toc_container::-webkit-scrollbar-corner{width:0}.tdesign-toc_container::-webkit-scrollbar{background:transparent;height:12px;width:12px}.tdesign-toc_container::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--bg-color-scroll);border:4px solid transparent;border-radius:6px}.tdesign-toc_container .tdesign-toc_list{border-left:1px solid var(--component-stroke);font-size:12px;line-height:20px;list-style:none;padding-left:0}.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{border-left:1px solid transparent;color:var(--text-secondary);display:block;margin-bottom:4px;margin-left:-1px;overflow:hidden;padding-left:16px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.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{border-left:1px solid var(--brand-main);color:var(--brand-main)}div[name=DESIGN] h5+.legend{margin-top:-16px}div[name=DESIGN] img{border:1px solid var(--component-border);border-radius:6px;display:block}div[name=DESIGN] img.tag{border:0;margin:0;max-width:60px;width:25%}div[name=DESIGN] .legend{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between}div[name=DESIGN] .legend .item{width:calc(50% - 12px)}div[name=DOC] image{border:1px solid var(--component-stroke);border-radius:6px;margin:0}div[name=DOC] h3 .tag{background:var(--component-border);border-radius:3px;color:var(--text-secondary);font-size:16px;font-style:normal;font-weight:600;line-height:24px;margin-left:8px;padding:0 12px}div[name=DOC] .image-group{-moz-column-gap:16px;column-gap:16px;display:flex;flex-wrap:wrap;margin-top:16px;row-gap:16px}div[name=DOC] .image-wrapper{background:var(--bg-color-code);border-radius:6px;box-sizing:border-box;padding:12px}@media screen and (min-width:1440px){div[name=DOC] .image-wrapper{width:calc(25% - 12px)}}@media screen and (min-width:750px) and (max-width:1439px){div[name=DOC] .image-wrapper{width:calc(33.33333% - 10.66667px)}}@media screen and (max-width:749px){div[name=DOC] .image-wrapper{width:calc(50% - 8px)}}div[name=DOC] .image-wrapper .item{background:var(--bg-color-card);border-radius:3px;box-sizing:border-box;cursor:pointer;display:inline-block;padding:12px 16px;text-decoration:none;transition:transform .24s cubic-bezier(.38,0,.24,1),box-shadow .24s linear,opacity .24s linear;width:100%}div[name=DOC] .image-wrapper .item:hover{box-shadow:0 6px 30px 5px #0000000d,0 16px 24px 2px #0000000a,0 8px 10px -5px #00000014;color:var(--text-primary);transform:translateY(-2px)}div[name=DOC] .image-wrapper .item:hover .name{color:var(--text-primary)}div[name=DOC] .image-wrapper .item img{filter:none;height:auto;margin:8px 0;max-width:100%;width:100%}div[name=DOC] .image-wrapper .item .name{color:var(--text-secondary);line-height:22px;overflow:hidden;text-overflow:ellipsis;transition:all .2s linear;white-space:pre}@media screen and (max-width:960px){div[name=API]{overflow-x:auto}div[name=API] table{width:225%}}div[name=DOC].timeline{overflow:hidden;padding-left:32px;position:relative}div[name=DOC].timeline:after{background:var(--brand-main);content:"";height:100%;left:3px;position:absolute;top:24px;width:2px}div[name=DOC].timeline h2{position:relative}div[name=DOC].timeline h2 code,div[name=DOC].timeline h2 td-code{background:var(--bg-color-tag);border-radius:3px;color:var(--text-primary);font-size:20px;margin-left:24px;padding:2px 12px}div[name=DOC].timeline h2:before{border:2px solid var(--brand-main);border-radius:50%;box-sizing:border-box;height:8px;outline:8px solid var(--bg-color-docpage)}div[name=DOC].timeline h2:before,div[name=DOC].timeline h2:last-of-type:after{background:var(--bg-color-docpage);content:"";left:-32px;position:absolute;width:8px;z-index:10}div[name=DOC].timeline h2:last-of-type:after{height:9999px;top:30px}div[name=DOC].timeline h3{font-size:20px;line-height:28px}@keyframes light-to-dark{0%{clip-path:polygon(0 0,0 0,-14.05408vh 100%,-14.05408vh 100%)}to{clip-path:polygon(0 0,calc(14.05408vh + 100%) 0,100% 100%,-14.05408vh 100%)}}@keyframes dark-to-light{0%{clip-path:polygon(calc(14.05408vh + 100%) 0,calc(14.05408vh + 100%) 0,100% 100%,100% 100%)}to{clip-path:polygon(0 0,calc(14.05408vh + 100%) 0,100% 100%,-14.05408vh 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-]{word-wrap:normal;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:1em;-webkit-hyphens:none;hyphens:none;line-height:1.5em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{background:#d6dbe3;color:#263238}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{background:#d6dbe3;color:#263238}:not(pre)>code[class*=language-]{border-radius:.2em;padding:.1em;white-space:normal}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-]{word-wrap:normal;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:1em;-webkit-hyphens:none;hyphens:none;line-height:1.5em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}:root[theme-mode=dark] code[class*=language-] ::-moz-selection,:root[theme-mode=dark] code[class*=language-]::-moz-selection,:root[theme-mode=dark] pre[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] code[class*=language-]::selection,:root[theme-mode=dark] pre[class*=language-] ::selection,:root[theme-mode=dark] pre[class*=language-]::selection{background:#d6dbe3;color:#263238}:root[theme-mode=dark] :not(pre)>code[class*=language-]{border-radius:.2em;padding:.1em;white-space:normal}: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,:root[theme-mode=dark] .token.attribute{color:#fbca25}:root[theme-mode=dark] .token.boolean{color:#ae78f0}:root[theme-mode=dark] .token.builtin,:root[theme-mode=dark] .token.cdata,:root[theme-mode=dark] .token.char,: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,: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,:root[theme-mode=dark] .token.variable{color:#48c79c}