/* 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 */

: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;
}
.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");
}

: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);
}

@-webkit-keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.t-icon-loading {
  -webkit-animation: t-spin 1s linear infinite;
          animation: t-spin 1s linear infinite;
}
@-webkit-keyframes t-zoom-out {
  from {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes t-zoom-out {
  from {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.t-loading {
  position: relative;
  color: var(--td-brand-color);
  font-size: 36px;
}
.t-loading--lock {
  overflow: hidden;
}
.t-loading.t-size-s {
  font-size: 16px;
}
.t-loading.t-size-l {
  font-size: 56px;
}
.t-loading__fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3500;
}
.t-loading--center {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.t-loading__content {
  position: absolute;
  left: 48%;
  top: 20%;
}
.t-loading--inherit-color {
  color: inherit;
}
.t-loading__parent {
  position: relative;
}
.t-loading__overlay {
  background-color: var(--td-mask-disabled);
}
/** 仅用于作为包裹元素时 */
.t-loading--full {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.t-loading--hidden {
  visibility: hidden;
}
.t-loading--visible {
  visibility: visible;
}
.t-loading__text {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 22px;
  margin-left: 5px;
}
.t-loading__gradient {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
}
.t-loading__gradient-conic {
  width: 100%;
  height: 100%;
  background: conic-gradient(from 90deg at 50% 50%, #fff 0deg, currentcolor 360deg);
  border-radius: 50%;
  /* stylelint-disable-next-line */
  mask: radial-gradient(transparent calc(50% - 0.5px), #fff 50%);
  /* stylelint-disable-next-line */
  -webkit-mask: radial-gradient(transparent calc(50% - 0.5px), #fff 50%);
}

.t-button {
  position: relative;
  z-index: 0;
  overflow: hidden;
  font-size: 14px;
  outline: none;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: transparent;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: 3px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
.t-button .t-button__text,
.t-button .t-icon {
  position: relative;
  z-index: 1;
}
.t-button .t-icon {
  font-size: 16px;
}
.t-button .t-loading {
  font-size: 16px;
}
.t-button .t-icon + .t-button__text {
  margin-left: 8px;
}
.t-button .t-loading + .t-button__text {
  margin-left: 8px;
}
.t-button--variant-base {
  color: var(--td-text-color-anti);
  height: 32px;
  font-size: 14px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: var(--td-bg-color-component);
  border-color: var(--td-bg-color-component);
  color: var(--td-text-color-primary);
}
.t-button--variant-base .t-icon,
.t-button--variant-base .t-loading {
  font-size: 16px;
}
.t-button--variant-base:hover {
  background-color: var(--td-bg-color-component-hover);
}
.t-button--variant-base.t-is-disabled {
  background-color: var(--td-bg-color-component-disabled);
}
.t-button--variant-base:hover {
  border-color: var(--td-bg-color-component-hover);
}
.t-button--variant-base.t-is-disabled {
  border-color: var(--td-bg-color-component-disabled);
}
.t-button--variant-base:hover {
  color: var(--td-text-color-primary);
}
.t-button--variant-base.t-is-disabled {
  color: var(--td-text-color-disabled);
}
.t-button--variant-base.t-button--theme-primary {
  color: var(--td-text-color-anti);
  background-color: var(--td-brand-color);
  border-color: var(--td-brand-color);
}
.t-button--variant-base.t-button--theme-primary:hover {
  background-color: var(--td-brand-color-hover);
}
.t-button--variant-base.t-button--theme-primary.t-is-disabled {
  background-color: var(--td-brand-color-disabled);
}
.t-button--variant-base.t-button--theme-primary:hover {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-base.t-button--theme-primary.t-is-disabled {
  border-color: var(--td-brand-color-disabled);
}
.t-button--variant-base.t-button--theme-success {
  color: var(--td-text-color-anti);
  background-color: var(--td-success-color);
  border-color: var(--td-success-color);
}
.t-button--variant-base.t-button--theme-success:hover {
  background-color: var(--td-success-color-hover);
}
.t-button--variant-base.t-button--theme-success.t-is-disabled {
  background-color: var(--td-success-color-disabled);
}
.t-button--variant-base.t-button--theme-success:hover {
  border-color: var(--td-success-color-hover);
}
.t-button--variant-base.t-button--theme-success.t-is-disabled {
  border-color: var(--td-success-color-disabled);
}
.t-button--variant-base.t-button--theme-warning {
  color: var(--td-text-color-anti);
  background-color: var(--td-warning-color);
  border-color: var(--td-warning-color);
}
.t-button--variant-base.t-button--theme-warning:hover {
  background-color: var(--td-warning-color-hover);
}
.t-button--variant-base.t-button--theme-warning.t-is-disabled {
  background-color: var(--td-warning-color-disabled);
}
.t-button--variant-base.t-button--theme-warning:hover {
  border-color: var(--td-warning-color-hover);
}
.t-button--variant-base.t-button--theme-warning.t-is-disabled {
  border-color: var(--td-warning-color-disabled);
}
.t-button--variant-base.t-button--theme-danger {
  color: var(--td-text-color-anti);
  background-color: var(--td-error-color);
  border-color: var(--td-error-color);
}
.t-button--variant-base.t-button--theme-danger:hover {
  background-color: var(--td-error-color-hover);
}
.t-button--variant-base.t-button--theme-danger.t-is-disabled {
  background-color: var(--td-error-color-disabled);
}
.t-button--variant-base.t-button--theme-danger:hover {
  border-color: var(--td-error-color-hover);
}
.t-button--variant-base.t-button--theme-danger.t-is-disabled {
  border-color: var(--td-error-color-disabled);
}
.t-button--variant-base.t-button--ghost {
  background-color: transparent;
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary {
  border-color: var(--td-brand-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary:hover {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary:active {
  border-color: var(--td-brand-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary.t-is-disabled {
  border-color: var(--td-brand-color-disabled);
}
.t-button--variant-base.t-button--ghost.t-button--theme-success {
  color: var(--td-success-color);
  border-color: var(--td-success-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-success:hover {
  color: var(--td-success-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-success:active {
  color: var(--td-success-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-success.t-is-disabled {
  color: var(--td-success-color-disabled);
}
.t-button--variant-base.t-button--ghost.t-button--theme-success:hover {
  border-color: var(--td-success-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-success:active {
  border-color: var(--td-success-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-success.t-is-disabled {
  border-color: var(--td-success-color-disabled);
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning {
  color: var(--td-warning-color);
  border-color: var(--td-warning-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning:hover {
  color: var(--td-warning-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning:active {
  color: var(--td-warning-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning.t-is-disabled {
  color: var(--td-warning-color-disabled);
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning:hover {
  border-color: var(--td-warning-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning:active {
  border-color: var(--td-warning-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning.t-is-disabled {
  border-color: var(--td-warning-color-disabled);
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger {
  color: var(--td-error-color);
  border-color: var(--td-error-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger:hover {
  color: var(--td-error-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger:active {
  color: var(--td-error-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger.t-is-disabled {
  color: var(--td-error-color-disabled);
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger:hover {
  border-color: var(--td-error-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger:active {
  border-color: var(--td-error-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger.t-is-disabled {
  border-color: var(--td-error-color-disabled);
}
.t-button--variant-outline {
  height: 32px;
  font-size: 14px;
  padding-left: 15px;
  padding-right: 15px;
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-specialcomponent);
  border-color: var(--td-border-level-2-color);
}
.t-button--variant-outline .t-icon,
.t-button--variant-outline .t-loading {
  font-size: 16px;
}
.t-button--variant-outline:hover {
  color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-is-disabled {
  color: var(--td-text-color-disabled);
}
.t-button--variant-outline:hover {
  background-color: var(--td-bg-color-specialcomponent);
}
.t-button--variant-outline.t-is-disabled {
  background-color: var(--td-bg-color-component-disabled);
}
.t-button--variant-outline:hover {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-is-disabled {
  border-color: var(--td-border-level-2-color);
}
.t-button--variant-outline.t-button--theme-primary {
  color: var(--td-brand-color);
  border-color: var(--td-brand-color);
}
.t-button--variant-outline.t-button--theme-primary:hover {
  color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-button--theme-primary.t-is-disabled {
  color: var(--td-brand-color-disabled);
}
.t-button--variant-outline.t-button--theme-primary:hover {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-button--theme-primary.t-is-disabled {
  border-color: var(--td-brand-color-disabled);
}
.t-button--variant-outline.t-button--theme-success {
  color: var(--td-success-color);
  border-color: var(--td-success-color);
}
.t-button--variant-outline.t-button--theme-success:hover {
  color: var(--td-success-color-hover);
}
.t-button--variant-outline.t-button--theme-success.t-is-disabled {
  color: var(--td-success-color-disabled);
}
.t-button--variant-outline.t-button--theme-success:hover {
  border-color: var(--td-success-color-hover);
}
.t-button--variant-outline.t-button--theme-success.t-is-disabled {
  border-color: var(--td-success-color-disabled);
}
.t-button--variant-outline.t-button--theme-warning {
  color: var(--td-warning-color);
  border-color: var(--td-warning-color);
}
.t-button--variant-outline.t-button--theme-warning:hover {
  color: var(--td-warning-color-hover);
}
.t-button--variant-outline.t-button--theme-warning.t-is-disabled {
  color: var(--td-warning-color-disabled);
}
.t-button--variant-outline.t-button--theme-warning:hover {
  border-color: var(--td-warning-color-hover);
}
.t-button--variant-outline.t-button--theme-warning.t-is-disabled {
  border-color: var(--td-warning-color-disabled);
}
.t-button--variant-outline.t-button--theme-danger {
  color: var(--td-error-color);
  border-color: var(--td-error-color);
}
.t-button--variant-outline.t-button--theme-danger:hover {
  color: var(--td-error-color-hover);
}
.t-button--variant-outline.t-button--theme-danger.t-is-disabled {
  color: var(--td-error-color-disabled);
}
.t-button--variant-outline.t-button--theme-danger:hover {
  border-color: var(--td-error-color-hover);
}
.t-button--variant-outline.t-button--theme-danger.t-is-disabled {
  border-color: var(--td-error-color-disabled);
}
.t-button--variant-outline.t-button--ghost {
  background-color: transparent;
  color: var(--td-text-color-anti);
  border-color: var(--td-text-color-anti);
}
.t-button--variant-outline.t-button--ghost:hover {
  background-color: transparent;
}
.t-button--variant-outline.t-button--ghost:active {
  background-color: transparent;
}
.t-button--variant-outline.t-button--ghost.t-is-disabled {
  background-color: transparent;
}
.t-button--variant-outline.t-button--ghost:hover {
  color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-button--ghost:active {
  color: var(--td-brand-color-active);
}
.t-button--variant-outline.t-button--ghost.t-is-disabled {
  color: var(--td-border-level-2-color);
}
.t-button--variant-outline.t-button--ghost:hover {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-button--ghost:active {
  border-color: var(--td-brand-color-active);
}
.t-button--variant-outline.t-button--ghost.t-is-disabled {
  border-color: var(--td-border-level-2-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary {
  color: var(--td-brand-color);
  border-color: var(--td-brand-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary:hover {
  color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary:active {
  color: var(--td-brand-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary.t-is-disabled {
  color: var(--td-brand-color-disabled);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary:hover {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary:active {
  border-color: var(--td-brand-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary.t-is-disabled {
  border-color: var(--td-brand-color-disabled);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success {
  color: var(--td-success-color);
  border-color: var(--td-success-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success:hover {
  color: var(--td-success-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success:active {
  color: var(--td-success-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success.t-is-disabled {
  color: var(--td-success-color-disabled);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success:hover {
  border-color: var(--td-success-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success:active {
  border-color: var(--td-success-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success.t-is-disabled {
  border-color: var(--td-success-color-disabled);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning {
  color: var(--td-warning-color);
  border-color: var(--td-warning-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning:hover {
  color: var(--td-warning-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning:active {
  color: var(--td-warning-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning.t-is-disabled {
  color: var(--td-warning-color-disabled);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning:hover {
  border-color: var(--td-warning-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning:active {
  border-color: var(--td-warning-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning.t-is-disabled {
  border-color: var(--td-warning-color-disabled);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger {
  color: var(--td-error-color);
  border-color: var(--td-error-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger:hover {
  color: var(--td-error-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger:active {
  color: var(--td-error-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger.t-is-disabled {
  color: var(--td-error-color-disabled);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger:hover {
  border-color: var(--td-error-color-hover);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger:active {
  border-color: var(--td-error-color-active);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger.t-is-disabled {
  border-color: var(--td-error-color-disabled);
}
.t-button--variant-dashed {
  height: 32px;
  font-size: 14px;
  padding-left: 15px;
  padding-right: 15px;
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-specialcomponent);
  border-color: var(--td-border-level-2-color);
  border-style: dashed;
}
.t-button--variant-dashed .t-icon,
.t-button--variant-dashed .t-loading {
  font-size: 16px;
}
.t-button--variant-dashed:hover {
  color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-is-disabled {
  color: var(--td-text-color-disabled);
}
.t-button--variant-dashed:hover {
  background-color: var(--td-bg-color-specialcomponent);
}
.t-button--variant-dashed.t-is-disabled {
  background-color: var(--td-bg-color-component-disabled);
}
.t-button--variant-dashed:hover {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-is-disabled {
  border-color: var(--td-border-level-2-color);
}
.t-button--variant-dashed.t-button--theme-primary {
  color: var(--td-brand-color);
  border-color: var(--td-brand-color);
}
.t-button--variant-dashed.t-button--theme-primary:hover {
  color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-button--theme-primary.t-is-disabled {
  color: var(--td-brand-color-disabled);
}
.t-button--variant-dashed.t-button--theme-primary:hover {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-button--theme-primary.t-is-disabled {
  border-color: var(--td-brand-color-disabled);
}
.t-button--variant-dashed.t-button--theme-success {
  color: var(--td-success-color);
  border-color: var(--td-success-color);
}
.t-button--variant-dashed.t-button--theme-success:hover {
  color: var(--td-success-color-hover);
}
.t-button--variant-dashed.t-button--theme-success.t-is-disabled {
  color: var(--td-success-color-disabled);
}
.t-button--variant-dashed.t-button--theme-success:hover {
  border-color: var(--td-success-color-hover);
}
.t-button--variant-dashed.t-button--theme-success.t-is-disabled {
  border-color: var(--td-success-color-disabled);
}
.t-button--variant-dashed.t-button--theme-warning {
  color: var(--td-warning-color);
  border-color: var(--td-warning-color);
}
.t-button--variant-dashed.t-button--theme-warning:hover {
  color: var(--td-warning-color-hover);
}
.t-button--variant-dashed.t-button--theme-warning.t-is-disabled {
  color: var(--td-warning-color-disabled);
}
.t-button--variant-dashed.t-button--theme-warning:hover {
  border-color: var(--td-warning-color-hover);
}
.t-button--variant-dashed.t-button--theme-warning.t-is-disabled {
  border-color: var(--td-warning-color-disabled);
}
.t-button--variant-dashed.t-button--theme-danger {
  color: var(--td-error-color);
  border-color: var(--td-error-color);
}
.t-button--variant-dashed.t-button--theme-danger:hover {
  color: var(--td-error-color-hover);
}
.t-button--variant-dashed.t-button--theme-danger.t-is-disabled {
  color: var(--td-error-color-disabled);
}
.t-button--variant-dashed.t-button--theme-danger:hover {
  border-color: var(--td-error-color-hover);
}
.t-button--variant-dashed.t-button--theme-danger.t-is-disabled {
  border-color: var(--td-error-color-disabled);
}
.t-button--variant-dashed.t-button--ghost {
  background-color: transparent;
  color: var(--td-text-color-anti);
  border-color: var(--td-text-color-anti);
}
.t-button--variant-dashed.t-button--ghost:hover {
  background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost:active {
  background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost.t-is-disabled {
  background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost:hover {
  color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-button--ghost:active {
  color: var(--td-brand-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-is-disabled {
  color: var(--td-border-level-2-color);
}
.t-button--variant-dashed.t-button--ghost:hover {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-button--ghost:active {
  border-color: var(--td-brand-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-is-disabled {
  border-color: var(--td-border-level-2-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary {
  color: var(--td-brand-color);
  border-color: var(--td-brand-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary:hover {
  color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary:active {
  color: var(--td-brand-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary.t-is-disabled {
  color: var(--td-brand-color-disabled);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary:hover {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary:active {
  border-color: var(--td-brand-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary.t-is-disabled {
  border-color: var(--td-brand-color-disabled);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success {
  color: var(--td-success-color);
  border-color: var(--td-success-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success:hover {
  color: var(--td-success-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success:active {
  color: var(--td-success-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success.t-is-disabled {
  color: var(--td-success-color-disabled);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success:hover {
  border-color: var(--td-success-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success:active {
  border-color: var(--td-success-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success.t-is-disabled {
  border-color: var(--td-success-color-disabled);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning {
  color: var(--td-warning-color);
  border-color: var(--td-warning-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning:hover {
  color: var(--td-warning-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning:active {
  color: var(--td-warning-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning.t-is-disabled {
  color: var(--td-warning-color-disabled);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning:hover {
  border-color: var(--td-warning-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning:active {
  border-color: var(--td-warning-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning.t-is-disabled {
  border-color: var(--td-warning-color-disabled);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger {
  color: var(--td-error-color);
  border-color: var(--td-error-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger:hover {
  color: var(--td-error-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger:active {
  color: var(--td-error-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger.t-is-disabled {
  color: var(--td-error-color-disabled);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger:hover {
  border-color: var(--td-error-color-hover);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger:active {
  border-color: var(--td-error-color-active);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger.t-is-disabled {
  border-color: var(--td-error-color-disabled);
}
.t-button--variant-text {
  height: 32px;
  font-size: 14px;
  padding-left: 15px;
  padding-right: 15px;
  color: var(--td-text-color-primary);
  background-color: transparent;
  border-color: transparent;
}
.t-button--variant-text .t-icon,
.t-button--variant-text .t-loading {
  font-size: 16px;
}
.t-button--variant-text:hover {
  color: var(--td-text-color-primary);
}
.t-button--variant-text.t-is-disabled {
  color: var(--td-text-color-disabled);
}
.t-button--variant-text:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-button--variant-text.t-is-disabled {
  background-color: transparent;
}
.t-button--variant-text:hover {
  border-color: var(--td-bg-color-container-hover);
}
.t-button--variant-text.t-is-disabled {
  border-color: transparent;
}
.t-button--variant-text.t-button--theme-primary {
  color: var(--td-brand-color);
}
.t-button--variant-text.t-button--theme-primary:hover {
  color: var(--td-brand-color-hover);
}
.t-button--variant-text.t-button--theme-primary.t-is-disabled {
  color: var(--td-brand-color-disabled);
}
.t-button--variant-text.t-button--theme-success {
  color: var(--td-success-color);
}
.t-button--variant-text.t-button--theme-success:hover {
  color: var(--td-success-color-hover);
}
.t-button--variant-text.t-button--theme-success.t-is-disabled {
  color: var(--td-success-color-disabled);
}
.t-button--variant-text.t-button--theme-warning {
  color: var(--td-warning-color);
}
.t-button--variant-text.t-button--theme-warning:hover {
  color: var(--td-warning-color-hover);
}
.t-button--variant-text.t-button--theme-warning.t-is-disabled {
  color: var(--td-warning-color-disabled);
}
.t-button--variant-text.t-button--theme-danger {
  color: var(--td-error-color);
}
.t-button--variant-text.t-button--theme-danger:hover {
  color: var(--td-error-color-hover);
}
.t-button--variant-text.t-button--theme-danger.t-is-disabled {
  color: var(--td-error-color-disabled);
}
.t-button--variant-text.t-button--ghost {
  background: none;
  color: var(--td-text-color-anti);
}
.t-button--variant-text.t-button--ghost:hover {
  color: var(--td-brand-color-hover);
}
.t-button--variant-text.t-button--ghost:active {
  color: var(--td-brand-color-active);
}
.t-button--variant-text.t-button--ghost.t-is-disabled {
  color: var(--td-border-level-2-color);
}
.t-button--variant-text.t-button--ghost.t-button--theme-primary {
  color: var(--td-brand-color);
}
.t-button--variant-text.t-button--ghost.t-button--theme-primary:hover {
  color: var(--td-brand-color-hover);
}
.t-button--variant-text.t-button--ghost.t-button--theme-primary:active {
  color: var(--td-brand-color-active);
}
.t-button--variant-text.t-button--ghost.t-button--theme-primary.t-is-disabled {
  color: var(--td-brand-color-disabled);
}
.t-button--variant-text.t-button--ghost.t-button--theme-success {
  color: var(--td-success-color);
}
.t-button--variant-text.t-button--ghost.t-button--theme-success:hover {
  color: var(--td-success-color-hover);
}
.t-button--variant-text.t-button--ghost.t-button--theme-success:active {
  color: var(--td-success-color-active);
}
.t-button--variant-text.t-button--ghost.t-button--theme-success.t-is-disabled {
  color: var(--td-success-color-disabled);
}
.t-button--variant-text.t-button--ghost.t-button--theme-warning {
  color: var(--td-warning-color);
}
.t-button--variant-text.t-button--ghost.t-button--theme-warning:hover {
  color: var(--td-warning-color-hover);
}
.t-button--variant-text.t-button--ghost.t-button--theme-warning:active {
  color: var(--td-warning-color-active);
}
.t-button--variant-text.t-button--ghost.t-button--theme-warning.t-is-disabled {
  color: var(--td-warning-color-disabled);
}
.t-button--variant-text.t-button--ghost.t-button--theme-danger {
  color: var(--td-error-color);
}
.t-button--variant-text.t-button--ghost.t-button--theme-danger:hover {
  color: var(--td-error-color-hover);
}
.t-button--variant-text.t-button--ghost.t-button--theme-danger:active {
  color: var(--td-error-color-active);
}
.t-button--variant-text.t-button--ghost.t-button--theme-danger.t-is-disabled {
  color: var(--td-error-color-disabled);
}
.t-button.t-is-disabled {
  cursor: not-allowed;
}
.t-button.t-size-s {
  height: 24px;
  font-size: 12px;
  padding-left: 7px;
  padding-right: 7px;
}
.t-button.t-size-s .t-icon,
.t-button.t-size-s .t-loading {
  font-size: 14px;
}
.t-button.t-size-l {
  height: 40px;
  font-size: 16px;
  padding-left: 23px;
  padding-right: 23px;
}
.t-button.t-size-l .t-icon,
.t-button.t-size-l .t-loading {
  font-size: 20px;
}
.t-button.t-size-full-width {
  display: block;
  width: 100%;
}
.t-button--shape-square {
  width: 32px;
  padding: 0;
}
.t-button--shape-square.t-size-s {
  width: 24px;
  padding: 0;
}
.t-button--shape-square.t-size-l {
  width: 40px;
  padding: 0;
}
.t-button--shape-round {
  border-radius: 16px;
}
.t-button--shape-round.t-size-s {
  border-radius: 12px;
}
.t-button--shape-round.t-size-l {
  border-radius: 20px;
}
.t-button--shape-circle {
  width: 32px;
  padding: 0;
  text-align: center;
  border-radius: 16px;
}
.t-button--shape-circle .t-icon {
  font-size: 16px;
}
.t-button--shape-circle .t-loading {
  font-size: 16px;
}
.t-button--shape-circle.t-size-s {
  width: 24px;
  border-radius: 12px;
}
.t-button--shape-circle.t-size-l {
  width: 40px;
  border-radius: 20px;
}
.t-button--ghost {
  --ripple-color: var(--td-gray-color-10);
}
.t-button:not(.t-is-disabled):not(.t-button--ghost) {
  --ripple-color: var(--td-bg-color-container-active);
}
.t-button--variant-base:not(.t-is-disabled):not(.t-button--ghost) {
  --ripple-color: var(--td-bg-color-component-active);
}
.t-button--variant-base.t-button--theme-primary:not(.t-is-disabled):not(.t-button--ghost) {
  --ripple-color: var(--td-brand-color-active);
}
.t-button--variant-base.t-button--theme-success:not(.t-is-disabled):not(.t-button--ghost) {
  --ripple-color: var(--td-success-color-active);
}
.t-button--variant-base.t-button--theme-warning:not(.t-is-disabled):not(.t-button--ghost) {
  --ripple-color: var(--td-warning-color-active);
}
.t-button--variant-base.t-button--theme-danger:not(.t-is-disabled):not(.t-button--ghost) {
  --ripple-color: var(--td-error-color-active);
}

.t-divider {
  margin: 24px 0;
  font-size: 14px;
  border-top: 1px solid var(--td-border-level-1-color);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.t-divider--dashed {
  border-top-style: dashed;
}
.t-divider--horizontal {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-divider--vertical {
  border-top: 0;
  display: inline-block;
  margin: 0 12px;
  border-left: 1px solid var(--td-border-level-1-color);
  height: 0.9em;
  vertical-align: middle;
}
.t-divider--with-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 0;
  white-space: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-divider--with-text .t-divider__inner-text {
  padding: 0 1em;
  display: inline-block;
}
.t-divider--with-text::before,
.t-divider--with-text::after {
  content: "";
  width: 50%;
  border-top: 1px solid var(--td-border-level-1-color);
}
.t-divider--with-text-left::before {
  width: 5%;
}
.t-divider--with-text-left::after {
  width: 95%;
}
.t-divider--with-text-right::before {
  width: 95%;
}
.t-divider--with-text-right::after {
  width: 5%;
}
.t-divider--dashed::before,
.t-divider--dashed::after {
  border-top: 1px dashed var(--td-border-level-1-color);
}
.t-divider--vertical.t-divider--dashed {
  border-left: 1px dashed var(--td-border-level-1-color);
}

@keyframes t-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.t-icon {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
}
.t-icon::before {
  font-family: unset;
}
.t-icon-loading {
  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;
}

.t-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.t-row--start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.t-row--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.t-row--end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.t-row--space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.t-row--space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.t-row--top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.t-row--middle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-row--bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.t-col {
  position: relative;
  max-width: 100%;
  min-height: 1px;
}
.t-col-12 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
.t-col-push-12 {
  left: 100%;
}
.t-col-pull-12 {
  right: 100%;
}
.t-col-offset-12 {
  margin-left: 100%;
}
.t-col-order-12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12;
}
.t-col-11 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.66666667%;
          flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.t-col-push-11 {
  left: 91.66666667%;
}
.t-col-pull-11 {
  right: 91.66666667%;
}
.t-col-offset-11 {
  margin-left: 91.66666667%;
}
.t-col-order-11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11;
}
.t-col-10 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.33333333%;
          flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.t-col-push-10 {
  left: 83.33333333%;
}
.t-col-pull-10 {
  right: 83.33333333%;
}
.t-col-offset-10 {
  margin-left: 83.33333333%;
}
.t-col-order-10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}
.t-col-9 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}
.t-col-push-9 {
  left: 75%;
}
.t-col-pull-9 {
  right: 75%;
}
.t-col-offset-9 {
  margin-left: 75%;
}
.t-col-order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}
.t-col-8 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66666667%;
          flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.t-col-push-8 {
  left: 66.66666667%;
}
.t-col-pull-8 {
  right: 66.66666667%;
}
.t-col-offset-8 {
  margin-left: 66.66666667%;
}
.t-col-order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}
.t-col-7 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.33333333%;
          flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.t-col-push-7 {
  left: 58.33333333%;
}
.t-col-pull-7 {
  right: 58.33333333%;
}
.t-col-offset-7 {
  margin-left: 58.33333333%;
}
.t-col-order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}
.t-col-6 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}
.t-col-push-6 {
  left: 50%;
}
.t-col-pull-6 {
  right: 50%;
}
.t-col-offset-6 {
  margin-left: 50%;
}
.t-col-order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}
.t-col-5 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.66666667%;
          flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.t-col-push-5 {
  left: 41.66666667%;
}
.t-col-pull-5 {
  right: 41.66666667%;
}
.t-col-offset-5 {
  margin-left: 41.66666667%;
}
.t-col-order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
.t-col-4 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333333%;
          flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.t-col-push-4 {
  left: 33.33333333%;
}
.t-col-pull-4 {
  right: 33.33333333%;
}
.t-col-offset-4 {
  margin-left: 33.33333333%;
}
.t-col-order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.t-col-3 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}
.t-col-push-3 {
  left: 25%;
}
.t-col-pull-3 {
  right: 25%;
}
.t-col-offset-3 {
  margin-left: 25%;
}
.t-col-order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.t-col-2 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66666667%;
          flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.t-col-push-2 {
  left: 16.66666667%;
}
.t-col-pull-2 {
  right: 16.66666667%;
}
.t-col-offset-2 {
  margin-left: 16.66666667%;
}
.t-col-order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.t-col-1 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.33333333%;
          flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.t-col-push-1 {
  left: 8.33333333%;
}
.t-col-pull-1 {
  right: 8.33333333%;
}
.t-col-offset-1 {
  margin-left: 8.33333333%;
}
.t-col-order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.t-col-0 {
  display: none;
}
.t-col-push-0 {
  left: auto;
}
.t-col-pull-0 {
  right: auto;
}
.t-col-push-0 {
  left: auto;
}
.t-col-pull-0 {
  right: auto;
}
.t-col-offset-0 {
  margin-left: 0;
}
.t-col-order-0 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.t-col-xs-12 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
.t-col-xs-push-12 {
  left: 100%;
}
.t-col-xs-pull-12 {
  right: 100%;
}
.t-col-xs-offset-12 {
  margin-left: 100%;
}
.t-col-xs-order-12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12;
}
.t-col-xs-11 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.66666667%;
          flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.t-col-xs-push-11 {
  left: 91.66666667%;
}
.t-col-xs-pull-11 {
  right: 91.66666667%;
}
.t-col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.t-col-xs-order-11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11;
}
.t-col-xs-10 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.33333333%;
          flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.t-col-xs-push-10 {
  left: 83.33333333%;
}
.t-col-xs-pull-10 {
  right: 83.33333333%;
}
.t-col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.t-col-xs-order-10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}
.t-col-xs-9 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}
.t-col-xs-push-9 {
  left: 75%;
}
.t-col-xs-pull-9 {
  right: 75%;
}
.t-col-xs-offset-9 {
  margin-left: 75%;
}
.t-col-xs-order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}
.t-col-xs-8 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66666667%;
          flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.t-col-xs-push-8 {
  left: 66.66666667%;
}
.t-col-xs-pull-8 {
  right: 66.66666667%;
}
.t-col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.t-col-xs-order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}
.t-col-xs-7 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.33333333%;
          flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.t-col-xs-push-7 {
  left: 58.33333333%;
}
.t-col-xs-pull-7 {
  right: 58.33333333%;
}
.t-col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.t-col-xs-order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}
.t-col-xs-6 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}
.t-col-xs-push-6 {
  left: 50%;
}
.t-col-xs-pull-6 {
  right: 50%;
}
.t-col-xs-offset-6 {
  margin-left: 50%;
}
.t-col-xs-order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}
.t-col-xs-5 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.66666667%;
          flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.t-col-xs-push-5 {
  left: 41.66666667%;
}
.t-col-xs-pull-5 {
  right: 41.66666667%;
}
.t-col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.t-col-xs-order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
.t-col-xs-4 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333333%;
          flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.t-col-xs-push-4 {
  left: 33.33333333%;
}
.t-col-xs-pull-4 {
  right: 33.33333333%;
}
.t-col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.t-col-xs-order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.t-col-xs-3 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}
.t-col-xs-push-3 {
  left: 25%;
}
.t-col-xs-pull-3 {
  right: 25%;
}
.t-col-xs-offset-3 {
  margin-left: 25%;
}
.t-col-xs-order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.t-col-xs-2 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66666667%;
          flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.t-col-xs-push-2 {
  left: 16.66666667%;
}
.t-col-xs-pull-2 {
  right: 16.66666667%;
}
.t-col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.t-col-xs-order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.t-col-xs-1 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.33333333%;
          flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.t-col-xs-push-1 {
  left: 8.33333333%;
}
.t-col-xs-pull-1 {
  right: 8.33333333%;
}
.t-col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.t-col-xs-order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.t-col-xs-0 {
  display: none;
}
.t-col-push-0 {
  left: auto;
}
.t-col-pull-0 {
  right: auto;
}
.t-col-xs-push-0 {
  left: auto;
}
.t-col-xs-pull-0 {
  right: auto;
}
.t-col-xs-offset-0 {
  margin-left: 0;
}
.t-col-xs-order-0 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
@media (min-width: 768px) {
  .t-col-sm-12 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .t-col-sm-push-12 {
    left: 100%;
  }
  .t-col-sm-pull-12 {
    right: 100%;
  }
  .t-col-sm-offset-12 {
    margin-left: 100%;
  }
  .t-col-sm-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .t-col-sm-11 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
            flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .t-col-sm-push-11 {
    left: 91.66666667%;
  }
  .t-col-sm-pull-11 {
    right: 91.66666667%;
  }
  .t-col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .t-col-sm-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .t-col-sm-10 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .t-col-sm-push-10 {
    left: 83.33333333%;
  }
  .t-col-sm-pull-10 {
    right: 83.33333333%;
  }
  .t-col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .t-col-sm-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .t-col-sm-9 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .t-col-sm-push-9 {
    left: 75%;
  }
  .t-col-sm-pull-9 {
    right: 75%;
  }
  .t-col-sm-offset-9 {
    margin-left: 75%;
  }
  .t-col-sm-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .t-col-sm-8 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .t-col-sm-push-8 {
    left: 66.66666667%;
  }
  .t-col-sm-pull-8 {
    right: 66.66666667%;
  }
  .t-col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .t-col-sm-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .t-col-sm-7 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .t-col-sm-push-7 {
    left: 58.33333333%;
  }
  .t-col-sm-pull-7 {
    right: 58.33333333%;
  }
  .t-col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .t-col-sm-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .t-col-sm-6 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .t-col-sm-push-6 {
    left: 50%;
  }
  .t-col-sm-pull-6 {
    right: 50%;
  }
  .t-col-sm-offset-6 {
    margin-left: 50%;
  }
  .t-col-sm-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .t-col-sm-5 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .t-col-sm-push-5 {
    left: 41.66666667%;
  }
  .t-col-sm-pull-5 {
    right: 41.66666667%;
  }
  .t-col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .t-col-sm-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .t-col-sm-4 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .t-col-sm-push-4 {
    left: 33.33333333%;
  }
  .t-col-sm-pull-4 {
    right: 33.33333333%;
  }
  .t-col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .t-col-sm-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .t-col-sm-3 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .t-col-sm-push-3 {
    left: 25%;
  }
  .t-col-sm-pull-3 {
    right: 25%;
  }
  .t-col-sm-offset-3 {
    margin-left: 25%;
  }
  .t-col-sm-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .t-col-sm-2 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
            flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .t-col-sm-push-2 {
    left: 16.66666667%;
  }
  .t-col-sm-pull-2 {
    right: 16.66666667%;
  }
  .t-col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .t-col-sm-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .t-col-sm-1 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
            flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .t-col-sm-push-1 {
    left: 8.33333333%;
  }
  .t-col-sm-pull-1 {
    right: 8.33333333%;
  }
  .t-col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .t-col-sm-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .t-col-sm-0 {
    display: none;
  }
  .t-col-push-0 {
    left: auto;
  }
  .t-col-pull-0 {
    right: auto;
  }
  .t-col-sm-push-0 {
    left: auto;
  }
  .t-col-sm-pull-0 {
    right: auto;
  }
  .t-col-sm-offset-0 {
    margin-left: 0;
  }
  .t-col-sm-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media (min-width: 992px) {
  .t-col-md-12 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .t-col-md-push-12 {
    left: 100%;
  }
  .t-col-md-pull-12 {
    right: 100%;
  }
  .t-col-md-offset-12 {
    margin-left: 100%;
  }
  .t-col-md-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .t-col-md-11 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
            flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .t-col-md-push-11 {
    left: 91.66666667%;
  }
  .t-col-md-pull-11 {
    right: 91.66666667%;
  }
  .t-col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .t-col-md-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .t-col-md-10 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .t-col-md-push-10 {
    left: 83.33333333%;
  }
  .t-col-md-pull-10 {
    right: 83.33333333%;
  }
  .t-col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .t-col-md-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .t-col-md-9 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .t-col-md-push-9 {
    left: 75%;
  }
  .t-col-md-pull-9 {
    right: 75%;
  }
  .t-col-md-offset-9 {
    margin-left: 75%;
  }
  .t-col-md-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .t-col-md-8 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .t-col-md-push-8 {
    left: 66.66666667%;
  }
  .t-col-md-pull-8 {
    right: 66.66666667%;
  }
  .t-col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .t-col-md-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .t-col-md-7 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .t-col-md-push-7 {
    left: 58.33333333%;
  }
  .t-col-md-pull-7 {
    right: 58.33333333%;
  }
  .t-col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .t-col-md-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .t-col-md-6 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .t-col-md-push-6 {
    left: 50%;
  }
  .t-col-md-pull-6 {
    right: 50%;
  }
  .t-col-md-offset-6 {
    margin-left: 50%;
  }
  .t-col-md-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .t-col-md-5 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .t-col-md-push-5 {
    left: 41.66666667%;
  }
  .t-col-md-pull-5 {
    right: 41.66666667%;
  }
  .t-col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .t-col-md-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .t-col-md-4 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .t-col-md-push-4 {
    left: 33.33333333%;
  }
  .t-col-md-pull-4 {
    right: 33.33333333%;
  }
  .t-col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .t-col-md-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .t-col-md-3 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .t-col-md-push-3 {
    left: 25%;
  }
  .t-col-md-pull-3 {
    right: 25%;
  }
  .t-col-md-offset-3 {
    margin-left: 25%;
  }
  .t-col-md-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .t-col-md-2 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
            flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .t-col-md-push-2 {
    left: 16.66666667%;
  }
  .t-col-md-pull-2 {
    right: 16.66666667%;
  }
  .t-col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .t-col-md-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .t-col-md-1 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
            flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .t-col-md-push-1 {
    left: 8.33333333%;
  }
  .t-col-md-pull-1 {
    right: 8.33333333%;
  }
  .t-col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .t-col-md-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .t-col-md-0 {
    display: none;
  }
  .t-col-push-0 {
    left: auto;
  }
  .t-col-pull-0 {
    right: auto;
  }
  .t-col-md-push-0 {
    left: auto;
  }
  .t-col-md-pull-0 {
    right: auto;
  }
  .t-col-md-offset-0 {
    margin-left: 0;
  }
  .t-col-md-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media (min-width: 1200px) {
  .t-col-lg-12 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .t-col-lg-push-12 {
    left: 100%;
  }
  .t-col-lg-pull-12 {
    right: 100%;
  }
  .t-col-lg-offset-12 {
    margin-left: 100%;
  }
  .t-col-lg-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .t-col-lg-11 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
            flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .t-col-lg-push-11 {
    left: 91.66666667%;
  }
  .t-col-lg-pull-11 {
    right: 91.66666667%;
  }
  .t-col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .t-col-lg-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .t-col-lg-10 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .t-col-lg-push-10 {
    left: 83.33333333%;
  }
  .t-col-lg-pull-10 {
    right: 83.33333333%;
  }
  .t-col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .t-col-lg-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .t-col-lg-9 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .t-col-lg-push-9 {
    left: 75%;
  }
  .t-col-lg-pull-9 {
    right: 75%;
  }
  .t-col-lg-offset-9 {
    margin-left: 75%;
  }
  .t-col-lg-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .t-col-lg-8 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .t-col-lg-push-8 {
    left: 66.66666667%;
  }
  .t-col-lg-pull-8 {
    right: 66.66666667%;
  }
  .t-col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .t-col-lg-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .t-col-lg-7 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .t-col-lg-push-7 {
    left: 58.33333333%;
  }
  .t-col-lg-pull-7 {
    right: 58.33333333%;
  }
  .t-col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .t-col-lg-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .t-col-lg-6 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .t-col-lg-push-6 {
    left: 50%;
  }
  .t-col-lg-pull-6 {
    right: 50%;
  }
  .t-col-lg-offset-6 {
    margin-left: 50%;
  }
  .t-col-lg-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .t-col-lg-5 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .t-col-lg-push-5 {
    left: 41.66666667%;
  }
  .t-col-lg-pull-5 {
    right: 41.66666667%;
  }
  .t-col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .t-col-lg-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .t-col-lg-4 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .t-col-lg-push-4 {
    left: 33.33333333%;
  }
  .t-col-lg-pull-4 {
    right: 33.33333333%;
  }
  .t-col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .t-col-lg-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .t-col-lg-3 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .t-col-lg-push-3 {
    left: 25%;
  }
  .t-col-lg-pull-3 {
    right: 25%;
  }
  .t-col-lg-offset-3 {
    margin-left: 25%;
  }
  .t-col-lg-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .t-col-lg-2 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
            flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .t-col-lg-push-2 {
    left: 16.66666667%;
  }
  .t-col-lg-pull-2 {
    right: 16.66666667%;
  }
  .t-col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .t-col-lg-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .t-col-lg-1 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
            flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .t-col-lg-push-1 {
    left: 8.33333333%;
  }
  .t-col-lg-pull-1 {
    right: 8.33333333%;
  }
  .t-col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .t-col-lg-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .t-col-lg-0 {
    display: none;
  }
  .t-col-push-0 {
    left: auto;
  }
  .t-col-pull-0 {
    right: auto;
  }
  .t-col-lg-push-0 {
    left: auto;
  }
  .t-col-lg-pull-0 {
    right: auto;
  }
  .t-col-lg-offset-0 {
    margin-left: 0;
  }
  .t-col-lg-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media (min-width: 1400px) {
  .t-col-xl-12 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .t-col-xl-push-12 {
    left: 100%;
  }
  .t-col-xl-pull-12 {
    right: 100%;
  }
  .t-col-xl-offset-12 {
    margin-left: 100%;
  }
  .t-col-xl-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .t-col-xl-11 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
            flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .t-col-xl-push-11 {
    left: 91.66666667%;
  }
  .t-col-xl-pull-11 {
    right: 91.66666667%;
  }
  .t-col-xl-offset-11 {
    margin-left: 91.66666667%;
  }
  .t-col-xl-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .t-col-xl-10 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .t-col-xl-push-10 {
    left: 83.33333333%;
  }
  .t-col-xl-pull-10 {
    right: 83.33333333%;
  }
  .t-col-xl-offset-10 {
    margin-left: 83.33333333%;
  }
  .t-col-xl-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .t-col-xl-9 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .t-col-xl-push-9 {
    left: 75%;
  }
  .t-col-xl-pull-9 {
    right: 75%;
  }
  .t-col-xl-offset-9 {
    margin-left: 75%;
  }
  .t-col-xl-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .t-col-xl-8 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .t-col-xl-push-8 {
    left: 66.66666667%;
  }
  .t-col-xl-pull-8 {
    right: 66.66666667%;
  }
  .t-col-xl-offset-8 {
    margin-left: 66.66666667%;
  }
  .t-col-xl-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .t-col-xl-7 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .t-col-xl-push-7 {
    left: 58.33333333%;
  }
  .t-col-xl-pull-7 {
    right: 58.33333333%;
  }
  .t-col-xl-offset-7 {
    margin-left: 58.33333333%;
  }
  .t-col-xl-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .t-col-xl-6 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .t-col-xl-push-6 {
    left: 50%;
  }
  .t-col-xl-pull-6 {
    right: 50%;
  }
  .t-col-xl-offset-6 {
    margin-left: 50%;
  }
  .t-col-xl-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .t-col-xl-5 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .t-col-xl-push-5 {
    left: 41.66666667%;
  }
  .t-col-xl-pull-5 {
    right: 41.66666667%;
  }
  .t-col-xl-offset-5 {
    margin-left: 41.66666667%;
  }
  .t-col-xl-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .t-col-xl-4 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .t-col-xl-push-4 {
    left: 33.33333333%;
  }
  .t-col-xl-pull-4 {
    right: 33.33333333%;
  }
  .t-col-xl-offset-4 {
    margin-left: 33.33333333%;
  }
  .t-col-xl-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .t-col-xl-3 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .t-col-xl-push-3 {
    left: 25%;
  }
  .t-col-xl-pull-3 {
    right: 25%;
  }
  .t-col-xl-offset-3 {
    margin-left: 25%;
  }
  .t-col-xl-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .t-col-xl-2 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
            flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .t-col-xl-push-2 {
    left: 16.66666667%;
  }
  .t-col-xl-pull-2 {
    right: 16.66666667%;
  }
  .t-col-xl-offset-2 {
    margin-left: 16.66666667%;
  }
  .t-col-xl-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .t-col-xl-1 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
            flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .t-col-xl-push-1 {
    left: 8.33333333%;
  }
  .t-col-xl-pull-1 {
    right: 8.33333333%;
  }
  .t-col-xl-offset-1 {
    margin-left: 8.33333333%;
  }
  .t-col-xl-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .t-col-xl-0 {
    display: none;
  }
  .t-col-push-0 {
    left: auto;
  }
  .t-col-pull-0 {
    right: auto;
  }
  .t-col-xl-push-0 {
    left: auto;
  }
  .t-col-xl-pull-0 {
    right: auto;
  }
  .t-col-xl-offset-0 {
    margin-left: 0;
  }
  .t-col-xl-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media (min-width: 1880px) {
  .t-col-xxl-12 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .t-col-xxl-push-12 {
    left: 100%;
  }
  .t-col-xxl-pull-12 {
    right: 100%;
  }
  .t-col-xxl-offset-12 {
    margin-left: 100%;
  }
  .t-col-xxl-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .t-col-xxl-11 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
            flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .t-col-xxl-push-11 {
    left: 91.66666667%;
  }
  .t-col-xxl-pull-11 {
    right: 91.66666667%;
  }
  .t-col-xxl-offset-11 {
    margin-left: 91.66666667%;
  }
  .t-col-xxl-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .t-col-xxl-10 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .t-col-xxl-push-10 {
    left: 83.33333333%;
  }
  .t-col-xxl-pull-10 {
    right: 83.33333333%;
  }
  .t-col-xxl-offset-10 {
    margin-left: 83.33333333%;
  }
  .t-col-xxl-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .t-col-xxl-9 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .t-col-xxl-push-9 {
    left: 75%;
  }
  .t-col-xxl-pull-9 {
    right: 75%;
  }
  .t-col-xxl-offset-9 {
    margin-left: 75%;
  }
  .t-col-xxl-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .t-col-xxl-8 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .t-col-xxl-push-8 {
    left: 66.66666667%;
  }
  .t-col-xxl-pull-8 {
    right: 66.66666667%;
  }
  .t-col-xxl-offset-8 {
    margin-left: 66.66666667%;
  }
  .t-col-xxl-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .t-col-xxl-7 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .t-col-xxl-push-7 {
    left: 58.33333333%;
  }
  .t-col-xxl-pull-7 {
    right: 58.33333333%;
  }
  .t-col-xxl-offset-7 {
    margin-left: 58.33333333%;
  }
  .t-col-xxl-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .t-col-xxl-6 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .t-col-xxl-push-6 {
    left: 50%;
  }
  .t-col-xxl-pull-6 {
    right: 50%;
  }
  .t-col-xxl-offset-6 {
    margin-left: 50%;
  }
  .t-col-xxl-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .t-col-xxl-5 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .t-col-xxl-push-5 {
    left: 41.66666667%;
  }
  .t-col-xxl-pull-5 {
    right: 41.66666667%;
  }
  .t-col-xxl-offset-5 {
    margin-left: 41.66666667%;
  }
  .t-col-xxl-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .t-col-xxl-4 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .t-col-xxl-push-4 {
    left: 33.33333333%;
  }
  .t-col-xxl-pull-4 {
    right: 33.33333333%;
  }
  .t-col-xxl-offset-4 {
    margin-left: 33.33333333%;
  }
  .t-col-xxl-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .t-col-xxl-3 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .t-col-xxl-push-3 {
    left: 25%;
  }
  .t-col-xxl-pull-3 {
    right: 25%;
  }
  .t-col-xxl-offset-3 {
    margin-left: 25%;
  }
  .t-col-xxl-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .t-col-xxl-2 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
            flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .t-col-xxl-push-2 {
    left: 16.66666667%;
  }
  .t-col-xxl-pull-2 {
    right: 16.66666667%;
  }
  .t-col-xxl-offset-2 {
    margin-left: 16.66666667%;
  }
  .t-col-xxl-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .t-col-xxl-1 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
            flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .t-col-xxl-push-1 {
    left: 8.33333333%;
  }
  .t-col-xxl-pull-1 {
    right: 8.33333333%;
  }
  .t-col-xxl-offset-1 {
    margin-left: 8.33333333%;
  }
  .t-col-xxl-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .t-col-xxl-0 {
    display: none;
  }
  .t-col-push-0 {
    left: auto;
  }
  .t-col-pull-0 {
    right: auto;
  }
  .t-col-xxl-push-0 {
    left: auto;
  }
  .t-col-xxl-pull-0 {
    right: auto;
  }
  .t-col-xxl-offset-0 {
    margin-left: 0;
  }
  .t-col-xxl-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}

.t-layout,
.t-layout * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.t-layout,
.t-layout__direction-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: var(--td-bg-color-page);
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.t-layout--with-sider,
.t-layout__direction-horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.t-layout__header {
  height: 64px;
  line-height: 64px;
  background-color: var(--td-bg-color-container);
}
.t-layout__content {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.t-layout__sider {
  position: relative;
  -webkit-transition: all 0.22s;
  transition: all 0.22s;
  background: var(--td-bg-color-container);
  width: 232px;
}
.t-layout__footer {
  color: var(--td-text-color-placeholder);
  padding: 24px;
}

.t-affix {
  position: fixed;
  z-index: 500;
}

.t-popup {
  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: 3px;
  padding: 4px 8px;
  font-size: 14px;
  line-height: 22px;
}
.t-popup__reference {
  display: inline-block;
}
.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^="bottom"] .t-popup__content,
.t-popup[data-popper-placement^="top"] .t-popup__content {
  margin: 8px 0;
}
.t-popup[data-popper-placement^="bottom"] .t-popup__content--arrow,
.t-popup[data-popper-placement^="top"] .t-popup__content--arrow {
  margin: 16px 0;
}
.t-popup[data-popper-placement^="left"] .t-popup__content,
.t-popup[data-popper-placement^="right"] .t-popup__content {
  margin: 0 8px;
}
.t-popup[data-popper-placement^="left"] .t-popup__content--arrow,
.t-popup[data-popper-placement^="right"] .t-popup__content--arrow {
  margin: 0 16px;
}
.t-popup[data-popper-placement^="left"] .t-popup__content--text,
.t-popup[data-popper-placement^="right"] .t-popup__content--text {
  max-width: 480px;
}
.t-popup[data-popper-placement^="top"] .t-popup__arrow {
  bottom: calc(-8px / 2);
}
.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: calc(-8px / 2);
}
.t-popup[data-popper-placement="top-end"] .t-popup__arrow {
  left: calc(100% - 8px * 2);
}
.t-popup[data-popper-placement^="bottom"] .t-popup__arrow {
  top: calc(-8px / 2);
}
.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: calc(-8px / 2);
}
.t-popup[data-popper-placement="bottom-end"] .t-popup__arrow {
  left: calc(100% - 8px * 2);
}
.t-popup[data-popper-placement^="left"] .t-popup__arrow {
  right: calc(-8px / 2);
}
.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: calc(-8px / 2);
}
.t-popup[data-popper-placement="left-end"] .t-popup__arrow {
  top: calc(100% - 8px * 2);
}
.t-popup[data-popper-placement^="right"] .t-popup__arrow {
  left: calc(-8px / 2);
}
.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: calc(-8px / 2);
}
.t-popup[data-popper-placement="right-end"] .t-popup__arrow {
  top: calc(100% - 8px * 2);
}
.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 0.2s linear;
  transition: opacity 0.2s linear;
}
.t-popup--animation-leave-active {
  -webkit-transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1), visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9);
  transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1), visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.t-popup--animation-expand-enter-active[data-popper-placement^=top] {
  -webkit-animation: t-popup-animation-expand-in-top 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-in 0.2s linear;
          animation: t-popup-animation-expand-in-top 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-in 0.2s linear;
}
.t-popup--animation-expand-leave-active[data-popper-placement^=top] {
  -webkit-animation: t-popup-animation-expand-out-top 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-out 0.2s cubic-bezier(0, 0, 0.15, 1);
          animation: t-popup-animation-expand-out-top 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-out 0.2s cubic-bezier(0, 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%);
  }
  100% {
    -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%);
  }
  100% {
    -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%);
  }
  100% {
    -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%);
  }
  100% {
    -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 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-in 0.2s linear;
          animation: t-popup-animation-expand-in-bottom 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-in 0.2s linear;
}
.t-popup--animation-expand-leave-active[data-popper-placement^=bottom] {
  -webkit-animation: t-popup-animation-expand-out-bottom 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-out 0.2s cubic-bezier(0, 0, 0.15, 1);
          animation: t-popup-animation-expand-out-bottom 0.2s cubic-bezier(0.38, 0, 0.24, 1), t-fade-out 0.2s cubic-bezier(0, 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);
  }
  100% {
    -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);
  }
  100% {
    -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%);
  }
  100% {
    -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%);
  }
  100% {
    -webkit-clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
            clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
  }
}

.t-anchor {
  position: relative;
  background: var(--td-bg-color-container);
  width: 200px;
  color: var(--td-text-color-primary);
  font-size: 14px;
}
.t-anchor .t-is-active > a {
  color: var(--td-brand-color);
}
.t-anchor__line {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: var(--td-component-stroke);
  cursor: pointer;
}
.t-anchor__line-cursor-wrapper {
  position: absolute;
  display: block;
  height: 0;
  opacity: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.24, 0.41, 0.51, 0.9);
  transition: all 0.2s cubic-bezier(0.24, 0.41, 0.51, 0.9);
}
.t-anchor__line-cursor-wrapper .t-anchor__line-cursor {
  width: 1px;
  height: 100%;
  background-color: var(--td-brand-color);
}
.t-anchor__item {
  padding: 0 8px 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.t-anchor__item.t-is-active {
  font-weight: 500;
}
.t-anchor__item .t-anchor__item {
  padding: 0 8px 0 16px;
}
.t-anchor__item-link {
  display: inline-block;
  position: relative;
  line-height: 22px;
  max-height: 72px;
  overflow: hidden;
  word-break: break-all;
  color: var(--td-text-color-primary);
  text-decoration: none;
  text-align: justify;
  margin-right: -4px;
  padding-right: 10px;
}
.t-anchor a {
  line-height: 24px;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.t-anchor a:hover {
  color: var(--td-brand-color);
  cursor: pointer;
}
.t-anchor a:active {
  color: var(--td-brand-color-active);
}
.t-anchor.t-size-s {
  width: 120px;
}
.t-anchor.t-size-l {
  width: 320px;
}
.t-anchor__target {
  cursor: pointer;
  font-size: 14px;
  line-height: 24px;
  color: var(--td-text-color-primary);
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
.t-anchor__target .t-anchor__copy {
  display: none;
  margin: 0 0 0 4px;
}
.t-anchor__target:hover .t-anchor__copy {
  display: inline-block;
}
.t-anchor__target:target::after {
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--td-brand-color);
  vertical-align: middle;
  -webkit-animation: fadeOut 2s 2s linear 1;
          animation: fadeOut 2s 2s linear 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.t-tooltip {
  display: inline-block;
  border: 0;
  margin-bottom: 1px;
  max-width: 480px;
  word-break: break-word;
}
.t-tooltip:not(.t-tooltip--light) {
  color: var(--td-text-color-anti);
}
.t-tooltip--default {
  background: var(--td-gray-color-12);
  margin: 8px;
}
.t-tooltip--primary {
  background: var(--td-brand-color);
}
.t-tooltip--success {
  background: var(--td-success-color);
}
.t-tooltip--danger {
  background: var(--td-error-color);
}
.t-tooltip--warning {
  background: var(--td-warning-color);
}
.t-tooltip .t-popup__arrow {
  background: inherit;
  width: auto;
  height: auto;
}
.t-tooltip .t-popup__arrow::before {
  background: inherit;
}
.t-popup[data-popper-placement^="top"] .t-tooltip .t-popup__arrow {
  bottom: 4px;
}
.t-popup[data-popper-placement^="left"] .t-tooltip .t-popup__arrow {
  right: 4px;
}
.t-popup[data-popper-placement^="right"] .t-tooltip .t-popup__arrow {
  left: -4px;
}

@-webkit-keyframes changeColor {
  from {
    color: var(--td-brand-color-7);
  }
  to {
    color: var(--td-brand-color-9);
  }
}
@keyframes changeColor {
  from {
    color: var(--td-brand-color-7);
  }
  to {
    color: var(--td-brand-color-9);
  }
}
.t-breadcrumb {
  font-size: 14px;
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-breadcrumb__separator {
  margin: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-breadcrumb__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--td-text-color-placeholder);
  text-decoration: none;
}
.t-breadcrumb__item.t-is-current {
  color: var(--td-text-color-primary);
}
.t-breadcrumb__item.t-is-current .t-icon {
  color: var(--td-text-color-placeholder);
}
.t-breadcrumb__item:last-child {
  color: var(--td-text-color-primary);
}
.t-breadcrumb__item:last-child .t-breadcrumb__separator {
  display: none;
}
.t-breadcrumb__item .t-icon {
  font-size: 16px;
}
.t-breadcrumb__item .t-link {
  color: inherit;
  text-decoration: none;
}
.t-breadcrumb__item .t-link:hover {
  color: var(--td-brand-color);
}
.t-breadcrumb__item .t-is-disabled {
  cursor: not-allowed;
}
.t-breadcrumb__item .t-is-disabled .t-breadcrumb__inner {
  color: var(--td-text-color-disabled);
}
.t-breadcrumb__item .t-is-disabled .t-breadcrumb__inner:hover {
  color: var(--td-text-color-disabled);
  cursor: not-allowed;
}
.t-breadcrumb__item .t-is-disabled .t-breadcrumb__inner:active {
  -webkit-animation: none;
          animation: none;
}
.t-breadcrumb__item--arrow {
  margin: 0 4px;
  line-height: 0;
  color: var(--td-text-color-placeholder);
  display: inline-block;
  vertical-align: middle;
}
.t-breadcrumb__item--slash {
  margin: 0 4px;
  line-height: 0;
  color: var(--td-text-color-placeholder);
  display: inline-block;
  vertical-align: middle;
}
.t-breadcrumb__inner {
  font-size: 14px;
  word-break: break-all;
  display: inline-block;
  vertical-align: middle;
}
.t-breadcrumb__inner .t-icon {
  margin: 0 4px;
}
.t-breadcrumb__select {
  position: relative;
}
.t-breadcrumb__select:hover .t-breadcrumb__option {
  display: block;
}
.t-breadcrumb__select-item:hover .t-icon {
  color: var(--td-brand-color);
}
.t-breadcrumb__option {
  display: none;
  position: absolute;
  top: 28px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: 120px;
  background: var(--td-bg-color-container);
  -webkit-box-shadow: var(--td-shadow-2);
          box-shadow: var(--td-shadow-2);
  z-index: 20;
}
.t-breadcrumb__option-item {
  padding: 8px;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.t-breadcrumb__option-item:hover {
  color: var(--td-brand-color);
}
.t-breadcrumb__option-item.t-is-active {
  color: var(--td-brand-color);
}
.t-breadcrumb__inner-msg {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 30px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 300px;
  padding: 8px;
  color: var(--td-text-color-primary);
  background: var(--td-bg-color-container);
  border-radius: 1.5px;
  -webkit-box-shadow: var(--td-shadow-2);
          box-shadow: var(--td-shadow-2);
  z-index: 20;
}
.t-breadcrumb__inner-msg::before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 0;
  border-color: var(--td-bg-color-container) transparent transparent transparent;
  z-index: 20;
}
.t-breadcrumb--text-overflow {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-breadcrumb--text-overflow:hover .t-breadcrumb__inner-msg {
  display: block;
}
.t-breadcrumb--text-overflow .t-breadcrumb__inner {
  max-width: 120px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.t-breadcrumb--text-overflow .t-breadcrumb__inner .t-icon {
  vertical-align: text-bottom;
}
.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-overflow .t-breadcrumb__inner:active {
  -webkit-animation: 0.2s linear changeColor;
          animation: 0.2s linear changeColor;
}

.t-dropdown {
  background-color: var(--td-bg-color-container);
  position: relative;
  border-radius: 3px;
  padding: 0;
}
.t-dropdown__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.t-dropdown__menu-column {
  font-size: 14px;
  color: var(--td-text-color-primary);
  text-align: left;
  overflow-y: auto;
}
.t-dropdown__menu-column:not(:first-child) {
  border-left: solid 1px var(--td-border-level-1-color);
}
.t-dropdown__menu .t-divider {
  margin: 4px 0;
}
.t-dropdown__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  border-radius: 3px;
  color: var(--td-text-color-primary);
  padding: 9px 8px;
  margin: 4px 8px;
  -webkit-transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
  transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
  --ripple-color: var(--td-bg-color-container-active);
}
.t-dropdown__item:first-child,
.t-dropdown__item:last-child {
  margin: 8px;
}
.t-dropdown__item:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item.t-is-active {
  color: var(--td-brand-color);
  background-color: var(--td-brand-color-light);
}
.t-dropdown__item.t-is-disabled {
  color: var(--td-text-color-disabled);
  cursor: not-allowed;
}
.t-dropdown__item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 100%;
}
.t-dropdown__item-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.t-dropdown__item.t-dropdown--suffix .t-dropdown__item-content {
  max-width: calc(100% - 16px - 8px);
}
.t-dropdown__item.t-dropdown--suffix .t-dropdown__item-icon {
  color: currentcolor;
  font-size: 16px;
  margin-left: 8px;
}

.t-tabs {
  overflow: hidden;
  background-color: var(--td-bg-color-container);
}
.t-tabs .t-icon {
  font-size: 16px;
}
.t-tabs__header.t-is-left {
  float: left;
}
.t-tabs__header.t-is-right {
  float: right;
}
.t-tabs__nav {
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.t-tabs__operations {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: absolute;
  border-bottom: 1px solid var(--td-component-stroke);
}
.t-tabs__operations--left {
  left: 0;
}
.t-tabs__operations--right {
  right: 0;
}
.t-tabs__operations--right .t-tabs__btn:first-child {
  -webkit-box-shadow: -10px 0 20px 5px rgba(0, 0, 0, 0.05);
          box-shadow: -10px 0 20px 5px rgba(0, 0, 0, 0.05);
}
.t-tabs__btn {
  width: 40px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--td-bg-color-secondarycontainer);
  border-left: 1px solid var(--td-component-stroke);
  cursor: pointer;
  color: var(--td-text-color-secondary);
  font-size: 16px;
  -webkit-transition: all 0.24s cubic-bezier(0.38, 0, 0.24, 1);
  transition: all 0.24s cubic-bezier(0.38, 0, 0.24, 1);
  z-index: 1;
  opacity: 1;
}
.t-tabs__btn:hover {
  background-color: var(--td-bg-color-secondarycontainer-hover);
}
.t-tabs__btn.t-size-m {
  height: 48px;
  line-height: 48px;
}
.t-tabs__btn.t-size-l {
  height: 64px;
  line-height: 64px;
}
.t-tabs__btn--left {
  border-right: 1px solid var(--td-component-stroke);
  -webkit-box-shadow: 10px 0px 20px 5px rgba(0, 0, 0, 0.05);
          box-shadow: 10px 0px 20px 5px rgba(0, 0, 0, 0.05);
}
.t-tabs__btn--left.fade-enter,
.t-tabs__btn--left.fade-enter-from,
.t-tabs__btn--left.fade-leave-to {
  -webkit-transform: translateX(-50px);
          transform: translateX(-50px);
}
.t-tabs__btn--right.fade-enter,
.t-tabs__btn--right.fade-enter-from,
.t-tabs__btn--right.fade-leave-to {
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
}
.t-tabs__nav-container {
  position: relative;
}
.t-tabs__nav-container.t-is-top::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-tabs__nav-container.t-is-bottom::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-tabs__nav-container.t-is-left::after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-tabs__nav-container.t-is-right::after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-tabs__nav-container.t-is-addable {
  margin-right: 40px;
}
.t-tabs__nav-container.t-tabs__nav--card::after {
  content: "";
  background-color: transparent;
}
.t-tabs__scroll-btn {
  position: absolute;
  z-index: 1;
  width: 40px;
  height: 100%;
  display: block;
  background-color: var(--td-bg-color-secondarycontainer);
  text-align: center;
  border-bottom: 1px solid var(--td-component-stroke);
  cursor: pointer;
  color: var(--td-text-color-secondary);
  font-size: 16px;
}
.t-tabs__scroll-btn.t-size-m {
  height: 48px;
  line-height: 48px;
}
.t-tabs__scroll-btn.t-size-l {
  height: 64px;
  line-height: 64px;
}
.t-tabs__nav-scroll {
  position: relative;
  display: inline-block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transform: translate(0);
          transform: translate(0);
}
.t-tabs__nav-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
}
.t-tabs__nav-wrap.t-is-smooth {
  -webkit-transition: -webkit-transform 0.24s cubic-bezier(0.38, 0, 0.24, 1);
  transition: -webkit-transform 0.24s cubic-bezier(0.38, 0, 0.24, 1);
  transition: transform 0.24s cubic-bezier(0.38, 0, 0.24, 1);
  transition: transform 0.24s cubic-bezier(0.38, 0, 0.24, 1), -webkit-transform 0.24s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-tabs__nav-wrap.t-is-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.t-tabs__bar {
  position: absolute;
  background-color: var(--td-brand-color);
  z-index: 1;
  -webkit-transition: all 0.24s cubic-bezier(0.38, 0, 0.24, 1);
  transition: all 0.24s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-tabs__bar.t-is-top {
  bottom: 0;
  left: 0;
  height: 2px;
}
.t-tabs__bar.t-is-bottom {
  top: 0;
  left: 0;
  height: 2px;
}
.t-tabs__bar.t-is-left {
  top: 0;
  right: 0;
  width: 2px;
}
.t-tabs__bar.t-is-right {
  top: 0;
  left: 0;
  width: 2px;
}
.t-tabs__nav-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: var(--td-text-color-secondary);
  position: relative;
  overflow: hidden;
  z-index: 0;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  transition: background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  --ripple-color: var(--td-bg-color-container-active);
}
.t-tabs__nav-item-wrapper {
  display: block;
  padding: 5px 8px;
  margin-left: 8px;
  margin-right: 8px;
  line-height: 22px;
  border-radius: 3px;
  -webkit-transition: background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  transition: background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  --ripple-color: var(--td-bg-color-container-active);
}
.t-tabs__nav-item.t-size-l {
  font-size: 16px;
}
.t-tabs__nav-item.t-size-l .t-tabs__nav-item-wrapper {
  padding: 9px 12px;
}
.t-tabs__nav-item-text-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-tabs__nav-item:not(.t-is-disabled):not(.t-is-active):hover .t-tabs__nav-item-wrapper {
  background-color: var(--td-bg-color-container-hover);
}
.t-tabs__nav-item.t-is-left,
.t-tabs__nav-item.t-is-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-tabs__nav-item.t-size-m {
  height: 48px;
  line-height: 48px;
}
.t-tabs__nav-item.t-size-l {
  height: 64px;
  line-height: 64px;
}
.t-tabs__nav-item.t-is-active {
  color: var(--td-brand-color);
  text-shadow: 0 0 0.3px currentcolor;
}
.t-tabs__nav-item.t-is-disabled {
  color: var(--td-text-color-disabled);
  cursor: not-allowed;
}
.t-tabs__nav-item > .remove-btn {
  margin-left: 8px;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.t-tabs__nav--card {
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-tabs__nav--card.t-tabs__nav-item {
  padding-right: 16px;
  padding-left: 16px;
  border-bottom: 1px solid var(--td-component-stroke);
}
.t-tabs__nav--card.t-tabs__nav-item::after {
  display: none;
}
.t-tabs__nav--card.t-tabs__nav-item:not(.t-is-disabled):not(.t-is-active):hover {
  background-color: var(--td-bg-color-secondarycontainer-hover);
}
.t-tabs__nav--card.t-tabs__nav-item:not(:first-of-type) {
  border-left: 1px solid var(--td-component-stroke);
}
.t-tabs__nav--card.t-tabs__nav-item:last-of-type {
  border-right: 1px solid var(--td-component-stroke);
}
.t-tabs__nav--card.t-tabs__nav-item.t-is-active {
  color: var(--td-brand-color);
  background-color: var(--td-bg-color-container);
  border-bottom-color: var(--td-bg-color-container);
}
.t-tabs__nav--card.t-tabs__nav-item.t-size-l {
  padding-left: 24px;
  padding-right: 24px;
}
.t-tabs__nav--card .t-icon-close {
  color: var(--td-text-color-secondary);
  -webkit-transition: color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  transition: color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
}
.t-tabs__nav--card .t-icon-close:hover {
  color: var(--td-text-color-primary);
}
.t-tabs__content {
  overflow: hidden;
  position: relative;
}

a.t-menu__item {
  text-decoration: none;
  color: unset;
}
a.t-menu__item:hover,
a.t-menu__item:active {
  color: inherit;
}
.t-head-menu {
  position: relative;
  width: 100%;
  background-color: #fff;
}
.t-head-menu__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 64px;
}
.t-head-menu__inner li + li {
  margin-left: 4px;
}
.t-head-menu__inner .t-menu:first-child {
  margin-left: 24px;
}
.t-head-menu .t-menu__logo:not(:empty) {
  height: 100%;
  margin-right: 32px;
}
.t-head-menu .t-menu {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-head-menu .t-menu__operations:not(:empty) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 64px;
  line-height: 64px;
  text-align: right;
  margin-right: 8px;
  overflow: hidden;
}
.t-head-menu .t-menu__operations-icon {
  width: 40px;
  height: 40px;
  padding: 8px;
  line-height: 40px;
}
.t-head-menu .t-submenu > .t-menu__item {
  overflow: unset;
}
.t-head-menu .t-submenu > .t-menu__item::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  height: 20px;
}
.t-head-menu .t-menu__item {
  min-width: 104px;
  height: 40px;
  line-height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.28s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.28s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.t-head-menu__submenu {
  border-top: 1px solid var(--td-gray-color-3);
}
.t-head-menu__submenu .t-tabs {
  background: #fff;
}
.t-head-menu__submenu .t-tabs__bar {
  background-color: #4582E6;
}
.t-head-menu__submenu .t-tabs__nav-item {
  color: var(--td-font-gray-2);
  --ripple-color: var(--td-gray-color-3);
}
.t-head-menu__submenu .t-tabs__nav-item-wrapper {
  --ripple-color: var(--td-gray-color-3);
}
.t-head-menu__submenu .t-tabs__nav-item:not(.t-is-disabled):not(.t-is-active):hover .t-tabs__nav-item-wrapper {
  background-color: var(--td-gray-color-1);
}
.t-head-menu__submenu .t-tabs__nav-item.t-is-active {
  color: var(--td-brand-color-8);
}
.t-head-menu__submenu .t-tabs__nav-item.t-is-disabled {
  color: var(--td-font-gray-4);
}
.t-head-menu .t-menu__popup {
  top: 60px;
  min-width: 100%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-transform-origin: center top;
          transform-origin: center top;
}
.t-head-menu .t-menu__popup .t-menu__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  white-space: nowrap;
  padding-left: 16px;
  padding-right: 16px;
  min-width: 100%;
  margin-left: 0;
  color: var(--td-font-gray-2);
}
.t-head-menu .t-menu__popup li + li {
  margin-top: 4px;
  margin-left: 0;
}
.t-head-menu .t-submenu-icon {
  margin-left: 8px;
}
.t-head-menu .t-fake-arrow {
  margin-left: 8px;
}
.t-head-menu .t-menu__popup-inner .t-menu__popup {
  top: -8px;
  left: calc(100% + 16px);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}
.t-head-menu .t-menu__popup-inner .t-menu__item {
  text-align: left;
  padding: 0 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.t-head-menu .t-menu__popup-inner .t-submenu-icon {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.t-default-menu {
  position: relative;
  width: 232px;
  display: inline-block;
  background: #fff;
  -webkit-transition: width 0.28s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: width 0.28s cubic-bezier(0.645, 0.045, 0.355, 1);
  white-space: nowrap;
}
.t-default-menu.t-menu--dark {
  background: var(--td-gray-color-13);
}
.t-default-menu.t-menu--dark .t-menu__logo:not(:empty) {
  border-bottom-color: var(--td-gray-color-10);
}
.t-default-menu.t-menu--dark .t-menu__operations:not(:empty) {
  border-top-color: var(--td-gray-color-10);
}
.t-default-menu.t-menu--dark .t-menu__item:hover:not(.t-is-active):not(.t-is-disabled) {
  background-color: var(--td-gray-color-10);
}
.t-default-menu.t-menu--dark .t-menu__item.t-is-active:not(.t-is-opened) {
  background-color: var(--td-brand-color-8);
}
.t-default-menu.t-menu--dark .t-menu__item.t-is-opened {
  color: #fff;
}
.t-default-menu.t-menu--dark .t-menu__item.t-is-opened.t-is-active {
  background-color: transparent;
}
.t-default-menu.t-menu--dark .t-menu__popup {
  background: var(--td-gray-color-13);
}
.t-default-menu.t-menu--dark .t-menu__popup .t-menu__item.t-is-active {
  background-color: var(--td-brand-color-8);
}
.t-default-menu.t-menu--dark .t-menu__popup {
  background: var(--td-gray-color-13);
}
.t-default-menu.t-menu--dark .t-menu-group__title {
  color: var(--td-font-white-3);
}
.t-default-menu.t-menu--dark.t-is-collapsed .t-menu-group__title:after {
  background-color: var(--td-gray-color-10);
}
.t-default-menu.t-is-collapsed {
  width: 64px;
}
.t-default-menu.t-is-collapsed .t-menu .t-menu__item {
  padding: 0 14px;
}
.t-default-menu.t-is-collapsed .t-fake-arrow {
  display: none;
}
.t-default-menu.t-is-collapsed .t-menu__item {
  text-overflow: initial;
}
.t-default-menu.t-is-collapsed .t-menu__item.t-is-active.t-is-opened {
  color: #fff;
  background-color: var(--td-brand-color-8);
}
.t-default-menu.t-is-collapsed .t-menu__item.t-is-active.t-is-opened .t-icon {
  color: #fff;
}
.t-default-menu.t-is-collapsed .t-menu__item.t-menu__item--plain::after {
  content: "";
}
.t-default-menu.t-is-collapsed .t-menu__item span {
  display: none;
}
.t-default-menu.t-is-collapsed .t-menu__item .t-icon {
  margin-right: initial;
}
.t-default-menu.t-is-collapsed .t-menu__popup .t-menu__item {
  padding-left: 16px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.t-default-menu.t-is-collapsed .t-menu__popup .t-menu__item span {
  display: inline;
}
.t-default-menu.t-is-collapsed .t-menu__popup .t-menu__item.t-menu__item--plain::after {
  content: "";
}
.t-default-menu.t-is-collapsed .t-menu__popup .t-fake-arrow {
  display: block;
}
.t-default-menu.t-is-collapsed .t-submenu-icon {
  display: none;
}
.t-default-menu.t-is-collapsed .t-submenu .t-menu__popup .t-submenu-icon {
  display: initial;
}
.t-default-menu.t-is-collapsed .t-submenu > .t-menu__item {
  min-width: initial;
}
.t-default-menu.t-is-collapsed .t-submenu > .t-menu__item::after {
  content: "";
  display: block;
  position: absolute;
  right: -20px;
  top: 0;
  bottom: 0;
  width: 20px;
}
.t-default-menu.t-is-collapsed .t-menu-group__title {
  padding: 0;
  font-size: 0;
}
.t-default-menu.t-is-collapsed .t-menu-group__title::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 1px;
  width: 20px;
  background: var(--td-gray-color-3);
}
.t-default-menu.t-is-collapsed .t-menu__operations {
  text-align: center;
}
.t-default-menu.t-is-collapsed .t-menu__operations-icon {
  display: block;
}
.t-default-menu__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.t-default-menu__inner .t-menu__logo:not(:empty) {
  width: 100%;
  height: 64px;
  border-bottom: 1px solid #f0f0f0;
}
.t-default-menu__inner .t-menu {
  padding: 16px 8px;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.t-default-menu__inner .t-menu--scroll {
  overflow-y: auto;
}
.t-default-menu__inner .t-menu-group__title {
  position: relative;
  padding: 20px 16px 8px;
  height: 48px;
  line-height: 20px;
  color: var(--td-font-gray-3);
  font-size: 12px;
}
.t-default-menu .t-submenu {
  margin-bottom: 4px;
  position: relative;
}
.t-default-menu .t-menu__operations:not(:empty) {
  width: 100%;
  position: relative;
  padding: 8px 16px;
  top: 0;
  left: 0;
  text-align: left;
  border-top: solid 1px #f0f0f0;
}
.t-default-menu .t-menu__operations-icon {
  width: 32px;
  height: 32px;
  padding: 8px;
  cursor: pointer;
  color: var(--td-font-gray-1);
}
.t-default-menu .t-menu__item.t-is-opened {
  margin: 4px 0;
  color: var(--td-font-gray-1);
  background-color: unset;
}
.t-default-menu .t-menu__item.t-is-opened .t-icon {
  color: var(--td-font-gray-1);
}
.t-default-menu .t-menu__dropdown {
  overflow: hidden;
  -webkit-transition: max-height 0.28s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: max-height 0.28s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.t-default-menu .t-menu__dropdown .t-menu__item {
  padding-left: 64px;
}
.t-default-menu .t-menu__dropdown--show {
  display: block;
}
.t-default-menu .t-menu__sub {
  padding: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-default-menu .t-menu__sub.t-is-opened {
  max-height: 1000px;
}
.t-default-menu .t-menu__sub .t-menu__item {
  padding-left: var(--padding-left, 32px);
}
.t-default-menu .t-menu__popup {
  top: 0;
  left: calc(100% + 16px);
}
.t-default-menu .t-menu__item {
  position: relative;
  margin: 4px 0;
  padding: 0 10px 0 16px;
  height: 36px;
  line-height: 36px;
  border-bottom: 0;
  text-align: left;
  border-radius: 3px;
  -webkit-transition: background-color 0.28s cubic-bezier(0.38, 0, 0.24, 1), padding 0.28s cubic-bezier(0.38, 0, 0.24, 1);
  transition: background-color 0.28s cubic-bezier(0.38, 0, 0.24, 1), padding 0.28s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-default-menu .t-menu__item:first-child {
  margin-top: 0;
}
.t-default-menu .t-menu__item:last-child {
  margin-bottom: 0;
}
.t-default-menu .t-menu__item .t-icon {
  width: 20px;
  height: 20px;
}
.t-default-menu .t-menu__item .t-fake-arrow {
  margin-left: auto;
}
.t-default-menu .t-menu__item.t-is-active:not(.t-is-opened) {
  color: #fff;
  background-color: var(--td-brand-color-8);
}
.t-default-menu .t-menu__item.t-is-active:not(.t-is-opened) .t-icon {
  color: #fff;
}
.t-default-menu .t-menu__item:hover:not(.t-is-active):not(.t-is-disabled) {
  background: var(--td-gray-color-2);
}
.t-default-menu .t-menu__item:hover:not(.t-is-active):not(.t-is-disabled) + .t-menu__item {
  margin-top: 4px;
}
.t-menu {
  color: var(--td-font-gray-2);
  font-size: 14px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.t-menu--dark {
  color: var(--td-font-white-2);
}
.t-menu__logo:not(:empty) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-menu .t-submenu {
  position: relative;
}
.t-menu .t-submenu.t-is-active > .t-menu__item {
  color: var(--td-gray-color-13);
}
.t-menu .t-submenu.t-is-active > .t-menu__item .t-icon {
  color: var(--td-gray-color-13);
}
.t-menu .t-submenu .t-submenu-icon {
  width: 16px;
  height: 16px;
}
.t-menu .t-submenu.t-is-opened .t-submenu-icon {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
.t-menu::-webkit-scrollbar {
  display: none;
}
.t-menu__spacer::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
}
.t-menu__spacer--left::before {
  left: -16px;
  width: 16px;
  top: 0;
  bottom: 0;
}
.t-menu__spacer--top::before {
  top: -20px;
  left: 0;
  right: 0;
  height: 20px;
}
.t-menu__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: var(--td-font-gray-2);
  cursor: pointer;
  text-overflow: ellipsis;
  border-radius: 3px;
  --ripple-color: var(--td-gray-color-3);
}
.t-menu__item ::-moz-selection {
  background: transparent;
}
.t-menu__item ::selection {
  background: transparent;
}
.t-menu__item-spacer {
  overflow: unset;
}
.t-menu__item-spacer::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
}
.t-menu__item-spacer--right::before {
  right: -16px;
  width: 16px;
  top: 0;
  bottom: 0;
}
.t-menu__item-spacer--bottom::before {
  bottom: -20px;
  left: 0;
  right: 0;
  height: 20px;
}
.t-menu__item a {
  color: unset;
  text-decoration: none;
}
.t-menu__item a.t-menu__item-link {
  color: unset;
}
.t-menu__item.t-is-active {
  color: var(--td-font-gray-1);
  background-color: var(--td-gray-color-2);
}
.t-menu__item.t-is-opened {
  font-weight: 500;
  color: var(--td-font-gray-1);
}
.t-menu__item:hover:not(.t-is-active):not(.t-is-opened):not(.t-is-disabled) {
  background-color: var(--td-gray-color-1);
}
.t-menu__item.t-is-disabled {
  color: var(--td-font-gray-4);
  cursor: not-allowed;
}
.t-menu__content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.t-icon + .t-menu__content {
  margin-left: 8px;
}
.t-menu--dark.t-head-menu {
  background-color: var(--td-gray-color-13);
}
.t-menu--dark.t-head-menu .t-menu__popup {
  background-color: var(--td-gray-color-13);
}
.t-menu--dark .t-menu__item {
  color: rgba(255, 255, 255, 0.55);
  --ripple-color: var(--td-gray-color-11);
}
.t-menu--dark .t-menu__item.t-is-active {
  color: var(--td-text-color-anti);
  background-color: var(--td-gray-color-9);
}
.t-menu--dark .t-menu__item.t-is-opened {
  color: var(--td-text-color-anti);
}
.t-menu--dark .t-menu__item.t-is-opened .t-icon {
  color: var(--td-text-color-anti);
}
.t-menu--dark .t-menu__item.t-is-disabled {
  color: var(--td-font-white-4);
}
.t-menu--dark .t-menu__item:hover:not(.t-is-active):not(.t-is-opened):not(.t-is-disabled) {
  color: rgba(255, 255, 255, 0.55);
  background-color: var(--td-gray-color-10);
}
.t-menu--dark .t-menu__popup {
  background: var(--td-gray-color-13);
}
.t-menu--dark .t-menu__popup .t-menu__item {
  color: rgba(255, 255, 255, 0.55);
  border-radius: 3px;
}
.t-menu--dark .t-menu__popup .t-menu__item.t-is-active {
  color: var(--td-text-color-anti);
  background-color: var(--td-gray-color-9);
}
.t-menu--dark .t-menu__popup .t-menu__item:hover:not(.t-is-active) {
  color: rgba(255, 255, 255, 0.55);
  background-color: var(--td-gray-color-10);
}
.t-menu--dark .t-head-menu__submenu {
  border-top: 1px solid transparent;
}
.t-menu--dark .t-menu__operations-icon {
  color: #fff;
}
.t-menu--dark .t-menu__operations-icon:hover {
  background-color: var(--td-gray-color-9);
}
.t-menu--dark .t-tabs {
  background: var(--td-gray-color-11);
}
.t-menu--dark .t-tabs__nav-item {
  color: #fff;
  --ripple-color: var(--td-gray-color-9);
}
.t-menu--dark .t-tabs__nav-item-wrapper {
  --ripple-color: var(--td-gray-color-9);
}
.t-menu--dark .t-tabs__nav-item:not(.t-is-disabled):not(.t-is-active):hover .t-tabs__nav-item-wrapper {
  background-color: var(--td-gray-color-10);
}
.t-menu--dark .t-tabs__nav-item.t-is-active {
  color: #4582E6;
}
.t-menu--dark .t-tabs__nav-item.t-is-disabled {
  color: var(--td-font-white-4);
}
.t-menu__popup {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.24s cubic-bezier(0.38, 0, 0.24, 1), width 0.24s cubic-bezier(0.38, 0, 0.24, 1), opacity 0.2s linear;
  transition: max-height 0.24s cubic-bezier(0.38, 0, 0.24, 1), width 0.24s cubic-bezier(0.38, 0, 0.24, 1), opacity 0.2s linear;
  position: absolute;
  background: #fff;
  z-index: 1000;
  border-radius: 3px;
  opacity: 0;
  list-style: none;
  padding: 0;
  margin: 0;
}
.t-menu__popup-wrapper {
  padding: 8px;
  height: 100%;
}
.t-menu__popup .t-fake-arrow {
  margin-left: 8px;
}
.t-menu__popup.t-is-vertical {
  max-height: unset;
  width: 0;
}
.t-menu__popup.t-is-vertical .t-menu__popup-wrapper {
  min-width: 216px;
}
.t-menu__popup.t-is-vertical.t-is-opened {
  width: var(--popup-width, 216px);
}
.t-menu__popup.t-is-vertical .t-menu__item {
  padding-left: 16px;
  padding-right: 16px;
  margin: 4px 0;
}
.t-menu__popup.t-is-horizontal .t-menu__item {
  padding-left: 16px;
  padding-right: 16px;
  white-space: nowrap;
}
.t-menu__popup.t-is-horizontal li + li {
  margin-top: 4px;
}
.t-menu__popup.t-is-opened {
  max-height: var(--popup-max-height, 364px);
  opacity: 1;
  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.1), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 3px 14px 6px rgba(0, 0, 0, 0.05);
          box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.1), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 3px 14px 6px rgba(0, 0, 0, 0.05);
  overflow: visible;
}
.t-menu__popup.t-is-opened .t-menu__popup {
  top: 0;
  left: calc(100% + 16px);
}
.t-menu__popup.t-is-opened .t-menu__popup::before {
  content: "";
  display: block;
  position: absolute;
  left: -16px;
  width: 16px;
  top: 0;
  bottom: 0;
}
.t-menu__popup .t-menu__item {
  color: var(--td-font-gray-1);
}
.t-menu__popup .t-menu__item + .t-menu__item {
  margin-left: 0;
}
.t-menu__popup .t-menu__item.t-is-active {
  color: var(--td-brand-color-8);
  background-color: #ECF2FE;
}
.t-menu__popup .t-menu__item:hover:not(.t-is-active) {
  background-color: var(--td-gray-color-1);
}
.t-menu__operations-icon {
  margin-right: 16px;
  border-radius: 3px;
  color: var(--td-font-gray-2);
  -webkit-transition: background-color 0.24s cubic-bezier(0.38, 0, 0.24, 1);
  transition: background-color 0.24s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-menu__operations-icon:hover {
  background-color: var(--td-gray-color-2);
}
.t-opacity-transition {
  -webkit-transition: opacity 0.28s cubic-bezier(0.55, 0, 0.1, 1);
  transition: opacity 0.28s cubic-bezier(0.55, 0, 0.1, 1);
}
.horizontal-collapse-transition .t-submenu__title .t-submenu__icon-arrow {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0;
}

.input-disabled.t-input.t-is-disabled {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
}
.input-disabled.t-input.t-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
}
.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__inner::-webkit-input-placeholder {
  color: var(--td-text-color-disabled);
}
.input-disabled.t-input.t-is-disabled .t-input__inner::-moz-placeholder {
  color: var(--td-text-color-disabled);
}
.input-disabled.t-input.t-is-disabled .t-input__inner:-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.input-disabled.t-input.t-is-disabled .t-input__inner::-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.input-disabled.t-input.t-is-disabled .t-input__inner::placeholder {
  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 {
  color: var(--td-text-color-disabled);
}
.t-input {
  position: relative;
  height: 32px;
  line-height: 32px;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  border-color: var(--td-border-level-2-color);
  padding: 0 8px;
  background-color: var(--td-bg-color-specialcomponent);
  outline: none;
  color: var(--td-text-color-primary);
  font-size: 14px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.t-input:hover {
  border-color: var(--td-brand-color);
}
.t-input:focus {
  z-index: 1;
  border-color: var(--td-brand-color);
  -webkit-box-shadow: 0 0 0 2px var(--td-brand-color-focus);
          box-shadow: 0 0 0 2px var(--td-brand-color-focus);
}
.t-input--focused {
  border-color: var(--td-brand-color);
  -webkit-box-shadow: 0 0 0 2px var(--td-brand-color-focus);
          box-shadow: 0 0 0 2px var(--td-brand-color-focus);
  z-index: 1;
}
.t-input :focus-visible {
  outline: none;
}
.t-input__inner {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: none;
  outline: none;
  padding: 0;
  max-width: 100%;
  min-width: 0;
  color: var(--td-text-color-primary);
  background-color: transparent;
}
.t-input__inner::-webkit-input-placeholder {
  color: var(--td-text-color-placeholder);
}
.t-input__inner::-moz-placeholder {
  color: var(--td-text-color-placeholder);
}
.t-input__inner:-ms-input-placeholder {
  color: var(--td-text-color-placeholder);
}
.t-input__inner::-ms-input-placeholder {
  color: var(--td-text-color-placeholder);
}
.t-input__inner::placeholder {
  color: var(--td-text-color-placeholder);
}
.t-input__extra {
  font-size: 12px;
  color: var(--td-text-color-placeholder);
}
.t-input__status {
  position: absolute;
  right: -24px;
  top: 0;
}
.t-input.t-input--suffix > span.t-input__clear {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
}
.t-input.t-input--suffix:hover > span.t-input__clear {
  opacity: 1;
  visibility: visible;
}
.t-input.t-is-success {
  border-color: var(--td-success-color);
}
.t-input.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-input.t-is-success.t-input--focused {
  -webkit-box-shadow: 0 0 0 2px var(--td-success-color-focus);
          box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.t-input.t-is-success > .t-input__extra {
  color: var(--td-success-color);
}
.t-input.t-is-warning {
  border-color: var(--td-warning-color);
}
.t-input.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-input.t-is-warning.t-input--focused {
  -webkit-box-shadow: 0 0 0 2px var(--td-warning-color-focus);
          box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.t-input.t-is-warning > .t-input__extra {
  color: var(--td-warning-color);
}
.t-input.t-is-error {
  border-color: var(--td-error-color);
}
.t-input.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-input.t-is-error.t-input--focused {
  -webkit-box-shadow: 0 0 0 2px var(--td-error-color-focus);
          box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.t-input.t-is-error > .t-input__extra {
  color: var(--td-error-color);
}
.t-input.t-input.t-is-disabled {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
}
.t-input.t-input.t-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
}
.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__inner::-webkit-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input.t-input.t-is-disabled .t-input__inner::-moz-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input.t-input.t-is-disabled .t-input__inner:-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input.t-input.t-is-disabled .t-input__inner::-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input.t-input.t-is-disabled .t-input__inner::placeholder {
  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 {
  color: var(--td-text-color-disabled);
}
.t-input.t-input--prefix > .t-input__prefix-icon {
  padding-right: 8px;
}
.t-input.t-input--prefix > .t-input__prefix {
  z-index: 2;
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}
.t-input.t-input--prefix > .t-input__prefix-icon {
  font-size: 16px;
}
.t-input.t-input--suffix > .t-input__suffix-icon {
  padding-left: 8px;
}
.t-input.t-input--suffix > .t-input__suffix {
  z-index: 2;
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}
.t-input.t-input--suffix > .t-input__suffix-icon {
  font-size: 16px;
}
.t-input .t-input__suffix-clear {
  cursor: pointer;
}
.t-input.t-size-l {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}
.t-input.t-size-s {
  height: 24px;
  line-height: 24px;
  font-size: 12px;
}
.t-input .t-input__prefix > .t-icon,
.t-input .t-input__suffix > .t-icon {
  font-size: inherit;
}
.t-input .t-input__prefix > .t-icon {
  color: var(--td-text-color-placeholder);
}
.t-input .t-input__suffix > .t-icon {
  color: var(--td-text-color-placeholder);
}
.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 {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.t-input-group .t-input__wrap {
  border-radius: 0;
}
.t-input-group .t-input__wrap:first-child {
  border-radius: 3px 0 0 3px;
}
.t-input-group .t-input__wrap:last-child {
  border-radius: 0 3px 3px 0;
}
.t-input-group .t-button,
.t-input-group .t-select {
  border-radius: 0;
}
.t-input-group .t-button:not(:first-child),
.t-input-group .t-select:not(:first-child) {
  margin-left: -1px;
}
.t-input-group .t-input__wrap:not(:first-child) .t-input {
  margin-left: -1px;
}
.t-input-group .t-input__wrap:first-child .t-input {
  border-radius: 3px 0 0 3px;
}
.t-input-group .t-input__wrap:last-child .t-input {
  border-radius: 0 3px 3px 0;
}
.t-input-group .t-button:first-child,
.t-input-group .t-select:first-child {
  border-radius: 3px 0 0 3px;
}
.t-input-group .t-button:last-child,
.t-input-group .t-select:last-child {
  border-radius: 0 3px 3px 0;
}
.t-input-group--separate .t-input__wrap + .t-input__wrap {
  margin-left: 8px;
}
.t-input-group--separate .t-button,
.t-input-group--separate .t-select {
  border-radius: 3px;
}
.t-input-group--separate .t-button:first-child,
.t-input-group--separate .t-select:first-child {
  border-radius: 3px 0 0 3px;
}
.t-input-group--separate .t-button:last-child,
.t-input-group--separate .t-select:last-child {
  border-radius: 0 3px 3px 0;
}
.t-input-group--separate .t-input__wrap .t-input {
  border-radius: 3px;
}
.t-input-group--separate .t-input__wrap .t-input:first-child {
  border-radius: 3px;
}
.t-input-group--separate .t-input__wrap .t-input:last-child {
  border-radius: 3px;
}
.t-input-group .t-input__inner,
.t-input-group .t-button,
.t-input-group .t-select {
  position: relative;
  z-index: 0;
}
.t-input-group .t-input__inner:hover,
.t-input-group .t-button:hover,
.t-input-group .t-select:hover,
.t-input-group .t-input__inner:focus,
.t-input-group .t-button:focus,
.t-input-group .t-select:focus,
.t-input-group .t-input__inner:active,
.t-input-group .t-button:active,
.t-input-group .t-select:active {
  z-index: 1;
}
.t-addon {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.t-addon .t-addon__prepend {
  background-color: var(--td-bg-color-secondarycontainer-hover);
  color: var(--td-text-color-primary);
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid var(--td-border-level-2-color);
  padding: 0 12px;
  width: 1px;
  white-space: nowrap;
  border-right: 0;
  border-radius: 3px 0 0 3px;
}
.t-addon .t-addon__append {
  background-color: var(--td-bg-color-secondarycontainer-hover);
  color: var(--td-text-color-primary);
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid var(--td-border-level-2-color);
  padding: 0 12px;
  width: 1px;
  white-space: nowrap;
  border-left: 0;
  border-radius: 0 3px 3px 0;
}
.t-addon > .t-input__wrap {
  width: 100%;
}
.t-addon--prepend .t-input {
  border-radius: 0 3px 3px 0;
}
.t-addon--append .t-input {
  border-radius: 3px 0 0 3px;
}
.t-addon--prepend.t-addon--append .t-input {
  border-radius: 0;
}
.t-input__wrap {
  width: 100%;
}
.t-input__tips {
  height: auto;
  min-height: 24px;
  line-height: 20px;
  font-size: 12px;
}
.t-input__tips--normal {
  color: var(--td-text-color-placeholder);
}
.t-input__tips--success {
  color: var(--td-success-color);
}
.t-input__tips--warning {
  color: var(--td-warning-color);
}
.t-input__tips--error {
  color: var(--td-error-color);
}
.t-align-center > .t-input__inner {
  text-align: center;
}
.t-align-right > .t-input__inner {
  text-align: right;
}
.t-input__input-pre {
  position: absolute;
  visibility: hidden;
  white-space: nowrap;
}
.t-input--auto-width {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 60px;
}

@-webkit-keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.t-icon-loading {
  -webkit-animation: t-spin 1s linear infinite;
          animation: t-spin 1s linear infinite;
}
@-webkit-keyframes t-zoom-out {
  from {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes t-zoom-out {
  from {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.t-input-number {
  display: inline-block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 32px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 128px;
}
.t-input-number input::-webkit-outer-spin-button,
.t-input-number input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
}
.t-input-number input[type="number"] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.t-input-number .t-input {
  color: var(--td-text-color-primary);
}
.t-input-number__decrease,
.t-input-number__increase {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  border: 1px solid var(--td-border-level-2-color);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 3px;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
}
.t-input-number__decrease:hover,
.t-input-number__increase:hover {
  color: var(--td-brand-color-8);
  border-color: var(--td-brand-color-8);
}
.t-input-number__decrease:hover .t-icon,
.t-input-number__increase:hover .t-icon {
  color: var(--td-brand-color-8);
}
.t-input-number__decrease:active,
.t-input-number__increase:active {
  color: var(--td-brand-color-8);
  background-color: var(--td-bg-color-container-hover);
}
.t-input-number__decrease .t-icon,
.t-input-number__increase .t-icon {
  position: relative;
  z-index: 1;
  font-size: 16px;
  color: var(--td-text-color-secondary);
}
.t-input-number__decrease.t-is-disabled,
.t-input-number__increase.t-is-disabled {
  color: var(--td-text-color-disabled);
  cursor: no-drop;
  background-color: var(--td-bg-color-component-disabled);
}
.t-input-number__decrease.t-is-disabled .t-icon,
.t-input-number__increase.t-is-disabled .t-icon {
  color: var(--td-text-color-disabled);
}
.t-input-number__decrease.t-is-disabled:hover,
.t-input-number__increase.t-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
}
.t-input-number__decrease.t-is-disabled:hover .t-icon,
.t-input-number__increase.t-is-disabled:hover .t-icon {
  color: var(--td-text-color-disabled);
}
.t-input-number__decrease.t-is-disabled::-webkit-input-placeholder, .t-input-number__increase.t-is-disabled::-webkit-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number__decrease.t-is-disabled::-moz-placeholder, .t-input-number__increase.t-is-disabled::-moz-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number__decrease.t-is-disabled:-ms-input-placeholder, .t-input-number__increase.t-is-disabled:-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number__decrease.t-is-disabled::-ms-input-placeholder, .t-input-number__increase.t-is-disabled::-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number__decrease.t-is-disabled::placeholder,
.t-input-number__increase.t-is-disabled::placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number__decrease {
  left: 0;
}
.t-input-number__increase {
  right: -8px;
}
.t-input-number--normal {
  padding: 0;
  border-radius: 3px;
}
.t-input-number--normal.t-is-disabled {
  cursor: no-drop;
  color: var(--td-text-color-disabled);
}
.t-input-number--normal.t-is-disabled:hover .t-input {
  border-color: var(--td-border-level-2-color);
}
.t-input-number--normal.t-is-disabled::-webkit-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number--normal.t-is-disabled::-moz-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number--normal.t-is-disabled:-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number--normal.t-is-disabled::-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number--normal.t-is-disabled::placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number--normal.t-is-disabled .t-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.t-input-number.t-is-disabled .t-input {
  cursor: no-drop;
  background-color: var(--td-bg-color-component-disabled);
  color: var(--td-text-color-disabled);
}
.t-input-number.t-is-disabled .t-input:hover,
.t-input-number.t-is-disabled .t-input:focus,
.t-input-number.t-is-disabled .t-input:active {
  border-color: var(--td-border-level-2-color);
}
.t-input-number.t-is-disabled .t-input-number__decrease,
.t-input-number.t-is-disabled .t-input-number__increase {
  color: var(--td-text-color-disabled);
  cursor: no-drop;
  background-color: var(--td-bg-color-component-disabled);
}
.t-input-number.t-is-disabled .t-input-number__decrease .t-icon,
.t-input-number.t-is-disabled .t-input-number__increase .t-icon {
  color: var(--td-text-color-secondary);
}
.t-input-number.t-size-s {
  width: 96px;
  padding: 0 24px;
}
.t-input-number.t-size-s .t-input {
  height: 24px;
  line-height: 24px;
}
.t-input-number.t-size-s .t-input-number__decrease,
.t-input-number.t-size-s .t-input-number__increase {
  font-size: 14px;
  width: 24px;
  height: 24px;
}
.t-input-number.t-size-l {
  width: 152px;
  padding: 0 40px;
}
.t-input-number.t-size-l .t-input {
  height: 40px;
  line-height: 40px;
}
.t-input-number.t-size-l .t-input-number__decrease,
.t-input-number.t-size-l .t-input-number__increase {
  font-size: 18px;
  width: 40px;
  height: 40px;
}
.t-input-number.t-size-l.t-is-controls-right .t-input {
  height: 40px;
  line-height: 40px;
  padding-right: 48px;
}
.t-input-number.t-size-l.t-is-controls-right .t-input-number__decrease,
.t-input-number.t-size-l.t-is-controls-right .t-input-number__increase {
  width: 40px;
  font-size: 16px;
}
.t-input-number.t-is-controls-right {
  width: 96px;
  padding: 0;
}
.t-input-number.t-is-controls-right:hover .t-input-number__decrease,
.t-input-number.t-is-controls-right:hover .t-input-number__increase {
  opacity: 1;
  visibility: visible;
}
.t-input-number.t-is-controls-right .t-input {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding-right: 40px;
  border-radius: 3px;
}
.t-input-number.t-is-controls-right .t-input__inner {
  text-align: left;
}
.t-input-number.t-is-controls-right .t-input-number__decrease,
.t-input-number.t-is-controls-right .t-input-number__increase {
  width: 32px;
  height: 14px;
  border: 0;
  left: initial;
  top: initial;
  right: 1px;
  border-radius: 0;
  background: var(--td-bg-color-secondarycontainer);
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}
.t-input-number.t-is-controls-right .t-input-number__decrease .t-icon,
.t-input-number.t-is-controls-right .t-input-number__increase .t-icon {
  font-size: 12px;
}
.t-input-number.t-is-controls-right .t-input-number__decrease:hover,
.t-input-number.t-is-controls-right .t-input-number__increase:hover {
  background: var(--td-bg-color-component-hover);
}
.t-input-number.t-is-controls-right .t-input-number__decrease:hover .t-icon,
.t-input-number.t-is-controls-right .t-input-number__increase:hover .t-icon {
  color: var(--td-text-color-primary);
}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled,
.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled {
  color: var(--td-text-color-disabled);
  cursor: no-drop;
  background-color: var(--td-bg-color-component-disabled);
}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled .t-icon,
.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled .t-icon {
  color: var(--td-text-color-disabled);
}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled:hover,
.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled:hover .t-icon,
.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled:hover .t-icon {
  color: var(--td-text-color-disabled);
}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::-webkit-input-placeholder, .t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::-webkit-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::-moz-placeholder, .t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::-moz-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled:-ms-input-placeholder, .t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled:-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::-ms-input-placeholder, .t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number.t-is-controls-right .t-input-number__decrease.t-is-disabled::placeholder,
.t-input-number.t-is-controls-right .t-input-number__increase.t-is-disabled::placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number.t-is-controls-right .t-input-number__increase {
  top: 1px;
  border-top-right-radius: calc(3px - 1px);
}
.t-input-number.t-is-controls-right .t-input-number__decrease {
  top: 17px;
  border-bottom-right-radius: calc(3px - 1px);
}
.t-input-number.t-is-controls-right.t-size-l .t-input-number__increase,
.t-input-number.t-is-controls-right.t-size-l .t-input-number__decrease {
  height: 18px;
}
.t-input-number.t-is-controls-right.t-size-l .t-input-number__decrease {
  top: 21px;
}
.t-input-number:not(.t-input-number--column) > .t-input-number__decrease + .t-input__wrap {
  margin-left: 4px;
}
.t-input-number.t-input-number--auto-width {
  width: auto;
}
.t-input-number.t-input-number--auto-width.t-is-controls-right {
  min-width: 88px;
}
.t-input-number.t-input-number--auto-width:not(.t-input-number--column) .t-input-number__increase {
  right: -4px;
}

.t-tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0px 8px;
  height: 24px;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-anti);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid transparent;
  white-space: nowrap;
}
.t-tag .t-icon {
  margin-right: 4px;
  width: 16px;
  height: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.t-tag .t-tag__icon-close {
  margin-right: 0;
  margin-left: 4px;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-tag ::-moz-selection {
  background: transparent;
}
.t-tag ::selection {
  background: transparent;
}
.t-tag--default {
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-component);
}
.t-tag--default .t-tag__icon-close {
  color: var(--td-text-color-placeholder);
}
.t-tag--default .t-tag__icon-close:hover {
  color: var(--td-text-color-primary);
}
.t-tag--default.t-tag--checked {
  color: var(--td-text-color-anti);
  background-color: var(--td-brand-color);
}
.t-tag--default.t-tag--checked:hover {
  background-color: var(--td-brand-color-hover);
}
.t-tag--default:active {
  cursor: default;
}
.t-tag--default.t-tag--check {
  -webkit-transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  cursor: pointer;
}
.t-tag--default.t-tag--check:hover:not(.t-tag--checked):not(.t-tag--disabled) {
  background-color: var(--td-bg-color-component-hover);
}
.t-tag--default.t-tag--disabled {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
  cursor: not-allowed;
}
.t-tag--default.t-tag--disabled:hover {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
}
.t-tag--default.t-tag--disabled .t-icon:hover {
  cursor: pointer;
}
.t-tag--primary {
  background-color: var(--td-brand-color);
}
.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--outline {
  color: var(--td-success-color);
}
.t-tag--warning {
  background-color: var(--td-warning-color);
}
.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--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--outline {
  color: var(--td-brand-color);
}
.t-tag--primary.t-tag--light .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--outline {
  color: var(--td-success-color);
}
.t-tag--success.t-tag--light .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--outline {
  color: var(--td-warning-color);
}
.t-tag--warning.t-tag--light .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--outline {
  color: var(--td-error-color);
}
.t-tag--danger .t-tag__icon-close {
  fill: var(--td-error-color);
}
.t-tag--danger .t-tag__icon-close:hover {
  fill: var(--td-error-color-hover);
}
.t-tag--danger.t-tag--light .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 {
  fill: var(--td-font-white-1);
}
.t-tag--dark.t-tag:not(.t-tag--default) .t-tag__icon-close:hover {
  fill: var(--td-font-white-2);
}
.t-tag.t-tag--outline {
  background-color: var(--td-bg-color-component);
}
.t-tag.t-size-s {
  padding: 0px 8px;
  height: 20px;
  font-size: 12px;
  line-height: 18px;
}
.t-tag.t-size-s .t-icon {
  font-size: 12px;
}
.t-tag.t-size-l {
  padding: 0px 12px;
  height: 32px;
  font-size: 16px;
  line-height: 30px;
}
.t-tag.t-size-l .t-icon {
  font-size: 16px;
}
.t-tag.t-tag--round {
  border-radius: 12px;
}
.t-tag.t-tag--mark {
  border-radius: 0 12px 12px 0;
}
.t-tag.t-tag--ellipsis .t-tag--text {
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
a .t-tag {
  cursor: pointer;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
a .t-tag:hover {
  color: var(--td-brand-color-8);
  background-color: var(--td-bg-color-component-hover);
}
a .t-tag:active {
  color: var(--td-brand-color-9);
  background-color: var(--td-bg-color-component-active);
}

.t-checkbox-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.t-checkbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
  color: var(--td-text-color-primary);
}
.t-checkbox + .t-checkbox {
  margin-left: inherit;
}
.t-checkbox__former {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.t-checkbox__input {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  border: 1px solid var(--td-border-level-2-color);
  border-radius: 3px;
  background-color: var(--td-bg-color-container);
}
.t-checkbox__input::after {
  content: "";
  position: absolute;
  opacity: 0;
}
.t-checkbox__label {
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
  vertical-align: middle;
  font-size: 14px;
}
.t-checkbox:hover .t-checkbox__input {
  border-color: var(--td-brand-color);
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
}
.t-checkbox.t-is-checked .t-checkbox__input {
  border-color: var(--td-brand-color);
  background-color: var(--td-brand-color);
  -webkit-transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
  transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.t-checkbox.t-is-checked .t-checkbox__input::after {
  opacity: 1;
  top: 6px;
  left: 3px;
  width: 5px;
  height: 9px;
  border: 2px solid var(--td-text-color-anti);
  border-radius: 0 0 1px;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
          transform: rotate(45deg) scale(1) translate(-50%, -50%);
  background: transparent;
}
.t-checkbox.t-is-indeterminate .t-checkbox__input {
  border-color: var(--td-brand-color);
  background-color: var(--td-brand-color);
  -webkit-transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
  transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.t-checkbox.t-is-indeterminate .t-checkbox__input::after {
  opacity: 1;
  width: 16px;
  height: 4px;
  left: -1px;
  right: 0;
  top: 5px;
  border: unset;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  background-color: var(--td-font-white-1);
}
.t-checkbox.t-is-disabled {
  cursor: not-allowed;
}
.t-checkbox.t-is-disabled .t-checkbox__label {
  color: var(--td-text-color-disabled);
}
.t-checkbox.t-is-disabled .t-checkbox__input {
  background-color: var(--td-bg-color-component-disabled);
}
.t-checkbox.t-is-disabled:hover .t-checkbox__input {
  border-color: var(--td-border-level-2-color);
}
.t-checkbox.t-is-disabled.t-is-checked .t-checkbox__input {
  border-color: var(--td-border-level-2-color);
}
.t-checkbox.t-is-disabled.t-is-checked .t-checkbox__input::after {
  border-color: var(--td-text-color-disabled);
}
.t-checkbox.t-is-disabled.t-is-indeterminate .t-checkbox__input {
  border-color: var(--td-border-level-2-color);
}
.t-checkbox.t-is-disabled.t-is-indeterminate .t-checkbox__input::after {
  background-color: var(--td-text-color-disabled);
}

.t-select__wrap {
  width: 100%;
}
.t-select-polyfill {
  border: 1px solid var(--td-border-level-2-color);
  border-radius: 3px;
  padding: 0 26px 0 4px;
}
.t-select {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  line-height: 30px;
  background: var(--td-bg-color-specialcomponent);
  -webkit-transition: border-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: border-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.t-select:hover:not(.t-is-disabled),
.t-select :active:not(.t-is-disabled) {
  cursor: pointer;
  border-color: var(--td-brand-color);
}
.t-select:hover:not(.t-is-disabled) > .t-select__right-icon:not(.t-select__right-icon-clear),
.t-select :active:not(.t-is-disabled) > .t-select__right-icon:not(.t-select__right-icon-clear) {
  color: var(--td-brand-color);
  opacity: 1;
}
.t-select.t-no-border {
  line-height: 32px;
}
.t-select .t-select__placeholder {
  margin-left: 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.t-select:not(.t-is-disabled) .t-select__placeholder {
  color: var(--td-text-color-placeholder);
}
.t-select .t-select__single {
  margin-left: 4px;
  display: block;
  color: var(--td-text-color-primary);
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-select .t-select__right-icon {
  -webkit-transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-select .t-select__right-icon-polyfill {
  position: absolute;
  height: 100%;
  margin: 0 8px;
  right: 0;
  top: 0;
  color: var(--td-text-color-placeholder);
}
.t-select .t-select__active-icon {
  color: var(--td-brand-color);
}
.t-select .t-select__right-icon.t-is-visible {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: -webkit-transform 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: transform 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: transform 0.2s cubic-bezier(0.38, 0, 0.24, 1), -webkit-transform 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  /* IE */
  -webkit-filter: flipv;
          filter: flipv;
}
.t-select .t-select__left-icon {
  position: absolute;
  height: 100%;
  margin: 0 8px;
  left: 0;
  top: 0;
  color: var(--td-text-color-placeholder);
  -webkit-transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-select .t-input__wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.t-select .t-tag + .t-input__wrap {
  margin-left: 4px;
}
.t-select .t-select__input .t-input {
  height: auto;
  border: 0;
  padding: 0;
}
.t-select .t-select__input .t-input--focused {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: transparent;
}
.t-select .t-select__input:focus,
.t-select .t-select__input :hover {
  border: 0;
}
.t-select .t-select__input input {
  height: 30px;
  line-height: 30px;
}
.t-select .t-tag,
.t-select + .t-tag {
  margin: 4px 4px 4px 0;
}
.t-select .t-tag {
  height: 22px;
  line-height: 20px;
}
.t-select.t-is-active:not(.t-is-disabled) {
  border-color: var(--td-brand-color);
}
.t-select.t-is-active:not(.t-is-disabled):not(.t-no-border) {
  -webkit-box-shadow: 0 0 0 2px var(--td-brand-color-focus);
          box-shadow: 0 0 0 2px var(--td-brand-color-focus);
}
.t-select.t-is-active:not(.t-is-disabled) .t-select__right-icon:not(.t-select__right-icon-clear) {
  color: var(--td-brand-color);
  opacity: 1;
}
.t-select.t-has-prefix {
  padding-left: 26px;
}
.t-select.t-no-border {
  border: 0;
  width: auto;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.t-select.t-no-border:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-select.t-no-border:active {
  background-color: var(--td-bg-color-container-active);
}
.t-select.t-no-border > .t-select__single {
  margin-right: 8px;
}
.t-select.t-size-l {
  line-height: 38px;
  font-size: 16px;
}
.t-select.t-size-l .t-select__input {
  line-height: 38px;
  height: 38px;
}
.t-select.t-size-l .t-select__input .t-input__inner {
  height: 38px;
  line-height: 38px;
}
.t-select.t-size-l .t-tag.t-size-l {
  height: 30px;
  line-height: 28px;
}
.t-select.t-size-s {
  line-height: 22px;
  font-size: 12px;
}
.t-select.t-size-s .t-select__input {
  line-height: 22px;
  height: 22px;
}
.t-select.t-size-s .t-select__input .t-input__inner {
  height: 22px;
  line-height: 22px;
}
.t-select.t-size-s .t-tag.t-size-s {
  height: 18px;
  line-height: 16px;
}
.t-select.t-is-disabled {
  cursor: not-allowed;
  background-color: var(--td-bg-color-component-disabled);
  color: var(--td-text-color-disabled);
  border-color: var(--td-border-level-2-color);
}
.t-select.t-is-disabled > .t-select__right-icon {
  color: var(--td-text-color-disabled);
}
.t-select.t-is-disabled > .t-select__left-icon {
  color: var(--td-text-color-disabled);
}
.t-select.t-is-disabled > .t-select__single {
  color: var(--td-text-color-disabled);
}
.t-select__popup-reference {
  width: 100%;
}
.t-select__dropdown {
  margin: 8px 0;
  padding: 0;
  max-height: 300px;
  overflow-y: auto;
  -webkit-box-shadow: var(--td-shadow-2);
          box-shadow: var(--td-shadow-2);
  border-radius: 3px;
}
.t-select__dropdown-inner {
  padding: 6px;
}
.t-select__dropdown-inner--size-s {
  padding: 4px;
}
.t-select__dropdown-inner--size-l {
  padding: 8px;
}
.t-select__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-select__dropdown.t-popup {
  padding: 0;
}
.t-select__empty.t-size-s {
  line-height: 24px;
}
.t-select__empty {
  text-align: center;
  color: var(--td-text-color-disabled);
  line-height: 32px;
}
.t-select__empty.t-size-l {
  line-height: 40px;
}
.t-select__loading-tips.t-size-s {
  line-height: 24px;
}
.t-select__loading-tips {
  text-align: center;
  line-height: 32px;
  color: var(--td-text-color-disabled);
}
.t-select__loading-tips.t-size-l {
  line-height: 40px;
}
.t-select-option-group + .t-select-option-group {
  padding-top: 7px;
  margin-top: 7px;
}
.t-select-option-group__divider + .t-select-option-group__divider {
  border-top: 1px var(--td-border-level-1-color) solid;
}
ul.t-select-option-group__header,
.t-select-option-group__header {
  color: var(--td-text-color-placeholder);
  display: block;
  height: 28px;
  line-height: 20px;
  padding: 3px 8px;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-select-option-group__header.t-size-l {
  height: 36px;
  padding: 7px 12px;
}
.t-select-option-group__header.t-size-s {
  height: 20px;
  padding: 0 8px;
}
.t-select-option {
  display: block;
  border-radius: 3px;
  height: 28px;
  line-height: 20px;
  cursor: pointer;
  padding: 3px 8px;
  color: var(--td-text-color-primary);
  -webkit-transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  --ripple-color: var(--td-bg-color-container-active);
}
.t-select-option span {
  position: relative;
}
.t-select-option:not(.t-is-disabled):hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-select-option:not(.t-is-disabled):hover .t-checkbox__label {
  color: inherit;
}
.t-select-option:not(.t-is-disabled):hover .t-checkbox__input {
  border-color: var(--td-brand-color);
}
.t-select-option .t-checkbox__label {
  color: var(--td-text-color-primary);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-select-option .t-checkbox {
  width: 100%;
}
.t-select-option.t-is-disabled {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
  background: var(--td-bg-color-specialcomponent);
}
.t-select-option.t-is-disabled:hover,
.t-select-option.t-is-disabled :active {
  background: var(--td-bg-color-specialcomponent);
}
.t-select-option.t-size-l {
  height: 36px;
  padding: 7px 12px;
  font-size: 16px;
}
.t-select-option.t-size-s {
  height: 20px;
  padding: 0 8px;
  font-size: 12px;
}
.t-select-option.t-is-selected {
  color: var(--td-brand-color);
  background-color: var(--td-brand-color-light);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.t-select-option.t-is-selected .t-checkbox__label {
  color: var(--td-brand-color);
}
.t-select-option.t-is-selected:hover {
  background-color: var(--td-brand-color-light);
}
.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected) {
  background-color: var(--td-bg-color-container-hover);
}
.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected) .t-checkbox__input {
  border-color: var(--td-brand-color);
}
.t-select-option.t-select-option__hover .t-checkbox__label {
  color: inherit;
}
.t-select-option + .t-select-option {
  margin-top: 2px;
}
.t-select.t-select-input--borderless .t-select__right-icon {
  position: relative;
  margin: 0;
}
.t-select .t-fake-arrow {
  color: var(--td-text-color-placeholder);
}
.t-select .t-fake-arrow--active {
  color: var(--td-brand-color);
}
.t-select .t-input:hover:not(.t-is-disabled),
.t-select .t-input :active:not(.t-is-disabled) {
  cursor: pointer;
  border-color: var(--td-brand-color);
}
.t-select .t-input:hover:not(.t-is-disabled) .t-fake-arrow,
.t-select .t-input :active:not(.t-is-disabled) .t-fake-arrow {
  color: var(--td-brand-color);
}

.t-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  white-space: nowrap;
  color: var(--td-text-color-secondary);
}
.t-pagination__total {
  font-size: 14px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.t-pagination .t-select__wrap {
  width: auto;
}
.t-pagination__select {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 16px;
  height: 32px;
  font-size: 14px;
  color: var(--td-text-color-secondary);
}
.t-pagination__btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
  color: var(--td-text-color-secondary);
  border-radius: 3px;
  font-size: 16px;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.t-pagination__btn:hover {
  background-color: var(--td-bg-color-secondarycontainer-hover);
}
.t-pagination__btn:active {
  background-color: var(--td-bg-color-secondarycontainer-active);
}
.t-pagination__btn.t-is-disabled,
.t-pagination__btn.t-is-disabled:hover,
.t-pagination__btn.t-is-disabled:active {
  background: none;
  color: var(--td-text-color-disabled);
}
.t-pagination__btn.t-is-disabled {
  cursor: not-allowed;
}
.t-pagination__btn-prev {
  margin-right: 8px;
}
.t-pagination__btn-next {
  margin-left: 8px;
}
.t-pagination__btn + .t-pagination__select {
  margin-right: 0;
}
.t-pagination__pager {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  list-style: none;
  padding: 0;
  margin: 0;
}
.t-pagination__pager li:not(:last-child) {
  margin-right: 8px;
}
.t-pagination__number {
  display: inline-block;
  border: 1px solid var(--td-component-border);
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  background-color: var(--td-bg-color-container);
  height: 32px;
  min-width: 32px;
  line-height: 30px;
  font-size: 14px;
  padding-left: 4px;
  padding-right: 4px;
}
.t-pagination__number:hover {
  color: var(--td-brand-color-7);
  border-color: var(--td-brand-color-7);
}
.t-pagination__number:active {
  background-color: var(--td-brand-color-8);
  color: var(--td-text-color-anti);
  border-color: var(--td-brand-color-8);
}
.t-pagination__number.t-is-current {
  background-color: var(--td-brand-color);
  color: var(--td-text-color-anti);
  border-color: var(--td-brand-color);
}
.t-pagination__number.t-is-current.t-is-disabled,
.t-pagination__number.t-is-current.t-is-disabled:hover,
.t-pagination__number.t-is-current.t-is-disabled:active {
  background-color: var(--td-brand-color-2);
  color: var(--td-text-color-anti);
  border-color: var(--td-brand-color-2);
}
.t-pagination__number.t-is-disabled {
  cursor: auto;
  background-color: var(--td-bg-color-component-disabled);
  color: var(--td-text-color-placeholder);
}
.t-pagination__number.t-is-disabled:hover,
.t-pagination__number.t-is-disabled:active {
  background-color: var(--td-bg-color-component-disabled);
  color: var(--td-text-color-placeholder);
  border-color: var(--td-component-border);
}
.t-pagination__number--more {
  border: 0 none;
  padding: 0;
}
.t-pagination__number--more:hover {
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-secondarycontainer-hover);
}
.t-pagination__number--more:active {
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-secondarycontainer-active);
}
.t-pagination__number--more.t-is-disabled,
.t-pagination__number--more.t-is-disabled:hover,
.t-pagination__number--more.t-is-disabled:active {
  background: none;
}
.t-pagination__number--more .t-icon-more {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  color: var(--td-text-color-disabled);
}
.t-pagination__jump {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 8px;
  font-size: 14px;
}
.t-pagination .t-input-number {
  margin-left: 4px;
  margin-right: 4px;
  height: 32px;
  width: 48px;
}
.t-pagination .t-input-number .t-input {
  width: calc(100% - 8px);
}
.t-pagination.t-size-s .t-pagination__total {
  font-size: 12px;
}
.t-pagination.t-size-s .t-pagination__select {
  height: 24px;
  font-size: 12px;
}
.t-pagination.t-size-s .t-pagination__number {
  border: 0 none;
  height: 24px;
  min-width: 24px;
  line-height: 24px;
  font-size: 12px;
  padding-left: 2px;
  padding-right: 2px;
}
.t-pagination.t-size-s .t-pagination__number:hover:not(.t-pagination.t-size-s .t-pagination__number.t-is-current) {
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-secondarycontainer-hover);
}
.t-pagination.t-size-s .t-pagination__number:active:not(.t-pagination.t-size-s .t-pagination__number.t-is-current) {
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-secondarycontainer-active);
}
.t-pagination.t-size-s .t-pagination__number.t-is-disabled {
  background: none;
  color: var(--td-text-color-disabled);
}
.t-pagination.t-size-s .t-pagination__number.t-is-current.t-is-disabled {
  background-color: var(--td-brand-color-2);
  color: var(--td-text-color-anti);
  border-color: var(--td-brand-color-2);
}
.t-pagination.t-size-s .t-pagination__btn {
  border: 0 none;
  background: none;
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.t-pagination.t-size-s .t-pagination__btn:hover {
  background-color: var(--td-bg-color-secondarycontainer-hover);
}
.t-pagination.t-size-s .t-pagination__btn:active {
  background-color: var(--td-bg-color-secondarycontainer-active);
}
.t-pagination.t-size-s .t-pagination__btn.t-is-disabled,
.t-pagination.t-size-s .t-pagination__btn.t-is-disabled:hover,
.t-pagination.t-size-s .t-pagination__btn.t-is-disabled:active {
  background: none;
  color: var(--td-text-color-disabled);
}
.t-pagination.t-is-disabled {
  background-color: var(--td-bg-color-component-disabled);
}
.t-pagination.t-is-disabled .t-pagination__jump {
  color: var(--td-text-color-placeholder);
}

.default-step-icon {
  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;
  width: 24px;
  height: 24px;
  text-align: center;
  border-radius: 50%;
  margin-top: 3px;
  font-size: 16px;
}
.t-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.t-steps .t-steps-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  vertical-align: top;
  margin-right: 8px;
  position: relative;
}
.t-steps .t-steps-item:last-child {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.t-steps .t-steps-item__inner {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-steps .t-steps-item__inner.t-steps-item--clickable {
  cursor: pointer;
}
.t-steps .t-steps-item--finish .t-steps-item__icon .t-icon {
  color: var(--td-brand-color);
}
.t-steps .t-steps-item--finish .t-steps-item__icon--number {
  border-color: var(--td-brand-color);
}
.t-steps .t-steps-item--finish .t-steps-item__title {
  color: var(--td-text-color-primary);
  font-weight: normal;
}
.t-steps .t-steps-item--finish .t-steps-item__description {
  color: var(--td-text-color-secondary);
}
.t-steps .t-steps-item--process .t-steps-item__icon .t-icon {
  color: var(--td-brand-color);
}
.t-steps .t-steps-item--process .t-steps-item__icon--number {
  border-color: var(--td-brand-color);
  background-color: var(--td-brand-color);
  color: var(--td-text-color-anti);
  font-weight: bold;
}
.t-steps .t-steps-item--process .t-steps-item__title {
  color: var(--td-brand-color);
  font-weight: bold;
}
.t-steps .t-steps-item--process .t-steps-item__description {
  color: var(--td-text-color-secondary);
}
.t-steps .t-steps-item--error .t-steps-item__icon .t-icon {
  color: var(--td-error-color);
}
.t-steps .t-steps-item--error .t-steps-item__icon--number {
  color: var(--td-error-color);
  border-color: var(--td-error-color);
}
.t-steps .t-steps-item--error .t-steps-item__title {
  color: var(--td-error-color);
}
.t-steps .t-steps-item--error .t-steps-item__description {
  color: var(--td-text-color-secondary);
}
.t-steps .t-steps-item__icon {
  vertical-align: top;
  font-size: 14px;
  margin-right: 8px;
  color: var(--td-text-color-placeholder);
}
.t-steps .t-steps-item__icon--number {
  color: var(--td-text-color-placeholder);
  border: 1px solid var(--td-text-color-placeholder);
  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;
  width: 24px;
  height: 24px;
  text-align: center;
  border-radius: 50%;
  margin-top: 3px;
  font-size: 16px;
}
.t-steps .t-steps-item__icon--finish {
  border: 1px solid var(--td-brand-color);
  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;
  width: 24px;
  height: 24px;
  text-align: center;
  border-radius: 50%;
  margin-top: 3px;
  font-size: 16px;
}
.t-steps .t-steps-item__icon--error {
  border: 1px solid var(--td-error-color-6);
  color: #000;
  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;
  width: 24px;
  height: 24px;
  text-align: center;
  border-radius: 50%;
  margin-top: 3px;
  font-size: 16px;
}
.t-steps .t-steps-item__icon > .t-icon {
  font-size: 24px;
}
.t-steps .t-steps-item__title {
  position: relative;
  padding-right: 8px;
  color: var(--td-text-color-placeholder);
  font-size: 16px;
  line-height: 24px;
}
.t-steps .t-steps-item__description {
  color: var(--td-text-color-placeholder);
  font-size: 14px;
  margin-bottom: 4px;
  line-height: 22px;
}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item__content {
  margin-top: 4px;
}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 4px;
}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item__icon__number {
  width: steps-circle-width;
  height: 24px;
  margin-top: 3px;
}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item__icon > .t-icon {
  font-size: 35px;
}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item:not(:last-child) .t-steps-item__title:after {
  content: "";
  display: block;
  width: 9999px;
  height: 1px;
  background: var(--td-text-color-placeholder);
  position: absolute;
  left: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item--finish:not(:last-child) .t-steps-item__title:after {
  background: var(--td-brand-color);
  height: 2px;
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item {
  overflow: visible;
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item .t-steps-item__title {
  padding-right: 0;
  margin-bottom: 4px;
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item--finish .t-steps-item__icon {
  border-color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item--process .t-steps-item__icon {
  background: var(--td-brand-color);
  border-color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item--error .t-steps-item__icon {
  background: var(--td-error-color);
  border-color: var(--td-error-color);
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item__icon {
  display: block;
  width: 8px;
  height: 8px;
  border: 2px solid var(--td-text-color-placeholder);
  border-radius: 50%;
  margin-bottom: 4px;
  position: relative;
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item__content {
  text-align: center;
  width: 140px;
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item:not(:last-child)::after {
  content: "";
  display: block;
  width: calc(100% - 16px);
  height: 1px;
  background: var(--td-text-color-placeholder);
  position: absolute;
  left: calc(140px / 2 + 8px);
  top: 2.5px;
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item--finish:not(:last-child)::after {
  background: var(--td-brand-color);
  height: 2px;
}
.t-steps--vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.t-steps--vertical.t-steps--positive .t-steps-item {
  padding-bottom: 24px;
  margin-bottom: 5px;
}
.t-steps--vertical.t-steps--positive .t-steps-item:not(:last-child)::before {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  background: var(--td-text-color-placeholder);
  position: absolute;
  top: 35px;
  left: 11px;
}
.t-steps--vertical.t-steps--positive .t-steps-item--finish:not(:last-child)::before {
  background: var(--td-brand-color);
  width: 2px;
}
.t-steps--vertical.t-steps--default-anchor .t-steps-item__content {
  margin-top: 2px;
  margin-left: 0px;
}
.t-steps--vertical.t-steps--default-anchor .t-steps-item__title {
  margin-bottom: 4px;
}
.t-steps--vertical.t-steps--dot-anchor.t-steps--positive .t-steps-item:not(:last-child)::before {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  background: var(--td-text-color-placeholder);
  position: absolute;
  left: 2.5px;
  top: 17px;
}
.t-steps--vertical.t-steps--dot-anchor.t-steps--positive .t-steps-item--finish:not(:last-child)::before {
  background: var(--td-brand-color);
  width: 2px;
}
.t-steps--vertical.t-steps--dot-anchor .t-steps-item {
  margin-bottom: 0;
}
.t-steps--vertical.t-steps--dot-anchor .t-steps-item--finish .t-steps-item__icon {
  border-color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--dot-anchor .t-steps-item--process .t-steps-item__icon {
  background: var(--td-brand-color);
  border-color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--dot-anchor .t-steps-item--error .t-steps-item__icon {
  background: var(--td-error-color);
  border-color: var(--td-error-color);
}
.t-steps--vertical.t-steps--dot-anchor .t-steps-item__icon {
  display: block;
  width: 8px;
  height: 8px;
  border: 2px solid var(--td-text-color-placeholder);
  border-radius: 50%;
  margin-bottom: 4px;
  position: relative;
  top: 5px;
}
.t-steps--vertical.t-steps--reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.t-steps--vertical.t-steps--reverse .t-steps-item {
  padding-bottom: 24px;
  margin-bottom: 5px;
}
.t-steps--vertical.t-steps--reverse .t-steps-item:not(:first-child)::before {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  background: var(--td-text-color-placeholder);
  position: absolute;
  top: 35px;
  left: 11px;
}
.t-steps--vertical.t-steps--reverse .t-steps-item--process:not(:first-child)::before,
.t-steps--vertical.t-steps--reverse .t-steps-item--finish:not(:first-child)::before {
  width: 2px;
  background: var(--td-brand-color);
}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item {
  margin-bottom: 0;
}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item:not(:first-child)::before {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  background: var(--td-text-color-placeholder);
  position: absolute;
  left: 3.5px;
  top: 17px;
}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item:first-child::before {
  display: none;
}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item--process:not(:first-child)::before,
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item--finish:not(:first-child)::before {
  width: 2px;
  background: var(--td-brand-color);
}

.t-cascader {
  position: relative;
  border: 1px solid var(--td-border-level-2-color);
  border-radius: 3px;
  padding: 0px 26px 0px 4px;
  background-color: transparent;
  vertical-align: middle;
  cursor: default;
  color: var(--td-text-color-primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-transition: border-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
  transition: border-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.t-cascader:hover:not(.t-is-disabled) {
  cursor: pointer;
  border-color: var(--td-brand-color);
}
.t-cascader:hover:not(.t-is-disabled) > .t-icon {
  color: var(--td-text-color-placeholder);
}
.t-cascader__popup {
  width: 100%;
}
.t-cascader__placeholder {
  color: var(--td-text-color-placeholder);
  margin-left: 4px;
}
.t-cascader__content {
  margin-left: 4px;
  color: var(--td-text-color-primary);
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-cascader__dropdown {
  margin: 10px 0 5px 0;
  -webkit-box-shadow: var(--td-shadow-2);
          box-shadow: var(--td-shadow-2);
  border-radius: 3px;
  cursor: default;
  padding: 0;
}
.t-cascader__panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.t-cascader__panel.t-cascader--normal {
  height: 200px;
}
.t-cascader__panel.t-cascader--multiple {
  height: 280px;
}
.t-cascader__panel.t-cascader--tip {
  height: 40px;
}
.t-cascader__panel--empty {
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: var(--td-text-color-disabled);
  margin: 8px;
  text-align: center;
  padding-left: 0;
}
.t-cascader__panel--empty:hover {
  background: none;
  cursor: default;
}
.t-cascader__menu {
  width: 148px;
  overflow: auto;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: 8px;
  background: var(--td-bg-color-container);
}
.t-cascader__menu--segment {
  border-right: 0.5px solid var(--td-component-stroke);
}
.t-cascader__item {
  position: relative;
  height: 40px;
  line-height: 40px;
  color: var(--td-text-color-primary);
  padding: 0 8px;
  border-radius: 3px;
  margin-top: 4px;
  -webkit-transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
  transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
  --ripple-color: var(--td-bg-color-container-active);
}
.t-cascader__item.t-size-s {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
}
.t-cascader__item.t-size-l {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  padding: 0 12px;
}
.t-cascader__item.t-is-disabled {
  color: var(--td-text-color-disabled);
  background-color: transparent;
  cursor: not-allowed;
}
.t-cascader__item.t-is-expanded {
  background: var(--td-brand-color-light);
  color: var(--td-text-color-brand);
}
.t-cascader__item.t-is-expanded .t-icon-chevron-right {
  color: var(--td-text-color-brand);
}
.t-cascader__item.t-is-expanded:hover {
  cursor: pointer;
}
.t-cascader__item:first-child {
  margin-top: 0;
}
.t-cascader__item-icon {
  color: var(--td-text-color-secondary);
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  background: transparent;
  margin: 0 8px;
  font-size: 16px;
}
.t-cascader__item-icon .t-icon-loading {
  color: var(--td-text-color-brand);
}
.t-cascader__item .t-checkbox {
  max-width: 100%;
}
.t-cascader__item .t-checkbox .t-checkbox__input {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.t-cascader__item .t-checkbox .t-checkbox__label {
  display: block;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-cascader__item .t-checkbox .t-checkbox__label .t-cascader__item__label--filter {
  color: var(--td-text-color-brand);
}
.t-cascader__item--with-icon {
  padding: 0 22px 0 8px;
}
.t-cascader__item--leaf .t-checkbox {
  width: 100%;
}
.t-cascader__item-label {
  display: block;
  position: relative;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-cascader__item-label--ellipsis {
  width: 100%;
  height: 24px;
  position: absolute;
  left: 0;
  top: 50%;
  opacity: 0;
  overflow: hidden;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.t-cascader__item-label--ellipsis .t-popup__reference {
  width: 100%;
  height: 100%;
}
.t-cascader__item-label--ellipsis .t-popup__reference .t-trigger {
  width: 100%;
  height: 100%;
  display: block;
}
.t-cascader__item-label--filter {
  color: var(--td-text-color-brand);
}
.t-cascader__item:hover:not(.t-is-expanded) {
  background: var(--td-bg-color-container-hover);
  cursor: pointer;
}
.t-cascader__item.t-is-selected {
  color: var(--td-brand-color);
}
.t-cascader__item.t-is-selected .t-checkbox__label {
  color: var(--td-brand-color);
}
.t-cascader__search-input {
  width: 100%;
  border: 0;
  background: transparent;
}
.t-cascader__icon {
  color: var(--td-text-color-placeholder);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  background: transparent;
  margin: 0 8px;
  font-size: 16px;
}
.t-cascader__icon.t-is-expanded,
.t-cascader__icon.t-is-selected,
.t-cascader__icon.t-is-loading {
  background: transparent;
  color: var(--td-text-color-brand);
}
.t-cascader--multiple {
  padding: 1px 28px 1px 3px;
}
.t-cascader--multiple.t-size-s {
  padding: 0px 28px 0px 1px;
}
.t-cascader .t-input {
  border: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-left: 4px;
}
.t-cascader .t-input:hover,
.t-cascader .t-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: transparent;
}
.t-cascader .t-tag {
  margin: 2px 4px 2px 0;
}
.t-cascader.t-is-disabled {
  cursor: not-allowed;
  background-color: var(--td-bg-color-component-disabled);
  color: var(--td-text-color-disabled);
  border-color: var(--td-border-level-2-color);
}
.t-cascader.t-is-disabled > .t-cascader__placeholder,
.t-cascader.t-is-disabled .t-cascader__icon {
  color: var(--td-text-color-disabled);
}
.t-cascader.t-is-disabled .t-cascader__content {
  color: var(--td-text-color-disabled);
}
.t-cascader.t-is-active {
  border-color: var(--td-brand-color);
  -webkit-box-shadow: 0 0 0px 2px var(--td-brand-color-focus);
          box-shadow: 0 0 0px 2px var(--td-brand-color-focus);
  -webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0.82, 0, 1, 0.9);
  transition: -webkit-box-shadow 0.2s cubic-bezier(0.82, 0, 1, 0.9);
  transition: box-shadow 0.2s cubic-bezier(0.82, 0, 1, 0.9);
  transition: box-shadow 0.2s cubic-bezier(0.82, 0, 1, 0.9), -webkit-box-shadow 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.t-cascader.t-is-active .t-fake-arrow {
  color: var(--td-text-color-brand);
}
.t-cascader.t-size-l {
  height: 40px;
  font-size: 16px;
  min-height: 40px;
}
.t-cascader.t-size-l.t-cascader-item--with-icon {
  padding: 0 22px 0 12px;
}
.t-cascader.t-size-m {
  min-height: 32px;
  font-size: 14px;
}
.t-cascader.t-size-m .t-input {
  height: 28px;
  line-height: 28px;
}
.t-cascader.t-size-s {
  height: 24px;
  line-height: calc(24px - 2px);
  font-size: 12px;
  min-height: 24px;
}
.t-cascader.t-size-s .t-input {
  height: calc(24px - 2px);
  line-height: calc(32px - 4px);
}
.t-cascader.t-size-s .t-tag {
  margin: 1px 1px 1px 0;
}
.t-cascader .t-is-popup {
  border: 1px solid var(--td-text-color-brand);
}

.t-date-picker {
  padding: 0;
}
.t-date-picker .t-date-picker__popup-reference {
  width: 100%;
}
.t-date-picker__container {
  border-radius: 3px;
  background-color: var(--td-bg-color-container);
  overflow: auto;
}
.t-date-picker .t-is-active .t-input {
  border-color: var(--td-brand-color);
  -webkit-box-shadow: 0 0 0 2px var(--td-brand-color-focus);
          box-shadow: 0 0 0 2px var(--td-brand-color-focus);
}
.t-date-picker__panels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 320px;
  max-width: 100%;
  background-color: var(--td-bg-color-container);
}
.t-date-picker__panels::after {
  display: block;
  clear: both;
  content: "";
}
.t-date-picker--panel {
  position: relative;
  width: 320px;
  margin: 0;
}
.t-date-picker--panel:nth-child(2)::before {
  content: " ";
  width: 1px;
  height: 95%;
  display: block;
  position: absolute;
  left: 0;
  top: 16px;
  border-left: 1px solid transparent;
}
.t-date-picker__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px;
  border-bottom: 1px solid var(--td-border-level-1-color);
}
.t-date-picker__header .t-date-picker__header-title,
.t-date-picker__header .t-date-picker__header-btn {
  font-size: 16px;
  font-weight: 500;
}
.t-date-picker__header .t-date-picker__header-controller__btn {
  color: var(--td-text-color-secondary);
  padding: 4px;
  width: 32px;
}
.t-date-picker__header .t-date-picker__header-controller__btn .t-icon {
  font-size: 16px;
}
.t-date-picker__header .t-date-picker__header-controller__btn:nth-child(2) {
  margin: 0 8px;
}
.t-date-picker__header .t-date-picker__header-controller__btn--now {
  color: var(--td-text-color-secondary);
}
.t-date-picker__cell-wrapper {
  height: 40px;
  margin-top: 4px;
  width: 100%;
  cursor: pointer;
  position: relative;
}
.t-date-picker__cell-wrapper > span {
  display: block;
  width: 40px;
  line-height: 40px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
}
.t-date-picker__cell-wrapper > span:hover {
  -webkit-box-shadow: inset 0 0 0 1px var(--td-brand-color);
          box-shadow: inset 0 0 0 1px var(--td-brand-color);
  -webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0.82, 0, 1, 0.9);
  transition: -webkit-box-shadow 0.2s cubic-bezier(0.82, 0, 1, 0.9);
  transition: box-shadow 0.2s cubic-bezier(0.82, 0, 1, 0.9);
  transition: box-shadow 0.2s cubic-bezier(0.82, 0, 1, 0.9), -webkit-box-shadow 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.t-date-picker__cell__text {
  font-size: 14px;
}
.t-date-picker__cell--now .t-date-picker__cell-wrapper {
  position: absolute;
  top: 0;
  color: var(--td-brand-color);
}
.t-date-picker__cell--now .t-date-picker__cell-wrapper::after {
  display: block;
  content: "";
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background-color: var(--td-brand-color);
  position: relative;
  z-index: 2;
  left: 17px;
  top: 34px;
}
.t-date-picker__cell--highlight .t-date-picker__cell-wrapper {
  background-color: var(--td-brand-color-1);
  border-color: var(--td-brand-color-1);
  -webkit-transition: background 0.2s, border 0.2s;
  transition: background 0.2s, border 0.2s;
}
.t-date-picker__cell--highlight .t-date-picker__cell-wrapper::after {
  display: none;
}
.t-date-picker__cell--additional .t-date-picker__cell-wrapper {
  color: var(--td-text-color-disabled);
  background: var(--td-bg-color-container);
}
.t-date-picker__cell--additional .t-date-picker__cell-wrapper > span {
  color: var(--td-text-color-disabled);
}
.t-date-picker__cell--additional .t-date-picker__cell-wrapper > span:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.t-date-picker__cell--active .t-date-picker__cell-wrapper > span {
  color: var(--td-text-color-anti);
  background-color: var(--td-brand-color);
}
.t-date-picker__cell--active .t-date-picker__cell-wrapper::after {
  display: none;
}
.t-date-picker__cell--active-start .t-date-picker__cell-wrapper {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}
.t-date-picker__cell--active-end .t-date-picker__cell-wrapper {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}
.t-date-picker__cell--last-day-of-month .t-date-picker__cell-wrapper {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}
.t-date-picker__cell--first-day-of-month .t-date-picker__cell-wrapper {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}
.t-date-picker__cell--disabled .t-date-picker__cell-wrapper {
  cursor: not-allowed;
  border-radius: 50%;
  background-color: var(--td-bg-color-component-disabled);
  border-color: var(--td-bg-color-component-disabled);
}
.t-date-picker__cell--disabled .t-date-picker__cell-wrapper > span {
  color: var(--td-text-color-disabled);
}
.t-date-picker__cell--disabled .t-date-picker__cell-wrapper > span:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.t-date-picker__cell--disabled + .t-date-picker__cell--disabled .t-date-picker__cell-wrapper::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: -50%;
  top: 0;
  background: var(--td-bg-color-component-disabled);
  pointer-events: none;
}
.t-date-picker--year {
  padding-bottom: 24px;
}
.t-date-picker--year tbody tr .t-date-picker__cell-wrapper {
  margin-top: 8px;
  height: 48px;
}
.t-date-picker--year tbody tr .t-date-picker__cell-wrapper .t-date-picker__cell-text {
  height: 48px;
  width: 48px;
  line-height: 48px;
}
.t-date-picker--year tbody tr .t-date-picker__cell-wrapper::after {
  left: 36px;
  top: 40px;
}
.t-date-picker--year tbody tr:first-child .t-date-picker__cell-wrapper {
  margin-top: 16px;
}
.t-date-picker--month tbody tr .t-date-picker__cell-wrapper {
  margin-top: 8px;
}
.t-date-picker--month tbody tr .t-date-picker__cell-wrapper::after {
  left: 36px;
}
.t-date-picker--month tbody tr:first-child .t-date-picker__cell-wrapper {
  margin-top: 20px;
}
.t-date-picker--month tbody tr:last-child .t-date-picker__cell-wrapper {
  margin-bottom: 12px;
}
.t-date-picker--date {
  padding: 0 16px 16px;
}
.t-date-picker__panel {
  width: 320px;
}
.t-date-picker__panel table {
  width: 100%;
  border-collapse: collapse;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 0 16px 16px;
}
.t-date-picker__panel tbody {
  font-weight: 500;
  margin-top: 2px;
}
.t-date-picker__panel th {
  color: var(--td-text-color-secondary);
  padding: 16px 0 8px;
  margin-bottom: 5px;
  width: 46px;
  font-weight: 400;
}
.t-date-picker__panel td {
  padding: 0;
  text-align: center;
  position: relative;
}
.t-date-picker__panel td:first-child .t-date-picker__cell-wrapper {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}
.t-date-picker__panel td:last-child .t-date-picker__cell-wrapper {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}
.t-date-picker__panel__sub-panel--hide {
  display: none;
}
.t-date-picker__panels {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-date-picker__footer {
  width: 320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.t-date-picker--range .t-date-picker__footer {
  width: 640px;
}
.t-date-picker__presets {
  margin: 0 16px 16px 16px;
  min-width: 100px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.t-date-picker__presets ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
.t-date-picker__presets li {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  white-space: nowrap;
  padding: 0;
  cursor: pointer;
  float: left;
  margin-right: 16px;
}
.t-date-picker__presets li:last-child {
  margin: 0;
}
.t-date-picker__presets li a {
  color: var(--td-brand-color);
}
.t-date-picker__presets li a:hover {
  color: var(--td-brand-color-hover);
}
.t-date-picker--apply {
  margin: 0 16px 16px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-date-picker--apply > button:last-child {
  margin-left: 8px;
}

.t-form {
  font-size: 14px;
}
.t-form:not(.t-form-inline) .t-form__item:last-of-type {
  margin: 0;
}
.t-form__item {
  margin-bottom: 24px;
}
.t-form__item-with-help,
.t-form__item-with-extra {
  margin-bottom: 0;
}
.t-form__label {
  float: left;
  padding-right: 24px;
  vertical-align: middle;
  line-height: 32px;
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
}
.t-form__label--top {
  float: none;
  min-height: 32px;
}
.t-form__label--left {
  text-align: left;
}
.t-form__label--right {
  text-align: right;
}
.t-form__label--required label::before {
  display: inline-block;
  margin-right: 4px;
  color: var(--td-error-color);
  line-height: 22px;
  content: "*";
}
.t-form__label--colon label::after {
  content: ":";
  position: relative;
  margin: 0 8px 0 2px;
}
.t-form__controls {
  min-height: 32px;
  display: flow-root;
}
.t-form__controls-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 32px;
}
.t-form__controls .t-form__item {
  margin: 0 24px 0 0;
}
.t-form__controls.t-is-success .t-form__status .t-icon {
  color: var(--td-success-color);
}
.t-form__controls.t-is-success .t-input__extra {
  color: var(--td-success-color);
}
.t-form__controls.t-form--success-border.t-is-success .t-input__extra {
  color: var(--td-success-color);
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-input,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-radio-button,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner {
  border-color: var(--td-success-color);
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-input--focused,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select--focused,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-radio-button--focused,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader--focused,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner--focused {
  -webkit-box-shadow: 0 0 0 2px var(--td-success-color-focus);
          box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-input .t-icon,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select .t-icon,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-radio-button .t-icon,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader .t-icon,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner .t-icon,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-input .t-fake-arrow,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select .t-fake-arrow,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-radio-button .t-fake-arrow,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader .t-fake-arrow,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner .t-fake-arrow {
  color: var(--td-success-color);
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader .t-input,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select .t-input {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select > .t-select__right-icon:not(.t-select__right-icon-clear) {
  color: var(--td-success-color);
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner.t-is-focused {
  -webkit-box-shadow: 0 0 0 2px var(--td-success-color-focus);
          box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader.t-is-active,
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select.t-is-active {
  -webkit-box-shadow: 0 0 0 2px var(--td-success-color-focus);
          box-shadow: 0 0 0 2px var(--td-success-color-focus);
}
.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-form__status .t-icon {
  color: var(--td-success-color);
}
.t-form__help {
  height: auto;
  min-height: 24px;
  line-height: 20px;
  font-size: 12px;
  display: inline-block;
  color: var(--td-text-color-placeholder);
}
.t-form__status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
}
.t-form__status > .t-icon {
  font-size: 20px;
}
.t-form__status-without-icon {
  width: 25px;
  height: 25px;
}
.t-form__status button {
  width: 32px;
}
.t-form__status button + button {
  margin-left: 8px;
}
.t-form-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 16px;
}
.t-form-inline .t-form__item {
  margin: 0;
  min-width: 200px;
  display: inline-block;
  margin-right: 24px;
}
.t-input__extra {
  height: auto;
  min-height: 24px;
  line-height: 20px;
  font-size: 12px;
  display: inline-block;
}
.t-is-warning .t-input__extra {
  color: var(--td-warning-color);
}
.t-is-warning .t-form__controls-content .t-input,
.t-is-warning .t-form__controls-content .t-select,
.t-is-warning .t-form__controls-content .t-radio-button,
.t-is-warning .t-form__controls-content .t-cascader,
.t-is-warning .t-form__controls-content .t-textarea__inner {
  border-color: var(--td-warning-color);
}
.t-is-warning .t-form__controls-content .t-input--focused,
.t-is-warning .t-form__controls-content .t-select--focused,
.t-is-warning .t-form__controls-content .t-radio-button--focused,
.t-is-warning .t-form__controls-content .t-cascader--focused,
.t-is-warning .t-form__controls-content .t-textarea__inner--focused {
  -webkit-box-shadow: 0 0 0 2px var(--td-warning-color-focus);
          box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.t-is-warning .t-form__controls-content .t-input .t-icon,
.t-is-warning .t-form__controls-content .t-select .t-icon,
.t-is-warning .t-form__controls-content .t-radio-button .t-icon,
.t-is-warning .t-form__controls-content .t-cascader .t-icon,
.t-is-warning .t-form__controls-content .t-textarea__inner .t-icon,
.t-is-warning .t-form__controls-content .t-input .t-fake-arrow,
.t-is-warning .t-form__controls-content .t-select .t-fake-arrow,
.t-is-warning .t-form__controls-content .t-radio-button .t-fake-arrow,
.t-is-warning .t-form__controls-content .t-cascader .t-fake-arrow,
.t-is-warning .t-form__controls-content .t-textarea__inner .t-fake-arrow {
  color: var(--td-warning-color);
}
.t-is-warning .t-form__controls-content .t-cascader .t-input,
.t-is-warning .t-form__controls-content .t-select .t-input {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.t-is-warning .t-form__controls-content .t-select > .t-select__right-icon:not(.t-select__right-icon-clear) {
  color: var(--td-warning-color);
}
.t-is-warning .t-form__controls-content .t-textarea__inner.t-is-focused {
  -webkit-box-shadow: 0 0 0 2px var(--td-warning-color-focus);
          box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.t-is-warning .t-form__controls-content .t-cascader.t-is-active,
.t-is-warning .t-form__controls-content .t-select.t-is-active {
  -webkit-box-shadow: 0 0 0 2px var(--td-warning-color-focus);
          box-shadow: 0 0 0 2px var(--td-warning-color-focus);
}
.t-is-warning .t-form__controls-content .t-form__status .t-icon {
  color: var(--td-warning-color);
}
.t-is-error .t-input__extra {
  color: var(--td-error-color);
}
.t-is-error .t-form__controls-content .t-input,
.t-is-error .t-form__controls-content .t-select,
.t-is-error .t-form__controls-content .t-radio-button,
.t-is-error .t-form__controls-content .t-cascader,
.t-is-error .t-form__controls-content .t-textarea__inner {
  border-color: var(--td-error-color);
}
.t-is-error .t-form__controls-content .t-input--focused,
.t-is-error .t-form__controls-content .t-select--focused,
.t-is-error .t-form__controls-content .t-radio-button--focused,
.t-is-error .t-form__controls-content .t-cascader--focused,
.t-is-error .t-form__controls-content .t-textarea__inner--focused {
  -webkit-box-shadow: 0 0 0 2px var(--td-error-color-focus);
          box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.t-is-error .t-form__controls-content .t-input .t-icon,
.t-is-error .t-form__controls-content .t-select .t-icon,
.t-is-error .t-form__controls-content .t-radio-button .t-icon,
.t-is-error .t-form__controls-content .t-cascader .t-icon,
.t-is-error .t-form__controls-content .t-textarea__inner .t-icon,
.t-is-error .t-form__controls-content .t-input .t-fake-arrow,
.t-is-error .t-form__controls-content .t-select .t-fake-arrow,
.t-is-error .t-form__controls-content .t-radio-button .t-fake-arrow,
.t-is-error .t-form__controls-content .t-cascader .t-fake-arrow,
.t-is-error .t-form__controls-content .t-textarea__inner .t-fake-arrow {
  color: var(--td-error-color);
}
.t-is-error .t-form__controls-content .t-cascader .t-input,
.t-is-error .t-form__controls-content .t-select .t-input {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.t-is-error .t-form__controls-content .t-select > .t-select__right-icon:not(.t-select__right-icon-clear) {
  color: var(--td-error-color);
}
.t-is-error .t-form__controls-content .t-textarea__inner.t-is-focused {
  -webkit-box-shadow: 0 0 0 2px var(--td-error-color-focus);
          box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.t-is-error .t-form__controls-content .t-cascader.t-is-active,
.t-is-error .t-form__controls-content .t-select.t-is-active {
  -webkit-box-shadow: 0 0 0 2px var(--td-error-color-focus);
          box-shadow: 0 0 0 2px var(--td-error-color-focus);
}
.t-is-error .t-form__controls-content .t-form__status .t-icon {
  color: var(--td-error-color);
}

.t-radio-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-radio-group .t-radio {
  margin-right: 24px;
}
.t-radio-group.t-radio-group__outline .t-radio-button.t-is-checked {
  color: var(--td-brand-color);
}
.t-radio-group.t-radio-group__outline .t-radio-button.t-is-disabled.t-is-checked {
  color: var(--td-brand-color-disabled);
  border-color: var(--td-brand-color-disabled);
  background-color: var(--td-bg-color-specialcomponent);
}
.t-radio-group.t-radio-group--filled {
  border-color: var(--td-bg-color-component);
  padding: 2px;
  border-radius: 3px;
  background-color: var(--td-bg-color-component);
  position: relative;
}
.t-radio-group.t-radio-group--filled .t-radio-group__bg-block {
  position: absolute;
  left: 2px;
  top: 2px;
  width: 0;
  height: calc(100% - 4px);
  background-color: var(--td-bg-color-container-select);
  -webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  border-radius: 3px;
}
.t-radio-group.t-radio-group--filled .t-radio-button {
  color: var(--td-text-color-secondary);
  border: 0;
  background-color: transparent;
}
.t-radio-group.t-radio-group--filled .t-radio-button:hover {
  color: var(--td-text-color-primary);
}
.t-radio-group.t-radio-group--filled .t-radio-button::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: calc(100% - 16px);
  background-color: var(--td-component-border);
  -webkit-transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1);
  transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1);
}
.t-radio-group.t-radio-group--filled .t-radio-button:first-child::before {
  opacity: 0;
}
.t-radio-group.t-radio-group--filled .t-radio-button.t-is-checked {
  position: relative;
  color: var(--td-text-color-primary);
  z-index: 1;
  border: 0;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.t-radio-group.t-radio-group--filled .t-radio-button.t-is-checked::before {
  opacity: 0;
}
.t-radio-group.t-radio-group--filled .t-radio-button.t-is-checked + label::before {
  opacity: 0;
}
.t-radio-group.t-radio-group--filled .t-radio-button.t-is-disabled {
  background-color: transparent;
}
.t-radio-group.t-radio-group--filled .t-radio-button.t-is-disabled.t-is-checked {
  color: var(--td-text-color-disabled);
}
.t-radio-group.t-radio-group--filled .t-radio-button.t-is-disabled.t-is-checked ~ .t-radio-group__bg-block {
  background-color: var(--td-bg-color-component-disabled);
}
.t-radio-group.t-radio-group--primary-filled .t-radio-group__bg-block {
  background-color: var(--td-brand-color);
}
.t-radio-group.t-radio-group--primary-filled .t-radio-button.t-is-checked {
  color: var(--td-text-color-anti);
}
.t-radio-group.t-radio-group--primary-filled .t-radio-button.t-is-disabled.t-is-checked {
  color: var(--td-text-color-anti);
}
.t-radio-group.t-radio-group--primary-filled .t-radio-button.t-is-disabled.t-is-checked ~ .t-radio-group__bg-block {
  background-color: var(--td-brand-color-disabled);
}
.t-radio-group.t-size-s {
  height: 24px;
}
.t-radio-group.t-size-s .t-radio-button {
  padding: 0px 4px;
  font-size: 12px;
  line-height: 20px;
}
.t-radio-group.t-size-s .t-radio-button::before {
  height: calc(100% - 16px);
}
.t-radio-group.t-size-m {
  height: 32px;
}
.t-radio-group.t-size-m .t-radio-button {
  padding: 4px 16px;
  font-size: 14px;
}
.t-radio-group.t-size-m .t-radio-button::before {
  height: calc(100% - 20px);
}
.t-radio-group.t-size-l {
  height: 40px;
}
.t-radio-group.t-size-l .t-radio-button {
  padding: 8px 24px;
  font-size: 16px;
}
.t-radio-group.t-size-l .t-radio-button::before {
  height: calc(100% - 24px);
}
.t-radio-group .t-radio-button {
  cursor: pointer;
  position: relative;
  border: 1px solid;
  border-color: var(--td-border-level-2-color);
  border-right: 0;
  line-height: 22px;
  -webkit-transition: color 0.2s cubic-bezier(0, 0, 0.15, 1);
  transition: color 0.2s cubic-bezier(0, 0, 0.15, 1);
  color: var(--td-text-color-primary);
  white-space: nowrap;
}
.t-radio-group .t-radio-button:first-child {
  border-radius: 3px 0 0 3px;
}
.t-radio-group .t-radio-button:last-child {
  border-right: 1px solid;
  border-right-color: var(--td-border-level-2-color);
  border-radius: 0 3px 3px 0;
}
.t-radio-group .t-radio-button__former {
  opacity: 0;
  height: 0;
  width: 0;
}
.t-radio-group .t-radio-button:hover {
  color: var(--td-brand-color);
}
.t-radio-group .t-radio-button.t-is-checked {
  border-right: 1px solid;
  border-color: var(--td-brand-color);
  -webkit-transition: border-color 0.2s cubic-bezier(0, 0, 0.15, 1);
  transition: border-color 0.2s cubic-bezier(0, 0, 0.15, 1);
}
.t-radio-group .t-radio-button.t-is-checked + .t-radio-button {
  border-left: 0;
}
.t-radio-group .t-radio-button.t-is-disabled {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
}
.t-radio-group .t-radio-button.t-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
  color: var(--td-text-color-disabled);
}
.t-radio-group .t-radio-button.t-is-disabled:hover::after {
  width: 0;
}
.t-radio-group .t-radio-button.t-is-disabled.t-is-checked {
  color: var(--td-text-color-disabled);
}
.t-radio-group .t-radio-button.t-is-disabled.t-is-checked::after {
  width: 0;
}
.t-radio {
  position: relative;
  cursor: pointer;
}
.t-radio__former {
  opacity: 0;
  position: absolute;
}
.t-radio__input {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  border-radius: 50%;
  border: 1px solid var(--td-border-level-2-color);
  background-color: var(--td-bg-color-container);
  -webkit-transition: border 0.2s cubic-bezier(0, 0, 0.15, 1);
  transition: border 0.2s cubic-bezier(0, 0, 0.15, 1);
}
.t-radio__input::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  opacity: 0;
  border-radius: 50%;
  background-color: var(--td-brand-color);
  -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.15, 1);
  transition: all 0.2s cubic-bezier(0, 0, 0.15, 1);
}
.t-radio__label {
  display: inline-block;
  margin-left: 8px;
  color: var(--td-text-color-primary);
  vertical-align: middle;
  font-size: 14px;
  white-space: nowrap;
}
.t-radio:hover .t-radio__input {
  border-color: var(--td-brand-color);
}
.t-radio.t-is-checked .t-radio__input {
  border-color: var(--td-brand-color);
}
.t-radio.t-is-checked .t-radio__input::after {
  opacity: 1;
}
.t-radio.t-is-disabled {
  cursor: not-allowed;
}
.t-radio.t-is-disabled .t-radio__label {
  color: var(--td-text-color-disabled);
}
.t-radio.t-is-disabled .t-radio__input {
  background-color: var(--td-bg-color-component-disabled);
}
.t-radio.t-is-disabled:hover .t-radio__input {
  border-color: var(--td-border-level-2-color);
}
.t-radio.t-is-disabled.t-is-checked .t-radio__input {
  border-color: var(--td-border-level-2-color);
}
.t-radio.t-is-disabled.t-is-checked .t-radio__input::after {
  background-color: var(--td-text-color-disabled);
}

.t-slider__input-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 24px;
}
.t-slider__input-container.is-vertical {
  padding-top: 16px;
  margin-left: 0px;
}
.t-slider__input-container .t-slider__center-line {
  width: 8px;
  height: 1px;
  background: rgba(0, 0, 0, 0.9);
  margin: 0 8px;
}
.t-slider__input-container .t-input-number {
  width: 80px;
}
.t-slider__input-container .t-input-number.t-input-number--row {
  width: 120px;
}
.t-slider {
  height: 18px;
  width: 100%;
  position: relative;
  padding: 7px 0;
}
.t-slider__input.is-range {
  margin-left: 12px;
}
.t-slider__container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-slider__container.is-vertical {
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.t-slider__rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: var(--td-bg-color-component);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  border-radius: 4px;
}
.t-slider__rail:hover {
  background-color: var(--td-bg-color-component-hover);
}
.t-slider__track {
  position: absolute;
  height: 4px;
  background-color: var(--td-brand-color);
  right: auto;
  border-radius: 4px;
}
.t-slider__step {
  position: absolute;
  width: 100%;
  height: 4px;
  cursor: pointer;
}
.t-slider__button {
  width: 16px;
  height: 16px;
  border: 2px solid var(--td-brand-color);
  background-color: #fff;
  border-radius: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.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);
}
.t-slider__button:hover {
  background-color: var(--td-gray-color-1);
}
.t-slider__button-wrapper {
  position: absolute;
  z-index: 2;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: transparent;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  line-height: normal;
  outline: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-slider__stop {
  position: absolute;
  width: 1px;
  height: 6px;
  background-color: var(--td-bg-color-component);
  top: 4px;
}
.t-slider__mark {
  position: absolute;
  top: 2px;
  left: 0;
  width: 100%;
}
.t-slider__mark-text {
  position: absolute;
  display: inline-block;
  font-size: 12px;
  color: var(--td-text-color-primary);
  top: 13px;
  line-height: 20px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-top: 4px;
  cursor: pointer;
}
.t-slider__mark-text:first-child {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.t-slider__mark-text:last-child {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.t-slider--vertical {
  height: 100%;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.t-slider--vertical .t-slider__rail {
  width: 4px;
  height: 100%;
}
.t-slider--vertical .t-slider__track {
  width: 4px;
  top: auto;
}
.t-slider--vertical .t-slider__step {
  width: 4px;
  height: 100%;
}
.t-slider--vertical .t-slider__handle {
  margin-top: -6px;
  margin-left: -5px;
  top: auto;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}
.t-slider--vertical .t-slider__mark {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%;
}
.t-slider--vertical .t-slider__stop {
  width: 6px;
  height: 1px;
  left: 4px;
  background-color: var(--td-bg-color-component);
}
.t-slider--vertical .t-slider__mark-text {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: 0;
  margin-left: 2px;
}
.t-slider--vertical .t-slider__button-wrapper {
  top: auto;
  left: -14px;
  -webkit-transform: translate(50%, 50%);
          transform: translate(50%, 50%);
}
.t-is-disabled {
  cursor: not-allowed;
}
.t-is-disabled .t-slider__track {
  background-color: var(--td-brand-color-disabled);
}
.t-is-disabled .t-slider__rail {
  background-color: var(--td-bg-color-component-disabled);
}
.t-is-disabled .t-slider__handle {
  border: 2px solid var(--td-brand-color-disabled);
}
.t-is-disabled .t-slider__button {
  border-color: var(--td-brand-color-disabled);
  outline: none;
}
.t-is-disabled .t-slider__mark-text {
  color: var(--td-text-color-disabled);
  cursor: not-allowed;
}
.t-is-disabled .t-slider__button-wrapper {
  cursor: not-allowed;
}

.t-switch {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  outline: none;
  border: 0;
  padding: 0;
  margin: 0;
  height: 20px;
  line-height: 20px;
  border-radius: 10px;
  min-width: 36px;
  -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.15, 1);
  transition: all 0.2s cubic-bezier(0, 0, 0.15, 1);
  background-color: var(--td-gray-color-5);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.t-switch__handle {
  position: absolute;
  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;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 12px;
  -webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-switch__handle .t-icon {
  font-size: 16px;
  color: transparent;
}
.t-switch__handle::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 12px;
  background-color: var(--td-text-color-anti);
  -webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-switch:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__handle::before {
  left: 0;
  right: -6px;
}
.t-switch:active:not(.t-is-disabled):not(.t-is-loading).t-is-checked .t-switch__handle::before {
  right: 0;
  left: -6px;
}
.t-switch:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__content {
  opacity: 0;
}
.t-switch__content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--td-text-color-anti);
  padding: 0 6px 0 20px;
  font-size: 12px;
  min-width: 36px;
  -webkit-transition: padding 0.2s cubic-bezier(0.38, 0, 0.24, 1), opacity 0.2s linear;
  transition: padding 0.2s cubic-bezier(0.38, 0, 0.24, 1), opacity 0.2s linear;
}
.t-switch__content .t-icon {
  font-size: 16px;
}
.t-switch.t-is-checked {
  background-color: var(--td-brand-color);
}
.t-switch.t-is-checked .t-switch__handle {
  left: calc(100% - 2px);
  -webkit-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
}
.t-switch.t-is-checked .t-switch__content {
  padding: 0 20px 0 6px;
  color: var(--td-text-color-anti);
}
.t-switch.t-is-loading {
  cursor: not-allowed;
  background-color: var(--td-bg-color-page);
}
.t-switch.t-is-loading .t-loading {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.t-switch.t-is-loading .t-switch__handle .t-icon {
  color: var(--td-bg-color-page);
}
.t-switch.t-is-loading.t-is-checked {
  background-color: var(--td-brand-color-2);
}
.t-switch.t-is-loading.t-is-checked .t-switch__handle .t-icon {
  color: var(--td-brand-color-2);
}
.t-switch.t-is-disabled {
  cursor: not-allowed;
  background-color: var(--td-bg-color-component-disabled);
}
.t-switch.t-is-disabled.t-is-checked {
  background-color: var(--td-brand-color-disabled);
}
.t-switch.t-is-disabled.t-is-checked .t-switch__handle .t-icon {
  color: var(--td-brand-color-disabled);
}
.t-switch.t-size-l {
  min-width: 44px;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
}
.t-switch.t-size-l:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__handle::before {
  left: 0;
  right: -8px;
}
.t-switch.t-size-l:active:not(.t-is-disabled):not(.t-is-loading).t-is-checked .t-switch__handle::before {
  right: 0;
  left: -8px;
}
.t-switch.t-size-l .t-switch__handle {
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
}
.t-switch.t-size-l .t-switch__handle .t-icon {
  font-size: 20px;
}
.t-switch.t-size-l .t-switch__content {
  padding: 0 8px 0 24px;
  min-width: 44px;
  font-size: 9px;
}
.t-switch.t-size-l .t-switch__content .t-icon {
  font-size: 16px;
}
.t-switch.t-size-l.t-is-checked .t-switch__handle {
  left: calc(100% - 2px);
}
.t-switch.t-size-l.t-is-checked .t-switch__content {
  padding: 0 24px 0 8px;
}
.t-switch.t-size-s {
  min-width: 28px;
  height: 16px;
  line-height: 16px;
  border-radius: 8px;
}
.t-switch.t-size-s:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__handle::before {
  left: 0;
  right: -4px;
}
.t-switch.t-size-s:active:not(.t-is-disabled):not(.t-is-loading).t-is-checked .t-switch__handle::before {
  right: 0;
  left: -4px;
}
.t-switch.t-size-s .t-switch__handle {
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
}
.t-switch.t-size-s .t-switch__handle .t-icon {
  font-size: 12px;
}
.t-switch.t-size-s .t-switch__content {
  padding: 0 5px 0 16px;
  min-width: 28px;
  font-size: 9px;
}
.t-switch.t-size-s .t-switch__content .t-icon {
  font-size: 16px;
}
.t-switch.t-size-s.t-is-checked .t-switch__handle {
  left: calc(100% - 2px);
}
.t-switch.t-size-s.t-is-checked .t-switch__content {
  padding: 0 16px 0 5px;
}

@-webkit-keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes t-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes t-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes t-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.t-icon-loading {
  -webkit-animation: t-spin 1s linear infinite;
          animation: t-spin 1s linear infinite;
}
@-webkit-keyframes t-zoom-out {
  from {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes t-zoom-out {
  from {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.t-tag-input .t-tag {
  margin-right: 4px;
  -webkit-animation: t-fade-in 0.1s ease-in-out;
          animation: t-fade-in 0.1s ease-in-out;
}
.t-tag-input .t-input {
  padding-left: 4px;
  overflow: hidden;
}
.t-tag-input .t-input.t-size-s {
  padding-left: 2px;
}
.t-tag-input:hover .t-input__inner,
.t-tag-input .t-input--focused .t-input__inner {
  min-width: 40px;
}
.t-tag-input .t-tag-input__prefix,
.t-tag-input .t-input__prefix:empty {
  margin-left: 4px;
}
.t-tag-input .t-input--auto-width {
  padding-right: 4px;
}
.t-tag-input .t-input--auto-width .t-tag:last-child {
  margin-right: 0;
}
.t-tag-input .t-input--auto-width:hover .t-input__prefix:not(:empty) + .t-input__inner,
.t-tag-input .t-input--auto-width .t-is-focused .t-input__prefix:not(:empty) + .t-input__inner {
  margin-left: 4px;
}
.t-tag-input__suffix-clear {
  cursor: pointer;
}
.t-tag-input--break-line .t-input {
  display: block;
  height: auto;
  padding-right: 24px;
}
.t-tag-input--break-line .t-input.t-input--prefix > .t-input__prefix {
  display: inline;
  text-align: left;
}
.t-tag-input--break-line .t-input .t-input__suffix-icon {
  position: absolute;
  right: 8px;
  bottom: 0;
}
.t-tag-input__prefix {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: inline-block;
  margin-right: 8px;
}

.t-select-input,
.t-select-input__wrap {
  width: 100%;
  display: inline-block;
}
/** 无边框模式 */
.t-select-input--borderless {
  /** 无边框模式的多选 */
}
.t-select-input--borderless .t-input {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.t-select-input--borderless .t-input:hover {
  background-color: var(--td-bg-color-container-hover);
  border-radius: 3px;
}
.t-select-input--borderless .t-input--focused {
  background-color: var(--td-bg-color-container-hover);
}
.t-select-input--borderless.t-select-input--multiple:not(.t-select-input--empty).t-select-input--popup-visible input {
  display: inline-block;
}
.t-select-input--borderless.t-select-input--multiple:not(.t-select-input--empty).t-select-input--popup-visible .t-input {
  background-color: var(--td-bg-color-container-hover);
}
.t-select-input--borderless.t-tag-input {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.t-select-input--borderless.t-tag-input:hover {
  background-color: var(--td-bg-color-container-hover);
  border-radius: 3px;
}

.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: var(--td-text-color-primary);
  resize: vertical;
  outline: none;
  line-height: 22px;
  -webkit-transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s, height 0s;
  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s, height 0s;
}
.t-textarea__inner:hover {
  border-color: var(--td-brand-color);
}
.t-textarea__inner:focus {
  border-color: var(--td-brand-color);
  -webkit-box-shadow: 0 0 0 2px var(--td-brand-color-focus);
          box-shadow: 0 0 0 2px var(--td-brand-color-focus);
}
.t-textarea__inner::-webkit-input-placeholder {
  color: var(--td-text-color-placeholder);
}
.t-textarea__inner::-moz-placeholder {
  color: var(--td-text-color-placeholder);
}
.t-textarea__inner:-ms-input-placeholder {
  color: var(--td-text-color-placeholder);
}
.t-textarea__inner::-ms-input-placeholder {
  color: var(--td-text-color-placeholder);
}
.t-textarea__inner::placeholder {
  color: var(--td-text-color-placeholder);
}
.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;
  color: var(--td-text-color-placeholder);
}
.t-textarea .t-is-disabled {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
  cursor: not-allowed;
}
.t-textarea .t-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
}
.t-textarea .t-is-disabled::-webkit-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-textarea .t-is-disabled::-moz-placeholder {
  color: var(--td-text-color-disabled);
}
.t-textarea .t-is-disabled:-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-textarea .t-is-disabled::-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-textarea .t-is-disabled::placeholder {
  color: var(--td-text-color-disabled);
}
.t-textarea .t-resize-none {
  resize: none;
}
.t-textarea__tips {
  height: auto;
  min-height: 24px;
  line-height: 20px;
  font-size: 12px;
  display: inline-block;
}
.t-textarea__tips--normal {
  color: var(--td-text-color-placeholder);
}
.t-textarea__tips--success {
  color: var(--td-success-color);
}
.t-textarea__tips--warning {
  color: var(--td-warning-color);
}
.t-textarea__tips--error {
  color: var(--td-error-color);
}

.t-transfer {
  font-size: 14px;
  line-height: 22px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background: transparent;
  color: var(--td-text-color-primary);
  max-height: 100%;
}
.t-transfer__list {
  position: relative;
  display: inline-block;
  min-width: 196px;
  height: 200px;
  padding-top: 48px;
  border: 0;
  word-break: break-word;
  vertical-align: middle;
}
.t-transfer__list-source,
.t-transfer__list-target {
  border: 1px solid var(--td-border-level-1-color);
  border-radius: 3px;
}
.t-transfer__list-header {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  top: 0;
  height: 48px;
  line-height: 48px;
  width: 180px;
  padding: 0 12px;
  margin: 0 8px;
}
.t-transfer__list-header + :not(.t-transfer__list--with-search) {
  border-top: 1px solid var(--td-border-level-1-color);
}
.t-transfer__list-header .t-checkbox {
  margin-right: 0;
}
.t-transfer__list-header .t-checkbox__label {
  margin: 0;
}
.t-transfer__list-header div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-transfer__list-header div > span {
  margin-left: 8px;
}
.t-transfer__list-header > span {
  color: var(--td-text-color-placeholder);
}
.t-transfer__list-body {
  position: relative;
  height: 100%;
  padding: 8px 0 8px 0;
}
.t-transfer__list--with-search {
  padding-top: 40px;
  border-top: 0;
}
.t-transfer__list-content {
  height: 100%;
  width: 100%;
  overflow: auto;
}
.t-transfer__list-content .t-checkbox-group {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.t-transfer__list-content .t-checkbox-group .t-checkbox {
  margin-right: 8px;
  --ripple-color: var(--td-bg-color-container-active);
}
.t-transfer__list-content .t-checkbox-group .t-checkbox + .t-checkbox {
  margin-left: 8px;
}
.t-transfer__list-content .t-checkbox-group .t-checkbox__label {
  margin: 0;
}
.t-transfer__list-content .t-checkbox-group .t-checkbox__label > span {
  margin-left: 8px;
}
.t-transfer__list-item {
  padding: 5px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  margin: 0 8px;
  border-radius: 3px;
  -webkit-transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-transfer__list-item:first-child {
  margin-top: 0;
}
.t-transfer__list-item.t-is-disabled:hover {
  background: transparent;
}
.t-transfer__list-item:hover {
  background: var(--td-bg-color-container-hover);
  -webkit-transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-transfer__list-item.t-is-checked {
  background: var(--td-brand-color-1);
}
.t-transfer__list-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: auto;
  padding: 12px;
}
.t-transfer__list-pagination {
  height: 24px;
  vertical-align: middle;
  padding: 0 8px 0 4px;
  line-height: 16px;
}
.t-transfer__list-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  border-top: 1px solid var(--td-border-level-1-color);
  width: 100%;
}
.t-transfer__operations {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: auto 8px;
  vertical-align: middle;
  overflow: hidden;
}
.t-transfer__operations button {
  display: block;
  padding: 0 3px 1px;
  height: 24px;
  line-height: 14px;
  -webkit-transition: none;
  transition: none;
}
.t-transfer__operations button:first-child {
  margin-bottom: 14px;
}
.t-transfer__operations .t-icon {
  font-size: 16px;
}
.t-transfer__operations .t-icon + .t-button__text {
  margin-left: 0;
}
.t-transfer__operations .t-button--icon-only {
  width: 24px;
}
.t-transfer__empty {
  text-align: center;
  position: absolute;
  color: var(--td-text-color-placeholder);
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.t-transfer__search-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 0 8px;
}
.t-transfer__search .t-transfer__list {
  height: 240px;
}
.t-transfer--with-tree .t-transfer__list {
  height: auto;
}
.t-transfer__pagination .t-transfer__list {
  height: 240px;
  padding-bottom: 32px;
}
.t-transfer__footer .t-transfer__list {
  height: 248px;
  padding-bottom: 48px;
}
.t-transfer__pagination.t-transfer__footer .t-transfer__list {
  height: 288px;
  padding-bottom: 88px;
}
.t-transfer__search.t-transfer__footer .t-transfer__list {
  height: 288px;
  padding-bottom: 48px;
}
.t-transfer__search.t-transfer__pagination .t-transfer__list {
  height: 280px;
  padding-bottom: 40px;
}
.t-transfer__search.t-transfer__footer.t-transfer__pagination .t-transfer__list {
  height: 328px;
  padding-bottom: 88px;
}
.t-transfer__wrapper .t-transfer__list {
  height: 320px;
  width: 206px;
  overflow: scroll;
}

.flex-center {
  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;
}
.t-time-picker {
  width: 320px;
  background: transparent;
  display: inline-block;
  position: relative;
  font-size: 14px;
  color: var(--td-text-color-primary);
}
.t-time-picker.t-is-disabled {
  cursor: not-allowed;
}
.t-time-picker .t-is-focused .t-input {
  border-color: var(--td-brand-color);
  -webkit-box-shadow: 0 0 0 2px var(--td-brand-color-focus);
          box-shadow: 0 0 0 2px var(--td-brand-color-focus);
}
.t-time-picker.t-is-focused .t-input {
  border-color: var(--td-brand-color);
  -webkit-box-shadow: 0 0 0 2px var(--td-brand-color-focus);
          box-shadow: 0 0 0 2px var(--td-brand-color-focus);
}
.t-time-picker > *:focus,
.t-time-picker > *:active {
  outline: 0;
}
.t-time-picker__group {
  position: relative;
}
.t-time-picker__group.t-is-focused .t-input {
  border-color: var(--td-brand-color);
}
.t-time-picker__group.t-is-focused .t-input__suffix:not(.t-input__clear) .t-icon {
  color: var(--td-brand-color);
}
.t-time-picker__group.active {
  border: 1px solid var(--td-brand-color-8);
  -webkit-box-shadow: 0 0 2px 2px var(--td-brand-color-focus);
          box-shadow: 0 0 2px 2px var(--td-brand-color-focus);
}
.t-time-picker__group.active + .t-time-picker__icon-wrap > .t-time-picker__icon-clear {
  display: block;
}
.t-time-picker__group-text {
  color: var(--td-text-color-primary);
}
.t-time-picker__group input {
  cursor: pointer;
}
.t-time-picker__input {
  position: absolute;
  top: 0;
  height: 100%;
  padding: 0 8px 0 4px;
  z-index: 1;
  border-radius: 3px;
  -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  font-size: 14px;
  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;
}
.t-time-picker__input:hover {
  border-color: var(--td-brand-color);
}
.t-time-picker__input-placeholder {
  margin-left: 8px;
  color: var(--td-text-color-placeholder);
}
.t-time-picker__input-item {
  height: 22px;
}
.t-time-picker__input-item-disabled {
  color: var(--td-text-color-disabled);
}
.t-time-picker__input-item-input {
  margin: 0 2px;
  color: inherit;
  background: none;
  cursor: pointer;
  height: inherit;
  outline: none;
  width: 28px;
  text-align: center;
  border-radius: 3px;
  border: 0;
  line-height: 22px;
}
.t-time-picker__input-item-input-meridiem {
  width: 36px;
}
.t-time-picker__input-item-input:focus {
  border-color: var(--td-bg-color-page);
  background-color: var(--td-bg-color-container-hover);
}
.t-time-picker__input-disabled {
  border: 1px solid var(--td-border-level-2-color);
  background-color: var(--td-bg-color-container-hover);
}
.t-time-picker__input-disabled-placeholder {
  color: var(--td-text-color-disabled);
}
.t-time-picker__input-disabled-item-input {
  pointer-events: none;
}
.t-time-picker__panel-container {
  margin: 8px 0;
  padding: 0;
}
.t-time-picker__panel {
  width: 320px;
  background: transparent;
  border-radius: 3px;
  display: inline-block;
  position: relative;
  font-size: 14px;
}
.t-time-picker__panel-body {
  width: 100%;
  height: 326px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 24px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.t-time-picker__panel-body-active-mask {
  position: absolute;
  top: 50%;
  height: 32px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-time-picker__panel-body-active-mask > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  height: 32px;
  background-color: var(--td-brand-color);
  margin: 8px;
  border-radius: 3px;
}
.t-time-picker__panel-body-scroll {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  overflow-y: scroll;
  text-align: center;
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
}
.t-time-picker__panel-body-scroll::-webkit-scrollbar {
  width: 0;
}
.t-time-picker__panel-body-scroll::after,
.t-time-picker__panel-body-scroll::before {
  display: block;
  height: 50%;
  content: "";
}
.t-time-picker__panel-body-scroll:last-child {
  border-right: 0;
}
.t-time-picker__panel-body-scroll-item {
  height: 32px;
  font-size: 14px;
  line-height: 32px;
  color: var(--td-text-color-primary);
  margin: 8px;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
}
.t-time-picker__panel-body-scroll-item:not(.t-time-picker__panel-body-scroll-item.t-is-current):hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-time-picker__panel-body-scroll-item:not(.t-time-picker__panel-body-scroll-item.t-is-current):active {
  background-color: var(--td-bg-color-container-active);
}
.t-time-picker__panel-body-scroll-item.t-is-disabled {
  color: var(--td-text-color-disabled);
  cursor: not-allowed;
}
.t-time-picker__panel-body-scroll-item.t-is-hidden {
  display: none;
  cursor: not-allowed;
}
.t-time-picker__panel-body-scroll-item.t-is-current {
  color: #ffffff;
}
.t-time-picker__panel-section {
  width: 640px;
  background-color: transparent;
}
.t-time-picker__panel-section-body {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 16px;
}
.t-time-picker__panel-section-body > *:nth-child(2) {
  margin-left: 32px;
}
.t-time-picker__panel-section-footer {
  width: 100%;
  height: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  position: relative;
  border-top: 1px solid var(--td-border-level-1-color);
  padding: 0 24px;
}

.t-tree {
  line-height: 32px;
  font-size: 14px;
  color: var(--td-text-color-primary);
  will-change: height;
}
.t-tree.t-is-disabled {
  color: var(--td-border-level-2-color);
}
.t-tree.t-is-disabled .t-icon {
  color: var(--td-border-level-2-color);
}
.t-tree.t-is-disabled .t-tree__item.t-is-active {
  background-color: var(--td-bg-color-container-hover);
  color: var(--td-border-level-2-color);
}
.t-tree.t-is-disabled .t-tree__item .t-icon {
  color: var(--td-text-color-secondary);
}
.t-tree__empty {
  color: var(--td-text-color-disabled);
}
.t-tree__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 4px 0 4px calc(24px * var(--level) + 8px);
  height: 32px;
  margin-bottom: 0;
  cursor: default;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
  --level: 0;
}
.t-tree__item + .t-tree__item {
  margin-top: 4px;
}
.t-tree__item .t-icon,
.t-tree__item .t-loading {
  display: inline-block;
  position: relative;
  z-index: 2;
  font-size: 16px;
}
.t-tree__item .t-icon {
  color: var(--td-text-color-secondary);
}
.t-tree__item .t-checkbox {
  font-size: 0;
}
.t-tree__item .t-tree__icon--default .t-icon {
  -webkit-transition: color, -webkit-transform cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  transition: color, -webkit-transform cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  transition: color, transform cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  transition: color, transform cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-transform cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.t-tree__item--open .t-icon {
  color: var(--td-text-color-brand);
}
.t-tree__item--open .t-tree__icon--default .t-icon {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.t-tree__item--clickable {
  cursor: pointer;
}
.t-tree--block-node .t-tree__label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.t-tree--hoverable .t-tree__label:not(.t-is-active):not(.t-is-checked):hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-tree__line {
  position: absolute;
  left: calc(24px * var(--level) - 10px);
  bottom: 15px;
  width: 1px;
  height: 40px;
  pointer-events: none;
  --level: 0;
  --color: var(--td-border-level-1-color);
  --space: 24px;
  --iconSize: 16px;
}
.t-tree__line::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 36px;
  width: 16px;
  border-left: 1px solid var(--color);
  border-bottom: 1px solid var(--color);
}
.t-tree__line--first::before {
  height: 20px;
}
.t-tree__line--leaf::before {
  width: 14px;
}
.t-tree--fx .t-icon-chevron-right {
  -webkit-transition: color, -webkit-transform 300ms;
  transition: color, -webkit-transform 300ms;
  transition: color, transform 300ms;
  transition: color, transform 300ms, -webkit-transform 300ms;
}
.t-tree__icon {
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 0;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  border-radius: 3px;
  -webkit-transition: color, -webkit-transform 0.24s cubic-bezier(0.38, 0, 0.24, 1);
  transition: color, -webkit-transform 0.24s cubic-bezier(0.38, 0, 0.24, 1);
  transition: color, transform 0.24s cubic-bezier(0.38, 0, 0.24, 1);
  transition: color, transform 0.24s cubic-bezier(0.38, 0, 0.24, 1), -webkit-transform 0.24s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-tree__icon:not(:empty):hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-tree__icon .t-icon-loading-blue {
  color: var(--td-text-color-brand);
}
.t-tree__icon:empty {
  cursor: initial;
}
.t-tree__label {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  line-height: 28px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-left: 4px;
  padding: 0 4px;
  border-radius: 3px;
  cursor: pointer;
  -webkit-transition: background-color 0.24s cubic-bezier(0.38, 0, 0.24, 1);
  transition: background-color 0.24s cubic-bezier(0.38, 0, 0.24, 1);
  --ripple-color: var(--td-bg-color-container-active);
}
.t-tree__label.t-is-checked,
.t-tree__label.t-is-active {
  font-weight: 500;
  color: var(--td-text-color-primary);
  background-color: var(--td-brand-color-light);
}
.t-tree__label::-moz-selection {
  background-color: transparent;
}
.t-tree__label::selection {
  background-color: transparent;
}
.t-tree__label--strictly {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.t-tree__space {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.t-tree__operations {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
}
.t-tree__operations .t-icon {
  cursor: pointer;
}
.t-tree__item.t-is-disabled {
  color: var(--td-border-level-2-color);
  cursor: default;
}
.t-tree__item.t-is-disabled .t-checkbox {
  cursor: default;
}
.t-tree__item--visible {
  opacity: 1;
  height: 32px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.t-tree__item + .t-tree__item--hidden {
  margin-top: 0;
}
.t-tree__item--hidden {
  opacity: 0;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}
.t-tree--transition .t-tree__item--enter-active {
  -webkit-animation: t-tree-toggle 300ms linear;
          animation: t-tree-toggle 300ms linear;
}
.t-tree--transition .t-tree__item--leave-active {
  animation: t-tree-toggle 300ms reverse linear forwards;
}
.t-tree--transition .t-tree__item--visible {
  -webkit-transition: opacity 150ms linear 150ms, height 150ms linear 0s, padding-top 150ms linear 0s, padding-bottom 150ms linear 0s, margin-top 150ms linear 0s;
  transition: opacity 150ms linear 150ms, height 150ms linear 0s, padding-top 150ms linear 0s, padding-bottom 150ms linear 0s, margin-top 150ms linear 0s;
}
.t-tree--transition .t-tree__item--hidden {
  -webkit-animation: none;
          animation: none;
  -webkit-transition: opacity 150ms linear 0s, height 150ms linear 150ms, padding-top 150ms linear 150ms, padding-bottom 150ms linear 150ms, margin-top 150ms linear 150ms;
  transition: opacity 150ms linear 0s, height 150ms linear 150ms, padding-top 150ms linear 150ms, padding-bottom 150ms linear 150ms, margin-top 150ms linear 150ms;
}
@-webkit-keyframes t-tree-toggle {
  0% {
    opacity: 0;
    height: 0;
  }
  50% {
    opacity: 0;
    height: 32px;
  }
  100% {
    opacity: 1;
    height: 32px;
  }
}
@keyframes t-tree-toggle {
  0% {
    opacity: 0;
    height: 0;
  }
  50% {
    opacity: 0;
    height: 32px;
  }
  100% {
    opacity: 1;
    height: 32px;
  }
}

.t-avatar {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: var(--td-brand-color-2);
  color: var(--td-text-color-brand);
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 32px;
  height: 32px;
  font-size: 16px;
  line-height: 32px;
}
.t-avatar.t-avatar__icon {
  font-size: 20px;
}
.t-avatar img {
  height: 32px;
  width: 32px;
}
.t-avatar--circle {
  border-radius: 50%;
}
.t-avatar--round {
  border-radius: 3px;
}
.t-avatar.t-size-s {
  width: 24px;
  height: 24px;
  font-size: 14px;
  line-height: 24px;
}
.t-avatar.t-size-s.t-avatar__icon {
  font-size: 16px;
}
.t-avatar.t-size-s img {
  height: 24px;
  width: 24px;
}
.t-avatar.t-size-l {
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 40px;
}
.t-avatar.t-size-l.t-avatar__icon {
  font-size: 24px;
}
.t-avatar.t-size-l img {
  height: 40px;
  width: 40px;
}
.t-avatar-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-avatar-group .t-avatar {
  border: 2px solid var(--td-bg-color-container);
}
.t-avatar-group.t-avatar--offset-right .t-avatar:not(:last-child) {
  margin-right: -6px;
}
.t-avatar-group.t-avatar--offset-right .t-avatar:not(:last-child).t-size-s {
  margin-right: -4px;
}
.t-avatar-group.t-avatar--offset-right .t-avatar:not(:last-child).t-size-l {
  margin-right: -8px;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(1) {
  z-index: 49;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(2) {
  z-index: 48;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(3) {
  z-index: 47;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(4) {
  z-index: 46;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(5) {
  z-index: 45;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(6) {
  z-index: 44;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(7) {
  z-index: 43;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(8) {
  z-index: 42;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(9) {
  z-index: 41;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(10) {
  z-index: 40;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(11) {
  z-index: 39;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(12) {
  z-index: 38;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(13) {
  z-index: 37;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(14) {
  z-index: 36;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(15) {
  z-index: 35;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(16) {
  z-index: 34;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(17) {
  z-index: 33;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(18) {
  z-index: 32;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(19) {
  z-index: 31;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(20) {
  z-index: 30;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(21) {
  z-index: 29;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(22) {
  z-index: 28;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(23) {
  z-index: 27;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(24) {
  z-index: 26;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(25) {
  z-index: 25;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(26) {
  z-index: 24;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(27) {
  z-index: 23;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(28) {
  z-index: 22;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(29) {
  z-index: 21;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(30) {
  z-index: 20;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(31) {
  z-index: 19;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(32) {
  z-index: 18;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(33) {
  z-index: 17;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(34) {
  z-index: 16;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(35) {
  z-index: 15;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(36) {
  z-index: 14;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(37) {
  z-index: 13;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(38) {
  z-index: 12;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(39) {
  z-index: 11;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(40) {
  z-index: 10;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(41) {
  z-index: 9;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(42) {
  z-index: 8;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(43) {
  z-index: 7;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(44) {
  z-index: 6;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(45) {
  z-index: 5;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(46) {
  z-index: 4;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(47) {
  z-index: 3;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(48) {
  z-index: 2;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(49) {
  z-index: 1;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:nth-child(50) {
  z-index: 0;
}
.t-avatar-group.t-avatar--offset-left .t-popup__reference .t-avatar {
  z-index: 0;
  margin-left: -6px;
}
.t-avatar-group.t-avatar--offset-left .t-popup__reference .t-avatar.t-size-s {
  margin-left: -4px;
}
.t-avatar-group.t-avatar--offset-left .t-popup__reference .t-avatar.t-size-l {
  margin-left: -8px;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:not(:first-child) {
  margin-left: -6px;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:not(:first-child).t-size-s {
  margin-left: -4px;
}
.t-avatar-group.t-avatar--offset-left .t-avatar:not(:first-child).t-size-l {
  margin-left: -8px;
}

.t-badge {
  position: relative;
  display: inline-block;
}
.t-badge--dot,
.t-badge--circle,
.t-badge--round {
  position: absolute;
  top: 0;
  right: 0;
  color: var(--td-text-color-anti);
  text-align: center;
  font-weight: normal;
  font-size: 12px;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}
.t-badge--static {
  position: static;
  display: inline-block;
  -webkit-transform: none;
          transform: none;
}
.t-badge--dot {
  right: 1px;
  margin-top: 1px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--td-error-color);
}
.t-badge--circle,
.t-badge--round {
  padding-right: 6px;
  padding-left: 6px;
  min-width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: var(--td-error-color);
  line-height: 20px;
}
.t-badge--circle.t-size-s,
.t-badge--round.t-size-s {
  padding-right: 4px;
  padding-left: 4px;
  min-width: 16px;
  height: 16px;
  line-height: 16px;
}
.t-badge--round {
  border-radius: 3px;
}

.t-calendar {
  border: 1px solid var(--td-border-level-1-color);
  background-color: var(--td-bg-color-container);
}
.t-calendar .t-is-disabled.t-calendar__table-body-cell:hover {
  cursor: not-allowed;
}
.t-calendar .t-is-disabled .t-calendar__table-body-cell-display {
  color: var(--td-text-color-disabled);
}
.t-calendar .t-is-disabled .t-calendar__table-body-cell-display:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.t-calendar--full {
  min-width: 560px;
}
.t-calendar--full .t-calendar__control {
  padding: 46px 36px 20px;
}
.t-calendar--full .t-calendar__title {
  font-size: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.t-calendar--full .t-calendar__panel {
  padding: 10px 36px 35px;
  position: relative;
}
.t-calendar--full .t-calendar__panel-title {
  font-size: 20px;
  line-height: 30px;
  color: var(--td-text-color-primary);
  position: absolute;
  top: -36px;
}
.t-calendar--full .t-calendar__table-head-cell,
.t-calendar--full .t-calendar__table-body-cell {
  margin-right: 12px;
  position: relative;
}
.t-calendar--full .t-calendar__table-body-cell {
  border-top: 1px solid var(--td-border-level-1-color);
  padding: 0px;
  height: 87.4px;
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-left: 0px;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: border-top, background;
  transition-property: border-top, background;
  -webkit-transition-timing-function: cubic-bezier(0.82, 0, 1, 0.9);
          transition-timing-function: cubic-bezier(0.82, 0, 1, 0.9);
}
.t-calendar--full .t-calendar__table-body-cell-content {
  min-height: 60px;
  padding-top: 8px;
}
.t-calendar--full .t-calendar__table-body-cell.t-is-checked {
  background-color: var(--td-brand-color-1);
}
.t-calendar--full .t-calendar__table-body-cell.t-is-checked:hover {
  background-color: var(--td-brand-color-1);
}
.t-calendar--full .t-calendar__table-body-cell--now {
  border-top: 1px solid var(--td-brand-color);
}
.t-calendar--full .t-calendar__table-body-cell--now .t-calendar__table-body-cell-display {
  color: var(--td-brand-color);
}
.t-calendar--full .t-calendar__footer {
  height: 90px;
  padding: 46px 36px 20px;
  border-top: 1px solid var(--td-border-level-1-color);
}
.t-calendar--card {
  width: 352px;
}
.t-calendar--card .t-calendar__control {
  padding: 16px 13px 15px;
  border-bottom: 1px solid var(--td-border-level-1-color);
}
.t-calendar--card .t-calendar__panel.t-calendar__panel--month {
  height: 310px;
  padding: 16px 24px 24px;
}
.t-calendar--card .t-calendar__panel.t-calendar__panel--year {
  height: 256px;
  padding: 16px 32px 32px;
}
.t-calendar--card .t-calendar__table {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  justify-self: start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.t-calendar--card .t-calendar__table-head-row,
.t-calendar--card .t-calendar__table-body-row {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: var(--td-bg-color-container);
}
.t-calendar--card .t-calendar__table-head-cell,
.t-calendar--card .t-calendar__table-body-cell {
  width: 100%;
  height: 100%;
  margin: 0px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
  line-height: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.t-calendar--card .t-calendar__table-head-cell-display,
.t-calendar--card .t-calendar__table-body-cell-display {
  width: 40px;
  line-height: 40px;
}
.t-calendar--card .t-calendar__table-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  justify-self: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.t-calendar--card .t-calendar__table-body-cell {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-calendar--card .t-calendar__table-body-cell:hover {
  background-color: var(--td-bg-color-container);
}
.t-calendar--card .t-calendar__table-body-cell-display {
  font-size: 12px;
  text-align: center;
  border-radius: 50%;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: border-top, background;
  transition-property: border-top, background;
  -webkit-transition-timing-function: cubic-bezier(0.82, 0, 1, 0.9);
          transition-timing-function: cubic-bezier(0.82, 0, 1, 0.9);
}
.t-calendar--card .t-calendar__table-body-cell-display:hover {
  -webkit-box-shadow: inset 0 0 0 1px var(--td-brand-color);
          box-shadow: inset 0 0 0 1px var(--td-brand-color);
  -webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0.82, 0, 1, 0.9);
  transition: -webkit-box-shadow 0.2s cubic-bezier(0.82, 0, 1, 0.9);
  transition: box-shadow 0.2s cubic-bezier(0.82, 0, 1, 0.9);
  transition: box-shadow 0.2s cubic-bezier(0.82, 0, 1, 0.9), -webkit-box-shadow 0.2s cubic-bezier(0.82, 0, 1, 0.9);
  border-radius: 100%;
}
.t-calendar--card .t-calendar__table-body-cell--now .t-calendar__table-body-cell-display {
  color: var(--td-brand-color);
  font-weight: bold;
  position: relative;
}
.t-calendar--card .t-calendar__table-body-cell--now .t-calendar__table-body-cell-display::before {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  width: 6px;
  height: 6px;
  background: var(--td-brand-color);
  border-radius: 6px;
}
.t-calendar--card .t-is-checked .t-calendar__table-body-cell-display {
  background: var(--td-brand-color);
  border-radius: 100%;
  color: white;
  font-weight: bold;
}
.t-calendar--card .t-calendar__footer {
  height: 64px;
  padding: 16px;
  border-top: 1px solid var(--td-border-level-1-color);
}
.t-calendar__control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-calendar__control-section {
  height: 100%;
  margin-right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-calendar__control-section:last-child {
  margin-right: 0;
}
.t-calendar__control-section-cell {
  height: 100%;
  margin-right: 8px;
}
.t-calendar__control-section-cell:last-child {
  margin-right: 0;
}
.t-calendar__control-section-cell .t-select.t-size-l {
  padding-right: 51px;
}
.t-calendar__control-section-cell .t-select.t-size-m {
  padding-right: 42px;
}
.t-calendar__control-section-cell .t-select.t-size-s {
  padding-right: 35px;
}
.t-calendar__control-tag {
  height: 32px;
  padding: 0 16px;
}
.t-calendar__panel {
  width: 100%;
}
.t-calendar__table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
}
.t-calendar__table-head,
.t-calendar__table-body {
  width: 100%;
}
.t-calendar__table-head-row,
.t-calendar__table-body-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-calendar__table-head-cell,
.t-calendar__table-body-cell {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  cursor: default;
  padding: 0px;
}
.t-calendar__table-head-cell:last-child,
.t-calendar__table-body-cell:last-child {
  margin-right: 0;
}
.t-calendar__table-head {
  margin-bottom: 8px;
  display: block;
}
.t-calendar__table-head-row {
  padding-bottom: 0px;
  background: var(--td-bg-color-container);
}
.t-calendar__table-head-cell {
  height: 100%;
  padding: 0px;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-secondary);
}
.t-calendar__table-body-cell {
  cursor: pointer;
}
.t-calendar__table-body-cell:hover {
  background-color: var(--td-bg-color-container-hover);
  -webkit-transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
  transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.t-calendar__table-body-cell-display {
  font-size: 14px;
  font-weight: normal;
  color: var(--td-text-color-primary);
}

.t-comment {
  width: 100%;
  color: var(--td-text-color-primary);
}
.t-comment__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-comment__avatar {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 24px;
  cursor: pointer;
}
.t-comment__avatar-image {
  width: 56px;
  height: 56px;
  border-radius: 50%;
}
.t-comment__content {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  font-size: 14px;
}
.t-comment__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 8px;
}
.t-comment__author > span {
  padding-right: 8px;
}
.t-comment__name {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  cursor: pointer;
}
.t-comment__time {
  font-size: 12px;
  line-height: 24px;
  color: var(--td-text-color-placeholder);
}
.t-comment__detail {
  word-break: break-all;
  line-height: 24px;
}
.t-comment__quote {
  margin-top: 24px;
  border-left: 4px solid var(--td-bg-color-secondarycontainer);
  padding-left: 16px;
}
.t-comment__actions {
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.t-comment__actions > li {
  color: var(--td-text-color-placeholder);
  margin-left: 24px;
  font-size: 12px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.t-comment__actions > li:hover {
  color: var(--td-text-color-link);
}
.t-comment__reply {
  margin-top: 16px;
  margin-left: 80px;
  background-color: var(--td-bg-color-secondarycontainer);
  padding: 16px 24px;
}

.t-list {
  overflow: auto;
  color: var(--td-text-color-primary);
}
.t-list__inner {
  list-style: none;
  padding: 0;
  margin: 0;
}
.t-list-item {
  font-size: 14px;
  padding: 12px 24px;
  background: var(--td-bg-color-container);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 22px;
  position: relative;
}
.t-list-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
}
.t-list-item-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.t-list-item__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 0;
}
.t-list-item__meta-avatar {
  width: 56px;
  height: 56px;
  border-radius: 28px;
  overflow: hidden;
  background: var(--td-bg-color-page);
  margin-right: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.t-list-item__meta-avatar img {
  max-width: 100%;
  width: 100%;
  height: 100%;
}
.t-list-item__meta-title {
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 8px;
  color: var(--td-text-color-primary);
}
.t-list-item__meta-description {
  margin-right: 24px;
  color: var(--td-text-color-primary);
}
.t-list-item__action {
  list-style: none;
  padding: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.t-list-item__action > li {
  display: inline-block;
}
.t-list-item__action > li:not(:last-child) {
  margin-right: 24px;
}
.t-list-item__action > li .t-icon {
  color: var(--td-text-color-secondary);
  font-size: 16px;
}
.t-list-item__action > li .t-icon:hover {
  color: var(--td-text-color-link);
  cursor: pointer;
}
.t-list-item__action > li > a {
  text-decoration: none;
  color: var(--td-brand-color);
}
.t-list-item__extra {
  margin: 8px 0 8px 16px;
}
.t-list--split .t-list-item::after {
  background: var(--td-border-level-1-color);
}
.t-list--stripe .t-list-item:nth-child(even) {
  background: var(--td-bg-color-secondarycontainer);
}
.t-list--vertical-action .t-list-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.t-list.t-size-s .t-list-item {
  padding: 8px 16px;
}
.t-list.t-size-l .t-list-item {
  padding: 16px 32px;
}
.t-list__header,
.t-list__footer {
  background: var(--td-bg-color-container);
  padding: 16px 24px;
}
.t-list__load {
  background: var(--td-bg-color-container);
  text-align: center;
  line-height: 20px;
}
.t-list__load > div {
  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;
}
.t-list__load:not(:empty) {
  padding: 32px;
}
.t-list__load .t-loading {
  font-size: 16px;
}
.t-list__load .t-loading.t-is-load-more {
  cursor: pointer;
}

.t-progress__inner {
  position: relative;
  height: 100%;
  background: var(--td-brand-color);
  border-radius: 50px;
}
.t-progress__info {
  margin-left: 8px;
  color: var(--td-text-color-primary);
  white-space: nowrap;
}
.t-progress__icon {
  font-size: 1.25em;
}
.t-progress__bar {
  width: 100%;
  height: 6px;
  overflow: hidden;
  background: var(--td-bg-color-component);
  border-radius: 3px;
}
.t-progress--thin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-progress--plump {
  height: 18px;
  border-radius: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-progress--plump .t-progress__info {
  font-size: 12px;
}
.t-progress--over-ten .t-progress__info {
  position: absolute;
  top: 50%;
  z-index: 10;
  right: 8px;
  color: var(--td-text-color-anti);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.t-progress--under-ten .t-progress__info,
.t-progress--under-ten .t-progress__inner {
  display: inline-block;
}
.t-progress--under-ten .t-progress__info {
  vertical-align: top;
}
.t-progress--circle {
  position: relative;
}
.t-progress--circle .t-progress__info {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  font-size: inherit;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.t-progress--circle .t-progress__circle-outer {
  stroke: var(--td-bg-color-component);
}
.t-progress--circle .t-progress__circle-inner {
  stroke: var(--td-brand-color);
}
.t-progress--circle .t-progress__icon {
  font-size: 2.4em;
}
.t-progress--status--active .t-progress__inner::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
  -webkit-animation: progress-active-animation 2s cubic-bezier(0.23, 0.99, 0.86, 0.2) infinite;
          animation: progress-active-animation 2s cubic-bezier(0.23, 0.99, 0.86, 0.2) infinite;
  background: var(--td-text-color-anti);
  opacity: 0.2;
}
.t-progress--status--success .t-progress__inner {
  background: var(--td-success-color);
}
.t-progress--status--success .t-progress__circle-inner {
  stroke: var(--td-success-color);
}
.t-progress--status--success .t-progress__icon {
  color: var(--td-success-color);
}
.t-progress--status--warning .t-progress__inner {
  background: var(--td-warning-color);
}
.t-progress--status--warning .t-progress__circle-inner {
  stroke: var(--td-warning-color);
}
.t-progress--status--warning .t-progress__icon {
  color: var(--td-warning-color);
}
.t-progress--status--error .t-progress__inner {
  background: var(--td-error-color);
}
.t-progress--status--error .t-progress__circle-inner {
  stroke: var(--td-error-color);
}
.t-progress--status--error .t-progress__icon {
  color: var(--td-error-color);
}
@-webkit-keyframes progress-active-animation {
  0% {
    width: 0;
    opacity: 0.1;
  }
  35% {
    width: 50%;
    opacity: 0.4;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
@keyframes progress-active-animation {
  0% {
    width: 0;
    opacity: 0.1;
  }
  35% {
    width: 50%;
    opacity: 0.4;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}

: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;
  }
}

/* Swiper */
.t-swiper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.t-swiper.t-is-hidden {
  /* 隐藏 */
  display: none;
}
.t-swiper--closing {
  opacity: 0;
}
.t-swiper .t-swiper__trigger-wrap {
  color: var(--td-text-color-disabled);
}
.t-swiper .t-swiper__trigger--active {
  color: var(--td-text-color-secondary);
}
.t-swiper__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  z-index: 1;
  overflow: hidden;
  height: 48px;
}
.t-swiper__swiper-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
}
.t-swiper__swiper-wrap > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.t-swiper__swiper-wrap--horizontal {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  left: 0;
}
.t-swiper__swiper-wrap--horizontal > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.t-swiper__swiper-wrap--vertical {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  top: 0;
}
.t-swiper__swiper-wrap--vertical > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.t-swiper__trigger-wrap {
  position: absolute;
  right: 32px;
  z-index: 1;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 16px 8px;
  margin: 0;
  font-size: 20px;
  line-height: 20px;
  height: 48px;
}
.t-swiper__trigger-wrap > li {
  display: inline-block;
  list-style-type: none;
  cursor: pointer;
}
.t-swiper__trigger-wrap > li::before {
  content: "\2022";
}
.t-swiper__close {
  position: absolute;
  right: 0;
  z-index: 100;
  width: 32px;
  height: 48px;
  padding: 16px 24px 16px 4px;
  font-size: 14px;
  color: var(--td-text-color-placeholder);
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.scrollbar {
  scrollbar-color: var(--td-scrollbar-color);
  scrollbar-width: thin;
}
.scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.scrollbar::-webkit-scrollbar-thumb {
  background: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-table {
  width: 100%;
  font-size: 14px;
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-container);
  overflow: hidden;
  /** loading need to be top of fixed columns */
}
.t-table .t-loading--full {
  z-index: 72;
}
.t-table.t-vertical-align-top th,
.t-table.t-vertical-align-top td {
  vertical-align: top;
}
.t-table.t-vertical-align-middle th,
.t-table.t-vertical-align-middle td {
  vertical-align: middle;
}
.t-table.t-vertical-align-bottom th,
.t-table.t-vertical-align-bottom td {
  vertical-align: bottom;
}
.t-table .bordered {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  border-left: 1px solid var(--td-component-border);
  pointer-events: none;
}
.t-table__column-controller {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
}
.t-table__content {
  position: relative;
  scrollbar-color: var(--td-scrollbar-color);
  scrollbar-width: thin;
}
.t-table__content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.t-table__content::-webkit-scrollbar-thumb {
  background: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-table__content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.t-table__content::-webkit-scrollbar-thumb {
  background: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-table__pagination {
  padding: 14px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.t-table .t-icon {
  font-size: 16px;
}
.t-table table {
  width: 100%;
  border-spacing: 0;
}
.t-table .t-text-ellipsis {
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-table th,
.t-table td {
  position: relative;
  padding: 13px 24px 12px 24px;
  border-bottom: 1px solid var(--td-component-border);
  line-height: 22px;
  font-weight: normal;
  overflow-wrap: break-word;
  background-color: inherit;
}
.t-table th:not([align]),
.t-table td:not([align]) {
  text-align: left;
}
.t-table thead td,
.t-table th {
  color: var(--td-text-color-placeholder);
}
.t-table td[key="row-select"] {
  padding: 13px 0 12px 24px;
}
.t-table td.t-align-left,
.t-table th.t-align-left {
  text-align: left;
}
.t-table td.t-align-right,
.t-table th.t-align-right {
  text-align: right;
}
.t-table td.t-align-center,
.t-table th.t-align-center {
  text-align: center;
}
.t-table tr {
  background-color: var(--td-bg-color-container);
}
.t-table.t-size-s th,
.t-table.t-size-s td {
  padding: 7px;
}
.t-table.t-size-l th,
.t-table.t-size-l td {
  padding: 21px;
}
.t-table .t-table__expandable-icon-cell,
.t-table .t-table__selection-cell {
  padding: 0;
}
.t-table .t-table__expandable-icon-cell + td,
.t-table .t-table__selection-cell + td,
.t-table .t-table__expandable-icon-cell + th,
.t-table .t-table__selection-cell + th {
  padding-left: 0;
  padding-right: 0;
}
.t-table .t-table__cell--selectable > .t-checkbox {
  vertical-align: middle;
}
.t-table .t-table__cell--selectable + td,
.t-table .t-table__cell--selectable + th {
  padding-left: 0;
}
.t-table td > .t-radio,
.t-table td > .t-checkbox {
  line-height: 1;
  font-size: 0;
  vertical-align: middle;
  display: inline-block;
}
.t-table .t-loading {
  font-size: 16px;
}
.t-table--bordered td,
.t-table--bordered th {
  border-left: 1px solid var(--td-component-border);
}
.t-table--bordered td:first-child,
.t-table--bordered th:first-child {
  border-left-width: 0;
}
.t-table--bordered td:first-child::before,
.t-table--bordered th:first-child::before {
  border-left: 0;
}
.t-table--bordered td.t-table__cell--fixed-left-last::before,
.t-table--bordered th.t-table__cell--fixed-left-last::before {
  border-right: 1px solid var(--td-component-border);
}
.t-table--bordered .t-table__content {
  border-left: 1px solid var(--td-component-border);
}
.t-table--bordered .t-table__content {
  border: 1px solid var(--td-component-border);
  border-radius: 3px;
}
.t-table--bordered .t-table--loading {
  border-bottom: 1px solid var(--td-component-border);
}
.t-table--bordered .t-table__pagination {
  border: 1px solid var(--td-component-border);
  border-top: 0;
}
.t-table--bordered.t-table__header--fixed .t-table__content {
  border-bottom: 1px solid var(--td-component-border);
}
.t-table--bordered .t-table__td-last-row {
  border-bottom: none;
}
.t-table--striped.t-table__header--fixed tbody tr:nth-of-type(even) {
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-table--striped:not(.t-table__header--fixed) tbody tr:nth-of-type(odd) {
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-table--striped.t-table--hoverable.t-table__header--fixed tbody tr:nth-of-type(even):hover {
  background-color: var(--td-bg-color-secondarycontainer-hover);
}
.t-table--striped.t-table--hoverable:not(.t-table__header--fixed) tbody tr:nth-of-type(odd):hover {
  background-color: var(--td-bg-color-secondarycontainer-hover);
}
.t-table--striped.t-table--hoverable tbody tr {
  -webkit-transition: background-color 0.3s ease-in;
  transition: background-color 0.3s ease-in;
}
.t-table--striped.t-table--hoverable tbody tr:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-table--hoverable tbody tr {
  -webkit-transition: background-color 0.3s ease-in;
  transition: background-color 0.3s ease-in;
}
.t-table--hoverable tbody tr:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-table.t-table--align-top tbody td {
  vertical-align: top;
}
.t-table .t-table__cell--highlight {
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-table__header--fixed table {
  table-layout: fixed;
}
.t-table__header--fixed th,
.t-table__header--fixed td {
  overflow-wrap: break-word;
}
.t-table__header--fixed.t-table__header,
.t-table__header--fixed .t-table__header {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 5;
}
.t-table__header--fixed .t-table__header {
  scrollbar-color: var(--td-scrollbar-color);
  scrollbar-width: thin;
}
.t-table__header--fixed .t-table__header::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb {
  background: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-table__header--fixed .t-table__header::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb {
  background: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-table__header--fixed .t-table__body {
  overflow-y: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  scrollbar-color: var(--td-scrollbar-color);
  scrollbar-width: thin;
}
.t-table__header--fixed .t-table__body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb {
  background: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-table__header--fixed .t-table__body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb {
  background: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-table:not(.t-table--bordered) .t-table__cell--selectable + td,
.t-table:not(.t-table--bordered) .t-table__cell--selectable + th {
  padding-left: 0;
}
.t-table__cell--fixed.t-table__header--fixed .t-table__header {
  overflow: hidden;
  width: 100%;
}
.t-table__cell--fixed.t-table__header--fixed .t-table__header .t-table__cell--fixed-left:last-child::after,
.t-table__cell--fixed.t-table__header--fixed .t-table__header .t-table__cell--fixed-right:last-child::after {
  content: "";
  position: absolute;
  right: -6px;
  width: 6px;
  height: 100%;
  top: 0;
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-table__cell--fixed.t-table__header--fixed .t-table__body {
  overflow: auto scroll;
}
.t-table__cell--fixed .t-table__content {
  overflow: auto hidden;
}
.t-table__cell--fixed table {
  table-layout: fixed;
  min-width: 100%;
}
.t-table__cell--fixed th,
.t-table__cell--fixed td {
  position: relative;
}
.t-table__cell--fixed .t-table__cell--fixed-left,
.t-table__cell--fixed .t-table__cell--fixed-right {
  z-index: 30;
}
.t-table__cell--fixed .t-table__cell--fixed-left-last::before {
  z-index: -1;
  background-color: inherit;
}
.t-table__cell--fixed .t-table__cell--fixed-left-last::after {
  position: absolute;
  top: 0;
  bottom: 0;
  content: "";
  width: 24px;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  pointer-events: none;
  z-index: -2;
}
.t-table__cell--fixed .t-table__cell--fixed-left-last::after {
  right: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.t-table__cell--fixed .t-table__cell--fixed-right-first::before {
  z-index: -1;
  background-color: inherit;
}
.t-table__cell--fixed .t-table__cell--fixed-right-first::after {
  position: absolute;
  top: 0;
  bottom: 0;
  content: "";
  width: 24px;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  pointer-events: none;
  z-index: -2;
}
.t-table__cell--fixed .t-table__cell--fixed-right-first::after {
  left: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.t-table .t-table__cell-resizable {
  position: relative;
}
.t-table .t-table__cell-resizable .t-table__cell--resizer {
  position: absolute;
  top: 0;
  right: -5px;
  bottom: 0;
  z-index: 10;
  width: 10px;
  cursor: col-resize;
}
.t-table .t-table__row--disabled {
  color: var(--td-text-color-disabled);
}
.t-table .t-table__cell--title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-table.t-table__row--draggable tbody.t-table__body--dragging tr {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.t-table.t-table__row--draggable tbody tr.v-leave-active {
  display: none;
}
.t-table__column-controller-desc {
  margin-bottom: 24px;
}
.t-table__column-controller-block {
  padding: 10px 24px;
  border: 1px solid var(--td-gray-color-3);
}
.t-table__column-controller-block + .t-table__column-controller-block {
  border-top: 0;
  padding-top: 8px;
  padding-bottom: 24px;
}
.t-table__column-controller-block .t-checkbox-group .t-checkbox {
  margin-top: 16px;
}
.t-table__column-controller--fixed .t-checkbox {
  width: 108px;
}
.t-table--bordered .t-table__cell--sortable .t-table__cell--title,
.t-table--bordered .t-table__cell--filterable .t-table__cell--title {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
/**
 * 有边框和无边框的图标排列不一样，需谨慎修改
 * 无边框模式，图标依次紧跟标题
 * 有边框模式，只有一个图标时，图标靠近边框右侧；有两个图标时，排序图标靠近标题，过滤图标靠近边框右侧
 */
.t-table__cell--sort-trigger {
  width: 20px;
  text-align: center;
  vertical-align: text-bottom;
}
.t-table__cell--sort-trigger svg {
  vertical-align: initial;
}
.t-table--loading {
  position: relative;
}
.t-table--loading-progressbar {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  background-color: var(--td-brand-color);
  -webkit-animation: tTableProgressbar 2s ease-in-out;
          animation: tTableProgressbar 2s ease-in-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.t-table--loading-message {
  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;
  min-height: 120px;
  color: var(--td-text-color-disabled);
}
.t-table__expanded-cell {
  padding-left: 45px;
}
.t-table__async-loading {
  text-align: center;
}
.t-table__async-loading.t-is-load-more {
  cursor: pointer;
}
.t-table__empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 120px;
  color: var(--td-text-color-disabled);
}
.t-table__filter-icon,
.t-table__sort-icon {
  margin-left: 8px;
  background-color: transparent;
  display: inline-block;
  cursor: pointer;
  vertical-align: text-bottom;
}
.t-table__filter-icon > svg,
.t-table__sort-icon > svg {
  margin-top: -4px;
}
.t-popup__reference.t-table__filter-icon {
  margin-top: -4px;
}
.t-table__sort-icon .t-is-focus,
.t-table__sort-icon.t-is-focus,
.t-table__sort-icon:hover {
  color: var(--td-brand-color);
  background-color: var(--td-gray-color-2);
  border-radius: 50%;
}
.t-table__filter-icon .t-is-focus,
.t-table__filter-icon.t-is-focus,
.t-table__filter-icon:hover {
  color: var(--td-brand-color);
}
.t-table__filter-pop .t-table__filter-pop-content {
  margin: -8px;
}
.t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-inner {
  padding: 16px;
}
.t-table__filter-pop .t-table__filter-pop-content .t-radio-group {
  display: block;
  height: auto;
}
.t-table__filter-pop .t-table__filter-pop-content .t-checkbox-group {
  display: block;
}
.t-table__filter-pop .t-table__filter-pop-content .t-checkbox,
.t-table__filter-pop .t-table__filter-pop-content .t-radio {
  display: block;
  line-height: 28px;
}
.t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-button {
  border-top: 1px solid var(--td-component-border);
  padding: 16px;
}
.t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-button .t-button + .t-button {
  margin-left: 16px;
}
.t-table__sort-icon--active {
  color: var(--td-brand-color);
}
.t-table__double-icons {
  display: inline-grid;
  height: 22px;
}
.t-table__double-icons .t-table__sort-icon,
.t-table__double-icons .t-popup__reference {
  height: 16px;
}
.t-table__double-icons .t-table-sort-asc {
  margin-top: -2px;
}
.t-table__double-icons .t-table-sort-desc {
  margin-top: -6px;
}
.t-popup__reference .t-table__filter-icon,
.t-popup__reference .t-table__sort-icon {
  vertical-align: initial;
}
.t-table__filter-icon-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: all;
}
.t-table--bordered .t-table__filter-icon-wrap {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.t-table--bordered .t-table__cell--sortable.t-table__cell--filterable .t-table__filter-icon-wrap {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.t-table__expand-box {
  padding: 13px 24px 12px 24px;
  display: inline-grid;
  vertical-align: middle;
  color: var(--td-text-color-placeholder);
  cursor: pointer;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-table__expand-box:hover {
  color: var(--td-brand-color);
}
@-webkit-keyframes tTableProgressbar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes tTableProgressbar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.t-table-expandable-icon-cell + .t-table__cell--selectable[key="row-select"] {
  padding-left: 10px;
}
.t-table__filter--bottom-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 16px;
  border-top: 1px solid var(--td-component-border);
}
.t-table__filter--bottom-buttons > .t-button + .t-button {
  margin-left: 8px;
}
.t-table__row-filter-inner {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  text-align: center;
}
.t-table__filter-result {
  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;
}
.t-table__filter-result > .t-button {
  margin-left: 8px;
}
.t-table--layout-fixed {
  table-layout: fixed;
}
.t-table--layout-auto {
  table-layout: auto;
}
.t-table__ellipsis {
  white-space: nowrap;
  width: 100%;
}
.t-table__content {
  overflow: auto;
}
.t-table-td--ellipsis .t-popup__reference {
  width: 100%;
  display: inline;
}
.t-table__content--scrollable-to-left .t-table__cell--fixed-left-last::after {
  -webkit-box-shadow: inset 8px 0 8px -4px var(--td-table-shadow-color);
          box-shadow: inset 8px 0 8px -4px var(--td-table-shadow-color);
}
.t-table__content--scrollable-to-right .t-table__cell--fixed-right-first::after {
  -webkit-box-shadow: inset -8px 0 8px -4px var(--td-table-shadow-color);
          box-shadow: inset -8px 0 8px -4px var(--td-table-shadow-color);
}
.t-table--affixed-header .t-table__content th.t-table__cell--fixed-left-last::after,
.t-table--affixed-header .t-table__content th.t-table__cell--fixed-right-first::after {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.t-table__scroll-bar-divider {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  border-right: 1px solid var(--td-component-border);
  z-index: 71;
}
.t-table__footer,
.t-table__header.t-table__header--fixed {
  position: -webkit-sticky;
  position: sticky;
  z-index: 50;
}
.t-table__footer > tr {
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-table__header--fixed:not(.t-table__header--multiple) > tr > th {
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-table__row--fixed-top,
.t-table__row--fixed-bottom {
  position: -webkit-sticky;
  position: sticky;
  z-index: 70;
}
.t-table__row--fixed-bottom-first > td {
  border-top: 1px solid var(--td-component-border);
}
.t-table--bordered .t-table__content .t-table__row--without-border-bottom > td {
  border-bottom: 0;
}
.t-table--bordered tbody > tr:last-child > td,
.t-table--bordered tfoot > tr:last-child > td {
  border-bottom: 0;
}
.t-table--bordered tfoot > tr:first-child > td {
  border-top: 1px solid var(--td-component-border);
}
.t-table__header.t-table__header--fixed {
  top: 0;
}
.t-table__footer.t-table__footer--fixed {
  bottom: 0;
}
.t-table--column-fixed .t-table__cell--fixed-left-last::before {
  z-index: -1;
  background-color: inherit;
}
.t-table--column-fixed .t-table__cell--fixed-left-last::after {
  position: absolute;
  top: 0;
  bottom: 0;
  content: "";
  width: 24px;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  pointer-events: none;
  z-index: -2;
}
.t-table--column-fixed .t-table__cell--fixed-left-last::after {
  right: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.t-table--column-fixed .t-table__cell--fixed-right-first::before {
  z-index: -1;
  background-color: inherit;
}
.t-table--column-fixed .t-table__cell--fixed-right-first::after {
  position: absolute;
  top: 0;
  bottom: 0;
  content: "";
  width: 24px;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  pointer-events: none;
  z-index: -2;
}
.t-table--column-fixed .t-table__cell--fixed-right-first::after {
  left: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.t-table--column-fixed .t-table__cell--fixed-left,
.t-table--column-fixed .t-table__cell--fixed-right {
  position: -webkit-sticky;
  position: sticky;
  z-index: 30;
}
.t-table__empty-row > td {
  padding: 0;
  border: 0;
}
.t-table:not(.t-table--bordered) .t-table__header.t-table--bordered > tr:first-child > th {
  border-top: 1px solid var(--td-component-border);
}
.t-table--multiple-header .t-table__header th.t-table__header-th--bordered {
  border-left-width: 1px;
}
.t-table__header.t-table__header--multiple > tr {
  background-color: var(--td-bg-color-container);
}
.t-table__tree-op-icon {
  margin-right: 16px;
  cursor: pointer;
}
.t-table__tree-op-icon:hover {
  color: var(--td-brand-color);
}
.t-table__virtual-scroll-cursor {
  position: absolute;
  width: 1px;
  height: 1px;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.t-table__virtual-scroll-header {
  position: absolute;
  z-index: 51;
  left: 0;
  top: 0;
}
.t-table__affixed-header-elm {
  position: absolute;
  left: 0;
  overflow: hidden;
  z-index: 51;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  opacity: 1;
}
.t-table__affixed-header-elm {
  pointer-events: none;
}
.t-table__th-cell-inner {
  pointer-events: all;
}
.t-table--bordered .t-table__affixed-header-elm {
  border: 1px solid var(--td-component-border);
  border-bottom: 0;
  border-right: 0;
}
.t-table--multiple-header.t-table--bordered .t-table__affixed-header-elm {
  border-right: 0;
}
.t-is-hidden {
  display: none;
}
.t-positive-rotate-90 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.t-negative-rotate-180 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.t-table__expanded-row > td,
.t-table__row--full > td {
  padding: 0;
}
/** @{prefix}-table__row--full 和 @{prefix}-table__row-full-element 同时存在，是为了保证 固定列时，当前行不随内容进行横向滚动 */
.t-table__row-full-element {
  padding: 13px 24px 12px 24px;
}
.t-table__row-full-inner {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
}
.t-table__row-full-inner:not(.t-table__empty) {
  display: inline-block;
}
.t-table__tree-col--inline {
  display: inline;
}
.t-table--full-height {
  height: 100%;
}
.t-loading__parent .t-table__content {
  min-height: 200px;
}

/* Alert */
.t-alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 14px 24px;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  border-radius: 3px;
}
.t-alert.t-is-hidden {
  /* 隐藏 */
  display: none;
}
.t-alert--closing {
  opacity: 0;
}
.t-alert--info {
  background-color: var(--td-brand-color-2);
}
.t-alert--info .t-alert__icon {
  color: var(--td-brand-color);
}
.t-alert--info .t-alert__swiper-trigger-wrap {
  color: var(--td-brand-color);
}
.t-alert--info .t-alert__swiper-trigger--active {
  color: var(--td-brand-color);
}
.t-alert--success {
  background-color: var(--td-success-color-2);
}
.t-alert--success .t-alert__icon {
  color: var(--td-success-color);
}
.t-alert--success .t-alert__swiper-trigger-wrap {
  color: var(--td-success-color-2);
}
.t-alert--success .t-alert__swiper-trigger--active {
  color: var(--td-success-color);
}
.t-alert--warning {
  background-color: var(--td-warning-color-2);
}
.t-alert--warning .t-alert__icon {
  color: var(--td-warning-color);
}
.t-alert--warning .t-alert__swiper-trigger-wrap {
  color: var(--td-warning-color-2);
}
.t-alert--warning .t-alert__swiper-trigger--active {
  color: var(--td-warning-color);
}
.t-alert--error {
  background-color: var(--td-error-color-2);
}
.t-alert--error .t-alert__icon {
  color: var(--td-error-color);
}
.t-alert--error .t-alert__swiper-trigger-wrap {
  color: var(--td-error-color-2);
}
.t-alert--error .t-alert__swiper-trigger--active {
  color: var(--td-error-color);
}
.t-alert__icon {
  font-size: 20px;
  display: inherit;
}
.t-alert__icon > .t-icon {
  font-size: 20px;
}
.t-alert__icon,
.t-alert__close {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  line-height: 20px;
}
.t-alert__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
}
.t-alert__title,
.t-alert__message {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-alert__title {
  color: var(--td-text-color-primary);
  font-weight: bold;
}
.t-alert__title + .t-alert__message {
  margin-top: 8px;
}
.t-alert__description {
  color: var(--td-text-color-secondary);
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-transition: height 0.2s;
  transition: height 0.2s;
}
.t-alert__operation {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0 8px;
  color: var(--td-brand-color);
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.t-alert__operation:hover {
  color: var(--td-brand-color-hover);
}
.t-alert__operation:active {
  color: var(--td-brand-color-active);
}
.t-alert__icon + .t-alert__content {
  margin-left: 10px;
}
.t-alert__collapse {
  margin-top: 12px;
  color: var(--td-brand-color);
  cursor: pointer;
}
.t-alert__close {
  font-size: 14px;
  color: var(--td-text-color-secondary);
  cursor: pointer;
}
/* Alert Swiper */
.t-alert-swiper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.t-alert-swiper.t-is-hidden {
  /* 隐藏 */
  display: none;
}
.t-alert-swiper--closing {
  opacity: 0;
}
.t-alert-swiper--info {
  background-color: var(--td-brand-color-2);
}
.t-alert-swiper--info .t-alert-swiper__trigger-wrap {
  color: var(--td-brand-color);
}
.t-alert-swiper--info .t-alert-swiper__trigger--active {
  color: var(--td-brand-color);
}
.t-alert-swiper--success {
  background-color: var(--td-success-color-2);
}
.t-alert-swiper--success .t-alert-swiper__trigger-wrap {
  color: var(--td-success-color-2);
}
.t-alert-swiper--success .t-alert-swiper__trigger--active {
  color: var(--td-success-color);
}
.t-alert-swiper--warning {
  background-color: var(--td-warning-color-2);
}
.t-alert-swiper--warning .t-alert-swiper__trigger-wrap {
  color: var(--td-warning-color-2);
}
.t-alert-swiper--warning .t-alert-swiper__trigger--active {
  color: var(--td-warning-color);
}
.t-alert-swiper--error {
  background-color: var(--td-error-color-2);
}
.t-alert-swiper--error .t-alert-swiper__trigger-wrap {
  color: var(--td-error-color-2);
}
.t-alert-swiper--error .t-alert-swiper__trigger--active {
  color: var(--td-error-color);
}
.t-alert-swiper__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: hidden;
}
.t-alert-swiper__swiper-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  -webkit-transition: left 1s, -webkit-transform 2s;
  transition: left 1s, -webkit-transform 2s;
  transition: left 1s, transform 2s;
  transition: left 1s, transform 2s, -webkit-transform 2s;
}
.t-alert-swiper__swiper-wrap > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.t-alert-swiper__trigger-wrap {
  padding: 14px 8px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 20px;
  line-height: 20px;
}
.t-alert-swiper__trigger-wrap > li {
  display: inline-block;
  list-style-type: none;
  cursor: pointer;
}
.t-alert-swiper__trigger-wrap > li::before {
  content: "\2022";
}
.t-alert-swiper__close {
  padding: 14px 20px 14px 4px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 14px;
  color: var(--td-text-color-placeholder);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@-webkit-keyframes tDialogZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  1% {
    opacity: 1;
    -webkit-transform: scale(0.01);
            transform: scale(0.01);
  }
}
@keyframes tDialogZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  1% {
    opacity: 1;
    -webkit-transform: scale(0.01);
            transform: scale(0.01);
  }
}
@-webkit-keyframes tDialogZoomOut {
  to {
    opacity: 0;
    -webkit-transform: scale(0.01);
            transform: scale(0.01);
  }
}
@keyframes tDialogZoomOut {
  to {
    opacity: 0;
    -webkit-transform: scale(0.01);
            transform: scale(0.01);
  }
}
@-webkit-keyframes tDialogMaskIn {
  from {
    opacity: 1;
  }
}
@keyframes tDialogMaskIn {
  from {
    opacity: 1;
  }
}
@-webkit-keyframes tDialogMaskOut {
  to {
    opacity: 0;
  }
}
@keyframes tDialogMaskOut {
  to {
    opacity: 0;
  }
}
.t-dialog-zoom .animation-enter {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.t-dialog-zoom .animation-exit {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.t-dialog-zoom .animation-active {
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.t-dialog-zoom-enter,
.t-dialog-zoom-enter-from,
.t-dialog-zoom-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.t-dialog-zoom-exit {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.t-dialog-zoom-enter-active,
.t-dialog-zoom-appear-active {
  -webkit-animation-name: tDialogZoomIn;
          animation-name: tDialogZoomIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.t-dialog-zoom-exit-active {
  -webkit-animation-name: tDialogZoomOut;
          animation-name: tDialogZoomOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.t-dialog-zoom__vue-enter-active .t-dialog {
  -webkit-animation-name: tDialogZoomIn;
          animation-name: tDialogZoomIn;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.t-dialog-zoom__vue-enter-active .t-dialog__mask {
  -webkit-animation-name: tDialogMaskIn;
          animation-name: tDialogMaskIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.t-dialog-zoom__vue-leave-active .t-dialog {
  -webkit-animation-name: tDialogZoomOut;
          animation-name: tDialogZoomOut;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.t-dialog-zoom__vue-leave-active .t-dialog__mask {
  -webkit-animation-name: tDialogMaskOut;
          animation-name: tDialogMaskOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.t-dialog-zoom__vue-enter-to .t-dialog {
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.t-dialog-zoom__vue-leave-to .t-dialog {
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.t-dialog-fade-enter,
.t-dialog-fade-appear {
  opacity: 0;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.t-dialog-fade-exit {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.t-dialog-fade-enter.t-dialog-fade-enter-active,
.t-dialog-fade-appear.t-dialog-fade-appear-active {
  -webkit-animation-name: tDialogFadeIn;
          animation-name: tDialogFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.t-dialog-fade-exit.t-dialog-fade-exit-active {
  -webkit-animation-name: tDialogFadeOut;
          animation-name: tDialogFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes tDialogFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tDialogFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes tDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes tDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.t-dialog {
  width: 480px;
  background-color: var(--td-bg-color-container);
  position: relative;
  border-radius: 3px;
  max-height: 100%;
  overflow: auto;
}
.t-dialog .t-icon.t-is-info {
  color: var(--td-brand-color);
}
.t-dialog .t-icon.t-is-success {
  color: var(--td-success-color);
}
.t-dialog .t-icon.t-is-warning {
  color: var(--td-warning-color);
}
.t-dialog .t-icon.t-is-error {
  color: var(--td-error-color);
}
.t-dialog--lock {
  overflow: hidden;
}
.t-dialog__header {
  color: var(--td-text-color-primary);
  font-size: 16px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  word-break: break-word;
}
.t-dialog__header > h5 {
  padding: 0;
  margin: 0;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  line-height: 22px;
}
.t-dialog__header .t-icon {
  font-size: 24px;
  margin-right: 8px;
}
.t-dialog__body {
  color: var(--td-text-color-secondary);
  font-size: 14px;
  line-height: 22px;
  overflow: auto;
  padding: 16px 0 24px;
  word-break: break-word;
}
.t-dialog__body__icon {
  padding: 16px 0 24px 32px;
}
.t-dialog__footer {
  width: 100%;
  text-align: right;
  word-spacing: -6px;
}
.t-dialog__footer .t-button + .t-button {
  margin-left: 8px;
}
.t-dialog--default {
  padding: 28px 32px 32px 32px;
}
.t-dialog--default .t-dialog__body {
  max-height: calc(100% - (50px + 32px * 2));
}
.t-dialog--primary {
  padding: 32px;
}
.t-dialog--primary .t-dialog__body {
  padding: 32px 28px 32px 28px;
}
.t-dialog__close {
  position: absolute;
  top: 24px;
  right: 24px;
  font-size: 20px;
  color: var(--td-text-color-secondary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 3px;
  background: var(--td-bg-color-container);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.t-dialog__close:hover {
  cursor: pointer;
  background: var(--td-bg-color-container-hover);
}
.t-dialog__close:active {
  background: var(--td-bg-color-container-active);
}
.t-dialog__ctx {
  pointer-events: none;
  outline: none;
}
.t-dialog__ctx.t-dialog__ctx--fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2500;
}
.t-dialog__ctx.t-is-visable {
  visibility: visible;
}
.t-dialog__ctx.t-is-hidden {
  visibility: hidden;
}
.t-dialog__ctx.t-is-display {
  display: block;
}
.t-dialog__ctx.t-not-display {
  display: none;
}
.t-dialog__ctx .t-dialog__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: var(--td-mask-active);
  pointer-events: auto;
}
.t-dialog__ctx .t-is-hidden {
  background: none;
}
.t-dialog__ctx .t-dialog {
  pointer-events: auto;
  z-index: 5;
  border: 1px solid var(--td-border-level-1-color);
}
.t-dialog__ctx .t-dialog.t-dialog--fixed {
  position: fixed;
  z-index: 2500;
}
.t-dialog__ctx .t-dialog--top {
  top: 20%;
  left: 50%;
  -webkit-transform-origin: -25% 25%;
          transform-origin: -25% 25%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.t-dialog__ctx .t-dialog--center {
  top: 50%;
  left: 50%;
  -webkit-transform-origin: -25% -25%;
          transform-origin: -25% -25%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/**
 * 颜色
 */
/**
 * 尺寸
 */
/**
 * 字体
 */
/**
 * 动画
 */
/**
 * 间距
 */
/**
 * 位置
 */
/**
 * 边框弧度
 */
.t-drawer {
  position: fixed;
  z-index: 1500;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}
.t-drawer--lock {
  overflow: hidden;
}
.t-drawer--attach {
  position: absolute;
}
.t-drawer--left,
.t-drawer--right {
  top: 0;
}
.t-drawer--left {
  left: 0;
}
.t-drawer--right {
  right: 0;
}
.t-drawer--top,
.t-drawer--bottom {
  left: 0;
}
.t-drawer--top {
  top: 0;
}
.t-drawer--bottom {
  bottom: 0;
}
.t-drawer__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--td-mask-active);
  -webkit-transition: opacity 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: opacity 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  opacity: 0;
}
.t-drawer__content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: var(--td-bg-color-container);
  width: 16px;
  height: 16px;
  font-size: 14px;
  color: var(--td-text-color-secondary);
  -webkit-box-shadow: var(--td-shadow-2);
          box-shadow: var(--td-shadow-2);
  overflow: hidden;
  pointer-events: auto;
  -webkit-transition: visibility 0.28s cubic-bezier(0.38, 0, 0.24, 1), -webkit-transform 0.28s cubic-bezier(0.38, 0, 0.24, 1);
  transition: visibility 0.28s cubic-bezier(0.38, 0, 0.24, 1), -webkit-transform 0.28s cubic-bezier(0.38, 0, 0.24, 1);
  transition: transform 0.28s cubic-bezier(0.38, 0, 0.24, 1), visibility 0.28s cubic-bezier(0.38, 0, 0.24, 1);
  transition: transform 0.28s cubic-bezier(0.38, 0, 0.24, 1), visibility 0.28s cubic-bezier(0.38, 0, 0.24, 1), -webkit-transform 0.28s cubic-bezier(0.38, 0, 0.24, 1);
  position: relative;
}
.t-drawer .t-drawer__content-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  visibility: hidden;
}
.t-drawer .t-drawer__content-wrapper--left,
.t-drawer .t-drawer__content-wrapper--right {
  top: 0;
}
.t-drawer .t-drawer__content-wrapper--left {
  left: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.t-drawer .t-drawer__content-wrapper--right {
  right: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.t-drawer .t-drawer__content-wrapper--top,
.t-drawer .t-drawer__content-wrapper--bottom {
  left: 0;
}
.t-drawer .t-drawer__content-wrapper--top {
  top: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.t-drawer .t-drawer__content-wrapper--bottom {
  bottom: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.t-drawer__header {
  min-height: 56px;
  padding: 16px 16px;
  font-size: 16px;
  font-weight: normal;
  line-height: unset;
  color: var(--td-text-color-primary);
  border-bottom: 1px solid var(--td-border-level-1-color);
  border-radius: 2px 2px 0 0;
}
.t-drawer__body {
  padding: 16px;
  overflow: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.t-drawer__footer {
  width: 100%;
  min-height: 56px;
  padding: 10px 16px;
  text-align: left;
  border-top: 1px solid var(--td-border-level-1-color);
  background-color: var(--td-bg-color-container);
}
.t-drawer__footer .t-button {
  margin-left: 8px;
}
.t-drawer__footer .t-button:first-child {
  margin-left: 0;
}
.t-drawer__close-btn {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 24px;
  height: 24px;
  top: 16px;
  right: 16px;
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-container);
  cursor: pointer;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.t-drawer__close-btn:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-drawer__close-btn:active {
  background-color: var(--td-bg-color-container-active);
}
.t-drawer__close-btn .t-icon {
  font-size: 16px;
  vertical-align: unset;
}
.t-drawer--open {
  width: 100%;
  height: 100%;
  pointer-events: auto;
}
.t-drawer--open > .t-drawer__content-wrapper {
  visibility: visible;
}
.t-drawer--open .t-drawer__mask {
  opacity: 1;
  width: 100%;
  height: 100%;
}
.t-drawer--without-mask {
  pointer-events: none;
}
[tabindex="-1"]:focus {
  outline: none !important;
  /* stylelint-disable-line */
}

.t-message {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  outline: 0;
  border-radius: 3px;
  background-color: var(--td-bg-color-container);
  -webkit-box-shadow: var(--td-shadow-3), 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-3), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--td-text-color-primary);
  line-height: 22px;
  font-size: 14px;
  padding: 13px 16px;
}
.t-message > .t-icon,
.t-message > [data-t-icon] > .t-icon,
.t-message .t-loading {
  color: var(--td-brand-color);
  margin-right: 8px;
}
.t-message > .t-icon,
.t-message .t-loading {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 20px;
}
.t-message.t-is-success > .t-icon,
.t-message.t-is-success > [data-t-icon] > .t-icon,
.t-message.t-is-success .t-loading {
  color: var(--td-success-color);
}
.t-message.t-is-warning > .t-icon,
.t-message.t-is-warning > [data-t-icon] > .t-icon,
.t-message.t-is-warning .t-loading {
  color: var(--td-warning-color);
}
.t-message.t-is-error > .t-icon,
.t-message.t-is-error > [data-t-icon] > .t-icon,
.t-message.t-is-error .t-loading {
  color: var(--td-error-color);
}
.t-message.t-is-closable {
  min-width: 400px;
}
.t-message.t-is-closable .t-message__inner {
  margin-right: 24px;
}
.t-message.t-is-closable > .t-message__close {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 0;
  margin-left: auto;
  right: 32px;
  cursor: pointer;
  color: var(--td-text-color-secondary);
}
.t-message.t-is-closable > .t-message__close .t-icon-close {
  font-size: 16px;
  border-radius: 3px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.t-message.t-is-closable > .t-message__close .t-icon-close:hover {
  background: var(--td-bg-color-container-hover);
}
.t-message.t-is-closable > .t-message__close .t-icon-close:active {
  background: var(--td-bg-color-container-active);
}
.t-message__list {
  position: fixed;
  z-index: 6000;
}
.t-message__list .t-message {
  margin-bottom: 8px;
}

.t-notification {
  font-size: 14px;
  outline: 0;
  border: 0;
  background-color: var(--td-bg-color-container);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: var(--td-shadow-2);
          box-shadow: var(--td-shadow-2);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 3px;
  width: 400px;
  padding: 20px 24px 24px 24px;
}
.t-notification__icon {
  width: 24px;
  text-align: center;
  margin-right: 8px;
}
.t-notification__icon .t-icon {
  font-size: 24px;
}
.t-notification .t-icon.t-is-info {
  color: var(--td-brand-color);
}
.t-notification .t-icon.t-is-success {
  color: var(--td-success-color);
}
.t-notification .t-icon.t-is-warning {
  color: var(--td-warning-color);
}
.t-notification .t-icon.t-is-error {
  color: var(--td-error-color-6);
}
.t-notification__main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.t-notification__title__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.t-notification__title {
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: var(--td-text-color-primary);
  line-height: 24px;
}
.t-notification .t-icon-close {
  cursor: pointer;
  font-size: 16px;
  border-radius: 3px;
  color: var(--td-text-color-secondary);
}
.t-notification .t-icon-close:hover {
  background: var(--td-bg-color-container-hover);
}
.t-notification .t-icon-close:active {
  background: var(--td-bg-color-container-active);
}
.t-notification__content {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: var(--td-text-color-secondary);
  line-height: 22px;
  margin-top: 8px;
  max-height: 66px;
  overflow: hidden;
  padding-right: 5px;
  text-overflow: ellipsis;
  word-break: break-all;
  /* stylelint-disable-next-line */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* stylelint-disable-next-line */
  -webkit-box-orient: vertical;
}
.t-notification__detail {
  margin-top: 21px;
  text-align: right;
  height: 22px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  line-height: 22px;
}
.t-notification__detail-item {
  padding: 5px 16px;
  color: inherit;
  cursor: pointer;
}
.t-notification__detail-item:hover {
  color: inherit;
  background: var(--td-bg-color-container-hover);
  border-radius: 3px;
}
.t-notification__detail-item:active {
  color: inherit;
  background: var(--td-bg-color-container-active);
  border-radius: 3px;
}
.t-notification__detail-item + .t-notification__detail-item {
  margin-left: 8px;
}
.t-notification__detail-item.t-is-active {
  color: var(--td-brand-color-8);
}
.t-notification__show--top-left {
  position: fixed;
  top: 0;
  left: 0;
}
.t-notification__show--top-left > .t-notification {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-name: slidein-top-left;
          animation-name: slidein-top-left;
}
@-webkit-keyframes slidein-top-left {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes slidein-top-left {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.t-notification__show--top-right {
  position: fixed;
  top: 0;
  right: 0;
}
.t-notification__show--top-right > .t-notification {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-name: slidein-top-right;
          animation-name: slidein-top-right;
}
@-webkit-keyframes slidein-top-right {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes slidein-top-right {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.t-notification__show--bottom-left {
  position: fixed;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.t-notification__show--bottom-left > .t-notification {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-name: slidein-bottom-left;
          animation-name: slidein-bottom-left;
}
@-webkit-keyframes slidein-bottom-left {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes slidein-bottom-left {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.t-notification__show--bottom-right {
  position: fixed;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.t-notification__show--bottom-right > .t-notification {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-name: slidein-bottom-right;
          animation-name: slidein-bottom-right;
}
@-webkit-keyframes slidein-bottom-right {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes slidein-bottom-right {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.t-notification-list__show-transition--top-left {
  position: fixed;
  top: 0;
  left: 0;
}
.t-notification-list__show-transition--top-left .notification-slide-fade-enter-active,
.t-notification-list__show-transition--top-left .notification-slide-fade-leave-active {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.t-notification-list__show-transition--top-left .notification-slide-fade-enter-from,
.t-notification-list__show-transition--top-left .notification-slide-fade-leave-to {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
  opacity: 0;
}
.t-notification-list__show-transition--top-right {
  position: fixed;
  top: 0;
  right: 0;
}
.t-notification-list__show-transition--top-right .notification-slide-fade-enter-active,
.t-notification-list__show-transition--top-right .notification-slide-fade-leave-active {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.t-notification-list__show-transition--top-right .notification-slide-fade-enter-from,
.t-notification-list__show-transition--top-right .notification-slide-fade-leave-to {
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
  opacity: 0;
}
.t-notification-list__show-transition--bottom-left {
  position: fixed;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.t-notification-list__show-transition--bottom-left .notification-slide-fade-enter-active,
.t-notification-list__show-transition--bottom-left .notification-slide-fade-leave-active {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.t-notification-list__show-transition--bottom-left .notification-slide-fade-enter-from,
.t-notification-list__show-transition--bottom-left .notification-slide-fade-leave-to {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
  opacity: 0;
}
.t-notification-list__show-transition--bottom-right {
  position: fixed;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.t-notification-list__show-transition--bottom-right .notification-slide-fade-enter-active,
.t-notification-list__show-transition--bottom-right .notification-slide-fade-leave-active {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.t-notification-list__show-transition--bottom-right .notification-slide-fade-enter-from,
.t-notification-list__show-transition--bottom-right .notification-slide-fade-leave-to {
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
  opacity: 0;
}

.t-popconfirm {
  border-radius: 3px;
}
.t-popconfirm__content {
  position: relative;
  padding: 12px 8px;
}
.t-popconfirm__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
}
.t-popconfirm__body > .t-icon {
  display: inline-block;
  margin: 1px 8px 1px 0;
  font-size: 20px;
}
.t-popconfirm__confirm {
  margin-left: 8px;
}
.t-popconfirm__inner {
  display: inline-block;
  vertical-align: top;
  max-width: 300px;
  font-size: 14px;
  color: var(--td-text-color-primary);
  line-height: 22px;
  margin-right: 8px;
}
.t-popconfirm__icon--warning {
  color: var(--td-warning-color);
}
.t-popconfirm__icon--danger {
  color: var(--td-error-color);
}
.t-popconfirm__icon--default {
  color: var(--td-brand-color);
}
.t-popconfirm__buttons {
  text-align: right;
  margin-top: 16px;
}
.t-popconfirm__buttons > span:last-child {
  margin-right: 0;
}

.t-upload .t-size-s {
  display: block;
  color: var(--td-text-color-placeholder);
  font-size: 12px;
  line-height: 20px;
}
.t-upload .t-is-bordered {
  border: 1px solid var(--td-component-border);
}
.t-upload .t-upload__trigger {
  display: inline-block;
}
.t-upload .t-icon {
  font-size: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.t-upload .t-icon-check-circle-filled {
  color: var(--td-success-color);
}
.t-upload .t-icon-error-circle-filled {
  color: var(--td-error-color);
}
.t-upload .t-icon-loading {
  color: var(--td-brand-color);
}
.t-upload .t-icon-time-filled {
  color: var(--td-text-color-placeholder);
}
.t-upload .t-icon-add {
  color: var(--td-text-color-primary);
}
.t-upload .t-upload__icon-delete {
  color: var(--td-text-color-secondary);
  cursor: pointer;
}
.t-upload__list-file {
  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;
  width: 100px;
  height: 100px;
  margin-right: 12px;
  overflow: hidden;
}
.t-upload__list-file .t-icon {
  font-size: 40px;
  color: var(--td-brand-color);
}
.t-upload__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 12px;
  width: 496px;
  height: 124px;
  padding: 12px;
  border: 1px solid var(--td-component-border);
  border-radius: 3px;
  font-size: 14px;
}
.t-upload__list-item.t-is--error .t-upload__list-name {
  color: var(--td-error-color);
}
.t-upload__list-item.t-is--error .t-upload__list-file .t-icon {
  color: var(--td-error-color);
}
.t-upload__list-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-upload-list__control {
  cursor: pointer;
}
.t-upload-list__control:hover {
  color: var(--td-error-color);
}
.t-upload__list-img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  max-height: 100%;
  cursor: pointer;
}
.t-upload__list-name {
  max-width: 200px;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-upload--highlight {
  color: var(--td-text-color-brand);
}
.t-upload__single-name {
  margin-right: 8px;
}
.t-upload__card {
  font-size: 12px;
  line-height: 20px;
  overflow: hidden;
  width: 100%;
}
.t-upload__card .t-is-disabled :hover {
  cursor: not-allowed;
}
.t-upload__card-item {
  margin: 0 8px 0 0;
  float: left;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
}
.t-upload__card-item::after {
  content: "";
  display: block;
}
.t-upload__card-item:hover .t-upload__card-mask {
  opacity: 1;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.t-upload__card-item.t-is--error .t-icon-warning_fill {
  color: var(--td-error-color);
  margin-bottom: 10px;
}
.t-upload__card-item.t-is--error .t-upload__card-status {
  color: var(--td-error-color);
}
.t-upload__card-item.t-is--background {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
}
.t-upload__card-item.t-is--background:hover {
  border-color: var(--td-brand-color);
}
.t-upload__card .t-icon-loading {
  margin-bottom: 10px;
}
.t-upload__card-name {
  max-width: 100%;
  margin-top: 8px;
  color: var(--td-text-color-primary);
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-upload__card-content {
  position: relative;
  width: 112px;
  height: 112px;
  overflow: hidden;
  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;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--td-bg-color-secondarycontainer);
  border: 1px dashed var(--td-component-border);
  padding: 8px;
}
.t-upload__card-container {
  width: 110px;
  height: 110px;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: var(--td-bg-color-secondarycontainer);
  border: 1px dashed var(--td-component-border);
}
.t-upload__card-container > .t-icon,
.t-upload__card-container .t-loading {
  font-size: 24px;
  margin-bottom: 8px;
}
.t-upload__card-container > p {
  color: var(--td-text-color-placeholder);
}
.t-upload__card-status-wrap {
  text-align: center;
}
.t-upload__card-status-wrap > svg {
  margin-bottom: 6px;
}
.t-upload__card-status-wrap .t-icon,
.t-upload__card-status-wrap .t-loading {
  font-size: 20px;
}
.t-upload__card-image {
  max-width: 100%;
  max-height: 100%;
}
.t-upload__card-status {
  color: var(--td-text-color-disabled);
  font-size: 12px;
}
.t-upload__card-mask {
  background-color: var(--td-text-color-secondary);
  color: var(--td-bg-color-container);
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  will-change: transform;
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.t-upload__card-mask-item-divider {
  margin: 0 16px;
  border-left: 1px var(--td-bg-color-container) solid;
  height: 16px;
}
.t-upload__card-mask-item > .t-icon {
  cursor: pointer;
  font-size: 16px;
}
.t-upload__dialog .t-dialog {
  max-width: 80%;
}
.t-upload__dialog .t-dialog--default {
  padding: 32px;
}
.t-upload__dialog .t-dialog-body {
  padding-bottom: 0;
}
.t-upload__dialog .t-dialog-body-img-box img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.t-upload__dragger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 336px;
  height: 144px;
  border: 1px dashed var(--td-component-border);
  border-radius: 2px;
  font-size: 14px;
  color: var(--td-text-color-secondary);
  cursor: pointer;
  padding: 16px;
  position: relative;
  overflow: auto;
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
}
.t-upload__dragger.t-is--active {
  background-color: var(--td-bg-color-container-active);
  border-color: var(--td-brand-color);
}
.t-upload__dragger:hover {
  border-color: var(--td-brand-color);
}
.t-upload__dragger-btns {
  position: absolute;
  bottom: 8px;
}
.t-upload__dragger-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-upload__dragger-error {
  border-color: var(--td-error-color);
}
.t-upload__dragger-error:hover {
  border-color: var(--td-error-color);
}
.t-upload__dragger-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 22px;
  color: var(--td-text-color-primary);
  margin-bottom: 8px;
  max-width: 304px;
}
.t-upload__dragger-text .t-upload__single-name {
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-upload__tips {
  margin-top: 8px;
}
.t-upload__placeholder {
  color: var(--td-text-color-placeholder);
}
.t-upload__display-text--margin {
  margin-top: 10px;
}
.t-upload__single-display-text {
  color: var(--td-text-color-secondary);
  font-size: 12px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-icon-clear-circle-filled {
  color: var(--td-text-color-placeholder);
  margin-top: 2px;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.t-icon-clear-circle-filled:hover {
  color: var(--td-text-color-secondary);
  cursor: pointer;
}
.t-upload__single-percent {
  margin-left: 8px;
}
.t-upload__single-progress {
  color: var(--td-brand-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-upload__single-progress .t-loading {
  font-size: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.t-upload__single-input-delete {
  margin-left: 16px;
  font-size: 14px;
  color: var(--td-brand-color);
  line-height: 22px;
  cursor: pointer;
}
.t-upload__single-input-preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: calc(100% - 162px);
}
.t-upload__single-input-text {
  display: block;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-upload__single-file-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-upload__single-file-input .t-upload__trigger {
  margin-left: 16px;
}
.t-upload__single-file-input .t-upload__trigger .t-button {
  margin-left: 8px;
}
.t-upload__single-file-input .t-upload__single-progress {
  white-space: nowrap;
}
.t-upload__single-file-input .t-input__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.t-upload__dragger-progress {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-upload__dragger-progress .t-icon,
.t-upload__dragger-progress .t-loading {
  font-size: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.t-upload__dragger-img-wrap {
  width: 112px;
  height: 112px;
  background-color: var(--td-bg-color-secondarycontainer);
  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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.t-upload__dragger-img-wrap > img {
  max-width: 100%;
  max-height: 100%;
}
.t-upload__dragger-img-wrap + .t-upload__dragger-progress-info {
  margin-left: 16px;
  max-width: 176px;
}
.t-upload__dragger-progress-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.t-upload__dragger-progress-info .t-upload__single-display-text {
  margin-bottom: 8px;
}
.t-upload__dragger-progress-info .t-button:hover {
  background-color: transparent;
}
.t-upload__dragger-progress-cancel {
  padding: 0;
}
.t-upload__flow-image-flow {
  width: 498px;
}
.t-upload__flow {
  min-width: 496px;
  max-width: 960px;
}
.t-upload__flow-placeholder {
  display: inline-block;
  margin-left: 16px;
}
.t-upload__flow-op {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-upload__flow-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 24px;
}
.t-upload__flow-bottom .t-button + .t-button {
  margin-left: 8px;
}
.t-upload__flow-empty {
  width: 100%;
  height: 210px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--td-text-color-placeholder);
}
.t-upload__flow-table {
  width: 100%;
  border: 1px dashed var(--td-component-border);
  margin-top: 24px;
  border-collapse: collapse;
}
.t-upload__flow-table > thead > tr,
.t-upload__flow-table > tbody > tr,
.t-upload__flow-table > tfoot > tr,
.t-upload__flow-table > tr {
  border-top: 1px solid var(--td-component-border);
}
.t-upload__flow-table > thead > tr > th,
.t-upload__flow-table > tbody > tr > th,
.t-upload__flow-table > tfoot > tr > th,
.t-upload__flow-table > tr > th {
  color: var(--td-text-color-placeholder);
  font-weight: normal;
  border: 1px solid var(--td-component-border);
  text-align: left;
  background-color: var(--td-bg-color-container);
}
.t-upload__flow-table > thead > tr > td,
.t-upload__flow-table > tbody > tr > td,
.t-upload__flow-table > tfoot > tr > td,
.t-upload__flow-table > tr > td {
  color: var(--td-text-color-primary);
}
.t-upload__flow-table > thead > tr > td,
.t-upload__flow-table > tbody > tr > td,
.t-upload__flow-table > tfoot > tr > td,
.t-upload__flow-table > tr > td,
.t-upload__flow-table > thead > tr > th,
.t-upload__flow-table > tbody > tr > th,
.t-upload__flow-table > tfoot > tr > th,
.t-upload__flow-table > tr > th {
  padding: 10px 24px;
}
.t-upload__flow-table__batch-row {
  border-left: 1px solid var(--td-component-border);
}
.t-upload__flow-button {
  color: var(--td-text-color-placeholder);
  cursor: pointer;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.t-upload__flow-button:hover {
  color: var(--td-text-color-secondary);
}
.t-upload__flow-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-upload__flow-status .t-icon,
.t-upload__flow-status .t-loading {
  margin-right: 8px;
  font-size: 16px;
}
.t-upload__flow-card-area {
  border: 1px dashed var(--td-component-border);
  padding: 12px;
  margin-top: 24px;
  width: 100%;
}
small.t-upload__tips-error {
  color: var(--td-error-color);
}

/*# sourceMappingURL=tdesign.css.map */