div[name=DEMO] .t-chat__text pre{background:transparent;border:none;padding:0}div[name=DEMO] .chat-action-content{display:flex}.t-chat{font:var(--td-font-body-medium);box-sizing:border-box;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;height:100%;width:100%;color:var(--td-text-color-primary)}.t-chat__list{flex:1;overflow-y:auto;overflow-x:hidden}.t-chat__list--reverse{display:flex;flex-direction:column-reverse}.t-chat__list .place-holder{flex-grow:1;flex-shrink:1}.t-chat__list .clear-btn{color:var(--td-text-color-secondary);font-size:var(--td-font-size-body-small);cursor:pointer}.t-chat__list .clear-btn .t-divider__inner-text{display:flex;align-items:center}.t-chat__list .clear-btn .clear-btn-text{margin-left:var(--td-comp-margin-xs)}.t-chat__list .clear-btn:hover{color:var(--td-text-color-primary)}.t-chat__footer{position:relative}.t-chat__footer__content{width:100%;position:relative;display:flex;padding-right:0}.t-chat__footer .t-chat__footer__content{margin-top:var(--td-comp-margin-xl)}.t-chat__footer__textarea{flex-grow:1;position:relative;border-radius:var(--td-radius-round)}.t-chat__footer__textarea .t-textarea{width:100%}.t-chat__footer__textarea .t-textarea .t-textarea__inner{background:var(--td-bg-color-secondarycontainer);padding:var(--td-comp-size-xxs) var(--td-comp-size-xxxxxl) var(--td-comp-size-xxs) var(--td-comp-size-xs);border-radius:32px;scrollbar-width:none}.t-chat__footer__textarea .t-textarea .t-textarea__inner.t-is-focused{border-color:var(--td-brand-color);background:var(--td-bg-color-container)}.t-chat__footer__textarea .t-textarea .t-textarea__inner::placeholder{color:var(--td-text-color-secondary)}.t-chat__footer__textarea .t-textarea .t-textarea__inner:hover{box-shadow:inset 0 2px 4px -1px #0000001f,0 4px 5px #00000014,0 1px 10px #0000000d}.t-chat__footer__textarea__icon{position:absolute;bottom:var(--td-comp-paddingTB-s);right:var(--td-comp-paddingLR-s);text-align:center;cursor:pointer;height:var(--td-comp-size-xxl);display:flex;align-items:center;justify-content:center}.t-chat__footer__textarea__icon .t-chat__footer__textarea__icon__default{transform:rotate(-90deg);width:var(--td-comp-size-xxl);height:var(--td-comp-size-xxl);border-radius:var(--td-radius-circle);color:var(--td-text-color-disabled)}.t-chat__footer__textarea__icon .t-chat__footer__textarea__icon--focus{background:var(--td-brand-color);color:var(--td-text-color-anti)}.t-chat__footer__textarea__icon .t-button.t-size-s .t-icon{font-size:var(--td-font-size-title-large)}.t-chat__footer__stopbtn{flex:0 0 auto;margin-left:var(--td-comp-margin-l)}.t-chat__footer__stopbtn .t-button{width:100px;height:var(--td-comp-size-xxxxl);border-radius:var(--td-radius-round);background:var(--td-bg-color-secondarycontainer);color:var(--td-text-color-primary);font-size:var(--td-font-size-body-large)}.t-chat__footer__stopbtn .t-button__text{align-items:center}.t-chat__footer__stopbtn .t-button .t-icon{font-size:var(--td-font-size-title-large);margin-right:var(--td-comp-margin-s)}.t-chat__inner{display:flex;margin-bottom:var(--td-comp-margin-l)}.t-chat__inner .t-chat__avatar{flex:0 0 auto}.t-chat__inner .t-chat__content{flex:1 1 auto;width:100%}.t-chat__inner .t-chat__content--base{padding-top:var(--td-comp-paddingTB-xl)}.t-chat__inner .t-chat__detail{max-width:calc(100% - var(--td-comp-size-xl));box-sizing:border-box}.t-chat__inner.model-change{justify-content:center;margin-top:var(--td-comp-margin-xxl)}.t-chat__inner.error .t-chat__text__content{color:var(--td-error-color)}.t-chat__inner .t-chat__notice{background:var(--td-bg-color-secondarycontainer);padding:var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-s);font-size:var(--td-font-size-body-small);color:var(--td-text-color-disabled);border-radius:var(--td-radius-default);box-sizing:border-box;line-height:20px;text-align:center}.t-chat__inner .t-chat__notice span{color:var(--td-text-color-placeholder)}.t-chat--normal .t-chat__inner.user{flex-direction:row-reverse}.t-chat--normal .t-chat__inner.user .t-chat__avatar{margin-right:0}.t-chat--normal .t-chat__inner.user .t-chat__content{align-items:flex-end}.t-chat--normal .t-chat__inner.user .t-chat__content .t-chat__base{justify-content:flex-end}.t-chat--normal .t-chat__detail{max-width:min(calc(100% - 40px),800px)}.t-chat__avatar{flex-shrink:0;cursor:pointer;display:flex;margin:0 var(--td-comp-margin-xs);padding-top:var(--td-comp-paddingTB-xl)}.t-chat__avatar__box{padding-top:var(--td-pop-padding-m)}.t-chat__avatar-image{width:var(--td-comp-size-m);height:var(--td-comp-size-m);border-radius:var(--td-radius-circle)}.t-chat__content{font:var(--td-font-body-medium);display:flex;flex-direction:column;align-items:flex-start}.t-chat__content .t-skeleton{width:100%;padding:var(--td-pop-padding-xxl)}.t-chat__base{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:baseline;font:var(--td-font-title-small);color:var(--td-text-color-placeholder);padding-left:var(--td-pop-padding-xxl)}.t-chat__name{padding-right:var(--td-comp-margin-s);cursor:pointer}.t-chat__text{padding:var(--td-pop-padding-xl) var(--td-pop-padding-xxl);font:var(--td-font-body-large);word-break:break-all}.t-chat__text .t-chat__text__user pre{color:var(--td-text-color-secondary);margin:0;white-space:pre-wrap}.t-chat__text__assistant{color:var(--td-text-color-primary)}.t-chat__text__assistant ol{padding-inline-start:20px}.t-chat__text__assistant ol li{list-style:decimal}.t-chat__text__assistant img{max-width:100%;margin:var(--td-comp-margin-xs) 0;border-radius:var(--td-radius-default)}.t-chat__text__assistant :where(code):not(:where(pre *)){color:var(--td-error-color);background:var(--td-error-color-1);border-radius:var(--td-radius-default);padding:var(--td-comp-paddingTB-xxs) var(--td-pop-padding-m);font-size:var(--td-font-size-body-small);word-break:break-word;margin:0 var(--td-comp-margin-xxs)}.t-chat__text__assistant blockquote{border-left:2px solid var(--td-gray-color-3);background:var(--td-gray-color-1);color:var(--td-font-gray-1);padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingTB-m) var(--td-comp-paddingTB-m) var(--td-comp-size-xs);margin:var(--td-comp-margin-l) 0}.t-chat__text__assistant hr{opacity:0}.t-chat__text .t-chat__text__assistant .t-chat__text__content .hljs{background-color:var(--td-gray-color-14);border-radius:var(--td-radius-large)}.t-chat__text--error{color:var(--td-error-color)}.t-chat__text--variant--base .t-chat__text{background-color:var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-extraLarge)}.t-chat__text--variant--outline .t-chat__text{border:1px solid var(--td-border-level-2-color);border-radius:var(--td-radius-extraLarge)}.t-chat__actions-margin{margin-left:var(--td-comp-margin-l)}.t-chat__actions{margin-top:var(--td-comp-margin-xs);display:flex;list-style:none;padding:3px;background-color:var(--td-bg-color-secondarycontainer);border-radius:var(--td-radius-medium);border:1px solid var(--td-border-level-2-color);overflow:hidden}.t-chat__actions .t-button{padding:var(--td-pop-padding-s);width:var(--td-comp-size-xxxs);height:var(--td-comp-size-xxxs);box-sizing:content-box;color:var(--td-text-color-primary);background-color:var(--td-bg-color-secondarycontainer);border:0;margin-right:var(--td-comp-margin-xs)}.t-chat__actions .t-button .t-icon{font-size:var(--td-font-size-body-large)}.t-chat__actions .t-chat-button--active{color:var(--td-brand-color)}.t-chat__actions .t-button:hover{background-color:#eee}.t-chat__actions .t-space .t-space-item{height:var(--td-comp-size-xs)}.t-chat__refresh{display:flex;align-items:center}.t-chat__refresh-line{width:1px;height:var(--td-comp-size-xxxs);background-color:#e7e7e7;margin-right:var(--td-comp-margin-xs)}.t-chat__code-header{display:flex;padding:0 var(--td-pop-padding-xl);padding-top:var(--td-pop-padding-xl);justify-content:space-between}.t-chat__language-txt{color:var(--td-font-white-1)}.t-chat__copy-btn{color:var(--td-font-white-1);cursor:pointer}.t-chat__text__content pre code.hljs{display:block;overflow-x:auto;padding:1em}.t-chat__text__content code.hljs{padding:3px 5px}.t-chat__text__content .hljs{color:var(--td-font-white-1);background:var(--td-gray-color-14)}.t-chat__text__content .hljs-comment,.t-chat__text__content .hljs-quote{color:#5c6370;font-style:italic}.t-chat__text__content .hljs-doctag,.t-chat__text__content .hljs-keyword,.t-chat__text__content .hljs-formula{color:#c678dd}.t-chat__text__content .hljs-section,.t-chat__text__content .hljs-name,.t-chat__text__content .hljs-selector-tag,.t-chat__text__content .hljs-deletion,.t-chat__text__content .hljs-subst{color:#e06c75}.t-chat__text__content .hljs-literal{color:#56b6c2}.t-chat__text__content .hljs-string,.t-chat__text__content .hljs-regexp,.t-chat__text__content .hljs-addition,.t-chat__text__content .hljs-attribute,.t-chat__text__content .hljs-meta .hljs-string{color:#98c379}.t-chat__text__content .hljs-attr,.t-chat__text__content .hljs-variable,.t-chat__text__content .hljs-template-variable,.t-chat__text__content .hljs-type,.t-chat__text__content .hljs-selector-class,.t-chat__text__content .hljs-selector-attr,.t-chat__text__content .hljs-selector-pseudo,.t-chat__text__content .hljs-number{color:#d19a66}.t-chat__text__content .hljs-symbol,.t-chat__text__content .hljs-bullet,.t-chat__text__content .hljs-link,.t-chat__text__content .hljs-meta,.t-chat__text__content .hljs-selector-id,.t-chat__text__content .hljs-title{color:#61aeee}.t-chat__text__content .hljs-built_in,.t-chat__text__content .hljs-title.class_,.t-chat__text__content .hljs-class .hljs-title{color:#e6c07b}.t-chat__text__content .hljs-emphasis{font-style:italic}.t-chat__text__content .hljs-strong{font-weight:700}.t-chat__text__content .hljs-link{text-decoration:underline}:root{--td-screen-xs: 320px;--td-screen-sm: 768px;--td-screen-md: 992px;--td-screen-lg: 1200px;--td-screen-xl: 1400px;--td-screen-xxl: 1880px}@-moz-document url-prefix(){.narrow-scrollbar{scrollbar-color:var(--td-scrollbar-color) transparent;scrollbar-width:thin}}.narrow-scrollbar::-webkit-scrollbar{width:8px;height:8px}.narrow-scrollbar::-webkit-scrollbar-thumb{border:2px solid transparent;background-clip:content-box;background-color:var(--td-scrollbar-color);border-radius:15px}.narrow-scrollbar::-webkit-scrollbar-thumb:vertical:hover,.narrow-scrollbar::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--td-scrollbar-hover-color)}.t-fake-arrow path{transition:d .2s;stroke:currentcolor}.t-fake-arrow--active path{d:path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425")}.t-slide-down-enter-active,.t-slide-down-leave-active{transition:height .2s cubic-bezier(.38,0,.24,1)}:root,:root[theme-mode=light]{--td-brand-color-1: #f2f3ff;--td-brand-color-2: #d9e1ff;--td-brand-color-3: #b5c7ff;--td-brand-color-4: #8eabff;--td-brand-color-5: #618dff;--td-brand-color-6: #366ef4;--td-brand-color-7: #0052d9;--td-brand-color-8: #003cab;--td-brand-color-9: #002a7c;--td-brand-color-10: #001a57;--td-warning-color-1: #fff1e9;--td-warning-color-2: #ffd9c2;--td-warning-color-3: #ffb98c;--td-warning-color-4: #fa9550;--td-warning-color-5: #e37318;--td-warning-color-6: #be5a00;--td-warning-color-7: #954500;--td-warning-color-8: #713300;--td-warning-color-9: #532300;--td-warning-color-10: #3b1700;--td-error-color-1: #fff0ed;--td-error-color-2: #ffd8d2;--td-error-color-3: #ffb9b0;--td-error-color-4: #ff9285;--td-error-color-5: #f6685d;--td-error-color-6: #d54941;--td-error-color-7: #ad352f;--td-error-color-8: #881f1c;--td-error-color-9: #68070a;--td-error-color-10: #490002;--td-success-color-1: #e3f9e9;--td-success-color-2: #c6f3d7;--td-success-color-3: #92dab2;--td-success-color-4: #56c08d;--td-success-color-5: #2ba471;--td-success-color-6: #008858;--td-success-color-7: #006c45;--td-success-color-8: #005334;--td-success-color-9: #003b23;--td-success-color-10: #002515;--td-gray-color-1: #f3f3f3;--td-gray-color-2: #eee;--td-gray-color-3: #e8e8e8;--td-gray-color-4: #ddd;--td-gray-color-5: #c6c6c6;--td-gray-color-6: #a6a6a6;--td-gray-color-7: #8b8b8b;--td-gray-color-8: #777;--td-gray-color-9: #5e5e5e;--td-gray-color-10: #4b4b4b;--td-gray-color-11: #393939;--td-gray-color-12: #2c2c2c;--td-gray-color-13: #242424;--td-gray-color-14: #181818;--td-font-white-1: #ffffff;--td-font-white-2: rgba(255, 255, 255, .55);--td-font-white-3: rgba(255, 255, 255, .35);--td-font-white-4: rgba(255, 255, 255, .22);--td-font-gray-1: rgba(0, 0, 0, .9);--td-font-gray-2: rgba(0, 0, 0, .6);--td-font-gray-3: rgba(0, 0, 0, .4);--td-font-gray-4: rgba(0, 0, 0, .26);--td-brand-color: var(--td-brand-color-7);--td-warning-color: var(--td-warning-color-5);--td-error-color: var(--td-error-color-6);--td-success-color: var(--td-success-color-5);--td-brand-color-hover: var(--td-brand-color-6);--td-brand-color-focus: var(--td-brand-color-2);--td-brand-color-active: var(--td-brand-color-8);--td-brand-color-disabled: var(--td-brand-color-3);--td-brand-color-light: var(--td-brand-color-1);--td-brand-color-light-hover: var(--td-brand-color-2);--td-warning-color-hover: var(--td-warning-color-4);--td-warning-color-focus: var(--td-warning-color-2);--td-warning-color-active: var(--td-warning-color-6);--td-warning-color-disabled: var(--td-warning-color-3);--td-warning-color-light: var(--td-warning-color-1);--td-warning-color-light-hover: var(--td-warning-color-2);--td-error-color-hover: var(--td-error-color-5);--td-error-color-focus: var(--td-error-color-2);--td-error-color-active: var(--td-error-color-7);--td-error-color-disabled: var(--td-error-color-3);--td-error-color-light: var(--td-error-color-1);--td-error-color-light-hover: var(--td-error-color-2);--td-success-color-hover: var(--td-success-color-4);--td-success-color-focus: var(--td-success-color-2);--td-success-color-active: var(--td-success-color-6);--td-success-color-disabled: var(--td-success-color-3);--td-success-color-light: var(--td-success-color-1);--td-success-color-light-hover: var(--td-success-color-2);--td-mask-active: rgba(0, 0, 0, .6);--td-mask-disabled: rgba(255, 255, 255, .6);--td-bg-color-page: var(--td-gray-color-2);--td-bg-color-container: #fff;--td-bg-color-container-hover: var(--td-gray-color-1);--td-bg-color-container-active: var(--td-gray-color-3);--td-bg-color-container-select: #fff;--td-bg-color-secondarycontainer: var(--td-gray-color-1);--td-bg-color-secondarycontainer-hover: var(--td-gray-color-2);--td-bg-color-secondarycontainer-active: var(--td-gray-color-4);--td-bg-color-component: var(--td-gray-color-3);--td-bg-color-component-hover: var(--td-gray-color-4);--td-bg-color-component-active: var(--td-gray-color-6);--td-bg-color-secondarycomponent: var(--td-gray-color-4);--td-bg-color-secondarycomponent-hover: var(--td-gray-color-5);--td-bg-color-secondarycomponent-active: var(--td-gray-color-6);--td-bg-color-component-disabled: var(--td-gray-color-2);--td-bg-color-specialcomponent: #fff;--td-text-color-primary: var(--td-font-gray-1);--td-text-color-secondary: var(--td-font-gray-2);--td-text-color-placeholder: var(--td-font-gray-3);--td-text-color-disabled: var(--td-font-gray-4);--td-text-color-anti: #fff;--td-text-color-brand: var(--td-brand-color-7);--td-text-color-link: var(--td-brand-color-8);--td-border-level-1-color: var(--td-gray-color-3);--td-component-stroke: var(--td-gray-color-3);--td-border-level-2-color: var(--td-gray-color-4);--td-component-border: var(--td-gray-color-4);--td-shadow-1: 0 1px 10px rgba(0, 0, 0, .05), 0 4px 5px rgba(0, 0, 0, 8%), 0 2px 4px -1px rgba(0, 0, 0, 12%);--td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, .05), 0 8px 10px 1px rgba(0, 0, 0, 6%), 0 5px 5px -3px rgba(0, 0, 0, 10%);--td-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%);--td-shadow-inset-top: inset 0 .5px 0 #dcdcdc;--td-shadow-inset-right: inset .5px 0 0 #dcdcdc;--td-shadow-inset-bottom: inset 0 -.5px 0 #dcdcdc;--td-shadow-inset-left: inset -.5px 0 0 #dcdcdc;--td-table-shadow-color: rgba(0, 0, 0, .08);--td-scrollbar-color: rgba(0, 0, 0, .1);--td-scrollbar-hover-color: rgba(0, 0, 0, .3);--td-scroll-track-color: #fff}:root[theme-mode=dark]{--td-brand-color-1: #1b2f51;--td-brand-color-2: #173463;--td-brand-color-3: #143975;--td-brand-color-4: #103d88;--td-brand-color-5: #0d429a;--td-brand-color-6: #054bbe;--td-brand-color-7: #2667d4;--td-brand-color-8: #4582e6;--td-brand-color-9: #699ef5;--td-brand-color-10: #96bbf8;--td-warning-color-1: #4f2a1d;--td-warning-color-2: #582f21;--td-warning-color-3: #733c23;--td-warning-color-4: #a75d2b;--td-warning-color-5: #cf6e2d;--td-warning-color-6: #dc7633;--td-warning-color-7: #e8935c;--td-warning-color-8: #ecbf91;--td-warning-color-9: #eed7bf;--td-warning-color-10: #f3e9dc;--td-error-color-1: #472324;--td-error-color-2: #5e2a2d;--td-error-color-3: #703439;--td-error-color-4: #83383e;--td-error-color-5: #a03f46;--td-error-color-6: #c64751;--td-error-color-7: #de6670;--td-error-color-8: #ec888e;--td-error-color-9: #edb1b6;--td-error-color-10: #eeced0;--td-success-color-1: #193a2a;--td-success-color-2: #1a4230;--td-success-color-3: #17533d;--td-success-color-4: #0d7a55;--td-success-color-5: #059465;--td-success-color-6: #43af8a;--td-success-color-7: #46bf96;--td-success-color-8: #80d2b6;--td-success-color-9: #b4e1d3;--td-success-color-10: #deede8;--td-gray-color-1: #f3f3f3;--td-gray-color-2: #eee;--td-gray-color-3: #e8e8e8;--td-gray-color-4: #ddd;--td-gray-color-5: #c6c6c6;--td-gray-color-6: #a6a6a6;--td-gray-color-7: #8b8b8b;--td-gray-color-8: #777;--td-gray-color-9: #5e5e5e;--td-gray-color-10: #4b4b4b;--td-gray-color-11: #393939;--td-gray-color-12: #2c2c2c;--td-gray-color-13: #242424;--td-gray-color-14: #181818;--td-font-white-1: rgba(255, 255, 255, .9);--td-font-white-2: rgba(255, 255, 255, .55);--td-font-white-3: rgba(255, 255, 255, .35);--td-font-white-4: rgba(255, 255, 255, .22);--td-font-gray-1: rgba(0, 0, 0, .9);--td-font-gray-2: rgba(0, 0, 0, .6);--td-font-gray-3: rgba(0, 0, 0, .4);--td-font-gray-4: rgba(0, 0, 0, .26);--td-brand-color: var(--td-brand-color-8);--td-warning-color: var(--td-warning-color-5);--td-error-color: var(--td-error-color-6);--td-success-color: var(--td-success-color-5);--td-brand-color-hover: var(--td-brand-color-7);--td-brand-color-focus: var(--td-brand-color-2);--td-brand-color-active: var(--td-brand-color-9);--td-brand-color-disabled: var(--td-brand-color-3);--td-brand-color-light: var(--td-brand-color-1);--td-brand-color-light-hover: var(--td-brand-color-2);--td-warning-color-hover: var(--td-warning-color-4);--td-warning-color-focus: var(--td-warning-color-2);--td-warning-color-active: var(--td-warning-color-6);--td-warning-color-disabled: var(--td-warning-color-3);--td-warning-color-light: var(--td-warning-color-1);--td-warning-color-light-hover: var(--td-warning-color-2);--td-error-color-hover: var(--td-error-color-5);--td-error-color-focus: var(--td-error-color-2);--td-error-color-active: var(--td-error-color-7);--td-error-color-disabled: var(--td-error-color-3);--td-error-color-light: var(--td-error-color-1);--td-error-color-light-hover: var(--td-error-color-2);--td-success-color-hover: var(--td-success-color-4);--td-success-color-focus: var(--td-success-color-2);--td-success-color-active: var(--td-success-color-6);--td-success-color-disabled: var(--td-success-color-3);--td-success-color-light: var(--td-success-color-1);--td-success-color-light-hover: var(--td-success-color-2);--td-mask-active: rgba(0, 0, 0, .4);--td-mask-disabled: rgba(0, 0, 0, .6);--td-bg-color-page: var(--td-gray-color-14);--td-bg-color-container: var(--td-gray-color-13);--td-bg-color-container-hover: var(--td-gray-color-12);--td-bg-color-container-active: var(--td-gray-color-10);--td-bg-color-container-select: var(--td-gray-color-9);--td-bg-color-secondarycontainer: var(--td-gray-color-12);--td-bg-color-secondarycontainer-hover: var(--td-gray-color-11);--td-bg-color-secondarycontainer-active: var(--td-gray-color-9);--td-bg-color-component: var(--td-gray-color-11);--td-bg-color-component-hover: var(--td-gray-color-10);--td-bg-color-component-active: var(--td-gray-color-9);--td-bg-color-secondarycomponent: var(--td-gray-color-10);--td-bg-color-secondarycomponent-hover: var(--td-gray-color-9);--td-bg-color-secondarycomponent-active: var(--td-gray-color-8);--td-bg-color-component-disabled: var(--td-gray-color-12);--td-bg-color-specialcomponent: transparent;--td-text-color-primary: var(--td-font-white-1);--td-text-color-secondary: var(--td-font-white-2);--td-text-color-placeholder: var(--td-font-white-3);--td-text-color-disabled: var(--td-font-white-4);--td-text-color-anti: #fff;--td-text-color-brand: var(--td-brand-color-8);--td-text-color-link: var(--td-brand-color-8);--td-border-level-1-color: var(--td-gray-color-11);--td-component-stroke: var(--td-gray-color-11);--td-border-level-2-color: var(--td-gray-color-9);--td-component-border: var(--td-gray-color-9);--td-shadow-1: 0 4px 6px rgba(0, 0, 0, .06), 0 1px 10px rgba(0, 0, 0, 8%), 0 2px 4px rgba(0, 0, 0, 12%);--td-shadow-2: 0 8px 10px rgba(0, 0, 0, .12), 0 3px 14px rgba(0, 0, 0, 10%), 0 5px 5px rgba(0, 0, 0, 16%);--td-shadow-3: 0 16px 24px rgba(0, 0, 0, .14), 0 6px 30px rgba(0, 0, 0, 12%), 0 8px 10px rgba(0, 0, 0, 20%);--td-shadow-inset-top: inset 0 .5px 0 #5e5e5e;--td-shadow-inset-right: inset .5px 0 0 #5e5e5e;--td-shadow-inset-bottom: inset 0 -.5px 0 #5e5e5e;--td-shadow-inset-left: inset -.5px 0 0 #5e5e5e;--td-table-shadow-color: rgba(0, 0, 0, .55);--td-scrollbar-color: rgba(255, 255, 255, .1);--td-scrollbar-hover-color: rgba(255, 255, 255, .3);--td-scroll-track-color: #333}:root{--td-radius-small: 2px;--td-radius-default: 3px;--td-radius-medium: 6px;--td-radius-large: 9px;--td-radius-extraLarge: 12px;--td-radius-round: 999px;--td-radius-circle: 50%}:root{--td-font-family: PingFang SC, Microsoft YaHei, Arial Regular;--td-font-family-medium: PingFang SC, Microsoft YaHei, Arial Medium;--td-font-size-link-small: 12px;--td-font-size-link-medium: 14px;--td-font-size-link-large: 16px;--td-font-size-mark-small: 12px;--td-font-size-mark-medium: 14px;--td-font-size-body-small: 12px;--td-font-size-body-medium: 14px;--td-font-size-body-large: 16px;--td-font-size-title-small: 14px;--td-font-size-title-medium: 16px;--td-font-size-title-large: 20px;--td-font-size-headline-small: 24px;--td-font-size-headline-medium: 28px;--td-font-size-headline-large: 36px;--td-font-size-display-medium: 48px;--td-font-size-display-large: 64px;--td-line-height-link-small: 20px;--td-line-height-link-medium: 22px;--td-line-height-link-large: 24px;--td-line-height-mark-small: 20px;--td-line-height-mark-medium: 22px;--td-line-height-body-small: 20px;--td-line-height-body-medium: 22px;--td-line-height-body-large: 24px;--td-line-height-title-small: 22px;--td-line-height-title-medium: 24px;--td-line-height-title-large: 28px;--td-line-height-headline-small: 32px;--td-line-height-headline-medium: 36px;--td-line-height-headline-large: 44px;--td-line-height-display-medium: 56px;--td-line-height-display-large: 72px;--td-font-link-small: var(--td-font-size-link-small) / var(--td-line-height-link-small) var(--td-font-family);--td-font-link-medium: var(--td-font-size-link-medium) / var(--td-line-height-link-medium) var(--td-font-family);--td-font-link-large: var(--td-font-size-link-large) / var(--td-line-height-link-large) var(--td-font-family);--td-font-mark-small: 600 var(--td-font-size-mark-small) / var(--td-line-height-mark-small) var(--td-font-family);--td-font-mark-medium: 600 var(--td-font-size-mark-medium) / var(--td-line-height-mark-medium) var(--td-font-family);--td-font-body-small: var(--td-font-size-body-small) / var(--td-line-height-body-small) var(--td-font-family);--td-font-body-medium: var(--td-font-size-body-medium) / var(--td-line-height-body-medium) var(--td-font-family);--td-font-body-large: var(--td-font-size-body-large) / var(--td-line-height-body-large) var(--td-font-family);--td-font-title-small: 600 var(--td-font-size-title-small) / var(--td-line-height-title-small) var(--td-font-family);--td-font-title-medium: 600 var(--td-font-size-title-medium) / var(--td-line-height-title-medium) var(--td-font-family);--td-font-title-large: 600 var(--td-font-size-title-large) / var(--td-line-height-title-large) var(--td-font-family);--td-font-headline-small: 600 var(--td-font-size-headline-small) / var(--td-line-height-headline-small) var(--td-font-family);--td-font-headline-medium: 600 var(--td-font-size-headline-medium) / var(--td-line-height-headline-medium) var(--td-font-family);--td-font-headline-large: 600 var(--td-font-size-headline-large) / var(--td-line-height-headline-large) var(--td-font-family);--td-font-display-medium: 600 var(--td-font-size-display-medium) / var(--td-line-height-display-medium) var(--td-font-family);--td-font-display-large: 600 var(--td-font-size-display-large) / var(--td-line-height-display-large) var(--td-font-family)}:root{--td-size-1: 2px;--td-size-2: 4px;--td-size-3: 6px;--td-size-4: 8px;--td-size-5: 12px;--td-size-6: 16px;--td-size-7: 20px;--td-size-8: 24px;--td-size-9: 28px;--td-size-10: 32px;--td-size-11: 36px;--td-size-12: 40px;--td-size-13: 48px;--td-size-14: 56px;--td-size-15: 64px;--td-size-16: 72px;--td-comp-size-xxxs: var(--td-size-6);--td-comp-size-xxs: var(--td-size-7);--td-comp-size-xs: var(--td-size-8);--td-comp-size-s: var(--td-size-9);--td-comp-size-m: var(--td-size-10);--td-comp-size-l: var(--td-size-11);--td-comp-size-xl: var(--td-size-12);--td-comp-size-xxl: var(--td-size-13);--td-comp-size-xxxl: var(--td-size-14);--td-comp-size-xxxxl: var(--td-size-15);--td-comp-size-xxxxxl: var(--td-size-16);--td-pop-padding-s: var(--td-size-2);--td-pop-padding-m: var(--td-size-3);--td-pop-padding-l: var(--td-size-4);--td-pop-padding-xl: var(--td-size-5);--td-pop-padding-xxl: var(--td-size-6);--td-comp-paddingLR-xxs: var(--td-size-1);--td-comp-paddingLR-xs: var(--td-size-2);--td-comp-paddingLR-s: var(--td-size-4);--td-comp-paddingLR-m: var(--td-size-5);--td-comp-paddingLR-l: var(--td-size-6);--td-comp-paddingLR-xl: var(--td-size-8);--td-comp-paddingLR-xxl: var(--td-size-10);--td-comp-paddingTB-xxs: var(--td-size-1);--td-comp-paddingTB-xs: var(--td-size-2);--td-comp-paddingTB-s: var(--td-size-4);--td-comp-paddingTB-m: var(--td-size-5);--td-comp-paddingTB-l: var(--td-size-6);--td-comp-paddingTB-xl: var(--td-size-8);--td-comp-paddingTB-xxl: var(--td-size-10);--td-comp-margin-xxs: var(--td-size-1);--td-comp-margin-xs: var(--td-size-2);--td-comp-margin-s: var(--td-size-4);--td-comp-margin-m: var(--td-size-5);--td-comp-margin-l: var(--td-size-6);--td-comp-margin-xl: var(--td-size-7);--td-comp-margin-xxl: var(--td-size-8);--td-comp-margin-xxxl: var(--td-size-10);--td-comp-margin-xxxxl: var(--td-size-12)}