:root{--td-screen-xs: 320px;--td-screen-sm: 768px;--td-screen-md: 992px;--td-screen-lg: 1200px;--td-screen-xl: 1400px;--td-screen-xxl: 1880px}@-moz-document url-prefix(){.narrow-scrollbar{scrollbar-color:var(--td-scrollbar-color) transparent;scrollbar-width:thin}}.narrow-scrollbar::-webkit-scrollbar{width:8px;height:8px}.narrow-scrollbar::-webkit-scrollbar-thumb{border:2px solid transparent;background-clip:content-box;background-color:var(--td-scrollbar-color);border-radius:15px}.narrow-scrollbar::-webkit-scrollbar-thumb:vertical:hover,.narrow-scrollbar::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--td-scrollbar-hover-color)}.t-fake-arrow path{-webkit-transition:d .2s;transition:d .2s;stroke:currentcolor}.t-fake-arrow--active path{d:path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425")}.t-slide-down-enter-active,.t-slide-down-leave-active{-webkit-transition:height .2s cubic-bezier(.38,0,.24,1);transition:height .2s cubic-bezier(.38,0,.24,1)}.content-placement-top .t-popup[data-popper-placement^=top] .t-popup__content{margin-bottom:var(--td-comp-margin-s)}.content-placement-top .t-popup[data-popper-placement^=top] .t-popup__content--arrow{margin-bottom:var(--td-comp-margin-l)}.content-placement-bottom .t-popup[data-popper-placement^=bottom] .t-popup__content{margin-top:var(--td-comp-margin-s)}.content-placement-bottom .t-popup[data-popper-placement^=bottom] .t-popup__content--arrow{margin-top:var(--td-comp-margin-l)}.content-placement-left .t-popup[data-popper-placement^=left] .t-popup__content{margin-right:var(--td-comp-margin-s)}.content-placement-left .t-popup[data-popper-placement^=left] .t-popup__content--arrow{margin-right:var(--td-comp-margin-l)}.content-placement-left .t-popup[data-popper-placement^=left] .t-popup__content--text{max-width:480px}.content-placement-right .t-popup[data-popper-placement^=right] .t-popup__content{margin-left:var(--td-comp-margin-s)}.content-placement-right .t-popup[data-popper-placement^=right] .t-popup__content--arrow{margin-left:var(--td-comp-margin-l)}.content-placement-right .t-popup[data-popper-placement^=right] .t-popup__content--text{max-width:480px}.t-popup{font:var(--td-font-body-medium);-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;list-style:none;color:var(--td-text-color-primary);display:inline-block;z-index:5500}.t-popup__content{position:relative;background:var(--td-bg-color-container);-webkit-box-shadow:var(--td-shadow-2),var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left);box-shadow:var(--td-shadow-2),var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left);border-radius:var(--td-radius-medium);padding:var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s);font-size:var(--td-font-size-body-medium);line-height:var(--td-line-height-body-medium);-webkit-box-sizing:border-box;box-sizing:border-box;word-break:break-all}.t-popup__arrow{position:absolute;z-index:1;width:8px;height:8px}.t-popup__arrow:before{position:absolute;content:"";width:8px;height:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--td-bg-color-container)}.t-popup[data-popper-placement^=top] .t-popup__content{margin-bottom:var(--td-comp-margin-s)}.t-popup[data-popper-placement^=top] .t-popup__content--arrow{margin-bottom:var(--td-comp-margin-l)}.t-popup[data-popper-placement^=bottom] .t-popup__content{margin-top:var(--td-comp-margin-s)}.t-popup[data-popper-placement^=bottom] .t-popup__content--arrow{margin-top:var(--td-comp-margin-l)}.t-popup[data-popper-placement^=left] .t-popup__content{margin-right:var(--td-comp-margin-s)}.t-popup[data-popper-placement^=left] .t-popup__content--arrow{margin-right:var(--td-comp-margin-l)}.t-popup[data-popper-placement^=left] .t-popup__content--text{max-width:480px}.t-popup[data-popper-placement^=right] .t-popup__content{margin-left:var(--td-comp-margin-s)}.t-popup[data-popper-placement^=right] .t-popup__content--arrow{margin-left:var(--td-comp-margin-l)}.t-popup[data-popper-placement^=right] .t-popup__content--text{max-width:480px}.t-popup[data-popper-placement^=top] .t-popup__arrow:before{border-top-left-radius:100%;-webkit-box-shadow:var(--td-shadow-inset-left),var(--td-shadow-inset-bottom);box-shadow:var(--td-shadow-inset-left),var(--td-shadow-inset-bottom)}.t-popup[data-popper-placement=top-start] .t-popup__arrow{left:8px}.t-popup[data-popper-placement=top] .t-popup__arrow{left:50%;margin-left:-4px}.t-popup[data-popper-placement=top-end] .t-popup__arrow{left:calc(100% - 16px)}.t-popup[data-popper-placement^=bottom] .t-popup__arrow{top:-4px}.t-popup[data-popper-placement^=bottom] .t-popup__arrow:before{border-bottom-right-radius:100%;-webkit-box-shadow:var(--td-shadow-inset-top),var(--td-shadow-inset-right);box-shadow:var(--td-shadow-inset-top),var(--td-shadow-inset-right)}.t-popup[data-popper-placement=bottom-start] .t-popup__arrow{left:8px}.t-popup[data-popper-placement=bottom] .t-popup__arrow{left:50%;margin-left:-4px}.t-popup[data-popper-placement=bottom-end] .t-popup__arrow{left:calc(100% - 16px)}.t-popup[data-popper-placement^=left] .t-popup__arrow{right:-4px}.t-popup[data-popper-placement^=left] .t-popup__arrow:before{-webkit-box-shadow:var(--td-shadow-inset-left),var(--td-shadow-inset-top);box-shadow:var(--td-shadow-inset-left),var(--td-shadow-inset-top)}.t-popup[data-popper-placement=left-start] .t-popup__arrow{top:8px}.t-popup[data-popper-placement=left] .t-popup__arrow{top:50%;margin-top:-4px}.t-popup[data-popper-placement=left-end] .t-popup__arrow{top:calc(100% - 16px)}.t-popup[data-popper-placement^=right] .t-popup__arrow{left:-4px}.t-popup[data-popper-placement^=right] .t-popup__arrow:before{-webkit-box-shadow:var(--td-shadow-inset-right),var(--td-shadow-inset-bottom);box-shadow:var(--td-shadow-inset-right),var(--td-shadow-inset-bottom)}.t-popup[data-popper-placement=right-start] .t-popup__arrow{top:8px}.t-popup[data-popper-placement=right] .t-popup__arrow{top:50%;margin-top:-4px}.t-popup[data-popper-placement=right-end] .t-popup__arrow{top:calc(100% - 16px)}.t-popup--animation-enter,.t-popup--animation-enter-from,.t-popup--animation-exiting,.t-popup--animation-leave-to{opacity:0;visibility:hidden}.t-popup--animation-enter-to,.t-popup--animation-entering,.t-popup--animation-leave-from,.t-popup--animation-leave{opacity:1;visibility:visible;-webkit-transform:none;transform:none}.t-popup--animation-enter-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.t-popup--animation-leave-active{-webkit-transition:opacity .2s cubic-bezier(0,0,.15,1),visibility .2s cubic-bezier(.82,0,1,.9);transition:opacity .2s cubic-bezier(0,0,.15,1),visibility .2s cubic-bezier(.82,0,1,.9)}.t-popup--animation-expand-enter-active[data-popper-placement^=top]{-webkit-animation:t-popup-animation-expand-in-top .2s cubic-bezier(.38,0,.24,1),t-fade-in .2s linear;animation:t-popup-animation-expand-in-top .2s cubic-bezier(.38,0,.24,1),t-fade-in .2s linear}.t-popup--animation-expand-leave-active[data-popper-placement^=top]{-webkit-animation:t-popup-animation-expand-out-top .2s cubic-bezier(.38,0,.24,1),t-fade-out .2s cubic-bezier(0,0,.15,1);animation:t-popup-animation-expand-out-top .2s cubic-bezier(.38,0,.24,1),t-fade-out .2s cubic-bezier(0,0,.15,1)}@-webkit-keyframes t-popup-animation-expand-in-top{0%{-webkit-clip-path:polygon(-20% 120%,120% 120%,120% 120%,-20% 120%);clip-path:polygon(-20% 120%,120% 120%,120% 120%,-20% 120%)}to{-webkit-clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%);clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%)}}@keyframes t-popup-animation-expand-in-top{0%{-webkit-clip-path:polygon(-20% 120%,120% 120%,120% 120%,-20% 120%);clip-path:polygon(-20% 120%,120% 120%,120% 120%,-20% 120%)}to{-webkit-clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%);clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%)}}@-webkit-keyframes t-popup-animation-expand-out-top{0%{-webkit-clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%);clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%)}to{-webkit-clip-path:polygon(-20% 120%,120% 120%,120% 120%,-20% 120%);clip-path:polygon(-20% 120%,120% 120%,120% 120%,-20% 120%)}}@keyframes t-popup-animation-expand-out-top{0%{-webkit-clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%);clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%)}to{-webkit-clip-path:polygon(-20% 120%,120% 120%,120% 120%,-20% 120%);clip-path:polygon(-20% 120%,120% 120%,120% 120%,-20% 120%)}}.t-popup--animation-expand-enter-active[data-popper-placement^=bottom]{-webkit-animation:t-popup-animation-expand-in-bottom .2s cubic-bezier(.38,0,.24,1),t-fade-in .2s linear;animation:t-popup-animation-expand-in-bottom .2s cubic-bezier(.38,0,.24,1),t-fade-in .2s linear}.t-popup--animation-expand-leave-active[data-popper-placement^=bottom]{-webkit-animation:t-popup-animation-expand-out-bottom .2s cubic-bezier(.38,0,.24,1),t-fade-out .2s cubic-bezier(0,0,.15,1);animation:t-popup-animation-expand-out-bottom .2s cubic-bezier(.38,0,.24,1),t-fade-out .2s cubic-bezier(0,0,.15,1)}@-webkit-keyframes t-popup-animation-expand-in-bottom{0%{-webkit-clip-path:polygon(-20% 0,120% 0,120% 0,-20% 0);clip-path:polygon(-20% 0,120% 0,120% 0,-20% 0)}to{-webkit-clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%);clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%)}}@keyframes t-popup-animation-expand-in-bottom{0%{-webkit-clip-path:polygon(-20% 0,120% 0,120% 0,-20% 0);clip-path:polygon(-20% 0,120% 0,120% 0,-20% 0)}to{-webkit-clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%);clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%)}}@-webkit-keyframes t-popup-animation-expand-out-bottom{0%{-webkit-clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%);clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%)}to{-webkit-clip-path:polygon(-20% 0,120% 0,120% 0,-20% 0);clip-path:polygon(-20% 0,120% 0,120% 0,-20% 0)}}@keyframes t-popup-animation-expand-out-bottom{0%{-webkit-clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%);clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%)}to{-webkit-clip-path:polygon(-20% 0,120% 0,120% 0,-20% 0);clip-path:polygon(-20% 0,120% 0,120% 0,-20% 0)}}:root,:root[theme-mode=light]{--td-brand-color-1: #f2f3ff;--td-brand-color-2: #d9e1ff;--td-brand-color-3: #b5c7ff;--td-brand-color-4: #8eabff;--td-brand-color-5: #618dff;--td-brand-color-6: #366ef4;--td-brand-color-7: #0052d9;--td-brand-color-8: #003cab;--td-brand-color-9: #002a7c;--td-brand-color-10: #001a57;--td-warning-color-1: #fff1e9;--td-warning-color-2: #ffd9c2;--td-warning-color-3: #ffb98c;--td-warning-color-4: #fa9550;--td-warning-color-5: #e37318;--td-warning-color-6: #be5a00;--td-warning-color-7: #954500;--td-warning-color-8: #713300;--td-warning-color-9: #532300;--td-warning-color-10: #3b1700;--td-error-color-1: #fff0ed;--td-error-color-2: #ffd8d2;--td-error-color-3: #ffb9b0;--td-error-color-4: #ff9285;--td-error-color-5: #f6685d;--td-error-color-6: #d54941;--td-error-color-7: #ad352f;--td-error-color-8: #881f1c;--td-error-color-9: #68070a;--td-error-color-10: #490002;--td-success-color-1: #e3f9e9;--td-success-color-2: #c6f3d7;--td-success-color-3: #92dab2;--td-success-color-4: #56c08d;--td-success-color-5: #2ba471;--td-success-color-6: #008858;--td-success-color-7: #006c45;--td-success-color-8: #005334;--td-success-color-9: #003b23;--td-success-color-10: #002515;--td-gray-color-1: #f3f3f3;--td-gray-color-2: #eee;--td-gray-color-3: #e8e8e8;--td-gray-color-4: #ddd;--td-gray-color-5: #c6c6c6;--td-gray-color-6: #a6a6a6;--td-gray-color-7: #8b8b8b;--td-gray-color-8: #777;--td-gray-color-9: #5e5e5e;--td-gray-color-10: #4b4b4b;--td-gray-color-11: #393939;--td-gray-color-12: #2c2c2c;--td-gray-color-13: #242424;--td-gray-color-14: #181818;--td-font-white-1: #ffffff;--td-font-white-2: rgba(255, 255, 255, .55);--td-font-white-3: rgba(255, 255, 255, .35);--td-font-white-4: rgba(255, 255, 255, .22);--td-font-gray-1: rgba(0, 0, 0, .9);--td-font-gray-2: rgba(0, 0, 0, .6);--td-font-gray-3: rgba(0, 0, 0, .4);--td-font-gray-4: rgba(0, 0, 0, .26);--td-brand-color: var(--td-brand-color-7);--td-warning-color: var(--td-warning-color-5);--td-error-color: var(--td-error-color-6);--td-success-color: var(--td-success-color-5);--td-brand-color-hover: var(--td-brand-color-6);--td-brand-color-focus: var(--td-brand-color-2);--td-brand-color-active: var(--td-brand-color-8);--td-brand-color-disabled: var(--td-brand-color-3);--td-brand-color-light: var(--td-brand-color-1);--td-brand-color-light-hover: var(--td-brand-color-2);--td-warning-color-hover: var(--td-warning-color-4);--td-warning-color-focus: var(--td-warning-color-2);--td-warning-color-active: var(--td-warning-color-6);--td-warning-color-disabled: var(--td-warning-color-3);--td-warning-color-light: var(--td-warning-color-1);--td-warning-color-light-hover: var(--td-warning-color-2);--td-error-color-hover: var(--td-error-color-5);--td-error-color-focus: var(--td-error-color-2);--td-error-color-active: var(--td-error-color-7);--td-error-color-disabled: var(--td-error-color-3);--td-error-color-light: var(--td-error-color-1);--td-error-color-light-hover: var(--td-error-color-2);--td-success-color-hover: var(--td-success-color-4);--td-success-color-focus: var(--td-success-color-2);--td-success-color-active: var(--td-success-color-6);--td-success-color-disabled: var(--td-success-color-3);--td-success-color-light: var(--td-success-color-1);--td-success-color-light-hover: var(--td-success-color-2);--td-mask-active: rgba(0, 0, 0, .6);--td-mask-disabled: rgba(255, 255, 255, .6);--td-bg-color-page: var(--td-gray-color-2);--td-bg-color-container: #fff;--td-bg-color-container-hover: var(--td-gray-color-1);--td-bg-color-container-active: var(--td-gray-color-3);--td-bg-color-container-select: #fff;--td-bg-color-secondarycontainer: var(--td-gray-color-1);--td-bg-color-secondarycontainer-hover: var(--td-gray-color-2);--td-bg-color-secondarycontainer-active: var(--td-gray-color-4);--td-bg-color-component: var(--td-gray-color-3);--td-bg-color-component-hover: var(--td-gray-color-4);--td-bg-color-component-active: var(--td-gray-color-6);--td-bg-color-secondarycomponent: var(--td-gray-color-4);--td-bg-color-secondarycomponent-hover: var(--td-gray-color-5);--td-bg-color-secondarycomponent-active: var(--td-gray-color-6);--td-bg-color-component-disabled: var(--td-gray-color-2);--td-bg-color-specialcomponent: #fff;--td-text-color-primary: var(--td-font-gray-1);--td-text-color-secondary: var(--td-font-gray-2);--td-text-color-placeholder: var(--td-font-gray-3);--td-text-color-disabled: var(--td-font-gray-4);--td-text-color-anti: #fff;--td-text-color-brand: var(--td-brand-color-7);--td-text-color-link: var(--td-brand-color-8);--td-border-level-1-color: var(--td-gray-color-3);--td-component-stroke: var(--td-gray-color-3);--td-border-level-2-color: var(--td-gray-color-4);--td-component-border: var(--td-gray-color-4);--td-shadow-1: 0 1px 10px rgba(0, 0, 0, .05), 0 4px 5px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .12);--td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, .05), 0 8px 10px 1px rgba(0, 0, 0, .06), 0 5px 5px -3px rgba(0, 0, 0, .1);--td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, .05), 0 16px 24px 2px rgba(0, 0, 0, .04), 0 8px 10px -5px rgba(0, 0, 0, .08);--td-shadow-inset-top: inset 0 .5px 0 #dcdcdc;--td-shadow-inset-right: inset .5px 0 0 #dcdcdc;--td-shadow-inset-bottom: inset 0 -.5px 0 #dcdcdc;--td-shadow-inset-left: inset -.5px 0 0 #dcdcdc;--td-table-shadow-color: rgba(0, 0, 0, .08);--td-scrollbar-color: rgba(0, 0, 0, .1);--td-scrollbar-hover-color: rgba(0, 0, 0, .3);--td-scroll-track-color: #fff}:root[theme-mode=dark]{--td-brand-color-1: #1b2f51;--td-brand-color-2: #173463;--td-brand-color-3: #143975;--td-brand-color-4: #103d88;--td-brand-color-5: #0d429a;--td-brand-color-6: #054bbe;--td-brand-color-7: #2667d4;--td-brand-color-8: #4582e6;--td-brand-color-9: #699ef5;--td-brand-color-10: #96bbf8;--td-warning-color-1: #4f2a1d;--td-warning-color-2: #582f21;--td-warning-color-3: #733c23;--td-warning-color-4: #a75d2b;--td-warning-color-5: #cf6e2d;--td-warning-color-6: #dc7633;--td-warning-color-7: #e8935c;--td-warning-color-8: #ecbf91;--td-warning-color-9: #eed7bf;--td-warning-color-10: #f3e9dc;--td-error-color-1: #472324;--td-error-color-2: #5e2a2d;--td-error-color-3: #703439;--td-error-color-4: #83383e;--td-error-color-5: #a03f46;--td-error-color-6: #c64751;--td-error-color-7: #de6670;--td-error-color-8: #ec888e;--td-error-color-9: #edb1b6;--td-error-color-10: #eeced0;--td-success-color-1: #193a2a;--td-success-color-2: #1a4230;--td-success-color-3: #17533d;--td-success-color-4: #0d7a55;--td-success-color-5: #059465;--td-success-color-6: #43af8a;--td-success-color-7: #46bf96;--td-success-color-8: #80d2b6;--td-success-color-9: #b4e1d3;--td-success-color-10: #deede8;--td-gray-color-1: #f3f3f3;--td-gray-color-2: #eee;--td-gray-color-3: #e8e8e8;--td-gray-color-4: #ddd;--td-gray-color-5: #c6c6c6;--td-gray-color-6: #a6a6a6;--td-gray-color-7: #8b8b8b;--td-gray-color-8: #777;--td-gray-color-9: #5e5e5e;--td-gray-color-10: #4b4b4b;--td-gray-color-11: #393939;--td-gray-color-12: #2c2c2c;--td-gray-color-13: #242424;--td-gray-color-14: #181818;--td-font-white-1: rgba(255, 255, 255, .9);--td-font-white-2: rgba(255, 255, 255, .55);--td-font-white-3: rgba(255, 255, 255, .35);--td-font-white-4: rgba(255, 255, 255, .22);--td-font-gray-1: rgba(0, 0, 0, .9);--td-font-gray-2: rgba(0, 0, 0, .6);--td-font-gray-3: rgba(0, 0, 0, .4);--td-font-gray-4: rgba(0, 0, 0, .26);--td-brand-color: var(--td-brand-color-8);--td-warning-color: var(--td-warning-color-5);--td-error-color: var(--td-error-color-6);--td-success-color: var(--td-success-color-5);--td-brand-color-hover: var(--td-brand-color-7);--td-brand-color-focus: var(--td-brand-color-2);--td-brand-color-active: var(--td-brand-color-9);--td-brand-color-disabled: var(--td-brand-color-3);--td-brand-color-light: var(--td-brand-color-1);--td-brand-color-light-hover: var(--td-brand-color-2);--td-warning-color-hover: var(--td-warning-color-4);--td-warning-color-focus: var(--td-warning-color-2);--td-warning-color-active: var(--td-warning-color-6);--td-warning-color-disabled: var(--td-warning-color-3);--td-warning-color-light: var(--td-warning-color-1);--td-warning-color-light-hover: var(--td-warning-color-2);--td-error-color-hover: var(--td-error-color-5);--td-error-color-focus: var(--td-error-color-2);--td-error-color-active: var(--td-error-color-7);--td-error-color-disabled: var(--td-error-color-3);--td-error-color-light: var(--td-error-color-1);--td-error-color-light-hover: var(--td-error-color-2);--td-success-color-hover: var(--td-success-color-4);--td-success-color-focus: var(--td-success-color-2);--td-success-color-active: var(--td-success-color-6);--td-success-color-disabled: var(--td-success-color-3);--td-success-color-light: var(--td-success-color-1);--td-success-color-light-hover: var(--td-success-color-2);--td-mask-active: rgba(0, 0, 0, .4);--td-mask-disabled: rgba(0, 0, 0, .6);--td-bg-color-page: var(--td-gray-color-14);--td-bg-color-container: var(--td-gray-color-13);--td-bg-color-container-hover: var(--td-gray-color-12);--td-bg-color-container-active: var(--td-gray-color-10);--td-bg-color-container-select: var(--td-gray-color-9);--td-bg-color-secondarycontainer: var(--td-gray-color-12);--td-bg-color-secondarycontainer-hover: var(--td-gray-color-11);--td-bg-color-secondarycontainer-active: var(--td-gray-color-9);--td-bg-color-component: var(--td-gray-color-11);--td-bg-color-component-hover: var(--td-gray-color-10);--td-bg-color-component-active: var(--td-gray-color-9);--td-bg-color-secondarycomponent: var(--td-gray-color-10);--td-bg-color-secondarycomponent-hover: var(--td-gray-color-9);--td-bg-color-secondarycomponent-active: var(--td-gray-color-8);--td-bg-color-component-disabled: var(--td-gray-color-12);--td-bg-color-specialcomponent: transparent;--td-text-color-primary: var(--td-font-white-1);--td-text-color-secondary: var(--td-font-white-2);--td-text-color-placeholder: var(--td-font-white-3);--td-text-color-disabled: var(--td-font-white-4);--td-text-color-anti: #fff;--td-text-color-brand: var(--td-brand-color-8);--td-text-color-link: var(--td-brand-color-8);--td-border-level-1-color: var(--td-gray-color-11);--td-component-stroke: var(--td-gray-color-11);--td-border-level-2-color: var(--td-gray-color-9);--td-component-border: var(--td-gray-color-9);--td-shadow-1: 0 4px 6px rgba(0, 0, 0, .06), 0 1px 10px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .12);--td-shadow-2: 0 8px 10px rgba(0, 0, 0, .12), 0 3px 14px rgba(0, 0, 0, .1), 0 5px 5px rgba(0, 0, 0, .16);--td-shadow-3: 0 16px 24px rgba(0, 0, 0, .14), 0 6px 30px rgba(0, 0, 0, .12), 0 8px 10px rgba(0, 0, 0, .2);--td-shadow-inset-top: inset 0 .5px 0 #5e5e5e;--td-shadow-inset-right: inset .5px 0 0 #5e5e5e;--td-shadow-inset-bottom: inset 0 -.5px 0 #5e5e5e;--td-shadow-inset-left: inset -.5px 0 0 #5e5e5e;--td-table-shadow-color: rgba(0, 0, 0, .55);--td-scrollbar-color: rgba(255, 255, 255, .1);--td-scrollbar-hover-color: rgba(255, 255, 255, .3);--td-scroll-track-color: #333}:root{--td-radius-small: 2px;--td-radius-default: 3px;--td-radius-medium: 6px;--td-radius-large: 9px;--td-radius-extraLarge: 12px;--td-radius-round: 999px;--td-radius-circle: 50%;--td-font-family: PingFang SC, Microsoft YaHei, Arial Regular;--td-font-family-medium: PingFang SC, Microsoft YaHei, Arial Medium;--td-font-size-link-small: 12px;--td-font-size-link-medium: 14px;--td-font-size-link-large: 16px;--td-font-size-mark-small: 12px;--td-font-size-mark-medium: 14px;--td-font-size-body-small: 12px;--td-font-size-body-medium: 14px;--td-font-size-body-large: 16px;--td-font-size-title-small: 14px;--td-font-size-title-medium: 16px;--td-font-size-title-large: 20px;--td-font-size-headline-small: 24px;--td-font-size-headline-medium: 28px;--td-font-size-headline-large: 36px;--td-font-size-display-medium: 48px;--td-font-size-display-large: 64px;--td-line-height-link-small: 20px;--td-line-height-link-medium: 22px;--td-line-height-link-large: 24px;--td-line-height-mark-small: 20px;--td-line-height-mark-medium: 22px;--td-line-height-body-small: 20px;--td-line-height-body-medium: 22px;--td-line-height-body-large: 24px;--td-line-height-title-small: 22px;--td-line-height-title-medium: 24px;--td-line-height-title-large: 28px;--td-line-height-headline-small: 32px;--td-line-height-headline-medium: 36px;--td-line-height-headline-large: 44px;--td-line-height-display-medium: 56px;--td-line-height-display-large: 72px;--td-font-link-small: var(--td-font-size-link-small) / var(--td-line-height-link-small) var(--td-font-family);--td-font-link-medium: var(--td-font-size-link-medium) / var(--td-line-height-link-medium) var(--td-font-family);--td-font-link-large: var(--td-font-size-link-large) / var(--td-line-height-link-large) var(--td-font-family);--td-font-mark-small: 600 var(--td-font-size-mark-small) / var(--td-line-height-mark-small) var(--td-font-family);--td-font-mark-medium: 600 var(--td-font-size-mark-medium) / var(--td-line-height-mark-medium) var(--td-font-family);--td-font-body-small: var(--td-font-size-body-small) / var(--td-line-height-body-small) var(--td-font-family);--td-font-body-medium: var(--td-font-size-body-medium) / var(--td-line-height-body-medium) var(--td-font-family);--td-font-body-large: var(--td-font-size-body-large) / var(--td-line-height-body-large) var(--td-font-family);--td-font-title-small: 600 var(--td-font-size-title-small) / var(--td-line-height-title-small) var(--td-font-family);--td-font-title-medium: 600 var(--td-font-size-title-medium) / var(--td-line-height-title-medium) var(--td-font-family);--td-font-title-large: 600 var(--td-font-size-title-large) / var(--td-line-height-title-large) var(--td-font-family);--td-font-headline-small: 600 var(--td-font-size-headline-small) / var(--td-line-height-headline-small) var(--td-font-family);--td-font-headline-medium: 600 var(--td-font-size-headline-medium) / var(--td-line-height-headline-medium) var(--td-font-family);--td-font-headline-large: 600 var(--td-font-size-headline-large) / var(--td-line-height-headline-large) var(--td-font-family);--td-font-display-medium: 600 var(--td-font-size-display-medium) / var(--td-line-height-display-medium) var(--td-font-family);--td-font-display-large: 600 var(--td-font-size-display-large) / var(--td-line-height-display-large) var(--td-font-family);--td-size-1: 2px;--td-size-2: 4px;--td-size-3: 6px;--td-size-4: 8px;--td-size-5: 12px;--td-size-6: 16px;--td-size-7: 20px;--td-size-8: 24px;--td-size-9: 28px;--td-size-10: 32px;--td-size-11: 36px;--td-size-12: 40px;--td-size-13: 48px;--td-size-14: 56px;--td-size-15: 64px;--td-size-16: 72px;--td-comp-size-xxxs: var(--td-size-6);--td-comp-size-xxs: var(--td-size-7);--td-comp-size-xs: var(--td-size-8);--td-comp-size-s: var(--td-size-9);--td-comp-size-m: var(--td-size-10);--td-comp-size-l: var(--td-size-11);--td-comp-size-xl: var(--td-size-12);--td-comp-size-xxl: var(--td-size-13);--td-comp-size-xxxl: var(--td-size-14);--td-comp-size-xxxxl: var(--td-size-15);--td-comp-size-xxxxxl: var(--td-size-16);--td-pop-padding-s: var(--td-size-2);--td-pop-padding-m: var(--td-size-3);--td-pop-padding-l: var(--td-size-4);--td-pop-padding-xl: var(--td-size-5);--td-pop-padding-xxl: var(--td-size-6);--td-comp-paddingLR-xxs: var(--td-size-1);--td-comp-paddingLR-xs: var(--td-size-2);--td-comp-paddingLR-s: var(--td-size-4);--td-comp-paddingLR-m: var(--td-size-5);--td-comp-paddingLR-l: var(--td-size-6);--td-comp-paddingLR-xl: var(--td-size-8);--td-comp-paddingLR-xxl: var(--td-size-10);--td-comp-paddingTB-xxs: var(--td-size-1);--td-comp-paddingTB-xs: var(--td-size-2);--td-comp-paddingTB-s: var(--td-size-4);--td-comp-paddingTB-m: var(--td-size-5);--td-comp-paddingTB-l: var(--td-size-6);--td-comp-paddingTB-xl: var(--td-size-8);--td-comp-paddingTB-xxl: var(--td-size-10);--td-comp-margin-xxs: var(--td-size-1);--td-comp-margin-xs: var(--td-size-2);--td-comp-margin-s: var(--td-size-4);--td-comp-margin-m: var(--td-size-5);--td-comp-margin-l: var(--td-size-6);--td-comp-margin-xl: var(--td-size-7);--td-comp-margin-xxl: var(--td-size-8);--td-comp-margin-xxxl: var(--td-size-10);--td-comp-margin-xxxxl: var(--td-size-12)}:root{--td-chat-input-attachments-margin: 0 0 var(--td-comp-margin-xs) 0;--td-chat-input-textarea-max-height: 134px;--td-chat-input-textarea-scrollbar-width: 4px;--td-chat-input-textarea-scrollbar-thumb-radius: 2px;--td-chat-input-padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m);--td-chat-input-radius: 16px;--td-chat-input-shadow: 0px 0px 0px 2px var(--td-brand-color-focus);--td-chat-input-background: var(--td-bg-color-specialcomponent);--td-chat-input-hover-border: var(--td-brand-color);--td-chat-input-actions-margin: 0;--td-chat-input-actions-gap: var(--td-comp-margin-m);--td-chat-input-actions-item-wh: 28px;--td-chat-input-actions-item-radius: 14px;--td-chat-input-actions-item-font-size: 20px;--td-chat-input-box-shadow: none;--td-chat-input-font-size: 16px;--td-chat-input-content-default-border: var(--td-component-border);--td-chat-input-textarea-scrollbar-color: var(--td-scrollbar-color);--td-chat-input-textarea-scrollbar-hover-color: var(--td-scrollbar-hover-color);--td-chat-input-button-default-bg: var(--td-bg-color-secondarycomponent);--td-chat-input-button-default-color: var(--td-bg-color-container);--td-chat-input-actions-item-color: var(--td-text-color-secondary);--td-chat-input-actions-item-bg: transparent;--td-chat-input-actions-item-hover-bg: var(--td-bg-color-container-hover)}:root{--td-chat-list-padding-bottom: 0;--td-chat-list-scroll-button-top: calc(100% - 64px) ;--td-chat-list-scroll-button-left: 50%;--td-chat-list-scroll-button-w: 40px;--td-chat-list-scroll-button-h: 40px;--td-chat-list-scroll-button-border: .5px solid #dcdcdc;--td-chat-list-scroll-button-radius: 20px;--td-chat-list-scroll-button-index: 50;--td-chat-list-scroll-button-transform: translate(-50%, 0);--td-chat-item-gap: 38px;--td-chat-item-header-padding: 0;--td-chat-item-text-header-padding: 0;--td-chat-item-header-padding-right: 0;--td-chat-item-name-padding: 0 var(--td-comp-paddingLR-s) 0 0;--td-chat-item-name-padding-right: 0 0 0 var(--td-comp-paddingLR-l);--td-chat-item-name-font: var(--td-font-body-medium);--td-chat-item-content-gap: var(--td-comp-margin-s);--td-chat-item-content-max-width: 800px;--td-chat-item-content-base-margin: 0 0 var(--td-comp-margin-xs) 0;--td-chat-item-content-base-padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);--td-chat-item-content-base-border-color: transparent;--td-chat-item-content-padding: var(--td-comp-paddingTB-m) 0;--td-chat-item-text-error-color: var(--td-error-color);--td-chat-item-user-text-color: var(--td-text-color-secondary);--td-chat-item-text-max-width: 100%;--td-chat-item-text-padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);--td-chat-item-status-margin: var(--td-comp-margin-s) 0 0;--td-chat-item-text-content-padding: 0;--td-chat-item-text-detail-padding: 0;--td-chat-item-text-detail-margin: 0;--td-chat-item-text-detail-text-margin: 0;--td-chat-item-text-radius: var(--td-radius-extraLarge);--td-chat-item-text-border: 1px solid transparent;--td-chat-item-content-border: 1px solid transparent;--td-chat-item-content-radius: var(--td-radius-extraLarge);--td-chat-item-system-margin: 0;--td-chat-item-system-padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s);--td-chat-item-system-radius: var(--td-radius-medium);--td-chat-item-system-bg-color: var(--td-bg-color-secondarycontainer);--td-chat-item-system-color: #afafaf;--td-chat-item-left-avatar-margin: 0 var(--td-comp-margin-xl) 0 var(--td-comp-margin-xs);--td-chat-item-right-avatar-margin: 0 var(--td-comp-margin-xs) 0 var(--td-comp-margin-xl);--td-chat-item-avatar-padding: 6px 0 0 0;--td-chat-item-avatar-has-header-padding: 30px 0 0 0;--td-chat-item-image-margin: var(--td-comp-margin-m) 0;--td-chat-item-think-gap-p: 0 0 var(--td-comp-margin-s) 0;--td-chat-item-think-padding-tb: var(--td-comp-paddingTB-s);--td-chat-item-think-padding-lr: var(--td-comp-paddingLR-m);--td-chat-item-think-border: none;--td-chat-item-think-radius: var(--td-radius-medium);--td-chat-item-think-title-gap: var(--td-comp-margin-s);--td-chat-item-think-status-wh: 20px;--td-chat-item-think-pending-border-width: 2px;--td-chat-item-think-header-border: none;--td-chat-item-think-body-bg: none;--td-chat-item-think-body-border: none;--td-chat-item-think-content-margin-top: 2px;--td-chat-item-think-shadow-top: 0;--td-chat-item-think-shadow-bottom: 0;--td-chat-item-think-shadow-margin-top: 0;--td-chat-item-think-shadow-margin-bottom: 0;--td-chat-item-think-shadow-top-height: 24px;--td-chat-item-think-shadow-bottom-height: 24px;--td-chat-item-think-inner-padding: 0 var(--td-comp-paddingLR-m) var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-m);--td-chat-item-think-inner-border: solid 2px var(--td-component-stroke);--td-chat-item-think-inner-border-margin-left: 0px;--td-chat-item-actions-list-margin: var(--td-comp-margin-xs) 0;--td-chat-item-text-actions-list-margin: var(--td-comp-margin-xs) 0 0 var(--td-comp-margin-l);--td-chat-item-actions-list-gap: var(--td-comp-margin-xs);--td-chat-item-actions-list-padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-xs);--td-chat-item-actions-list-radius: var(--td-radius-medium);--td-chat-item-actions-list-border: 1px solid var(--td-component-border);--td-chat-item-actions-item-padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-xs);--td-chat-item-actions-item-radius: 4px;--td-chat-item-attachments-margin-top: 12px;--td-chat-item-image-max-width: 150px;--td-attachment-image-width: 150px;--td-chat-item-search-height: 36px;--td-chat-item-search-padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s);--td-chat-item-search-radius: 20px;--td-chat-item-search-icons-margin-right: 3px;--td-chat-item-search-icon-width: 16px;--td-chat-item-search-icon-radius: var(--td-radius-circle);--td-chat-item-search-icon-margin-left: -3px;--td-chat-item-search-icon-before-left: -1px;--td-chat-item-search-icon-before-width: 1px;--td-chat-item-search-icon-before-height: 100%;--td-chat-item-search-icon-before-radius: 1px;--td-chat-item-search-link-color: var(--td-brand-color);--td-chat-item-search-link-hov-color: var(--td-brand-color-hover);--td-chat-item-suggestion-gap: var(--td-comp-margin-s);--td-chat-item-suggestion-height: 38px;--td-chat-item-suggestion-padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-m);--td-chat-item-suggestion-radius: var(--td-radius-medium);--td-chat-item-suggestion-border: solid 1px var(--td-component-border);--td-chat-item-suggestion-arrow-margin: var(--td-comp-margin-s);--td-chat-font-size: 16px;--td-chat-item-system-font-size: 12px;--td-chat-item-suggestion-font-size: 14px;--td-chat-item-search-link-line-height: 24px;--td-chat-list-scroll-button-font-size: 24px;--td-chat-search-font-size: 12px;--td-chat-item-content-text-align: left;--td-chat-item-right-content-text-align: right;--td-chat-item-text-text-align: left;--td-chat-list-scroll-button-bg: var(--td-bg-color-container);--td-chat-list-scroll-button-shadow: 0px 8px 10px -5px rgba(0, 0, 0, .08), 0px 16px 24px 2px rgba(0, 0, 0, .04), 0px 6px 30px 5px rgba(0, 0, 0, .05);--td-chat-item-error-color: var(--td-error-color);--td-chat-item-primary-bg: var(--td-bg-color-secondarycontainer);--td-chat-item-default-bg: var(--td-bg-color-container);--td-chat-item-outline-border-color: var(--td-component-border);--td-chat-item-think-bg: var(--td-bg-color-secondarycontainer);--td-chat-item-think-pending-border-bg-color: #e0f0ff;--td-chat-item-think-status-pending-color: var(--td-brand-color);--td-chat-item-think-status-sent-color: var(--td-success-color);--td-chat-item-think-status-error-color: var(--td-error-color);--td-chat-item-think-content-color: var(--td-text-color-placeholder);--td-chat-item-actions-list-bg: var(--td-bg-color-secondarycontainer);--td-chat-item-actions-item-hover-bg: var(--td-bg-color-component-hover);--td-chat-item-suggestion-color: var(--td-text-color-primary);--td-chat-item-suggestion-background: var(--td-bg-color-secondarycontainer);--td-chat-item-suggestion-arrow-color: var(--td-text-color-placeholder);--md-heading-color: var(--td-gray-color-7);--td-chat-md-content-gap-main: 0 0 8px 0;--td-chat-md-content-gap-t1: 24px 0 20px 0;--td-chat-md-content-gap-t2: 20px 0 16px 0;--td-chat-md-content-gap-t3: 16px 0 12px 0;--td-chat-md-font: var(--td-text-color-primary);--td-chat-md-padding: var(--td-comp-paddingTB-m) 0;--td-chat-md-h1-font: 700 22px / 1.6 var(--td-font-family);--td-chat-md-h2-font: 600 20px / 1.6 var(--td-font-family);--td-chat-md-h3-font: 600 18px / 1.6 var(--td-font-family);--td-chat-md-s-color: var(--td-gray-color-7);--td-chat-md-list-margin: 0 0 8px 2em;--td-chat-md-list-padding: 0;--td-chat-md-ul-style: disc;--td-chat-md-ol-style: decimal;--td-chat-md-li-margin: .5em 0;--td-chat-md-link-color: var(--td-brand-color-5);--td-chat-md-link-decoration: none;--td-chat-md-link-hover-color: var(--td-brand-color-6);--td-chat-md-code-radius: 8px;--td-chat-md-code-margin: 0 0 16px 0;--td-chat-md-code-header-height: 36px;--td-chat-md-code-header-padding: 0 16px 0 12px;--td-chat-md-code-header-font: 500 14px / 1.6 var(--td-font-family);--td-chat-md-code-header-bg: #f3f3f3;--td-chat-md-code-header-bg-dark: #282c34;--td-chat-md-code-header-color-dark: #abb2bf;--td-chat-md-code-header-copy-color: var(--td-gray-color-7);--td-chat-md-code-header-copy-hover-color: var(--td-gray-color-9);--td-chat-md-code-body-padding: 10px 16px !important;--td-chat-md-code-body-bg: #f8f8f8;--td-chat-md-code-body-overflow: auto;--td-chat-md-code-body-code-font-size: 14px;--td-chat-md-katex-block-margin: 1em 0;--td-chat-md-katex-font: normal 1.21em / 1.2 KaTeX_Main, Times New Roman, serif;--td-chat-md-blockquote-margin: 16px 0;--td-chat-md-blockquote-padding: 10px 15px;--td-chat-md-blockquote-border-left: 4px solid #d9d9d9;--td-chat-md-blockquote-color: var(--td-gray-color-7);--td-chat-md-footnote-bg: var(--td-bg-color-page);--td-chat-md-hr-margin: 16px 0;--td-chat-md-hr-border: 1px solid rgba(0, 0, 0, .08);--td-chat-md-table-border: 1px solid var(--td-bg-color-secondarycontainer);--td-chat-md-table-radius: 8px;--td-chat-md-table-margin: 8px 0;--td-chat-md-table-font-size: 14px;--td-chat-md-table-th-padding: .66em 1em;--td-chat-md-table-th-max-width: 448px;--td-chat-md-table-th-bg: var(--td-bg-color-secondarycontainer);--td-chat-md-table-th-color: var(--td-text-color-primary);--td-chat-md-table-th-font: 700 14px / 1.6 var(--td-font-family);--td-chat-md-table-td-bg-odd: var(--td-bg-color-container);--td-chat-md-table-td-bg-even: var(--td-bg-color-secondarycontainer);--td-chat-md-table-td-color: var(--td-text-color-primary);--td-chat-md-table-td-font: 400 14px / 1.6 var(--td-font-family)}:root{--radius-default: 8px;--radius-card: 24px;--radius-full: 9999px;--size-3xs: 22px;--size-2xs: 24px;--size-xs: 26px;--size-sm: 28px;--size-md: 32px;--size-lg: 36px;--size-xl: 40px;--size-2xl: 44px;--size-3xl: 48px;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 16px;--icon-size-xs: 12px;--icon-size-sm: 14px;--icon-size-md: 16px;--icon-size-lg: 18px;--icon-size-xl: 20px;--icon-size-2xl: 24px;--icon-size-3xl: 32px;--padding-xs: 4px;--padding-sm: 8px;--padding-md: 10px;--padding-lg: 12px;--padding-xl: 14px;--padding-2xl: 16px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .1s;--transition-base: .2s;--transition-slow: .3s;--color-disabled: #d4d4d4;--color-disabled-light: #e5e5e5;--color-hover-overlay: rgba(0, 0, 0, .06);--color-divider: rgba(0, 0, 0, .1);--color-divider-dark: rgba(255, 255, 255, .1);--divider-spacing: 8px;--variant-soft-bg: #f5f5f5;--variant-soft-bg-hover: #eeeeee;--variant-soft-border: transparent;--variant-soft-border-hover: #999999;--variant-outline-bg: transparent;--variant-outline-bg-hover: transparent;--variant-outline-border: #d9d9d9;--variant-outline-border-hover: #999999;--color-primary: #1a1a1a;--color-primary-hover: #333333;--color-primary-active: #000000;--color-primary-disabled: #cccccc;--color-primary-light: rgba(26, 26, 26, .1);--color-info: #0052d9;--color-info-hover: #266fe8;--color-info-active: #0034a6;--color-info-disabled: #b3d4ff;--color-info-light: rgba(0, 82, 217, .1);--color-discovery: #924ff7;--color-discovery-hover: #a66ff9;--color-discovery-active: #8046d9;--color-discovery-disabled: #dcc5fb;--color-discovery-light: rgba(146, 79, 247, .1);--color-caution: #f5c518;--color-caution-hover: #f7d147;--color-caution-active: #d9ae14;--color-caution-disabled: #fbefc6;--color-caution-light: rgba(245, 197, 24, .1);--color-warning: #ed7b2f;--color-warning-hover: #f0954f;--color-warning-active: #d96c28;--color-warning-disabled: #f7d4b8;--color-warning-light: rgba(237, 123, 47, .1);--color-success: #00a870;--color-success-hover: #2bb889;--color-success-active: #008858;--color-success-disabled: #b3e5d2;--color-success-light: rgba(0, 168, 112, .1);--color-danger: #e34d59;--color-danger-hover: #e8707a;--color-danger-active: #c9353f;--color-danger-disabled: #f5c1c6;--color-danger-light: rgba(227, 77, 89, .1);--color-secondary: #666666;--color-secondary-hover: #808080;--color-secondary-active: #4d4d4d;--color-secondary-disabled: #d9d9d9;--color-secondary-light: rgba(102, 102, 102, .1);--color-tertiary: #999999;--color-tertiary-hover: #b3b3b3;--color-tertiary-active: #808080;--color-tertiary-disabled: #e6e6e6;--color-tertiary-light: rgba(153, 153, 153, .1);--color-prose: #1a1a1a;--color-emphasis: #1a1a1a;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #e5e5e5;--color-gray-300: #d4d4d4;--color-gray-400: #a3a3a3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--color-red-50: #fef2f2;--color-red-100: #fee2e2;--color-red-200: #fecaca;--color-red-300: #fca5a5;--color-red-400: #f87171;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-red-700: #b91c1c;--color-red-800: #991b1b;--color-red-900: #7f1d1d;--color-orange-50: #fff7ed;--color-orange-100: #ffedd5;--color-orange-200: #fed7aa;--color-orange-300: #fdba74;--color-orange-400: #fb923c;--color-orange-500: #f97316;--color-orange-600: #ea580c;--color-orange-700: #c2410c;--color-orange-800: #9a3412;--color-orange-900: #7c2d12;--color-yellow-50: #fefce8;--color-yellow-100: #fef9c3;--color-yellow-200: #fef08a;--color-yellow-300: #fde047;--color-yellow-400: #facc15;--color-yellow-500: #eab308;--color-yellow-600: #ca8a04;--color-yellow-700: #a16207;--color-yellow-800: #854d0e;--color-yellow-900: #713f12;--color-green-50: #f0fdf4;--color-green-100: #dcfce7;--color-green-200: #bbf7d0;--color-green-300: #86efac;--color-green-400: #4ade80;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-green-700: #15803d;--color-green-800: #166534;--color-green-900: #14532d;--color-blue-50: #eff6ff;--color-blue-100: #dbeafe;--color-blue-200: #bfdbfe;--color-blue-300: #93c5fd;--color-blue-400: #60a5fa;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--color-blue-800: #1e40af;--color-blue-900: #1e3a8a;--color-purple-50: #faf5ff;--color-purple-100: #f3e8ff;--color-purple-200: #e9d5ff;--color-purple-300: #d8b4fe;--color-purple-400: #c084fc;--color-purple-500: #a855f7;--color-purple-600: #9333ea;--color-purple-700: #7e22ce;--color-purple-800: #6b21a8;--color-purple-900: #581c87;--color-pink-50: #fdf2f8;--color-pink-100: #fce7f3;--color-pink-200: #fbcfe8;--color-pink-300: #f9a8d4;--color-pink-400: #f472b6;--color-pink-500: #ec4899;--color-pink-600: #db2777;--color-pink-700: #be185d;--color-pink-800: #9d174d;--color-pink-900: #831843;--color-teal-50: #f0fdfa;--color-teal-100: #ccfbf1;--color-teal-200: #99f6e4;--color-teal-300: #5eead4;--color-teal-400: #2dd4bf;--color-teal-500: #14b8a6;--color-teal-600: #0d9488;--color-teal-700: #0f766e;--color-teal-800: #115e59;--color-teal-900: #134e4a;--color-indigo-50: #eef2ff;--color-indigo-100: #e0e7ff;--color-indigo-200: #c7d2fe;--color-indigo-300: #a5b4fc;--color-indigo-400: #818cf8;--color-indigo-500: #6366f1;--color-indigo-600: #4f46e5;--color-indigo-700: #4338ca;--color-indigo-800: #3730a3;--color-indigo-900: #312e81}.t-radio__input{background-color:var(--td-brand-color)}.t-radio__input:after{color:var(--td-bg-color-container)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f7fa;height:100vh;overflow:hidden}#app{height:100vh;width:100vw}.demo-app{display:flex;height:100vh}.demo-sidebar{width:260px;background:#fff;border-right:1px solid #e8e8e8;overflow-y:auto;flex-shrink:0}.demo-sidebar-header{padding:20px;border-bottom:1px solid #e8e8e8;background:linear-gradient(135deg,#0052d9,#0034a6);color:#fff}.demo-sidebar-header h1{font-size:18px;font-weight:600;margin-bottom:5px}.demo-sidebar-header p{font-size:12px;opacity:.9}.demo-category{padding:15px 20px 10px;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.demo-component-list{list-style:none}.demo-component-item{padding:10px 20px;cursor:pointer;transition:all .2s;border-left:3px solid transparent;font-size:14px;color:#333}.demo-component-item:hover{background:#f5f7fa;border-left-color:#0052d9}.demo-component-item.active{background:#e6f0ff;border-left-color:#0052d9;color:#0052d9;font-weight:500}.demo-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.demo-header{padding:20px 30px;background:#fff;border-bottom:1px solid #e8e8e8}.demo-header h2{font-size:24px;color:#333;margin-bottom:5px}.demo-header p{font-size:14px;color:#666}.demo-body{flex:1;display:flex;overflow:hidden}.demo-config{width:350px;background:#fff;border-right:1px solid #e8e8e8;overflow-y:auto;flex-shrink:0}.demo-config-section{padding:20px;border-bottom:1px solid #f0f0f0}.demo-config-title{font-size:14px;font-weight:600;color:#333;margin-bottom:15px;display:flex;align-items:center}.demo-config-title:before{content:"";display:inline-block;width:3px;height:14px;background:#0052d9;margin-right:8px}.demo-config-field{margin-bottom:15px}.demo-config-field label{display:block;font-size:13px;color:#666;margin-bottom:6px}.demo-config-field input,.demo-config-field select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:13px;transition:border-color .2s}.demo-config-field input:focus,.demo-config-field select:focus{outline:none;border-color:#0052d9}.demo-config-checkbox{display:flex;align-items:center}.demo-config-checkbox input{width:auto;margin-right:8px}.demo-config-checkbox label{margin:0}.demo-preview-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.demo-tabs{display:flex;background:#fff;border-bottom:1px solid #e8e8e8;padding:0 20px}.demo-tab{padding:12px 20px;cursor:pointer;border-bottom:2px solid transparent;font-size:14px;color:#666;transition:all .2s}.demo-tab:hover{color:#0052d9}.demo-tab.active{color:#0052d9;border-bottom-color:#0052d9;font-weight:500}.demo-content{flex:1;overflow-y:auto;padding:30px}.demo-preview-widget{background:transparent;border-radius:8px;padding:30px;box-shadow:0 2px 8px #00000014}.demo-json-editor{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #00000014}.demo-json-editor textarea{width:100%;min-height:400px;background:#1e1e1e;color:#d4d4d4;border:none;font-family:Monaco,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;padding:15px;border-radius:4px;resize:vertical}.demo-json-editor textarea:focus{outline:2px solid #0052d9}.demo-actions{display:flex;gap:10px;margin-top:15px}.demo-btn{padding:8px 16px;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s}.demo-btn-primary{background:#0052d9;color:#fff}.demo-btn-primary:hover{background:#0041b3}.demo-btn-secondary{background:#f0f0f0;color:#333}.demo-btn-secondary:hover{background:#e0e0e0}.demo-error{background:#fff2f0;border:1px solid #ffccc7;color:#cf1322;padding:12px;border-radius:4px;font-size:13px;margin-top:10px}td-widget{display:block;width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.datepicker-input::placeholder{color:var(--placeholder-color, var(--color-primary));opacity:1}.datepicker-input::-webkit-input-placeholder{color:var(--placeholder-color, var(--color-primary));opacity:1}.datepicker-input::-moz-placeholder{color:var(--placeholder-color, var(--color-primary));opacity:1}.datepicker-input:-ms-input-placeholder{color:var(--placeholder-color, var(--color-primary));opacity:1}