tdesign-react 0.23.0 → 0.23.1

package/dist/tdesign.css

@@ -1,3 +1,336 @@
+/* stylelint-disable */
+/* property-no-vendor-prefix -- Ignore rule since we're meant to reset vendor styles */
+/**
+ * TDesign fork of normalize.css
+ *
+ * Credit:
+ * normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
+ */
+/* Document
+   ========================================================================== */
+*,
+*::before,
+*::after {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+html {
+  line-height: 1.15;
+  /* 1 */
+  -webkit-text-size-adjust: 100%;
+  /* 2 */
+}
+/* Sections
+   ========================================================================== */
+/**
+ * Remove the margin in all browsers.
+ */
+body {
+  margin: 0;
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+}
+/**
+ * Render the `main` element consistently in IE.
+ */
+main {
+  display: block;
+}
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+/* Grouping content
+   ========================================================================== */
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+hr {
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
+  /* 1 */
+  height: 0;
+  /* 1 */
+  overflow: visible;
+  /* 2 */
+}
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+pre {
+  font-family: monospace, monospace;
+  /* 1 */
+  font-size: 1em;
+  /* 2 */
+}
+/* Text-level semantics
+   ========================================================================== */
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+a {
+  background-color: transparent;
+}
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+abbr[title] {
+  border-bottom: 0;
+  /* 1 */
+  text-decoration: underline;
+  /* 2 */
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted;
+  /* 2 */
+}
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+b,
+strong {
+  font-weight: bolder;
+}
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+code,
+kbd,
+samp {
+  font-family: monospace, monospace;
+  /* 1 */
+  font-size: 1em;
+  /* 2 */
+}
+/**
+ * Add the correct font size in all browsers.
+ */
+small {
+  font-size: 80%;
+}
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+sub {
+  bottom: -0.25em;
+}
+sup {
+  top: -0.5em;
+}
+/* Embedded content
+   ========================================================================== */
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+img {
+  border-style: none none none none;
+}
+/* Forms
+   ========================================================================== */
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit;
+  /* 1 */
+  font-size: 100%;
+  /* 1 */
+  line-height: 1.15;
+  /* 1 */
+  margin: 0;
+  /* 2 */
+}
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+button,
+input {
+  /* 1 */
+  overflow: visible;
+}
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+button,
+select {
+  /* 1 */
+  text-transform: none;
+}
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none none none none;
+  padding: 0;
+}
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+/**
+ * Correct the padding in Firefox.
+ */
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+legend {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  /* 1 */
+  color: inherit;
+  /* 2 */
+  display: table;
+  /* 1 */
+  max-width: 100%;
+  /* 1 */
+  padding: 0;
+  /* 3 */
+  white-space: normal;
+  /* 1 */
+}
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+progress {
+  vertical-align: baseline;
+}
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+textarea {
+  overflow: auto;
+  background-color: transparent;
+}
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+[type="checkbox"],
+[type="radio"] {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  /* 1 */
+  padding: 0;
+  /* 2 */
+}
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+[type="search"] {
+  -webkit-appearance: textfield;
+  /* 1 */
+  outline-offset: -2px;
+  /* 2 */
+}
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+/**
+ * Remove the cancel button in Chrome and Safari on macOS.
+ */
+[type="search"]::-webkit-search-cancel-button {
+  -webkit-appearance: none;
+}
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  /* 1 */
+  font: inherit;
+  /* 2 */
+}
+/* Interactive
+   ========================================================================== */
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+details {
+  display: block;
+}
+/*
+ * Add the correct display in all browsers.
+ */
+summary {
+  display: list-item;
+}
+/* Misc
+   ========================================================================== */
+/**
+ * Add the correct display in IE 10+.
+ */
+template {
+  display: none;
+}
+/**
+ * Add the correct display in IE 10.
+ */
+[hidden] {
+  display: none;
+}
+/* stylelint-enable */
+
 .narrow-scrollbar::-webkit-scrollbar {
   width: 8px;
   background: transparent;
@@ -16,6 +349,255 @@
 .t-fake-arrow--active path {
   d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
 }
+
+:root,
+:root[theme-mode="light"] {
+  --td-brand-color-1: #ecf2fe;
+  --td-brand-color-2: #d4e3fc;
+  --td-brand-color-3: #bbd3fb;
+  --td-brand-color-4: #96bbf8;
+  --td-brand-color-5: #699ef5;
+  --td-brand-color-6: #4787f0;
+  --td-brand-color-7: #266fe8;
+  --td-brand-color-8: #0052d9;
+  --td-brand-color-9: #0034b5;
+  --td-brand-color-10: #001f97;
+  --td-warning-color-1: #fef3e6;
+  --td-warning-color-2: #f9e0c7;
+  --td-warning-color-3: #f7c797;
+  --td-warning-color-4: #f2995f;
+  --td-warning-color-5: #ed7b2f;
+  --td-warning-color-6: #d35a21;
+  --td-warning-color-7: #ba431b;
+  --td-warning-color-8: #9e3610;
+  --td-warning-color-9: #842b0b;
+  --td-warning-color-10: #5a1907;
+  --td-error-color-1: #fdecee;
+  --td-error-color-2: #f9d7d9;
+  --td-error-color-3: #f8b9be;
+  --td-error-color-4: #f78d94;
+  --td-error-color-5: #f36d78;
+  --td-error-color-6: #e34d59;
+  --td-error-color-7: #c9353f;
+  --td-error-color-8: #b11f26;
+  --td-error-color-9: #951114;
+  --td-error-color-10: #680506;
+  --td-success-color-1: #e8f8f2;
+  --td-success-color-2: #bcebdc;
+  --td-success-color-3: #85dbbe;
+  --td-success-color-4: #48c79c;
+  --td-success-color-5: #00a870;
+  --td-success-color-6: #078d5c;
+  --td-success-color-7: #067945;
+  --td-success-color-8: #056334;
+  --td-success-color-9: #044f2a;
+  --td-success-color-10: #033017;
+  --td-gray-color-1: #f3f3f3;
+  --td-gray-color-2: #eee;
+  --td-gray-color-3: #e7e7e7;
+  --td-gray-color-4: #dcdcdc;
+  --td-gray-color-5: #c5c5c5;
+  --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: #383838;
+  --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, 0.55);
+  --td-font-white-3: rgba(255, 255, 255, 0.35);
+  --td-font-white-4: rgba(255, 255, 255, 0.22);
+  --td-font-gray-1: rgba(0, 0, 0, 0.9);
+  --td-font-gray-2: rgba(0, 0, 0, 0.6);
+  --td-font-gray-3: rgba(0, 0, 0, 0.4);
+  --td-font-gray-4: rgba(0, 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-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-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-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-mask-active: rgba(0, 0, 0, 0.6);
+  --td-mask-disabled: rgba(255, 255, 255, 0.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-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-8);
+  --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, 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, 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, 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 0.5px 0 #dcdcdc;
+  --td-shadow-inset-right: inset 0.5px 0 0 #dcdcdc;
+  --td-shadow-inset-bottom: inset 0 -0.5px 0 #dcdcdc;
+  --td-shadow-inset-left: inset -0.5px 0 0 #dcdcdc;
+  --td-table-shadow-color: rgba(0, 0, 0, 0.08);
+  --td-scrollbar-color: rgba(0, 0, 0, 0.1);
+}
+: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: #e7e7e7;
+  --td-gray-color-4: #dcdcdc;
+  --td-gray-color-5: #c5c5c5;
+  --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: #383838;
+  --td-gray-color-12: #2c2c2c;
+  --td-gray-color-13: #242424;
+  --td-gray-color-14: #181818;
+  --td-font-white-1: rgba(255, 255, 255, 0.9);
+  --td-font-white-2: rgba(255, 255, 255, 0.55);
+  --td-font-white-3: rgba(255, 255, 255, 0.35);
+  --td-font-white-4: rgba(255, 255, 255, 0.22);
+  --td-font-gray-1: rgba(0, 0, 0, 0.9);
+  --td-font-gray-2: rgba(0, 0, 0, 0.6);
+  --td-font-gray-3: rgba(0, 0, 0, 0.4);
+  --td-font-gray-4: rgba(0, 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-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-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-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-mask-active: rgba(0, 0, 0, 0.4);
+  --td-mask-disabled: rgba(0, 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-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, 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, 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, 0.14), 0 6px 30px rgba(0, 0, 0, 12%), 0 8px 10px rgba(0, 0, 0, 20%);
+  --td-shadow-inset-top: inset 0 0.5px 0 #5e5e5e;
+  --td-shadow-inset-right: inset 0.5px 0 0 #5e5e5e;
+  --td-shadow-inset-bottom: inset 0 -0.5px 0 #5e5e5e;
+  --td-shadow-inset-left: inset -0.5px 0 0 #5e5e5e;
+  --td-table-shadow-color: rgba(0, 0, 0, 0.55);
+  --td-scrollbar-color: rgba(255, 255, 255, 0.1);
+}
+
 .t-layout,
 .t-layout * {
   -webkit-box-sizing: border-box;
@@ -64,24 +646,6 @@
   padding: 24px;
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-row {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -2071,24 +2635,6 @@
   }
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 @-webkit-keyframes t-fade-out {
   from {
     opacity: 1;
@@ -2238,24 +2784,6 @@
   -webkit-mask: radial-gradient(transparent calc(50% - 0.5px), #fff 50%);
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .arrow-placement-top .t-popup[data-popper-placement^="top"] .t-popup__arrow {
   bottom: calc(-8px / 2);
 }
@@ -2472,24 +3000,6 @@
   transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1), visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9), max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-button {
   position: relative;
   z-index: 0;
@@ -3333,24 +3843,6 @@
 }
 
 @-webkit-keyframes t-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes t-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.t-icon{display:inline-block;vertical-align:middle;width:1em;height:1em}.t-icon:before{font-family:unset}.t-icon-loading{-webkit-animation:t-spin 1s linear infinite;animation:t-spin 1s linear infinite}.t-icon{fill:currentColor}.t-icon.t-size-s{font-size:14px}.t-icon.t-size-m{font-size:16px}.t-icon.t-size-l{font-size:18px}
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .input-disabled.t-input.t-is-disabled {
   color: var(--td-text-color-disabled);
   background-color: var(--td-bg-color-component-disabled);
@@ -3360,6 +3852,7 @@
 }
 .input-disabled.t-input.t-is-disabled .t-input__inner {
   cursor: not-allowed;
+  color: var(--td-text-color-disabled);
 }
 .input-disabled.t-input.t-is-disabled > .t-input__prefix .t-icon,
 .input-disabled.t-input.t-is-disabled > .t-input__suffix .t-icon {
@@ -3508,6 +4001,7 @@
 }
 .t-input.t-input.t-is-disabled .t-input__inner {
   cursor: not-allowed;
+  color: var(--td-text-color-disabled);
 }
 .t-input.t-input.t-is-disabled > .t-input__prefix .t-icon,
 .t-input.t-input.t-is-disabled > .t-input__suffix .t-icon {
@@ -3578,8 +4072,11 @@
 .t-input .t-input__suffix > .t-icon {
   color: var(--td-text-color-placeholder);
 }
-.t-input.t-is-focused .t-input__prefix > .t-icon,
-.t-input.t-is-focused .t-input__suffix:not(.t-input__clear) > .t-icon {
+.t-input.t-is-focused .t-input__prefix > .t-icon {
+  color: var(--td-brand-color);
+}
+.t-input.t-is-focused .t-input__suffix > .t-icon-time,
+.t-input.t-is-focused .t-input__suffix .t-icon-calendar {
   color: var(--td-brand-color);
 }
 .t-input-group {
@@ -3708,10 +4205,14 @@
   width: 100%;
 }
 .t-input__tips {
-  line-height: 24px;
+  height: auto;
+  min-height: 24px;
+  line-height: 20px;
+  font-size: 12px;
+  display: inline-block;
 }
 .t-input__tips--normal {
-  color: var(--td-text-color-secondary);
+  color: var(--td-text-color-placeholder);
 }
 .t-input__tips--success {
   color: var(--td-success-color);
@@ -3723,24 +4224,6 @@
   color: var(--td-error-color);
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 /* Alert */
 .t-alert {
   display: -webkit-box;
@@ -3986,24 +4469,6 @@
           align-items: center;
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-badge {
   position: relative;
   display: inline-block;
@@ -4059,24 +4524,6 @@
   border-radius: 3px;
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-radio-group {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -4328,24 +4775,6 @@
   background-color: var(--td-text-color-disabled);
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-checkbox-group {
   display: inline-block;
 }
@@ -4473,24 +4902,6 @@
   background-color: var(--td-text-color-disabled);
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 @-webkit-keyframes t-fade-out {
   from {
     opacity: 1;
@@ -4798,24 +5209,6 @@
   border-top-right-radius: calc(3px - 1px);
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .default-step-icon {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -5191,24 +5584,6 @@
   background: var(--td-brand-color);
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-message {
   width: -webkit-fit-content;
   width: -moz-fit-content;
@@ -5294,24 +5669,6 @@
   margin-bottom: 8px;
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-tag {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -5398,65 +5755,65 @@
 .t-tag--primary {
   background-color: var(--td-brand-color);
 }
-.t-tag--primary.t-tag--plain {
+.t-tag--primary.t-tag--outline {
   color: var(--td-brand-color);
 }
 .t-tag--success {
   background-color: var(--td-success-color);
 }
-.t-tag--success.t-tag--plain {
+.t-tag--success.t-tag--outline {
   color: var(--td-success-color);
 }
 .t-tag--warning {
   background-color: var(--td-warning-color);
 }
-.t-tag--warning.t-tag--plain {
+.t-tag--warning.t-tag--outline {
   color: var(--td-warning-color);
 }
 .t-tag--danger {
   background-color: var(--td-error-color);
 }
-.t-tag--danger.t-tag--plain {
+.t-tag--danger.t-tag--outline {
   color: var(--td-error-color);
 }
 .t-tag--primary.t-tag--light {
   color: var(--td-brand-color);
   background-color: var(--td-brand-color-light);
 }
-.t-tag--primary.t-tag--light.t-tag--plain {
+.t-tag--primary.t-tag--light.t-tag--outline {
   color: var(--td-brand-color);
 }
 .t-tag--primary.t-tag--light .t-tag__icon-close:hover,
-.t-tag--primary.t-tag--plain .t-tag__icon-close:hover {
+.t-tag--primary.t-tag--outline .t-tag__icon-close:hover {
   color: var(--td-brand-color-hover);
 }
 .t-tag--success.t-tag--light {
   color: var(--td-success-color);
   background-color: var(--td-success-color-1);
 }
-.t-tag--success.t-tag--light.t-tag--plain {
+.t-tag--success.t-tag--light.t-tag--outline {
   color: var(--td-success-color);
 }
 .t-tag--success.t-tag--light .t-tag__icon-close:hover,
-.t-tag--success.t-tag--plain .t-tag__icon-close:hover {
+.t-tag--success.t-tag--outline .t-tag__icon-close:hover {
   color: var(--td-success-color-hover);
 }
 .t-tag--warning.t-tag--light {
   color: var(--td-warning-color);
   background-color: var(--td-warning-color-1);
 }
-.t-tag--warning.t-tag--light.t-tag--plain {
+.t-tag--warning.t-tag--light.t-tag--outline {
   color: var(--td-warning-color);
 }
 .t-tag--warning.t-tag--light .t-tag__icon-close:hover,
-.t-tag--warning.t-tag--plain .t-tag__icon-close:hover {
+.t-tag--warning.t-tag--outline .t-tag__icon-close:hover {
   color: var(--td-warning-color-hover);
 }
 .t-tag--danger.t-tag--light {
   color: var(--td-error-color);
   background-color: var(--td-error-color-1);
 }
-.t-tag--danger.t-tag--light.t-tag--plain {
+.t-tag--danger.t-tag--light.t-tag--outline {
   color: var(--td-error-color);
 }
 .t-tag--danger .t-tag__icon-close {
@@ -5466,7 +5823,7 @@
   fill: var(--td-error-color-hover);
 }
 .t-tag--danger.t-tag--light .t-tag__icon-close:hover,
-.t-tag--danger.t-tag--plain .t-tag__icon-close:hover {
+.t-tag--danger.t-tag--outline .t-tag__icon-close:hover {
   color: var(--td-error-color-hover);
 }
 .t-tag--dark.t-tag:not(.t-tag--default) .t-tag__icon-close {
@@ -5475,7 +5832,7 @@
 .t-tag--dark.t-tag:not(.t-tag--default) .t-tag__icon-close:hover {
   fill: var(--td-font-white-2);
 }
-.t-tag.t-tag--plain {
+.t-tag.t-tag--outline {
   background-color: var(--td-bg-color-component);
 }
 .t-tag.t-size-s {
@@ -5523,24 +5880,6 @@ a .t-tag:active {
   background-color: var(--td-bg-color-component-active);
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-select__wrap {
   width: 100%;
 }
@@ -5756,6 +6095,12 @@ a .t-tag:active {
 .t-select__dropdown > div {
   padding: 8px;
 }
+.t-select__dropdown > div > ul,
+.t-select__dropdown > div .t-select__list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
 .t-select__dropdown.t-popup {
   padding: 0;
 }
@@ -5893,24 +6238,6 @@ ul.t-select-option-group__header,
   margin-top: 4px;
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-pagination {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -6150,24 +6477,6 @@ ul.t-select-option-group__header,
   color: var(--td-text-color-placeholder);
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-tooltip {
   display: inline-block;
   border: 0;
@@ -6212,24 +6521,6 @@ ul.t-select-option-group__header,
   left: -4px;
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .scrollbar {
   scrollbar-color: var(--td-scrollbar-color);
   scrollbar-width: thin;
@@ -6475,7 +6766,7 @@ ul.t-select-option-group__header,
   width: -moz-fit-content;
   width: fit-content;
   position: relative;
-  z-index: 10;
+  z-index: 5;
   background-color: var(--td-bg-color-secondarycontainer);
 }
 .t-table__header--fixed .t-table__header tr {
@@ -6559,7 +6850,7 @@ ul.t-select-option-group__header,
 }
 .t-table__cell--fixed .t-table__cell--fixed-left,
 .t-table__cell--fixed .t-table__cell--fixed-right {
-  z-index: 1;
+  z-index: 100;
 }
 .t-table__cell--fixed .t-table__cell--fixed-left-last::before {
   z-index: -1;
@@ -6820,24 +7111,6 @@ ul.t-select-option-group__header,
   margin-left: 8px;
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-list {
   overflow: auto;
   color: var(--td-text-color-primary);
@@ -6994,24 +7267,6 @@ ul.t-select-option-group__header,
   cursor: pointer;
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-tabs {
   overflow: hidden;
   background-color: var(--td-bg-color-container);
@@ -7361,24 +7616,6 @@ ul.t-select-option-group__header,
   position: relative;
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-notification {
   font-size: 14px;
   outline: 0;
@@ -7647,24 +7884,6 @@ ul.t-select-option-group__header,
   }
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 a.t-menu__item {
   text-decoration: none;
   color: unset;
@@ -8316,24 +8535,6 @@ a.t-menu__item:active {
   opacity: 0;
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 @-webkit-keyframes tDialogZoomIn {
   0% {
     opacity: 0;
@@ -8746,24 +8947,6 @@ a.t-menu__item:active {
           transform: translate(-50%, -50%);
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-divider {
   margin: 24px 0;
   font-size: 14px;
@@ -8830,24 +9013,6 @@ a.t-menu__item:active {
   border-left: 1px dashed var(--td-border-level-1-color);
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-switch {
   position: relative;
   display: -webkit-inline-box;
@@ -9052,47 +9217,11 @@ a.t-menu__item:active {
   padding: 0 16px 0 5px;
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-affix {
   position: fixed;
   z-index: 500;
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-anchor {
   position: relative;
   background: var(--td-bg-color-container);
@@ -9217,24 +9346,6 @@ a.t-menu__item:active {
           animation-fill-mode: forwards;
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-calendar {
   border: 1px solid var(--td-border-level-1-color);
   background-color: var(--td-bg-color-container);
@@ -9571,24 +9682,6 @@ a.t-menu__item:active {
   color: var(--td-text-color-primary);
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .input-disabled.t-input.t-is-disabled {
   color: var(--td-text-color-disabled);
   background-color: var(--td-bg-color-component-disabled);
@@ -9598,6 +9691,7 @@ a.t-menu__item:active {
 }
 .input-disabled.t-input.t-is-disabled .t-input__inner {
   cursor: not-allowed;
+  color: var(--td-text-color-disabled);
 }
 .input-disabled.t-input.t-is-disabled > .t-input__prefix .t-icon,
 .input-disabled.t-input.t-is-disabled > .t-input__suffix .t-icon {
@@ -9746,6 +9840,7 @@ a.t-menu__item:active {
 }
 .t-input.t-input.t-is-disabled .t-input__inner {
   cursor: not-allowed;
+  color: var(--td-text-color-disabled);
 }
 .t-input.t-input.t-is-disabled > .t-input__prefix .t-icon,
 .t-input.t-input.t-is-disabled > .t-input__suffix .t-icon {
@@ -9816,8 +9911,11 @@ a.t-menu__item:active {
 .t-input .t-input__suffix > .t-icon {
   color: var(--td-text-color-placeholder);
 }
-.t-input.t-is-focused .t-input__prefix > .t-icon,
-.t-input.t-is-focused .t-input__suffix:not(.t-input__clear) > .t-icon {
+.t-input.t-is-focused .t-input__prefix > .t-icon {
+  color: var(--td-brand-color);
+}
+.t-input.t-is-focused .t-input__suffix > .t-icon-time,
+.t-input.t-is-focused .t-input__suffix .t-icon-calendar {
   color: var(--td-brand-color);
 }
 .t-input-group {
@@ -9946,10 +10044,14 @@ a.t-menu__item:active {
   width: 100%;
 }
 .t-input__tips {
-  line-height: 24px;
+  height: auto;
+  min-height: 24px;
+  line-height: 20px;
+  font-size: 12px;
+  display: inline-block;
 }
 .t-input__tips--normal {
-  color: var(--td-text-color-secondary);
+  color: var(--td-text-color-placeholder);
 }
 .t-input__tips--success {
   color: var(--td-success-color);
@@ -10562,24 +10664,6 @@ small.t-upload__tips-error {
   color: var(--td-error-color);
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-form {
   font-size: 14px;
 }
@@ -10732,24 +10816,6 @@ small.t-upload__tips-error {
   display: inline-block;
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 /**
  * 颜色
  */
@@ -10955,24 +11021,6 @@ small.t-upload__tips-error {
   /* stylelint-disable-line */
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-progress__inner {
   position: relative;
   height: 100%;
@@ -11128,24 +11176,6 @@ small.t-upload__tips-error {
   }
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-popconfirm {
   border-radius: 3px;
 }
@@ -11196,35 +11226,21 @@ small.t-upload__tips-error {
   margin-right: 0;
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-textarea {
   position: relative;
   width: 100%;
 }
 .t-textarea__inner {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
   width: 100%;
   height: 56px;
   min-height: 56px;
   border: 1px solid var(--td-border-level-2-color);
   border-radius: 3px;
   padding: 5px 8px;
+  background-color: var(--td-bg-color-specialcomponent);
   font-family: PingFangSC-Regular;
   font-size: 14px;
   color: inherit;
@@ -11257,8 +11273,29 @@ small.t-upload__tips-error {
 .t-textarea__inner::placeholder {
   color: var(--td-text-color-placeholder);
 }
-.t-textarea__limit {
-  position: absolute;
+.t-textarea__inner.t-is-success {
+  border-color: var(--td-success-color);
+}
+.t-textarea__inner.t-is-success:focus {
+  -webkit-box-shadow: 0 0 0 2px var(--td-success-color-focus);
+          box-shadow: 0 0 0 2px var(--td-success-color-focus);
+}
+.t-textarea__inner.t-is-warning {
+  border-color: var(--td-warning-color);
+}
+.t-textarea__inner.t-is-warning:focus {
+  -webkit-box-shadow: 0 0 0 2px var(--td-warning-color-focus);
+          box-shadow: 0 0 0 2px var(--td-warning-color-focus);
+}
+.t-textarea__inner.t-is-error {
+  border-color: var(--td-error-color);
+}
+.t-textarea__inner.t-is-error:focus {
+  -webkit-box-shadow: 0 0 0 2px var(--td-error-color-focus);
+          box-shadow: 0 0 0 2px var(--td-error-color-focus);
+}
+.t-textarea__limit {
+  position: absolute;
   bottom: 8px;
   right: 16px;
   font-size: 14px;
@@ -11275,25 +11312,26 @@ small.t-upload__tips-error {
 .t-textarea .t-resize-none {
   resize: none;
 }
-
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
+.t-textarea__tips {
+  height: auto;
+  min-height: 24px;
+  line-height: 20px;
+  font-size: 12px;
+  display: inline-block;
 }
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
+.t-textarea__tips--normal {
+  color: var(--td-text-color-placeholder);
 }
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
+.t-textarea__tips--success {
+  color: var(--td-success-color);
 }
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
+.t-textarea__tips--warning {
+  color: var(--td-warning-color);
 }
+.t-textarea__tips--error {
+  color: var(--td-error-color);
+}
+
 @-webkit-keyframes changeColor {
   from {
     color: var(--td-brand-color-7);
@@ -11464,7 +11502,7 @@ small.t-upload__tips-error {
   border-color: var(--td-bg-color-container) transparent transparent transparent;
   z-index: 20;
 }
-.t-breadcrumb--text-oveflow {
+.t-breadcrumb--text-overflow {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -11473,48 +11511,30 @@ small.t-upload__tips-error {
       -ms-flex-align: center;
           align-items: center;
 }
-.t-breadcrumb--text-oveflow:hover .t-breadcrumb__inner-msg {
+.t-breadcrumb--text-overflow:hover .t-breadcrumb__inner-msg {
   display: block;
 }
-.t-breadcrumb--text-oveflow .t-breadcrumb__inner {
+.t-breadcrumb--text-overflow .t-breadcrumb__inner {
   max-width: 120px;
   display: inline-block;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
 }
-.t-breadcrumb--text-oveflow .t-breadcrumb__inner .t-icon {
+.t-breadcrumb--text-overflow .t-breadcrumb__inner .t-icon {
   vertical-align: text-bottom;
 }
-.t-breadcrumb--text-oveflow .t-breadcrumb__inner:hover {
+.t-breadcrumb--text-overflow .t-breadcrumb__inner:hover {
   color: var(--td-brand-color);
   -webkit-transition: color 0.2s linear;
   transition: color 0.2s linear;
   cursor: pointer;
 }
-.t-breadcrumb--text-oveflow .t-breadcrumb__inner:active {
+.t-breadcrumb--text-overflow .t-breadcrumb__inner:active {
   -webkit-animation: 0.2s linear changeColor;
           animation: 0.2s linear changeColor;
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-dropdown {
   background-color: var(--td-bg-color-container);
   position: relative;
@@ -11599,24 +11619,6 @@ small.t-upload__tips-error {
   margin-left: 8px;
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-slider__input-container {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -11708,7 +11710,7 @@ small.t-upload__tips-error {
       -ms-user-select: none;
           user-select: none;
 }
-.t-slider__button.dragging {
+.t-slider__button--dragging {
   -webkit-box-shadow: 0 0 0px 2px var(--td-brand-color-focus);
           box-shadow: 0 0 0px 2px var(--td-brand-color-focus);
 }
@@ -11835,24 +11837,6 @@ small.t-upload__tips-error {
   cursor: not-allowed;
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-cascader {
   position: relative;
   border: 1px solid var(--td-border-level-2-color);
@@ -12164,24 +12148,6 @@ small.t-upload__tips-error {
   border: 1px solid var(--td-text-color-brand);
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .flex-center {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -12435,24 +12401,6 @@ small.t-upload__tips-error {
   padding: 0 24px;
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-date-picker {
   padding: 0;
 }
@@ -12777,24 +12725,6 @@ small.t-upload__tips-error {
   margin-left: 8px;
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 /* Swiper */
 .t-swiper {
   position: relative;
@@ -12906,24 +12836,6 @@ small.t-upload__tips-error {
           align-items: center;
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-comment {
   width: 100%;
   color: var(--td-text-color-primary);
@@ -13013,24 +12925,6 @@ small.t-upload__tips-error {
   padding: 16px 24px;
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-transfer {
   font-size: 14px;
   line-height: 22px;
@@ -13185,6 +13079,7 @@ small.t-upload__tips-error {
   margin: auto 8px;
   vertical-align: middle;
   overflow: hidden;
+  width: 24px;
 }
 .t-transfer__operations button {
   display: block;
@@ -13257,24 +13152,6 @@ small.t-upload__tips-error {
   overflow: scroll;
 }
 
-.narrow-scrollbar::-webkit-scrollbar {
-  width: 8px;
-  background: transparent;
-}
-.narrow-scrollbar::-webkit-scrollbar-thumb {
-  border-radius: 6px;
-  border: 2px solid transparent;
-  background-clip: content-box;
-  background-color: var(--td-scrollbar-color);
-}
-.t-fake-arrow path {
-  -webkit-transition: d 0.2s;
-  transition: d 0.2s;
-  stroke: currentColor;
-}
-.t-fake-arrow--active path {
-  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
-}
 .t-avatar {
   position: relative;
   display: -webkit-inline-box;
@@ -13527,4 +13404,124 @@ small.t-upload__tips-error {
   margin-left: -8px;
 }
 
+:root,
+:root[theme-mode="light"] {
+  --skeleton-animation-gradient: rgba(0, 0, 0, 0.04);
+}
+:root[theme-mode="dark"] {
+  --skeleton-animation-gradient: rgba(255, 255, 255, 0.06);
+}
+.t-skeleton__row {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 10px;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.t-skeleton__row:only-child,
+.t-skeleton__row:last-child {
+  margin-bottom: 0;
+}
+.t-skeleton__col {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  background-color: var(--td-bg-color-secondarycontainer);
+  color: var(--td-text-color-disabled);
+  margin-right: 15px;
+}
+.t-skeleton__col:first-child:last-child,
+.t-skeleton__col:last-child {
+  margin-right: 0;
+}
+.t-skeleton--type-text {
+  width: 100%;
+  height: 16px;
+  border-radius: 3px;
+}
+.t-skeleton--type-rect {
+  width: 120px;
+  height: 88px;
+  border-radius: 3px;
+}
+.t-skeleton--type-circle {
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+}
+.t-skeleton--animation-gradient {
+  position: relative;
+  overflow-x: hidden;
+}
+.t-skeleton--animation-gradient::after {
+  content: " ";
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  top: 0;
+  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(var(--skeleton-animation-gradient)), to(rgba(255, 255, 255, 0)));
+  background: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--skeleton-animation-gradient), rgba(255, 255, 255, 0));
+  -webkit-animation: t-skeleton--gradient 1.5s linear 2s infinite;
+          animation: t-skeleton--gradient 1.5s linear 2s infinite;
+}
+.t-skeleton--animation-flashed {
+  -webkit-animation: t-skeleton--flashed 2s linear 2s infinite;
+          animation: t-skeleton--flashed 2s linear 2s infinite;
+}
+@-webkit-keyframes t-skeleton--gradient {
+  0% {
+    -webkit-transform: translateX(-100%) skewX(-15deg);
+            transform: translateX(-100%) skewX(-15deg);
+  }
+  100% {
+    -webkit-transform: translateX(100%) skewX(-15deg);
+            transform: translateX(100%) skewX(-15deg);
+  }
+}
+@keyframes t-skeleton--gradient {
+  0% {
+    -webkit-transform: translateX(-100%) skewX(-15deg);
+            transform: translateX(-100%) skewX(-15deg);
+  }
+  100% {
+    -webkit-transform: translateX(100%) skewX(-15deg);
+            transform: translateX(100%) skewX(-15deg);
+  }
+}
+@-webkit-keyframes t-skeleton--flashed {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    background-color: rgba(230, 230, 230, 0.3);
+    opacity: 0.3;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes t-skeleton--flashed {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    background-color: rgba(230, 230, 230, 0.3);
+    opacity: 0.3;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
 /*# sourceMappingURL=tdesign.css.map */