/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  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
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

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

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * 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 style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

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

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 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;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

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

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 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 and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -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 IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

.el-button--medium,.el-button--medium.is-round,.u-button{padding:10px 20px}.el-button,.el-checkbox,.el-checkbox-button__inner,.el-pager,.plTableBox .el-table th,.tree--btn-wrapper,.u-button[disabled]{-moz-user-select:none;-ms-user-select:none}.u-icon{width:1em;height:1em}.u-icon.loading{-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.box-shadow{-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1)}.u-button{font-size:14px;border-radius:4px;border:1px solid #e6e6e6;background:#fff;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;-webkit-transition:all .2s;transition:all .2s;cursor:pointer}.u-button:focus{border-color:#F1C40F;outline:0}.u-button>.cloakLeft{float:left;height:inherit;opacity:.5}.u-button>.cloakRight{float:right;height:inherit;opacity:.5}.u-button.size-big{font-size:15px;padding:10px 23px;border-radius:5px}.u-button.size-medium{font-size:14px;padding:8px 18px;border-radius:4px}.u-button.size-small{font-size:13px;padding:6px 15px;border-radius:3px}.u-button.size-mini{font-size:12px;padding:4px 12px;border-radius:3px}.u-button:hover{opacity:.6}.u-button:active{background-color:#eee}.u-button>.u-button-content{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;white-space:nowrap}.u-button>.u-icon{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-left:0;margin-right:.3em}.u-button.icon-right>.u-icon{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;margin-right:0;margin-left:.3em}.u-button.icon-right>.u-button-content{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.u-button[disabled]{color:#c0c4cc;background:0 0;pointer-events:none;border-color:#ebeef5;opacity:.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:not-allowed}.u-button[disabled]:hover{color:rgba(0,0,0,.25);border-color:#d9d9d9}.u-button.dashed{border:1px dashed #e6e6e6}.u-button.type-error{color:#fff;background-color:#f54242;border-color:#f54242}.u-button.type-error:active{opacity:1;color:#fff;background-color:#d81e06;border-color:#d81e06}.u-button.type-warn,.u-button.type-warn:hover{border-color:#ffb311}.u-button.type-warn{color:#fff;background-color:#ffb311}.u-button.type-info{color:#fff;background-color:#c2c5cb;border-color:#c2c5cb}.u-button.type-info:hover{border-color:#909399}.u-button.type-success{color:#fff;background-color:#17cc15;border-color:#17cc15}.u-button.type-success:hover{opacity:1;border-color:#17cc15}.u-button.type-primary{color:#fff;background-color:#26acee;border-color:#26acee}.u-button.type-primary:hover{opacity:1;border-color:#26acee}.u-button.type-success.plain{color:#17cc15;background-color:#f0f9eb;border-color:#17cc15}.u-button.type-success.plain:hover{opacity:1;color:#fff;background-color:#17cc15;border-color:#17cc15}.u-button.type-primary.plain{color:#26acee;background-color:#ecf5ff;border-color:#26acee}.u-button.type-primary.plain:hover{opacity:1;color:#fff;background-color:#26acee;border-color:#26acee}.u-button.type-info.plain{color:#c2c5cb;background-color:#f4f4f5;border-color:#c2c5cb}.u-button.type-info.plain:hover{opacity:1;color:#fff;background-color:#c2c5cb;border-color:#c2c5cb}.u-button.type-warn.plain{color:#ffb311;background-color:#fdf6ec;border-color:#ffb311}.u-button.type-warn.plain:hover{opacity:1;color:#fff;background-color:#ffb311;border-color:#ffb311}.u-button.type-error.plain{color:#f54242;background-color:#fef0f0;border-color:#f54242}.u-button.type-error.plain:hover{opacity:1;color:#fff;background-color:#f54242;border-color:#f54242}.u-button.type-error.plain:active{opacity:1;color:#fff;background-color:#d81e06;border-color:#d81e06}.u-button.danger:hover{border:6px solid #f54242;border-radius:5px;z-index:1;opacity:0;-webkit-animation:danger 1s ease-out;animation:danger 1s ease-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.u-button.circle{width:2.5em;height:2.5em;border-radius:50%;padding:10px;font-size:16px}.u-button.circle .u-icon{margin-left:0;margin-right:0}.u-button.circle.type-primary:hover{background-color:#26acee}.u-button.circle.type-success:hover{background-color:#17cc15}.u-button.circle.type-warn:hover{background-color:#ffb311}.u-button.circle.type-error:hover{background-color:#f54242}.u-button.circle.type-info:hover{background-color:#c2c5cb}.u-button .loading{-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear}.u-button.loadingCloak{opacity:.5}@-webkit-keyframes loop{to{top:-8px;left:-8px;bottom:-8px;right:-8px;border-width:6px;opacity:0}}@keyframes loop{to{top:-8px;left:-8px;bottom:-8px;right:-8px;border-width:6px;opacity:0}}@keyframes danger{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0}25%{-webkit-transform:scale(1.02);transform:scale(1.02);opacity:.1}50%{-webkit-transform:scale(1.04);transform:scale(1.04);opacity:.3}75%{-webkit-transform:scale(1.06);transform:scale(1.06);opacity:.5}100%{-webkit-transform:scale(1.08);transform:scale(1.08);opacity:0}}@-webkit-keyframes danger{0%{-webkit-transform:scale(0);opacity:0}25%{-webkit-transform:scale(0);opacity:.1}50%{-webkit-transform:scale(.1);opacity:.3}75%{-webkit-transform:scale(.5);opacity:.5}100%{-webkit-transform:scale(1);opacity:0}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.loop{position:relative}.loop::before{content:'';display:block;background-color:inherit;pointer-events:none;position:absolute;z-index:1;top:-3px;left:-3px;bottom:-3px;right:-3px;border-radius:inherit;border:0 solid inherit;opacity:.3;-webkit-animation:loop .3s ease-in-out;animation:loop .3s ease-in-out;-ms-flex-negative:0;flex-shrink:0}.el-button,.el-pager,.plTableBox .el-table th{-webkit-user-select:none}@font-face{font-family:element-icons;src:url(../../static/fonts/element-icons.535877f5.woff) format("woff"),url(../../static/fonts/element-icons.732389de.ttf) format("truetype");font-weight:400;font-display:"auto";font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-ice-cream-round:before{content:"\E6A0"}.el-icon-ice-cream-square:before{content:"\E6A3"}.el-icon-lollipop:before{content:"\E6A4"}.el-icon-potato-strips:before{content:"\E6A5"}.el-icon-milk-tea:before{content:"\E6A6"}.el-icon-ice-drink:before{content:"\E6A7"}.el-icon-ice-tea:before{content:"\E6A9"}.el-icon-coffee:before{content:"\E6AA"}.el-icon-orange:before{content:"\E6AB"}.el-icon-pear:before{content:"\E6AC"}.el-icon-apple:before{content:"\E6AD"}.el-icon-cherry:before{content:"\E6AE"}.el-icon-watermelon:before{content:"\E6AF"}.el-icon-grape:before{content:"\E6B0"}.el-icon-refrigerator:before{content:"\E6B1"}.el-icon-goblet-square-full:before{content:"\E6B2"}.el-icon-goblet-square:before{content:"\E6B3"}.el-icon-goblet-full:before{content:"\E6B4"}.el-icon-goblet:before{content:"\E6B5"}.el-icon-cold-drink:before{content:"\E6B6"}.el-icon-coffee-cup:before{content:"\E6B8"}.el-icon-water-cup:before{content:"\E6B9"}.el-icon-hot-water:before{content:"\E6BA"}.el-icon-ice-cream:before{content:"\E6BB"}.el-icon-dessert:before{content:"\E6BC"}.el-icon-sugar:before{content:"\E6BD"}.el-icon-tableware:before{content:"\E6BE"}.el-icon-burger:before{content:"\E6BF"}.el-icon-knife-fork:before{content:"\E6C1"}.el-icon-fork-spoon:before{content:"\E6C2"}.el-icon-chicken:before{content:"\E6C3"}.el-icon-food:before{content:"\E6C4"}.el-icon-dish-1:before{content:"\E6C5"}.el-icon-dish:before{content:"\E6C6"}.el-icon-moon-night:before{content:"\E6EE"}.el-icon-moon:before{content:"\E6F0"}.el-icon-cloudy-and-sunny:before{content:"\E6F1"}.el-icon-partly-cloudy:before{content:"\E6F2"}.el-icon-cloudy:before{content:"\E6F3"}.el-icon-sunny:before{content:"\E6F6"}.el-icon-sunset:before{content:"\E6F7"}.el-icon-sunrise-1:before{content:"\E6F8"}.el-icon-sunrise:before{content:"\E6F9"}.el-icon-heavy-rain:before{content:"\E6FA"}.el-icon-lightning:before{content:"\E6FB"}.el-icon-light-rain:before{content:"\E6FC"}.el-icon-wind-power:before{content:"\E6FD"}.el-icon-baseball:before{content:"\E712"}.el-icon-soccer:before{content:"\E713"}.el-icon-football:before{content:"\E715"}.el-icon-basketball:before{content:"\E716"}.el-icon-ship:before{content:"\E73F"}.el-icon-truck:before{content:"\E740"}.el-icon-bicycle:before{content:"\E741"}.el-icon-mobile-phone:before{content:"\E6D3"}.el-icon-service:before{content:"\E6D4"}.el-icon-key:before{content:"\E6E2"}.el-icon-unlock:before{content:"\E6E4"}.el-icon-lock:before{content:"\E6E5"}.el-icon-watch:before{content:"\E6FE"}.el-icon-watch-1:before{content:"\E6FF"}.el-icon-timer:before{content:"\E702"}.el-icon-alarm-clock:before{content:"\E703"}.el-icon-map-location:before{content:"\E704"}.el-icon-delete-location:before{content:"\E705"}.el-icon-add-location:before{content:"\E706"}.el-icon-location-information:before{content:"\E707"}.el-icon-location-outline:before{content:"\E708"}.el-icon-location:before{content:"\E79E"}.el-icon-place:before{content:"\E709"}.el-icon-discover:before{content:"\E70A"}.el-icon-first-aid-kit:before{content:"\E70B"}.el-icon-trophy-1:before{content:"\E70C"}.el-icon-trophy:before{content:"\E70D"}.el-icon-medal:before{content:"\E70E"}.el-icon-medal-1:before{content:"\E70F"}.el-icon-stopwatch:before{content:"\E710"}.el-icon-mic:before{content:"\E711"}.el-icon-copy-document:before{content:"\E718"}.el-icon-full-screen:before{content:"\E719"}.el-icon-switch-button:before{content:"\E71B"}.el-icon-aim:before{content:"\E71C"}.el-icon-crop:before{content:"\E71D"}.el-icon-odometer:before{content:"\E71E"}.el-icon-time:before{content:"\E71F"}.el-icon-bangzhu:before{content:"\E724"}.el-icon-close-notification:before{content:"\E726"}.el-icon-microphone:before{content:"\E727"}.el-icon-turn-off-microphone:before{content:"\E728"}.el-icon-position:before{content:"\E729"}.el-icon-postcard:before{content:"\E72A"}.el-icon-message:before{content:"\E72B"}.el-icon-chat-line-square:before{content:"\E72D"}.el-icon-chat-dot-square:before{content:"\E72E"}.el-icon-chat-dot-round:before{content:"\E72F"}.el-icon-chat-square:before{content:"\E730"}.el-icon-chat-line-round:before{content:"\E731"}.el-icon-chat-round:before{content:"\E732"}.el-icon-set-up:before{content:"\E733"}.el-icon-turn-off:before{content:"\E734"}.el-icon-open:before{content:"\E735"}.el-icon-connection:before{content:"\E736"}.el-icon-link:before{content:"\E737"}.el-icon-cpu:before{content:"\E738"}.el-icon-thumb:before{content:"\E739"}.el-icon-female:before{content:"\E73A"}.el-icon-male:before{content:"\E73B"}.el-icon-guide:before{content:"\E73C"}.el-icon-news:before{content:"\E73E"}.el-icon-price-tag:before{content:"\E744"}.el-icon-discount:before{content:"\E745"}.el-icon-wallet:before{content:"\E747"}.el-icon-coin:before{content:"\E748"}.el-icon-money:before{content:"\E749"}.el-icon-bank-card:before{content:"\E74A"}.el-icon-box:before{content:"\E74B"}.el-icon-present:before{content:"\E74C"}.el-icon-sell:before{content:"\E6D5"}.el-icon-sold-out:before{content:"\E6D6"}.el-icon-shopping-bag-2:before{content:"\E74D"}.el-icon-shopping-bag-1:before{content:"\E74E"}.el-icon-shopping-cart-2:before{content:"\E74F"}.el-icon-shopping-cart-1:before{content:"\E750"}.el-icon-shopping-cart-full:before{content:"\E751"}.el-icon-smoking:before{content:"\E752"}.el-icon-no-smoking:before{content:"\E753"}.el-icon-house:before{content:"\E754"}.el-icon-table-lamp:before{content:"\E755"}.el-icon-school:before{content:"\E756"}.el-icon-office-building:before{content:"\E757"}.el-icon-toilet-paper:before{content:"\E758"}.el-icon-notebook-2:before{content:"\E759"}.el-icon-notebook-1:before{content:"\E75A"}.el-icon-files:before{content:"\E75B"}.el-icon-collection:before{content:"\E75C"}.el-icon-receiving:before{content:"\E75D"}.el-icon-suitcase-1:before{content:"\E760"}.el-icon-suitcase:before{content:"\E761"}.el-icon-film:before{content:"\E763"}.el-icon-collection-tag:before{content:"\E765"}.el-icon-data-analysis:before{content:"\E766"}.el-icon-pie-chart:before{content:"\E767"}.el-icon-data-board:before{content:"\E768"}.el-icon-data-line:before{content:"\E76D"}.el-icon-reading:before{content:"\E769"}.el-icon-magic-stick:before{content:"\E76A"}.el-icon-coordinate:before{content:"\E76B"}.el-icon-mouse:before{content:"\E76C"}.el-icon-brush:before{content:"\E76E"}.el-icon-headset:before{content:"\E76F"}.el-icon-umbrella:before{content:"\E770"}.el-icon-scissors:before{content:"\E771"}.el-icon-mobile:before{content:"\E773"}.el-icon-attract:before{content:"\E774"}.el-icon-monitor:before{content:"\E775"}.el-icon-search:before{content:"\E778"}.el-icon-takeaway-box:before{content:"\E77A"}.el-icon-paperclip:before{content:"\E77D"}.el-icon-printer:before{content:"\E77E"}.el-icon-document-add:before{content:"\E782"}.el-icon-document:before{content:"\E785"}.el-icon-document-checked:before{content:"\E786"}.el-icon-document-copy:before{content:"\E787"}.el-icon-document-delete:before{content:"\E788"}.el-icon-document-remove:before{content:"\E789"}.el-icon-tickets:before{content:"\E78B"}.el-icon-folder-checked:before{content:"\E77F"}.el-icon-folder-delete:before{content:"\E780"}.el-icon-folder-remove:before{content:"\E781"}.el-icon-folder-add:before{content:"\E783"}.el-icon-folder-opened:before{content:"\E784"}.el-icon-folder:before{content:"\E78A"}.el-icon-edit-outline:before{content:"\E764"}.el-icon-edit:before{content:"\E78C"}.el-icon-date:before{content:"\E78E"}.el-icon-c-scale-to-original:before{content:"\E7C6"}.el-icon-view:before{content:"\E6CE"}.el-icon-loading:before{content:"\E6CF"}.el-icon-rank:before{content:"\E6D1"}.el-icon-sort-down:before{content:"\E7C4"}.el-icon-sort-up:before{content:"\E7C5"}.el-icon-sort:before{content:"\E6D2"}.el-icon-finished:before{content:"\E6CD"}.el-icon-refresh-left:before{content:"\E6C7"}.el-icon-refresh-right:before{content:"\E6C8"}.el-icon-refresh:before{content:"\E6D0"}.el-icon-video-play:before{content:"\E7C0"}.el-icon-video-pause:before{content:"\E7C1"}.el-icon-d-arrow-right:before{content:"\E6DC"}.el-icon-d-arrow-left:before{content:"\E6DD"}.el-icon-arrow-up:before{content:"\E6E1"}.el-icon-arrow-down:before{content:"\E6DF"}.el-icon-arrow-right:before{content:"\E6E0"}.el-icon-arrow-left:before{content:"\E6DE"}.el-icon-top-right:before{content:"\E6E7"}.el-icon-top-left:before{content:"\E6E8"}.el-icon-top:before{content:"\E6E6"}.el-icon-bottom:before{content:"\E6EB"}.el-icon-right:before{content:"\E6E9"}.el-icon-back:before{content:"\E6EA"}.el-icon-bottom-right:before{content:"\E6EC"}.el-icon-bottom-left:before{content:"\E6ED"}.el-icon-caret-top:before{content:"\E78F"}.el-icon-caret-bottom:before{content:"\E790"}.el-icon-caret-right:before{content:"\E791"}.el-icon-caret-left:before{content:"\E792"}.el-icon-d-caret:before{content:"\E79A"}.el-icon-share:before{content:"\E793"}.el-icon-menu:before{content:"\E798"}.el-icon-s-grid:before{content:"\E7A6"}.el-icon-s-check:before{content:"\E7A7"}.el-icon-s-data:before{content:"\E7A8"}.el-icon-s-opportunity:before{content:"\E7AA"}.el-icon-s-custom:before{content:"\E7AB"}.el-icon-s-claim:before{content:"\E7AD"}.el-icon-s-finance:before{content:"\E7AE"}.el-icon-s-comment:before{content:"\E7AF"}.el-icon-s-flag:before{content:"\E7B0"}.el-icon-s-marketing:before{content:"\E7B1"}.el-icon-s-shop:before{content:"\E7B4"}.el-icon-s-open:before{content:"\E7B5"}.el-icon-s-management:before{content:"\E7B6"}.el-icon-s-ticket:before{content:"\E7B7"}.el-icon-s-release:before{content:"\E7B8"}.el-icon-s-home:before{content:"\E7B9"}.el-icon-s-promotion:before{content:"\E7BA"}.el-icon-s-operation:before{content:"\E7BB"}.el-icon-s-unfold:before{content:"\E7BC"}.el-icon-s-fold:before{content:"\E7A9"}.el-icon-s-platform:before{content:"\E7BD"}.el-icon-s-order:before{content:"\E7BE"}.el-icon-s-cooperation:before{content:"\E7BF"}.el-icon-bell:before{content:"\E725"}.el-icon-message-solid:before{content:"\E799"}.el-icon-video-camera:before{content:"\E772"}.el-icon-video-camera-solid:before{content:"\E796"}.el-icon-camera:before{content:"\E779"}.el-icon-camera-solid:before{content:"\E79B"}.el-icon-download:before{content:"\E77C"}.el-icon-upload2:before{content:"\E77B"}.el-icon-upload:before{content:"\E7C3"}.el-icon-picture-outline-round:before{content:"\E75F"}.el-icon-picture-outline:before{content:"\E75E"}.el-icon-picture:before{content:"\E79F"}.el-icon-close:before{content:"\E6DB"}.el-icon-check:before{content:"\E6DA"}.el-icon-plus:before{content:"\E6D9"}.el-icon-minus:before{content:"\E6D8"}.el-icon-help:before{content:"\E73D"}.el-icon-s-help:before{content:"\E7B3"}.el-icon-circle-close:before{content:"\E78D"}.el-icon-circle-check:before{content:"\E720"}.el-icon-circle-plus-outline:before{content:"\E723"}.el-icon-remove-outline:before{content:"\E722"}.el-icon-zoom-out:before{content:"\E776"}.el-icon-zoom-in:before{content:"\E777"}.el-icon-error:before{content:"\E79D"}.el-icon-success:before{content:"\E79C"}.el-icon-circle-plus:before{content:"\E7A0"}.el-icon-remove:before{content:"\E7A2"}.el-icon-info:before{content:"\E7A1"}.el-icon-question:before{content:"\E7A4"}.el-icon-warning-outline:before{content:"\E6C9"}.el-icon-warning:before{content:"\E7A3"}.el-icon-goods:before{content:"\E7C2"}.el-icon-s-goods:before{content:"\E7B2"}.el-icon-star-off:before{content:"\E717"}.el-icon-star-on:before{content:"\E797"}.el-icon-more-outline:before{content:"\E6CC"}.el-icon-more:before{content:"\E794"}.el-icon-phone-outline:before{content:"\E6CB"}.el-icon-phone:before{content:"\E795"}.el-icon-user:before{content:"\E6E3"}.el-icon-user-solid:before{content:"\E7A5"}.el-icon-setting:before{content:"\E6CA"}.el-icon-s-tools:before{content:"\E7AC"}.el-icon-delete:before{content:"\E6D7"}.el-icon-delete-solid:before{content:"\E7C9"}.el-icon-eleme:before{content:"\E7C7"}.el-icon-platform-eleme:before{content:"\E7CA"}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#FFF;border:1px solid #DCDFE6;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;padding:12px 20px;font-size:14px;border-radius:4px}.el-button+.el-button,.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-button:focus,.el-button:hover{color:#409EFF;border-color:#c6e2ff;background-color:#ecf5ff}.el-button:active{color:#3a8ee6;border-color:#3a8ee6;outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#FFF;border-color:#409EFF;color:#409EFF}.el-button.is-active,.el-button.is-plain:active{color:#3a8ee6;border-color:#3a8ee6}.el-button.is-plain:active{background:#FFF;outline:0}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#C0C4CC;cursor:not-allowed;background-image:none;background-color:#FFF;border-color:#EBEEF5}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#FFF;border-color:#EBEEF5;color:#C0C4CC}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-round{border-radius:20px;padding:12px 23px}.el-button.is-circle{border-radius:50%;padding:12px}.el-button--primary{color:#FFF;background-color:#409EFF;border-color:#409EFF}.el-button--primary:focus,.el-button--primary:hover{background:#66b1ff;border-color:#66b1ff;color:#FFF}.el-button--primary.is-active,.el-button--primary:active{background:#3a8ee6;border-color:#3a8ee6;color:#FFF}.el-button--primary:active{outline:0}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#FFF;background-color:#a0cfff;border-color:#a0cfff}.el-button--primary.is-plain{color:#409EFF;background:#ecf5ff;border-color:#b3d8ff}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#409EFF;border-color:#409EFF;color:#FFF}.el-button--primary.is-plain:active{background:#3a8ee6;border-color:#3a8ee6;color:#FFF;outline:0}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:#8cc5ff;background-color:#ecf5ff;border-color:#d9ecff}.el-button--success{color:#FFF;background-color:#67C23A;border-color:#67C23A}.el-button--success:focus,.el-button--success:hover{background:#85ce61;border-color:#85ce61;color:#FFF}.el-button--success.is-active,.el-button--success:active{background:#5daf34;border-color:#5daf34;color:#FFF}.el-button--success:active{outline:0}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{color:#FFF;background-color:#b3e19d;border-color:#b3e19d}.el-button--success.is-plain{color:#67C23A;background:#f0f9eb;border-color:#c2e7b0}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#67C23A;border-color:#67C23A;color:#FFF}.el-button--success.is-plain:active{background:#5daf34;border-color:#5daf34;color:#FFF;outline:0}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning{color:#FFF;background-color:#E6A23C;border-color:#E6A23C}.el-button--warning:focus,.el-button--warning:hover{background:#ebb563;border-color:#ebb563;color:#FFF}.el-button--warning.is-active,.el-button--warning:active{background:#cf9236;border-color:#cf9236;color:#FFF}.el-button--warning:active{outline:0}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{color:#FFF;background-color:#f3d19e;border-color:#f3d19e}.el-button--warning.is-plain{color:#E6A23C;background:#fdf6ec;border-color:#f5dab1}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#E6A23C;border-color:#E6A23C;color:#FFF}.el-button--warning.is-plain:active{background:#cf9236;border-color:#cf9236;color:#FFF;outline:0}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#f0c78a;background-color:#fdf6ec;border-color:#faecd8}.el-button--danger{color:#FFF;background-color:#F56C6C;border-color:#F56C6C}.el-button--danger:focus,.el-button--danger:hover{background:#f78989;border-color:#f78989;color:#FFF}.el-button--danger.is-active,.el-button--danger:active{background:#dd6161;border-color:#dd6161;color:#FFF}.el-button--danger:active{outline:0}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{color:#FFF;background-color:#fab6b6;border-color:#fab6b6}.el-button--danger.is-plain{color:#F56C6C;background:#fef0f0;border-color:#fbc4c4}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#F56C6C;border-color:#F56C6C;color:#FFF}.el-button--danger.is-plain:active{background:#dd6161;border-color:#dd6161;color:#FFF;outline:0}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#f9a7a7;background-color:#fef0f0;border-color:#fde2e2}.el-button--info{color:#FFF;background-color:#909399;border-color:#909399}.el-button--info:focus,.el-button--info:hover{background:#a6a9ad;border-color:#a6a9ad;color:#FFF}.el-button--info.is-active,.el-button--info:active{background:#82848a;border-color:#82848a;color:#FFF}.el-button--info:active{outline:0}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{color:#FFF;background-color:#c8c9cc;border-color:#c8c9cc}.el-button--info.is-plain{color:#909399;background:#f4f4f5;border-color:#d3d4d6}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#909399;border-color:#909399;color:#FFF}.el-button--info.is-plain:active{background:#82848a;border-color:#82848a;color:#FFF;outline:0}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#bcbec2;background-color:#f4f4f5;border-color:#e9e9eb}.el-button--medium{font-size:14px;border-radius:4px}.el-button--mini,.el-button--small{border-radius:3px;font-size:12px}.el-button--medium.is-circle{padding:10px}.el-button--small,.el-button--small.is-round{padding:9px 15px}.el-button--small.is-circle{padding:9px}.el-button--mini,.el-button--mini.is-round{padding:7px 15px}.el-button--mini.is-circle{padding:7px}.el-button--text{border-color:transparent;color:#409EFF;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:#66b1ff;border-color:transparent;background-color:transparent}.el-button--text:active{color:#3a8ee6;border-color:transparent;background-color:transparent}.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover{border-color:transparent}.el-button-group .el-button--danger:last-child,.el-button-group .el-button--danger:not(:first-child):not(:last-child),.el-button-group .el-button--info:last-child,.el-button-group .el-button--info:not(:first-child):not(:last-child),.el-button-group .el-button--primary:last-child,.el-button-group .el-button--primary:not(:first-child):not(:last-child),.el-button-group .el-button--success:last-child,.el-button-group .el-button--success:not(:first-child):not(:last-child),.el-button-group .el-button--warning:last-child,.el-button-group .el-button--warning:not(:first-child):not(:last-child),.el-button-group>.el-dropdown>.el-button{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child,.el-button-group .el-button--danger:not(:first-child):not(:last-child),.el-button-group .el-button--info:first-child,.el-button-group .el-button--info:not(:first-child):not(:last-child),.el-button-group .el-button--primary:first-child,.el-button-group .el-button--primary:not(:first-child):not(:last-child),.el-button-group .el-button--success:first-child,.el-button-group .el-button--success:not(:first-child):not(:last-child),.el-button-group .el-button--warning:first-child,.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-right-color:rgba(255,255,255,.5)}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before,.el-pagination::after,.el-pagination::before{display:table;content:""}.el-button-group::after{clear:both}.el-button-group>.el-button{float:left;position:relative}.el-button-group>.el-button+.el-button{margin-left:0}.el-button-group>.el-button.is-disabled{z-index:1}.el-button-group>.el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group>.el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group>.el-button:first-child:last-child{border-radius:4px}.el-button-group>.el-button:first-child:last-child.is-round{border-radius:20px}.el-button-group>.el-button:first-child:last-child.is-circle{border-radius:50%}.el-button-group>.el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group>.el-button:not(:last-child){margin-right:-1px}.el-button-group>.el-button.is-active,.el-button-group>.el-button:active,.el-button-group>.el-button:focus,.el-button-group>.el-button:hover{z-index:1}.el-button-group>.el-dropdown>.el-button{border-top-left-radius:0;border-bottom-left-radius:0}.el-pagination{white-space:nowrap;padding:2px 5px;color:#303133;font-weight:700}.el-pagination::after{clear:both}.el-pagination button,.el-pagination span:not([class*=suffix]){display:inline-block;font-size:13px;min-width:35.5px;height:28px;line-height:28px;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box}.el-pagination .el-input__inner{text-align:center;-moz-appearance:textfield;line-height:normal}.el-pagination .el-input__suffix{right:0;-webkit-transform:scale(.8);transform:scale(.8)}.el-pagination .el-select .el-input{width:100px;margin:0 5px}.el-pagination .el-select .el-input .el-input__inner{padding-right:25px;border-radius:3px}.el-pagination button{border:none;padding:0 6px;background:0 0}.el-pagination button:focus{outline:0}.el-pagination button:hover{color:#409EFF}.el-pagination button:disabled{color:#C0C4CC;background-color:#FFF;cursor:not-allowed}.el-pagination .btn-next,.el-pagination .btn-prev{background:center center no-repeat #FFF;background-size:16px;cursor:pointer;margin:0;color:#303133}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px;font-weight:700}.el-input,.el-pager,.el-pager li,.el-textarea{display:inline-block}.el-pagination .btn-prev{padding-right:12px}.el-pagination .btn-next{padding-left:12px}.el-pagination .el-pager li.disabled{color:#C0C4CC;cursor:not-allowed}.el-pager li,.el-pager li.btn-quicknext:hover,.el-pager li.btn-quickprev:hover{cursor:pointer}.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li,.el-pagination--small .el-pager li.btn-quicknext,.el-pagination--small .el-pager li.btn-quickprev,.el-pagination--small .el-pager li:last-child{border-color:transparent;font-size:12px;line-height:22px;height:22px;min-width:22px}.el-pagination--small .arrow.disabled{visibility:hidden}.el-pagination--small .more::before,.el-pagination--small li.more::before{line-height:24px}.el-pagination--small button,.el-pagination--small span:not([class*=suffix]){height:22px;line-height:22px}.el-pagination--small .el-pagination__editor,.el-pagination--small .el-pagination__editor.el-input .el-input__inner{height:22px}.el-pagination__sizes{margin:0 10px 0 0;font-weight:400;color:#606266}.el-pagination__sizes .el-input .el-input__inner{font-size:13px;padding-left:8px}.el-pagination__sizes .el-input .el-input__inner:hover{border-color:#409EFF}.el-pagination__total{margin-right:10px;font-weight:400;color:#606266}.el-pagination__jump{margin-left:24px;font-weight:400;color:#606266}.el-pagination__jump .el-input__inner{padding:0 3px}.el-pagination__rightwrapper{float:right}.el-pagination__editor{line-height:18px;padding:0 2px;height:28px;text-align:center;margin:0 2px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:3px}.el-input__inner,.el-pager li,.el-select-dropdown__item,.el-textarea__inner{-webkit-box-sizing:border-box}.el-pager,.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0}.el-pagination__editor.el-input{width:50px}.el-pagination__editor.el-input .el-input__inner{height:28px}.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.el-pagination__editor .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{margin:0 5px;background-color:#f4f4f5;color:#606266;min-width:30px;border-radius:2px}.el-pagination.is-background .btn-next.disabled,.el-pagination.is-background .btn-next:disabled,.el-pagination.is-background .btn-prev.disabled,.el-pagination.is-background .btn-prev:disabled,.el-pagination.is-background .el-pager li.disabled{color:#C0C4CC}.el-pagination.is-background .el-pager li:not(.disabled):hover{color:#409EFF}.el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#409EFF;color:#FFF}.el-pagination.is-background.el-pagination--small .btn-next,.el-pagination.is-background.el-pagination--small .btn-prev,.el-pagination.is-background.el-pagination--small .el-pager li{margin:0 3px;min-width:22px}.el-pager,.el-pager li{vertical-align:top;margin:0}.el-pager{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;font-size:0}.el-pager .more::before{line-height:30px}.el-pager li{padding:0 4px;background:#FFF;font-size:13px;min-width:35.5px;height:28px;line-height:28px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.el-pager li.btn-quicknext,.el-pager li.btn-quickprev{line-height:28px;color:#303133}.el-pager li.btn-quicknext.disabled,.el-pager li.btn-quickprev.disabled{color:#C0C4CC}.el-pager li.active+li{border-left:0}.el-pager li:hover{color:#409EFF}.el-pager li.active{color:#409EFF;cursor:default}.el-textarea{position:relative;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#FFF;background-image:none;border:1px solid #DCDFE6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#C0C4CC}.el-textarea__inner::-moz-placeholder{color:#C0C4CC}.el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea__inner::-ms-input-placeholder{color:#C0C4CC}.el-textarea__inner::placeholder{color:#C0C4CC}.el-textarea__inner:hover{border-color:#C0C4CC}.el-textarea__inner:focus{outline:0;border-color:#409EFF}.el-textarea .el-input__count{color:#909399;background:#FFF;position:absolute;font-size:12px;bottom:5px;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:#F5F7FA;border-color:#E4E7ED;color:#C0C4CC;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#C0C4CC}.el-textarea.is-exceed .el-textarea__inner{border-color:#F56C6C}.el-textarea.is-exceed .el-input__count{color:#F56C6C}.el-input{position:relative;font-size:14px;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#C0C4CC;font-size:14px;cursor:pointer;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input .el-input__count{height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#909399;font-size:12px}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input,.el-input__inner{font-size:inherit}.el-input .el-input__count .el-input__count-inner{background:#FFF;line-height:initial;display:inline-block;padding:0 5px}.el-input__inner{-webkit-appearance:none;background-color:#FFF;background-image:none;border-radius:4px;border:1px solid #DCDFE6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__inner:hover,.el-select:hover .el-input__inner{border-color:#C0C4CC}.el-input__prefix,.el-input__suffix{position:absolute;top:0;height:100%;color:#C0C4CC;text-align:center}.el-input__inner::-webkit-input-placeholder{color:#C0C4CC}.el-input__inner::-moz-placeholder{color:#C0C4CC}.el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input__inner::-ms-input-placeholder{color:#C0C4CC}.el-input__inner::placeholder{color:#C0C4CC}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#409EFF;outline:0}.el-input__suffix{right:5px;-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;-webkit-transition:all .3s;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;-webkit-transition:all .3s;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#F5F7FA;border-color:#E4E7ED;color:#C0C4CC;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner::placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-exceed .el-input__inner{border-color:#F56C6C}.el-input.is-exceed .el-input__suffix .el-input__count{color:#F56C6C}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#F5F7FA;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #DCDFE6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#C0C4CC;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#FFF}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#F5F7FA}.el-select-dropdown__item.selected{color:#409EFF;font-weight:700}.el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#E4E7ED}.el-select-group__title{padding-left:20px;font-size:12px;color:#909399;line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-select{display:inline-block;position:relative}.el-select .el-select__tags>span{display:contents}.el-select .el-input__inner{cursor:pointer;padding-right:35px}.el-select .el-input__inner:focus{border-color:#409EFF}.el-select .el-input .el-select__caret{color:#C0C4CC;font-size:14px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);cursor:pointer}.el-select .el-input .el-select__caret.is-reverse{-webkit-transform:rotateZ(0);transform:rotateZ(0)}.el-select .el-input .el-select__caret.is-show-close{font-size:14px;text-align:center;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);border-radius:100%;color:#C0C4CC;-webkit-transition:color .2s cubic-bezier(.645,.045,.355,1);transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-select .el-input .el-select__caret.is-show-close:hover{color:#909399}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:#E4E7ED}.el-select .el-input.is-focus .el-input__inner{border-color:#409EFF}.el-select>.el-input{display:block}.el-select__input{border:none;outline:0;padding:0;margin-left:15px;color:#666;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:#C0C4CC;line-height:18px;font-size:14px}.el-select__close:hover{color:#909399}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.el-select .el-tag__close{margin-top:-2px}.el-select .el-tag{-webkit-box-sizing:border-box;box-sizing:border-box;border-color:transparent;margin:2px 0 2px 6px;background-color:#f0f2f5}.el-popper[x-placement^=top],.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=bottom],.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-select .el-tag__close.el-icon-close{background-color:#C0C4CC;right:-7px;top:0;color:#FFF}.el-select .el-tag__close.el-icon-close:hover{background-color:#909399}.el-select .el-tag__close.el-icon-close::before{display:block;-webkit-transform:translate(0,.5px);transform:translate(0,.5px)}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#EBEEF5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#FFF;border-bottom-width:0}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#EBEEF5}.el-popper[x-placement^=left],.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#FFF}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#EBEEF5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#FFF;border-left-width:0}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#EBEEF5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#FFF}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid #E4E7ED;border-radius:4px;background-color:#FFF;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#409EFF;background-color:#FFF}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:#F5F7FA}.plTableBox .el-table,.plTableBox .el-table__expanded-cell{background-color:#FFF}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:20px;font-family:element-icons;content:"\E6DA";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.plTableBox .el-table{position:relative;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;max-width:100%;font-size:14px;color:#606266}.plTableBox .el-table__empty-block{min-height:60px;text-align:center;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}.plTableBox .el-table__empty-text{line-height:60px;width:50%;color:#909399}.plTableBox .el-table__expand-column .cell{padding:0;text-align:center}.plTableBox .el-table__expand-icon{position:relative;cursor:pointer;color:#666;font-size:12px;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;height:20px}.plTableBox .el-table__expand-icon--expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.plTableBox .el-table__expand-icon>.el-icon{position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-5px}.plTableBox .el-table__expanded-cell[class*=cell]{padding:20px 50px}.plTableBox .el-table__expanded-cell:hover{background-color:transparent!important}.plTableBox .el-table__placeholder{display:inline-block;width:20px}.plTableBox .el-table__append-wrapper{overflow:hidden}.plTableBox .el-table--fit{border-right:0;border-bottom:0}.plTableBox .el-table--fit td.gutter,.plTableBox .el-table--fit th.gutter{border-right-width:1px}.plTableBox .el-table--scrollable-x .el-table__body-wrapper{overflow-x:auto}.plTableBox .el-table--scrollable-y .el-table__body-wrapper{overflow-y:auto}.plTableBox .el-table thead{color:#909399;font-weight:500}.plTableBox .el-table thead.is-group th{background:#F5F7FA}.plTableBox .el-table td,.plTableBox .el-table th{padding:12px 0;min-width:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;position:relative;text-align:left}.plTableBox .el-table td.is-center,.plTableBox .el-table th.is-center{text-align:center}.plTableBox .el-table td.is-right,.plTableBox .el-table th.is-right{text-align:right}.plTableBox .el-table td.gutter,.plTableBox .el-table th.gutter{width:15px;border-right-width:0;border-bottom-width:0;padding:0}.plTableBox .el-table td.is-hidden>*,.plTableBox .el-table th.is-hidden>*{visibility:hidden}.plTableBox .el-table--medium td,.plTableBox .el-table--medium th{padding:10px 0}.plTableBox .el-table--small{font-size:12px}.plTableBox .el-table--small td,.plTableBox .el-table--small th{padding:8px 0}.plTableBox .el-table--mini{font-size:12px}.plTableBox .el-table--mini td,.plTableBox .el-table--mini th{padding:6px 0}.plTableBox .el-table tr{background-color:#FFF}.plTableBox .el-table tr input[type=checkbox]{margin:0}.plTableBox .el-table td,.plTableBox .el-table th.is-leaf{border-bottom:1px solid #EBEEF5}.plTableBox .el-table th.is-sortable{cursor:pointer}.plTableBox .el-table th{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#FFF}.plTableBox .el-table th>.cell{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;vertical-align:middle;padding-left:10px;padding-right:10px;width:100%}.plTableBox .el-table th>.cell.highlight{color:#409EFF}.plTableBox .el-table th.required>div::before{display:inline-block;content:"";width:8px;height:8px;border-radius:50%;background:#ff4d51;margin-right:5px;vertical-align:middle}.plTableBox .el-table td div{-webkit-box-sizing:border-box;box-sizing:border-box}.plTableBox .el-table td.gutter{width:0}.plTableBox .el-table .cell{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all;line-height:23px;padding-left:10px;padding-right:10px}.plTableBox .el-table .cell.el-tooltip{white-space:nowrap;min-width:50px}.plTableBox .el-table--border,.plTableBox .el-table--group{border:1px solid #EBEEF5}.plTableBox .el-table--border::after,.plTableBox .el-table--group::after,.plTableBox .el-table::before{content:'';position:absolute;background-color:#EBEEF5;z-index:1}.plTableBox .el-table--border::after,.plTableBox .el-table--group::after{top:0;right:0;width:1px;height:100%}.plTableBox .el-table::before{left:0;bottom:0;width:100%;height:1px}.plTableBox .el-table--border{border-right:none;border-bottom:none}.plTableBox .el-table--border.el-loading-parent--relative{border-color:transparent}.plTableBox .el-table--border td,.plTableBox .el-table--border th,.plTableBox .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{border-right:1px solid #EBEEF5}.plTableBox .el-table--border td:first-child .cell,.plTableBox .el-table--border th:first-child .cell{padding-left:10px}.plTableBox .el-table--border th.gutter:last-of-type{border-bottom:1px solid #EBEEF5;border-bottom-width:1px}.plTableBox .el-table--border th{border-bottom:1px solid #EBEEF5}.plTableBox .el-table--hidden{visibility:hidden}.plTableBox .el-table__fixed,.plTableBox .el-table__fixed-right{position:absolute;top:0;left:0;overflow-x:hidden;overflow-y:hidden;-webkit-box-shadow:0 0 10px rgba(0,0,0,.12);box-shadow:0 0 10px rgba(0,0,0,.12)}.plTableBox .el-table__fixed-right::before,.plTableBox .el-table__fixed::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#EBEEF5;z-index:4}.plTableBox .el-table__fixed-right-patch{position:absolute;top:-1px;right:0;background-color:#FFF;border-bottom:1px solid #EBEEF5}.plTableBox .el-table__fixed-right{top:0;left:auto;right:0}.plTableBox .el-table__fixed-right .el-table__fixed-body-wrapper,.plTableBox .el-table__fixed-right .el-table__fixed-footer-wrapper,.plTableBox .el-table__fixed-right .el-table__fixed-header-wrapper{left:auto;right:0}.plTableBox .el-table__fixed-header-wrapper{position:absolute;left:0;top:0;z-index:3}.plTableBox .el-table__fixed-footer-wrapper{position:absolute;left:0;bottom:0;z-index:3}.plTableBox .el-table__fixed-footer-wrapper tbody td{border-top:1px solid #EBEEF5;background-color:#F5F7FA;color:#606266}.plTableBox .el-table__fixed-body-wrapper{position:absolute;left:0;top:37px;overflow:hidden;z-index:3}.plTableBox .el-table__body-wrapper,.plTableBox .el-table__footer-wrapper,.plTableBox .el-table__header-wrapper{width:100%}.plTableBox .el-table__footer-wrapper td{border-top:1px solid #EBEEF5}.plTableBox .el-table__body,.plTableBox .el-table__footer,.plTableBox .el-table__header{table-layout:fixed;border-collapse:separate}.plTableBox .el-table__footer-wrapper,.plTableBox .el-table__header-wrapper{overflow:hidden}.plTableBox .el-table__footer-wrapper tbody td,.plTableBox .el-table__header-wrapper tbody td{background-color:#F5F7FA;color:#606266}.plTableBox .el-table__body-wrapper{overflow:hidden;position:relative}.plTableBox .el-table__body-wrapper.is-scrolling-left~.el-table__fixed,.plTableBox .el-table__body-wrapper.is-scrolling-none~.el-table__fixed,.plTableBox .el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right,.plTableBox .el-table__body-wrapper.is-scrolling-right~.el-table__fixed-right{-webkit-box-shadow:none;box-shadow:none}.plTableBox .el-table__body-wrapper .el-table--border.is-scrolling-right~.el-table__fixed-right{border-left:1px solid #EBEEF5}.plTableBox .el-table .caret-wrapper{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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:34px;width:24px;vertical-align:middle;cursor:pointer;overflow:initial;position:relative}.plTableBox .el-table .sort-caret{width:0;height:0;border:5px solid transparent;position:absolute;left:7px}.plTableBox .el-table .sort-caret.ascending{border-bottom-color:#C0C4CC;top:5px}.plTableBox .el-table .sort-caret.descending{border-top-color:#C0C4CC;bottom:7px}.plTableBox .el-table .ascending .sort-caret.ascending{border-bottom-color:#409EFF}.plTableBox .el-table .descending .sort-caret.descending{border-top-color:#409EFF}.plTableBox .el-table .hidden-columns{visibility:hidden;position:absolute;z-index:-1}.plTableBox .el-table--striped .el-table__body tr.el-table__row--striped td{background:#FAFAFA}.plTableBox .el-table--striped .el-table__body tr.el-table__row--striped.current-row td{background-color:#ecf5ff}.plTableBox .el-table__body tr.hover-row.current-row>td,.plTableBox .el-table__body tr.hover-row.el-table__row--striped.current-row>td,.plTableBox .el-table__body tr.hover-row.el-table__row--striped>td,.plTableBox .el-table__body tr.hover-row>td{background-color:#F5F7FA}.plTableBox .el-table__body tr.current-row>td{background-color:#ecf5ff}.plTableBox .el-table__column-resize-proxy{position:absolute;left:200px;top:0;bottom:0;width:0;border-left:1px solid #EBEEF5;z-index:10}.el-checkbox,.el-checkbox__input{display:inline-block;position:relative;white-space:nowrap}.plTableBox .el-table__column-filter-trigger{display:inline-block;line-height:34px;cursor:pointer}.plTableBox .el-table__column-filter-trigger i{color:#909399;font-size:12px;-webkit-transform:scale(.75);transform:scale(.75)}.plTableBox .el-table--enable-row-transition .el-table__body td{-webkit-transition:background-color .25s ease;transition:background-color .25s ease}.plTableBox .el-table--enable-row-hover .el-table__body tr:hover>td{background-color:#F5F7FA}.plTableBox .el-table--fluid-height .el-table__fixed,.plTableBox .el-table--fluid-height .el-table__fixed-right{bottom:0;overflow:hidden}.plTableBox .el-table [class*=el-table__row--level] .el-table__expand-icon{display:inline-block;width:20px;line-height:20px;height:20px;text-align:center;margin-right:3px}.el-checkbox{color:#606266;font-weight:500;font-size:14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:30px}.el-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:4px;border:1px solid #DCDFE6;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.el-checkbox.is-bordered.is-checked{border-color:#409EFF}.el-checkbox.is-bordered.is-disabled{border-color:#EBEEF5;cursor:not-allowed}.el-checkbox.is-bordered.el-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner,.el-checkbox__inner{width:14px;height:14px}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{line-height:17px;font-size:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{line-height:15px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox.is-bordered.el-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{line-height:12px;font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{cursor:pointer;outline:0;line-height:1;vertical-align:middle}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:#edf2fc;border-color:#DCDFE6;cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:#C0C4CC}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:#F2F6FC;border-color:#DCDFE6}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:#C0C4CC}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:#F2F6FC;border-color:#DCDFE6}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:#C0C4CC;border-color:#C0C4CC}.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#409EFF;border-color:#409EFF}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:#C0C4CC;cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:#409EFF}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#409EFF}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#FFF;height:2px;-webkit-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:1px solid #DCDFE6;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#FFF;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:#409EFF}.el-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #FFF;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;-webkit-transition:-webkit-transform .15s ease-in .05s;transition:-webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s;transition:transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s;-webkit-transform-origin:center;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.el-checkbox:last-of-type{margin-right:0}.el-checkbox-button{position:relative;display:inline-block}.el-checkbox-button__inner{display:inline-block;line-height:1;font-weight:500;white-space:nowrap;vertical-align:middle;cursor:pointer;background:#FFF;border:1px solid #DCDFE6;border-left:0;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;position:relative;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;padding:12px 20px;font-size:14px;border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:#409EFF}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:#FFF;background-color:#409EFF;border-color:#409EFF;-webkit-box-shadow:-1px 0 0 0 #8cc5ff;box-shadow:-1px 0 0 0 #8cc5ff}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:#409EFF}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:#C0C4CC;cursor:not-allowed;background-image:none;background-color:#FFF;border-color:#EBEEF5;-webkit-box-shadow:none;box-shadow:none}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:#EBEEF5}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #DCDFE6;border-radius:4px 0 0 4px;-webkit-box-shadow:none!important;box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:#409EFF}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 4px 4px 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}.plTableBox .el-table-column--selection .cell{padding-left:14px;padding-right:14px}.plTableBox .el-table-filter{border:1px solid #EBEEF5;border-radius:2px;background-color:#FFF;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;margin:2px 0}.plTableBox .el-table-filter__list{padding:5px 0;margin:0;list-style:none;min-width:100px}.plTableBox .el-table-filter__list-item{line-height:36px;padding:0 10px;cursor:pointer;font-size:14px}.plTableBox .el-table-filter__list-item:hover{background-color:#ecf5ff;color:#66b1ff}.plTableBox .el-table-filter__list-item.is-active{background-color:#409EFF;color:#FFF}.plTableBox .el-table-filter__content{min-width:100px}.plTableBox .el-table-filter__bottom{border-top:1px solid #EBEEF5;padding:8px}.plTableBox .el-table-filter__bottom button{background:0 0;border:none;color:#606266;cursor:pointer;font-size:13px;padding:0 3px}.el-tag,.el-tooltip__popper{border-radius:4px;font-size:12px}.plTableBox .el-table-filter__bottom button:hover{color:#409EFF}.plTableBox .el-table-filter__bottom button:focus{outline:0}.plTableBox .el-table-filter__bottom button.is-disabled{color:#C0C4CC;cursor:not-allowed}.plTableBox .el-table-filter__wrap{max-height:280px}.plTableBox .el-table-filter__checkbox-group{padding:10px}.plTableBox .el-table-filter__checkbox-group label.el-checkbox{display:block;margin-right:5px;margin-bottom:8px;margin-left:5px}.plTableBox .el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}.el-tag{background-color:#ecf5ff;border-color:#d9ecff;display:inline-block;height:32px;padding:0 10px;line-height:30px;color:#409EFF;border-width:1px;border-style:solid;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}.el-tag.is-hit{border-color:#409EFF}.el-tag .el-tag__close{color:#409eff}.el-tag .el-tag__close:hover{color:#FFF;background-color:#409eff}.el-tag.el-tag--info{background-color:#f4f4f5;border-color:#e9e9eb;color:#909399}.el-tag.el-tag--info.is-hit{border-color:#909399}.el-tag.el-tag--info .el-tag__close{color:#909399}.el-tag.el-tag--info .el-tag__close:hover{color:#FFF;background-color:#909399}.el-tag.el-tag--success{background-color:#f0f9eb;border-color:#e1f3d8;color:#67c23a}.el-tag.el-tag--success.is-hit{border-color:#67C23A}.el-tag.el-tag--success .el-tag__close{color:#67c23a}.el-tag.el-tag--success .el-tag__close:hover{color:#FFF;background-color:#67c23a}.el-tag.el-tag--warning{background-color:#fdf6ec;border-color:#faecd8;color:#e6a23c}.el-tag.el-tag--warning.is-hit{border-color:#E6A23C}.el-tag.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag.el-tag--warning .el-tag__close:hover{color:#FFF;background-color:#e6a23c}.el-tag.el-tag--danger{background-color:#fef0f0;border-color:#fde2e2;color:#f56c6c}.el-tag.el-tag--danger.is-hit{border-color:#F56C6C}.el-tag.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag.el-tag--danger .el-tag__close:hover{color:#FFF;background-color:#f56c6c}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px}.el-tag .el-icon-close::before{display:block}.el-tag--dark{background-color:#409eff;border-color:#409eff;color:#fff}.el-tag--dark.is-hit{border-color:#409EFF}.el-tag--dark .el-tag__close{color:#fff}.el-tag--dark .el-tag__close:hover{color:#FFF;background-color:#66b1ff}.el-tag--dark.el-tag--info{background-color:#909399;border-color:#909399;color:#fff}.el-tag--dark.el-tag--info.is-hit{border-color:#909399}.el-tag--dark.el-tag--info .el-tag__close{color:#fff}.el-tag--dark.el-tag--info .el-tag__close:hover{color:#FFF;background-color:#a6a9ad}.el-tag--dark.el-tag--success{background-color:#67c23a;border-color:#67c23a;color:#fff}.el-tag--dark.el-tag--success.is-hit{border-color:#67C23A}.el-tag--dark.el-tag--success .el-tag__close{color:#fff}.el-tag--dark.el-tag--success .el-tag__close:hover{color:#FFF;background-color:#85ce61}.el-tag--dark.el-tag--warning{background-color:#e6a23c;border-color:#e6a23c;color:#fff}.el-tag--dark.el-tag--warning.is-hit{border-color:#E6A23C}.el-tag--dark.el-tag--warning .el-tag__close{color:#fff}.el-tag--dark.el-tag--warning .el-tag__close:hover{color:#FFF;background-color:#ebb563}.el-tag--dark.el-tag--danger{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.el-tag--dark.el-tag--danger.is-hit{border-color:#F56C6C}.el-tag--dark.el-tag--danger .el-tag__close{color:#fff}.el-tag--dark.el-tag--danger .el-tag__close:hover{color:#FFF;background-color:#f78989}.el-tag--plain{background-color:#fff;border-color:#b3d8ff;color:#409eff}.el-tag--plain.is-hit{border-color:#409EFF}.el-tag--plain .el-tag__close{color:#409eff}.el-tag--plain .el-tag__close:hover{color:#FFF;background-color:#409eff}.el-tag--plain.el-tag--info{background-color:#fff;border-color:#d3d4d6;color:#909399}.el-tag--plain.el-tag--info.is-hit{border-color:#909399}.el-tag--plain.el-tag--info .el-tag__close{color:#909399}.el-tag--plain.el-tag--info .el-tag__close:hover{color:#FFF;background-color:#909399}.el-tag--plain.el-tag--success{background-color:#fff;border-color:#c2e7b0;color:#67c23a}.el-tag--plain.el-tag--success.is-hit{border-color:#67C23A}.el-tag--plain.el-tag--success .el-tag__close{color:#67c23a}.el-tag--plain.el-tag--success .el-tag__close:hover{color:#FFF;background-color:#67c23a}.el-tag--plain.el-tag--warning{background-color:#fff;border-color:#f5dab1;color:#e6a23c}.el-tag--plain.el-tag--warning.is-hit{border-color:#E6A23C}.el-tag--plain.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag--plain.el-tag--warning .el-tag__close:hover{color:#FFF;background-color:#e6a23c}.el-tag--plain.el-tag--danger{background-color:#fff;border-color:#fbc4c4;color:#f56c6c}.el-tag--plain.el-tag--danger.is-hit{border-color:#F56C6C}.el-tag--plain.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag--plain.el-tag--danger .el-tag__close:hover{color:#FFF;background-color:#f56c6c}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-webkit-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-webkit-transform:scale(.7);transform:scale(.7)}.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing){outline-width:0}.el-tooltip__popper{position:absolute;padding:10px;z-index:2000;line-height:1.2;min-width:10px;word-wrap:break-word}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:#303133;border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:#303133}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:#303133;border-left-width:0}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:#303133}.el-tooltip__popper.is-dark{background:#303133;color:#FFF}.el-tooltip__popper.is-light{background:#FFF;border:1px solid #303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:#303133}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#FFF}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:#303133}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#FFF}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:#303133}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#FFF}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:#303133}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#FFF}.plTableBox{width:100%;position:relative}.plTableBox .el-table .umy-table-beyond{white-space:nowrap!important;position:relative}.plTableBox .el-table__virtual-wrapper .el-table__body{width:100%}.plTableBox .el-table--fixed__virtual-wrapper{width:auto!important}.plTableBox .el-table--border th .pltableDragIcon{position:absolute;display:inline-block;width:7px;top:0;right:0;z-index:2;height:100%}.plTableBox .el-table--border th .pltableDragIconHover:hover{background-color:#c7c9cc}.plTableBox .el-table--border th .pltableDragIcon i{background-color:#c7c9cc;right:0;top:25%;display:block;height:50%;width:1px;position:absolute}.plTableBox .el-table__footer-wrapper{margin-top:0!important}.plTableBox .umy-table-header-border-right-none-th{border-right:none!important}.plTableBox .el-disabled{cursor:default!important;opacity:.4;-ms-pointer-events:none;pointer-events:none}.plTableBox .fixed-columns-roll-style .el-table__body-wrapper,.plTableBox .fixed-columns-roll-style .pltableFixedWrapper{z-index:2!important}.plTableBox .myPagination{padding-top:20px;text-align:right}.plTableBox .myPagination .el-pagination{color:#606266!important}.plTableBox .plDialog{width:0;position:absolute;top:0;right:0;height:100%;z-index:5556!important;background-color:#fff;-webkit-transition:width .3s;transition:width .3s}.plTableBox .plDialog .checkListBox{width:100%;height:calc(100% - 110px);overflow-y:auto}.plTableBox li,.plTableBox ul{list-style:none}.plTableBox .plDialog .checkListBox ul li{overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 17px 10px 20px;height:40px}.plTableBox .plDialog .checkListBox ul li:hover{background-color:#eff2f7}.plTableBox .plDialog .checkListBox ul li:hover .iconfont{display:block!important}.plTableBox .plDialog .checkListBox ul li .iconfont{font-size:16px;color:#555;display:none;float:right;width:30px;height:20px;text-align:center;line-height:23px}.plTableBox .plDialog .checkListBox ul li .iconfont:hover{color:#409EFF;cursor:pointer}.plTableBox .plDialog .checkListBox::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(144,147,153,.5)}.plTableBox .plDialog .table-cus-header{font-size:16px;line-height:50px;height:50px;padding-left:20px;color:#415161;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #e7e9f1}.plTableBox .plDialog .table-cus-footer{width:100%;height:60px;line-height:60px;padding-left:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.plTableBox .plDialog .checkListBox::-webkit-scrollbar{width:9px;height:9px;background-color:rgba(255,255,255,0)}.plTableBox .pltree-loading{width:1.5em;position:absolute;top:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5555!important;background-color:#000;opacity:.2}.beautifyTableClass .plTbaleTotal .el-table__footer-two{border-top:1px solid #c7c9cc}.beautifyTableClass .el-table .el-table__header th{background-color:#f8f8f9}.beautifyTableClass .el-table__body,.beautifyTableClass .el-table__fixed-right::before,.beautifyTableClass .el-table__fixed::before{background-color:transparent!important}.beautifyTableClass .el-table th.is-leaf{border-bottom:none!important}.beautifyTableClass .el-table__fixed-footer-wrapper tbody td,.beautifyTableClass .el-table__footer-wrapper td{border-top:none!important;border-bottom:none!important}.beautifyTableClass .el-table .lineFooter td{border-bottom:1px solid #EBEEF5!important}.beautifyTableClass .el-table__fixed-right .el-table__row td:last-child{border-right:none}.beautifyTableClass .el-table--border,.beautifyTableClass .el-table--border th.gutter:last-of-type,.beautifyTableClass .el-table--group{border:none!important}.beautifyTableClass .el-table__expand-icon>.el-icon{margin-left:-7px;margin-top:-3px;top:32%}.beautifyTableClass .el-table__footer-wrapper{background-color:#f5f7fa!important}.beautifyTableClass .el-table th,.beautifyTableClass .el-table__header-wrapper{background:#f7f7f7}.beautifyTableClass .el-table--border::after,.beautifyTableClass .el-table--group::after{width:0!important}.beautifyTableClass .el-table::before{height:0!important}.beautifyTableClass .el-table__fixed{-webkit-box-shadow:5px 0 5px rgba(0,0,0,.1);box-shadow:5px 0 5px rgba(0,0,0,.1)}.beautifyTableClass .el-table__fixed-right{-webkit-box-shadow:-6px 0 6px rgba(0,0,0,.1);box-shadow:-6px 0 6px rgba(0,0,0,.1)}.beautifyTableClass .el-table__body-wrapper td,.beautifyTableClass .el-table__fixed-body-wrapper td,.beautifyTableClass .el-table__fixed-footer-wrapper td,.beautifyTableClass .el-table__footer-wrapper td{border-right:none!important}.beautifyTableClass .el-table__fixed-right-patch{background-color:transparent!important;border-color:transparent!important;z-index:3;top:0!important;border-bottom:none!important}.beautifyTableClass ::-webkit-scrollbar{width:9px;height:9px;background-color:rgba(255,255,255,0)}.beautifyTableClass .singleTable ::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(144,147,153,.5)}.cell--tree-node{position:relative}.pl-tree-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;padding-left:1.5em}.tree--btn-wrapper{position:absolute;top:50%;width:1em;height:1em;line-height:1em;margin-top:-.5em;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#333!important;font-size:16px;cursor:pointer}.elx-loading,[class*=elx-icon--]{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none}.tree--btn-wrapper.tree--btn-wrapper-show{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.reverse-table .u-table--fixed-left-wrapper .u-body--column{background-color:#f8f8f9}.elx-icon--square:before,.elx-icon--zoomin,.elx-icon--zoomout:after,.elx-icon--zoomout:before{border-width:.1em;border-color:inherit}[class*=elx-icon--]{display:inline-block;vertical-align:middle;position:relative;direction:ltr;font-family:Verdana,Arial,Tahoma;font-weight:400;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[class*=elx-icon--].rotate45{-webkit-transform:rotate(45deg);transform:rotate(45deg)}[class*=elx-icon--].rotate90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}[class*=elx-icon--].rotate180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.elx-icon--arrow-bottom,.elx-icon--arrow-left,.elx-icon--arrow-right,.elx-icon--arrow-top,.elx-icon--calendar,.elx-icon--caret-bottom,.elx-icon--caret-left,.elx-icon--caret-right,.elx-icon--caret-top,.elx-icon--check,.elx-icon--circle-plus,.elx-icon--close,.elx-icon--d-arrow-left,.elx-icon--d-arrow-right,.elx-icon--dot,.elx-icon--download,.elx-icon--edit-outline,.elx-icon--error,.elx-icon--eye,.elx-icon--eye-slash,.elx-icon--funnel,.elx-icon--info,.elx-icon--menu,.elx-icon--minus,.elx-icon--more,.elx-icon--plus,.elx-icon--print,.elx-icon--question,.elx-icon--refresh,.elx-icon--remove,.elx-icon--search,.elx-icon--square,.elx-icon--success,.elx-icon--upload,.elx-icon--warning,.elx-icon--zoomin,.elx-icon--zoomout{width:1em;height:1em;line-height:1em}.elx-icon--arrow-bottom:before,.elx-icon--arrow-left:before,.elx-icon--arrow-right:before,.elx-icon--arrow-top:before,.elx-icon--calendar:after,.elx-icon--calendar:before,.elx-icon--caret-bottom:before,.elx-icon--caret-left:before,.elx-icon--caret-right:before,.elx-icon--caret-top:before,.elx-icon--check:before,.elx-icon--circle-plus:after,.elx-icon--close:before,.elx-icon--d-arrow-left:after,.elx-icon--d-arrow-left:before,.elx-icon--d-arrow-right:after,.elx-icon--d-arrow-right:before,.elx-icon--dot:before,.elx-icon--download:after,.elx-icon--download:before,.elx-icon--edit-outline:after,.elx-icon--edit-outline:before,.elx-icon--error:after,.elx-icon--eye-slash:after,.elx-icon--eye-slash:before,.elx-icon--eye:before,.elx-icon--funnel:after,.elx-icon--funnel:before,.elx-icon--info:after,.elx-icon--minus:before,.elx-icon--more:before,.elx-icon--plus:before,.elx-icon--print:after,.elx-icon--print:before,.elx-icon--question:after,.elx-icon--refresh:after,.elx-icon--refresh:before,.elx-icon--remove:after,.elx-icon--search:after,.elx-icon--search:before,.elx-icon--square:before,.elx-icon--success:after,.elx-icon--upload:after,.elx-icon--upload:before,.elx-icon--warning:after,.elx-icon--zoomin:after,.elx-icon--zoomin:before,.elx-icon--zoomout:after,.elx-icon--zoomout:before{content:"";position:absolute}.elx-icon--square:before{left:.05em;top:.05em;width:.9em;height:.9em;border-style:solid}.elx-icon--zoomin{border-style:solid;background-color:#fff}.elx-icon--zoomin:after,.elx-icon--zoomin:before{background-color:inherit}.elx-icon--zoomin:before{left:-.1em;top:.2em;width:1.1em;height:.4em}.elx-icon--zoomin:after{top:-.1em;left:.2em;width:.4em;height:1.1em}.elx-icon--zoomout{position:relative}.elx-icon--zoomout:before{right:0;top:0;width:.7em;height:.7em;border-style:solid}.elx-icon--zoomout:after{left:.1em;bottom:.1em;width:.7em;height:.7em;border-style:solid;background-color:#fff}.elx-icon--menu:before{content:"";display:inline-block;width:.22em;height:.22em;-webkit-box-shadow:0 -.36em 0,-.36em -.36em 0,.36em -.36em 0,0 0 0 1em inset,-.36em 0 0,.36em 0 0,0 .36em 0,-.36em .36em 0,.36em .36em 0;box-shadow:0 -.36em 0,-.36em -.36em 0,.36em -.36em 0,0 0 0 1em inset,-.36em 0 0,.36em 0 0,0 .36em 0,-.36em .36em 0,.36em .36em 0;margin:.26em}.elx-icon--caret-bottom:before,.elx-icon--caret-left:before,.elx-icon--caret-right:before,.elx-icon--caret-top:before{border-width:.4em;border-style:solid;border-color:transparent}.elx-icon--caret-top:before{left:.1em;bottom:.3em;border-bottom-color:inherit}.elx-icon--caret-bottom:before{left:.1em;top:.3em;border-top-color:inherit}.elx-icon--caret-left:before{right:.3em;bottom:.1em;border-right-color:inherit}.elx-icon--caret-right:before{left:.3em;bottom:.1em;border-left-color:inherit}.elx-icon--arrow-bottom:before,.elx-icon--arrow-left:before,.elx-icon--arrow-right:before,.elx-icon--arrow-top:before{top:.4em;left:.14em;width:.7em;height:.7em;border-width:.15em;border-style:solid;border-top-color:inherit;border-right-color:inherit;border-bottom-color:transparent;border-left-color:transparent;border-radius:.15em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.elx-icon--arrow-bottom:before{top:0;left:.14em;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.elx-icon--arrow-left:before{top:.18em;left:.35em;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.elx-icon--arrow-right:before{top:.18em;left:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.elx-icon--d-arrow-left:before,.elx-icon--d-arrow-right:before{left:.15em}.elx-icon--d-arrow-left:after,.elx-icon--d-arrow-right:after{left:.58em}.elx-icon--d-arrow-left:after,.elx-icon--d-arrow-left:before,.elx-icon--d-arrow-right:after,.elx-icon--d-arrow-right:before{top:.18em;width:.7em;height:.7em;border-width:.15em;border-style:solid;border-top-color:inherit;border-right-color:transparent;border-bottom-color:transparent;border-left-color:inherit;border-radius:.15em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.elx-icon--d-arrow-right:after,.elx-icon--d-arrow-right:before{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.elx-icon--d-arrow-right:before{left:-.25em}.elx-icon--d-arrow-right:after{left:.18em}.elx-icon--funnel:before{top:.05em;left:0;border-width:.5em;border-style:solid;border-top-color:inherit;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.elx-icon--funnel:after{left:.41em;top:.4em;width:0;height:.5em;border-width:0 .2em 0 0;border-style:solid;border-right-color:inherit}.elx-icon--edit-outline:before{height:.84em;width:.86em;top:.1em;left:.02em;border-radius:.2em;border-width:.1em;border-style:solid;border-color:inherit}.elx-icon--edit-outline:after{left:.6em;bottom:.2em;width:0;height:.8em;border-radius:0 0 80% 80%;border-width:0 0 0 .22em;border-style:solid;border-color:inherit;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.elx-icon--check:before,.elx-icon--eye-slash:after{border-style:solid}.elx-icon--more:before{content:"...";top:0;left:.1em;line-height:.5em;font-weight:700}.elx-icon--plus:before{content:"+";left:-.05em;bottom:0;line-height:.9em;font-size:1.4em}.elx-icon--check:before{left:.25em;bottom:.2em;width:.5em;height:.9em;border-width:.15em;border-top-color:transparent;border-right-color:inherit;border-bottom-color:inherit;border-radius:.15em;border-left-color:transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.elx-icon--close:before{content:"\D7";left:-.05em;bottom:0;line-height:.8em;font-size:1.4em}.elx-icon--minus:before{content:"\2500";left:0;bottom:0;width:100%;text-align:center;line-height:.9em;font-size:1.2em}.elx-icon--refresh{border-width:.1em;border-style:solid;border-radius:50%;border-right-color:transparent!important;border-left-color:transparent!important}.elx-icon--refresh:before{left:50%;top:0;-webkit-transform:translateX(50%) rotate(-45deg);transform:translateX(50%) rotate(-45deg)}.elx-icon--refresh:after{right:50%;bottom:0;-webkit-transform:translateX(-50%) rotate(135deg);transform:translateX(-50%) rotate(135deg)}.elx-icon--refresh:after,.elx-icon--refresh:before{width:0;height:0;border-width:.25em;border-style:solid;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.elx-icon--refresh.roll{-webkit-animation:rollCircle 1s infinite linear;animation:rollCircle 1s infinite linear}@-webkit-keyframes rollCircle{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rollCircle{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.elx-icon--circle-plus:before,.elx-icon--error:before,.elx-icon--info:before,.elx-icon--question:before,.elx-icon--remove:before,.elx-icon--success:before,.elx-icon--warning:before{content:"";border-radius:50%;border-width:.5em;border-style:solid;border-color:inherit;position:absolute;top:0;left:0;-webkit-transform:scale(.95);transform:scale(.95)}.elx-icon--info:after,.elx-icon--question:after,.elx-icon--warning:after{left:0;bottom:0;width:100%;text-align:center;color:#fff;-webkit-transform:rotate(-10deg) scale(.75);transform:rotate(-10deg) scale(.75)}.elx-icon--question:after{content:"?"}.elx-icon--info:after{content:"\A1"}.elx-icon--warning:after{content:"!"}.elx-icon--success:after{content:"\2713";left:.25em;bottom:0;color:#fff;font-size:.65em}.elx-icon--circle-plus:after,.elx-icon--remove:after{left:0;width:100%;color:#fff;text-align:center;bottom:0}.elx-icon--circle-plus:after{content:"+";line-height:1.4em;font-size:.8em}.elx-icon--remove:after{content:"\2500";line-height:1.5em;font-size:.7em}.elx-icon--error:after{content:"\D7";left:0;bottom:0;width:100%;line-height:1.4em;text-align:center;color:#fff;font-size:.8em}.elx-icon--download:after,.elx-icon--upload:after{content:"\2191";left:0}.elx-icon--download,.elx-icon--upload{overflow:hidden}.elx-icon--download:before,.elx-icon--upload:before{left:0;width:1em;border-width:0;border-style:solid;border-color:inherit}.elx-icon--download:after,.elx-icon--upload:after{width:100%;text-align:center;font-size:2em}.elx-icon--upload:before{top:.1em;border-top-width:.1em}.elx-icon--upload:after{top:.15em}.elx-icon--download:before{bottom:.05em;border-bottom-width:.1em}.elx-icon--download:after{bottom:.15em;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.elx-icon--eye-slash:before,.elx-icon--eye:before{content:"\25CF";top:.16em;left:0;width:1em;height:.68em;line-height:.25em;border-radius:50%;border-width:.1em;border-style:solid;border-color:inherit;text-align:center}.elx-icon--eye-slash:after{top:-.1em;left:.45em;width:0;height:1.2em;border-width:0 0 0 .1em;border-color:inherit;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.elx-icon--calendar:before{top:.15em;left:0;width:1em;height:.8em;border-width:.2em .1em .1em;border-radius:.1em .1em 0 0;border-style:solid;border-color:inherit}.elx-icon--calendar:after{left:.2em;top:0;width:.6em;height:.3em;border-width:0 .1em;border-style:solid;border-color:inherit}.elx-icon--dot:before{top:.25em;left:.25em;border-radius:50%;border-width:.25em;border-style:solid;border-color:inherit}.elx-icon--print{-webkit-box-shadow:inset 0 0 0 .1em;box-shadow:inset 0 0 0 .1em;border-width:.2em 0;border-style:solid;border-color:transparent!important;border-radius:.3em .3em 0 0}.elx-icon--print:before{width:.6em;height:.3em;top:-.2em;left:.2em;-webkit-box-shadow:inset 0 0 0 .1em;box-shadow:inset 0 0 0 .1em}.elx-icon--print:after{width:.6em;height:.6em;left:.2em;bottom:-.2em;-webkit-box-shadow:inset 0 0 0 .1em;box-shadow:inset 0 0 0 .1em;background-color:#fff}.elx-icon--search:before{top:0;left:0;width:.8em;height:.8em;border-width:.15em;border-style:solid;border-color:inherit;border-radius:50%}.elx-icon--search:after{top:.75em;left:.6em;width:.35em;height:0;border-width:.15em 0 0;border-style:solid;border-color:inherit;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.elx-loading{display:none;position:absolute;width:100%;height:100%;top:0;left:0;z-index:99;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(0,0,0,.2)}.elx-loading.is--visible{display:block}.elx-loading .elx-loading--spinner{width:56px;height:56px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.elx-loading .elx-loading--spinner:after,.elx-loading .elx-loading--spinner:before{content:"";width:100%;height:100%;border-radius:50%;background-color:#409eff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.elx-loading .elx-loading--spinner:after{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.size--mini .elx-loading .elx-loading--spinner{width:38px;height:38px}.size--small .elx-loading .elx-loading--spinner{width:44px;height:44px}.size--medium .elx-loading .elx-loading--spinner{width:50px;height:50px}.elx-table .elx-body--column.col--ellipsis,.elx-table .elx-footer--column.col--ellipsis,.elx-table .elx-header--column.col--ellipsis,.elx-table.elx-editable .elx-body--column{height:48px}.elx-table.elx-editable.size--medium .elx-body--column,.elx-table.size--medium .elx-body--column.col--ellipsis,.elx-table.size--medium .elx-footer--column.col--ellipsis,.elx-table.size--medium .elx-header--column.col--ellipsis{height:44px}.elx-table.elx-editable.size--small .elx-body--column,.elx-table.size--small .elx-body--column.col--ellipsis,.elx-table.size--small .elx-footer--column.col--ellipsis,.elx-table.size--small .elx-header--column.col--ellipsis{height:40px}.elx-table.elx-editable.size--mini .elx-body--column,.elx-table.size--mini .elx-body--column.col--ellipsis,.elx-table.size--mini .elx-footer--column.col--ellipsis,.elx-table.size--mini .elx-header--column.col--ellipsis{height:36px}.elx-table--file-form,.elx-table-slots{display:none}.elx-table--print-frame{position:fixed;bottom:-100%;left:-100%;height:0;width:0;border:0}.elx-table--body-wrapper,.elx-table--fixed-left-body-wrapper,.elx-table--fixed-right-body-wrapper{overflow-y:auto;overflow-x:auto}.elx-table--borders .elx-table-border-bottom,.elx-table--borders .elx-table-border-left,.elx-table--borders .elx-table-border-right,.elx-table--borders .elx-table-border-top{position:absolute;background-color:#409eff}.elx-table--borders .elx-table-checked-borders .elx-table-border-bottom,.elx-table--borders .elx-table-checked-borders .elx-table-border-top{height:2px}.elx-table--borders .elx-table-checked-borders .elx-table-border-left,.elx-table--borders .elx-table-checked-borders .elx-table-border-right{width:2px}.elx-table--borders .elx-table-copyed-borders .elx-table-border-bottom,.elx-table--borders .elx-table-copyed-borders .elx-table-border-top{height:3px}.elx-table--borders .elx-table-copyed-borders .elx-table-border-left,.elx-table--borders .elx-table-copyed-borders .elx-table-border-right{width:3px}.elx-table--borders .elx-table-copyed-borders>span{background:repeating-linear-gradient(135deg,transparent,transparent 3px,#409eff 3px,#409eff 9px);-webkit-animation:shine 1s infinite linear;animation:shine 1s infinite linear}.elx-body--row .elx-body--column.col--checked{position:relative;background-color:#e6f7ff}.elx-body--row .elx-body--column.col--selected{background-color:#fff}@-webkit-keyframes shine{0%{background-position:-1px -1px}100%{background-position:-12px -12px}}@keyframes shine{0%{background-position:-1px -1px}100%{background-position:-12px -12px}}.elx-cell .elx-default-input,.elx-cell .elx-default-select,.elx-cell .elx-default-textarea,.elx-table--filter-wrapper .elx-default-input,.elx-table--filter-wrapper .elx-default-select,.elx-table--filter-wrapper .elx-default-textarea{outline:0;padding:0 2px;width:100%;color:#606266;border-radius:4px;border:1px solid #dcdfe6;height:34px}.elx-cell .elx-default-input:focus,.elx-cell .elx-default-select:focus,.elx-cell .elx-default-textarea:focus,.elx-table--filter-wrapper .elx-default-input:focus,.elx-table--filter-wrapper .elx-default-select:focus,.elx-table--filter-wrapper .elx-default-textarea:focus{border:1px solid #409eff}.elx-cell .elx-default-input[disabled],.elx-cell .elx-default-select[disabled],.elx-cell .elx-default-textarea[disabled],.elx-table--filter-wrapper .elx-default-input[disabled],.elx-table--filter-wrapper .elx-default-select[disabled],.elx-table--filter-wrapper .elx-default-textarea[disabled]{cursor:not-allowed;background-color:#f3f3f3}.elx-cell .elx-default-input[type=date]::-webkit-inner-spin-button,.elx-table--filter-wrapper .elx-default-input[type=date]::-webkit-inner-spin-button{margin-top:4px}.elx-cell .elx-default-input[type=date]::-webkit-inner-spin-button,.elx-cell .elx-default-input[type=number]::-webkit-inner-spin-button,.elx-table--filter-wrapper .elx-default-input[type=date]::-webkit-inner-spin-button,.elx-table--filter-wrapper .elx-default-input[type=number]::-webkit-inner-spin-button{height:24px}.elx-cell .elx-default-input::-webkit-input-placeholder,.elx-table--filter-wrapper .elx-default-input::-webkit-input-placeholder{color:#C0C4CC}.elx-cell .elx-default-input::-moz-placeholder,.elx-table--filter-wrapper .elx-default-input::-moz-placeholder{color:#C0C4CC}.elx-cell .elx-default-input:-ms-input-placeholder,.elx-table--filter-wrapper .elx-default-input:-ms-input-placeholder{color:#C0C4CC}.elx-cell .elx-default-input::-ms-input-placeholder,.elx-table--filter-wrapper .elx-default-input::-ms-input-placeholder{color:#C0C4CC}.elx-cell .elx-default-input::-webkit-input-placeholder, .elx-table--filter-wrapper .elx-default-input::-webkit-input-placeholder{color:#C0C4CC}.elx-cell .elx-default-input::-moz-placeholder, .elx-table--filter-wrapper .elx-default-input::-moz-placeholder{color:#C0C4CC}.elx-cell .elx-default-input:-ms-input-placeholder, .elx-table--filter-wrapper .elx-default-input:-ms-input-placeholder{color:#C0C4CC}.elx-cell .elx-default-input::-ms-input-placeholder, .elx-table--filter-wrapper .elx-default-input::-ms-input-placeholder{color:#C0C4CC}.elx-cell .elx-default-input::placeholder,.elx-table--filter-wrapper .elx-default-input::placeholder{color:#C0C4CC}.elx-cell .elx-default-textarea,.elx-table--filter-wrapper .elx-default-textarea{vertical-align:middle}.elx-cell .elx-input,.elx-cell .elx-select,.elx-cell .elx-textarea,.elx-table--filter-wrapper .elx-input,.elx-table--filter-wrapper .elx-select,.elx-table--filter-wrapper .elx-textarea{width:100%;display:block}.elx-cell .elx-input>.elx-input--inner,.elx-cell .elx-textarea>.elx-textarea--inner,.elx-table--filter-wrapper .elx-input>.elx-input--inner,.elx-table--filter-wrapper .elx-textarea>.elx-textarea--inner{padding:0 2px}.elx-cell .elx-default-textarea,.elx-cell .elx-textarea--inner,.elx-table--filter-wrapper .elx-default-textarea,.elx-table--filter-wrapper .elx-textarea--inner{resize:none}.elx-table--cell-active-area,.elx-table--cell-copy-area,.elx-table--cell-extend-area,.elx-table--cell-main-area,.elx-table--checkbox-range{display:none;position:absolute;pointer-events:none;z-index:1}.elx-table--fixed-left-wrapper .elx-table--cell-active-area,.elx-table--fixed-left-wrapper .elx-table--cell-copy-area,.elx-table--fixed-left-wrapper .elx-table--cell-extend-area,.elx-table--fixed-left-wrapper .elx-table--cell-main-area,.elx-table--fixed-left-wrapper .elx-table--checkbox-range,.elx-table--fixed-right-wrapper .elx-table--cell-active-area,.elx-table--fixed-right-wrapper .elx-table--cell-copy-area,.elx-table--fixed-right-wrapper .elx-table--cell-extend-area,.elx-table--fixed-right-wrapper .elx-table--cell-main-area,.elx-table--fixed-right-wrapper .elx-table--checkbox-range{z-index:2}.elx-table--fixed-left-wrapper .elx-table--cell-active-area[half="1"],.elx-table--fixed-left-wrapper .elx-table--cell-extend-area[half="1"],.elx-table--fixed-left-wrapper .elx-table--cell-main-area[half="1"]{border-right:0}.elx-table--fixed-left-wrapper .elx-table--cell-copy-area[half="1"]{background-size:3px 12px,0 12px,12px 3px,12px 3px}.elx-table--fixed-right-wrapper .elx-table--cell-active-area[half="1"],.elx-table--fixed-right-wrapper .elx-table--cell-extend-area[half="1"],.elx-table--fixed-right-wrapper .elx-table--cell-main-area[half="1"]{border-left:0}.elx-table--fixed-right-wrapper .elx-table--cell-copy-area[half="1"]{background-size:0 12px,3px 12px,12px 3px,12px 3px}.elx-table--checkbox-range{background-color:rgba(50,128,252,.2);border:1px solid #006af1}.elx-table--cell-area{height:0;font-size:0;display:none}.elx-table,.elx-table.size--medium{font-size:14px}.elx-grid.size--small,.elx-table.size--small{font-size:13px}.elx-table--cell-area>.elx-table--cell-main-area{background-color:rgba(64,158,255,.2);border:1px solid #409eff}.elx-table--cell-area .elx-table--cell-main-area-btn{display:none;position:absolute;right:-1px;bottom:-1px;width:7px;height:7px;border-style:solid;border-color:#fff;border-width:1px 0 0 1px;background-color:#409eff;pointer-events:auto;cursor:crosshair}.elx-table--cell-active-area,.elx-table--cell-area .elx-table--cell-extend-area{border:2px solid #409eff}@-webkit-keyframes moveCopyCellBorder{to{background-position:0 -12px,100% 12px,12px 0,-12px 100%}}@keyframes moveCopyCellBorder{to{background-position:0 -12px,100% 12px,12px 0,-12px 100%}}.elx-table--cell-copy-area{background:linear-gradient(0deg,transparent 6px,#409eff 6px) repeat-y,linear-gradient(0deg,transparent 50%,#409eff 0) repeat-y,linear-gradient(90deg,transparent 50%,#409eff 0) repeat-x,linear-gradient(90deg,transparent 50%,#409eff 0) repeat-x;background-size:3px 12px,3px 12px,12px 3px,12px 3px;background-position:0 0,100% 0,0 0,0 100%;-webkit-animation:moveCopyCellBorder .5s infinite linear;animation:moveCopyCellBorder .5s infinite linear}.elx-table--cell-multi-area>.elx-table--cell-main-area{background-color:rgba(64,158,255,.2)}.elx-table.is--round .elx-table--border-line,.elx-table.is--round .elx-table.is--round,.elx-table.is--round:not(.show--head):not(.show--foot) .elx-table--body-wrapper.body--wrapper{border-radius:4px}.elx-table.is--round.show--foot:not(.show--head) .elx-table--body-wrapper.body--wrapper,.elx-table.is--round.show--head .elx-table--header-wrapper.body--wrapper{border-radius:4px 4px 0 0}.elx-table.is--round.show--head .elx-table--header-wrapper.fixed-left--wrapper{border-radius:4px 0 0}.elx-table.is--round.show--head .elx-table--header-wrapper.fixed-right--wrapper{border-radius:0 4px 0 0}.elx-table.is--round.show--foot .elx-table--footer-wrapper.body--wrapper,.elx-table.is--round.show--head:not(.show--foot) .elx-table--body-wrapper.body--wrapper{border-radius:0 0 4px 4px}.elx-table.is--round.show--foot .elx-table--footer-wrapper.fixed-left--wrapper,.elx-table.is--round.show--foot:not(.show--head) .elx-table--body-wrapper.fixed-left--wrapper,.elx-table.is--round.show--head:not(.show--foot) .elx-table--body-wrapper.fixed-left--wrapper{border-radius:0 0 0 4px}.elx-table.is--round.show--foot .elx-table--footer-wrapper.fixed-right--wrapper,.elx-table.is--round.show--foot:not(.show--head) .elx-table--body-wrapper.fixed-right--wrapper,.elx-table.is--round.show--head:not(.show--foot) .elx-table--body-wrapper.fixed-right--wrapper{border-radius:0 0 4px}.elx-table{position:relative;color:#606266;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}.elx-table[x-cloak] .elx-table--fixed-left-wrapper,.elx-table[x-cloak] .elx-table--fixed-right-wrapper,.elx-table[x-cloak] .elx-table--main-wrapper{visibility:hidden}.elx-table .elx-table--body-wrapper,.elx-table .elx-table--footer-wrapper{background-color:#fff}.elx-table .elx-table--body,.elx-table .elx-table--footer,.elx-table .elx-table--header{border:0;border-spacing:0;border-collapse:separate;table-layout:fixed}.elx-table .elx-table--footer-wrapper,.elx-table .elx-table--header-wrapper{overflow-x:hidden;overflow-y:hidden}.elx-table:not(.is--empty).show--foot.scroll--x .elx-table--body-wrapper{overflow-x:scroll}.elx-table .elx-body--row.row--stripe{background-color:#fafafa}.elx-table .elx-body--row.row--checked,.elx-table .elx-body--row.row--current,.elx-table .elx-body--row.row--radio{background-color:#e6f7ff}.elx-table .elx-body--row.row--hover,.elx-table .elx-body--row.row--hover.row--stripe{background-color:#f5f7fa}.elx-table .elx-body--row.row--hover.row--checked,.elx-table .elx-body--row.row--hover.row--radio{background-color:#e6f7ff}.elx-table .elx-body--row.row--hover.row--current{background-color:#d7effb}.elx-table.has--tree-line .elx-body--row.row--stripe .elx-tree--btn-wrapper{background-color:#fafafa}.elx-table.has--tree-line .elx-body--row.row--checked .elx-tree--btn-wrapper,.elx-table.has--tree-line .elx-body--row.row--current .elx-tree--btn-wrapper,.elx-table.has--tree-line .elx-body--row.row--radio .elx-tree--btn-wrapper{background-color:#e6f7ff}.elx-table.has--tree-line .elx-body--row.row--hover .elx-tree--btn-wrapper,.elx-table.has--tree-line .elx-body--row.row--hover.row--stripe .elx-tree--btn-wrapper{background-color:#f5f7fa}.elx-table.has--tree-line .elx-body--row.row--hover.row--checked .elx-tree--btn-wrapper,.elx-table.has--tree-line .elx-body--row.row--hover.row--radio .elx-tree--btn-wrapper{background-color:#e6f7ff}.elx-table.column--highlight .elx-header--column:not(.col--seq):hover,.elx-table.has--tree-line .elx-body--row.row--hover.row--current .elx-tree--btn-wrapper{background-color:#d7effb}.elx-table.drag--resize .elx-table--fixed-left-wrapper *,.elx-table.drag--resize .elx-table--fixed-right-wrapper *,.elx-table.drag--resize .elx-table--main-wrapper *{cursor:col-resize}.elx-table.drag--area .elx-table--fixed-left-wrapper *,.elx-table.drag--area .elx-table--fixed-right-wrapper *,.elx-table.drag--area .elx-table--main-wrapper *,.elx-table.drag--range .elx-table--fixed-left-wrapper *,.elx-table.drag--range .elx-table--fixed-right-wrapper *,.elx-table.drag--range .elx-table--main-wrapper *{cursor:default}.elx-table.drag--extend-range .elx-table--fixed-left-wrapper *,.elx-table.drag--extend-range .elx-table--fixed-right-wrapper *,.elx-table.drag--extend-range .elx-table--main-wrapper *{cursor:crosshair}.elx-table .elx-body--column.col--current,.elx-table .elx-body--column.col--current .elx-tree--btn-wrapper,.elx-table .elx-footer--column.col--current,.elx-table .elx-footer--column.col--current .elx-tree--btn-wrapper,.elx-table .elx-header--column.col--current,.elx-table .elx-header--column.col--current .elx-tree--btn-wrapper,.elx-table.has--tree-line .elx-body--column.col--current .elx-tree--btn-wrapper,.elx-table.has--tree-line .elx-footer--column.col--current .elx-tree--btn-wrapper,.elx-table.has--tree-line .elx-header--column.col--current .elx-tree--btn-wrapper{background-color:#e6f7ff}.elx-table.is--area .elx-table--main-wrapper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.elx-table .elx-body--column,.elx-table .elx-footer--column,.elx-table .elx-header--column{position:relative;line-height:24px;text-align:left}.elx-table .elx-body--column:not(.col--ellipsis),.elx-table .elx-footer--column:not(.col--ellipsis),.elx-table .elx-header--column:not(.col--ellipsis){padding:12px 0}.elx-table .elx-body--column.col--center,.elx-table .elx-footer--column.col--center,.elx-table .elx-header--column.col--center{text-align:center}.elx-table .elx-body--column.col--right,.elx-table .elx-footer--column.col--right,.elx-table .elx-header--column.col--right{text-align:right}.elx-table .elx-footer--column.col--ellipsis.col--center .elx-cell,.elx-table .elx-header--column.col--ellipsis.col--center .elx-cell{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.elx-table .elx-footer--column.col--ellipsis.col--right .elx-cell,.elx-table .elx-header--column.col--ellipsis.col--right .elx-cell{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.elx-table .elx-body--column.col--checkbox{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.elx-table .elx-table--footer-wrapper{border-top:1px solid #e8eaec}.elx-table.border--default .elx-table--header-wrapper,.elx-table.border--full .elx-table--header-wrapper,.elx-table.border--outer .elx-table--header-wrapper{background-color:#f8f8f9}.elx-table.border--default .elx-body--column,.elx-table.border--default .elx-footer--column,.elx-table.border--default .elx-header--column,.elx-table.border--inner .elx-body--column,.elx-table.border--inner .elx-footer--column,.elx-table.border--inner .elx-header--column{background-image:-webkit-gradient(linear,left top, left bottom,from(#e8eaec),to(#e8eaec));background-image:linear-gradient(#e8eaec,#e8eaec);background-repeat:no-repeat;background-size:100% 1px;background-position:right bottom}.elx-table.border--full .elx-body--column,.elx-table.border--full .elx-footer--column,.elx-table.border--full .elx-header--column{background-image:-webkit-gradient(linear,left top, left bottom,from(#e8eaec),to(#e8eaec)),-webkit-gradient(linear,left top, left bottom,from(#e8eaec),to(#e8eaec));background-image:linear-gradient(#e8eaec,#e8eaec),linear-gradient(#e8eaec,#e8eaec);background-repeat:no-repeat;background-size:1px 100%,100% 1px;background-position:right top,right bottom}.elx-table.border--full .elx-table--fixed-left-wrapper{border-right:1px solid #e8eaec}.elx-table.border--full .elx-table--fixed-left-wrapper .elx-body--column{border-right-color:#e8eaec}.elx-table.border--inner .elx-table--header-wrapper,.elx-table.border--none .elx-table--header-wrapper{background-color:#fff}.elx-table.border--inner .elx-table--fixed-left-wrapper,.elx-table.border--none .elx-table--fixed-left-wrapper{border-right:0}.elx-table.border--inner .elx-table--border-line{border-width:0 0 1px}.elx-table.border--none .elx-table--border-line,.elx-table.border--none .elx-table--header-border-line{display:none}.elx-table.t--checked .elx-body--column,.elx-table.t--checked .elx-footer--column{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.elx-table.t--checked .elx-body--column.col--seq,.elx-table.t--checked .elx-header--column.col--seq{text-align:center;cursor:default}.elx-table.t--checked .elx-header--column.col--seq .elx-cell{visibility:hidden}.elx-table.t--checked .elx-body--column.col--seq{background-color:#f8f8f9}.elx-table.t--checked .elx-body--column.col--seq.col--seq-checked{background-color:#DCDCDC}.elx-table.size--medium .elx-table--empty-block,.elx-table.size--medium .elx-table--empty-placeholder{min-height:44px}.elx-table.size--medium .elx-body--column:not(.col--ellipsis),.elx-table.size--medium .elx-footer--column:not(.col--ellipsis),.elx-table.size--medium .elx-header--column:not(.col--ellipsis){padding:10px 0}.elx-table.size--medium .elx-cell .elx-default-input,.elx-table.size--medium .elx-cell .elx-default-select,.elx-table.size--medium .elx-cell .elx-default-textarea{height:32px}.elx-table.size--medium .elx-cell .elx-default-input[type=date]::-webkit-inner-spin-button{margin-top:3px}.elx-table.size--small .elx-table--empty-block,.elx-table.size--small .elx-table--empty-placeholder{min-height:40px}.elx-table.size--small .elx-body--column:not(.col--ellipsis),.elx-table.size--small .elx-footer--column:not(.col--ellipsis),.elx-table.size--small .elx-header--column:not(.col--ellipsis){padding:8px 0}.elx-table.size--small .elx-cell .elx-default-input,.elx-table.size--small .elx-cell .elx-default-select,.elx-table.size--small .elx-cell .elx-default-textarea{height:30px}.elx-table.size--small .elx-cell .elx-default-input[type=date]::-webkit-inner-spin-button{margin-top:2px}.elx-table.size--mini{font-size:12px}.elx-table.size--mini .elx-table--empty-block,.elx-table.size--mini .elx-table--empty-placeholder{min-height:36px}.elx-table.size--mini .elx-body--column:not(.col--ellipsis),.elx-table.size--mini .elx-footer--column:not(.col--ellipsis),.elx-table.size--mini .elx-header--column:not(.col--ellipsis){padding:6px 0}.elx-table.size--mini .elx-cell .elx-default-input,.elx-table.size--mini .elx-cell .elx-default-select,.elx-table.size--mini .elx-cell .elx-default-textarea{height:28px}.elx-table.size--mini .elx-cell .elx-default-input[type=date]::-webkit-inner-spin-button{margin-top:1px}.elx-table .elx-cell{white-space:pre-line;word-break:break-all;padding-left:10px;padding-right:10px}.elx-table .elx-cell--checkbox .elx-checkbox--icon,.elx-table .elx-cell--radio .elx-radio--icon{left:0;top:.1em}.elx-table .elx-cell--checkbox .elx-checkbox--label,.elx-table .elx-cell--radio .elx-radio--label{padding-left:.5em}.elx-table .elx-cell--checkbox,.elx-table .elx-cell--radio{padding-left:1.2em}.elx-table .fixed--hidden{visibility:hidden}.elx-table .elx-table--fixed-left-wrapper,.elx-table .elx-table--fixed-right-wrapper{width:100%;position:absolute;top:0;z-index:1;overflow:hidden;background-color:inherit}.elx-table .elx-table--fixed-left-wrapper .elx-table--body-wrapper,.elx-table .elx-table--fixed-right-wrapper .elx-table--body-wrapper{overflow-x:hidden}.elx-table.show--head .elx-table--fixed-left-wrapper .elx-table--body-wrapper:before,.elx-table.show--head .elx-table--fixed-right-wrapper .elx-table--body-wrapper:before{display:none}.elx-table .elx-table--fixed-left-wrapper{left:0;width:200px}.elx-table .elx-table--fixed-left-wrapper.scrolling--middle{-webkit-box-shadow:4px 3px 4px 0 rgba(0,0,0,.12);box-shadow:4px 3px 4px 0 rgba(0,0,0,.12)}.elx-table .elx-table--fixed-right-wrapper{right:0}.elx-table .elx-table--fixed-right-wrapper.scrolling--middle{-webkit-box-shadow:-4px 3px 4px 0 rgba(0,0,0,.12);box-shadow:-4px 3px 4px 0 rgba(0,0,0,.12)}.elx-table .elx-table--body-wrapper,.elx-table .elx-table--footer-wrapper,.elx-table .elx-table--header-wrapper{position:relative}.elx-table .elx-table--body-wrapper.fixed-left--wrapper,.elx-table .elx-table--body-wrapper.fixed-right--wrapper,.elx-table .elx-table--footer-wrapper.fixed-left--wrapper,.elx-table .elx-table--footer-wrapper.fixed-right--wrapper,.elx-table .elx-table--header-wrapper.fixed-left--wrapper,.elx-table .elx-table--header-wrapper.fixed-right--wrapper{position:absolute;top:0}.elx-table .elx-table--body-wrapper.fixed-left--wrapper,.elx-table .elx-table--footer-wrapper.fixed-left--wrapper,.elx-table .elx-table--header-wrapper.fixed-left--wrapper{left:0}.elx-table .elx-table--body-wrapper.fixed-right--wrapper,.elx-table .elx-table--footer-wrapper.fixed-right--wrapper,.elx-table .elx-table--header-wrapper.fixed-right--wrapper{right:0;overflow-y:auto}.elx-table .elx-body--x-space{width:100%;height:1px;margin-bottom:-1px}.elx-table .elx-body--y-space{width:0;float:left}.elx-table .elx-table--resizable-bar{display:none;position:absolute;top:0;left:0;width:1px;height:100%;z-index:4;cursor:col-resize}.elx-table .elx-table--resizable-bar:before{content:"";display:block;height:100%;background-color:#D9DDDF}.elx-table .elx-table--border-line{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none;border:1px solid #e8eaec}.elx-table.has--tree-line .elx-body--row:first-child .elx-tree--line{border-width:0 0 1px}.elx-table.has--tree-line .elx-body--row .elx-body--column{background-image:none}.elx-table.has--tree-line .elx-tree--btn-wrapper{background-color:#fff}.elx-table .elx-tree--line-wrapper{position:relative;display:block;height:0}.elx-table .elx-tree--line{content:"";position:absolute;bottom:-.9em;width:.8em;border-width:0 0 1px 1px;border-style:dotted;border-color:#909399;pointer-events:none}.elx-table .elx-cell--tree-node{position:relative}.elx-table .elx-tree--btn-wrapper{position:absolute;top:50%;width:1em;height:1em;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.elx-table .elx-tree--node-btn{display:block;color:#939599}.elx-table .elx-tree--node-btn:hover{color:#606266}.elx-table .elx-tree-cell{display:block;padding-left:1.5em}.elx-table .elx-body--column.col--ellipsis>.elx-cell .elx-tree-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.elx-table .elx-table--expanded{cursor:pointer}.elx-table .elx-table--expanded .elx-table--expand-btn{width:1em;height:1em;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#939599}.elx-table .elx-table--expanded .elx-table--expand-btn:hover{color:#606266}.elx-table .elx-table--expanded+.elx-table--expand-label{padding-left:.5em}.elx-table .elx-body--expanded-column{border-bottom:1px solid #e8eaec}.elx-table .elx-body--expanded-column.col--ellipsis>.elx-body--expanded-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.elx-table .elx-body--expanded-cell{padding:20px}.elx-table .elx-body--column.col--ellipsis>.elx-cell,.elx-table .elx-footer--column.col--ellipsis>.elx-cell,.elx-table .elx-header--column.col--ellipsis>.elx-cell{max-height:48px}.elx-table.size--medium .elx-body--column.col--ellipsis>.elx-cell,.elx-table.size--medium .elx-footer--column.col--ellipsis>.elx-cell,.elx-table.size--medium .elx-header--column.col--ellipsis>.elx-cell{max-height:44px}.elx-table.size--medium .elx-cell--checkbox .elx-checkbox--icon,.elx-table.size--medium .elx-cell--radio .elx-radio--icon{font-size:15px}.elx-table.size--mini .elx-cell--checkbox .elx-checkbox--icon,.elx-table.size--mini .elx-cell--radio .elx-radio--icon,.elx-table.size--small .elx-cell--checkbox .elx-checkbox--icon,.elx-table.size--small .elx-cell--radio .elx-radio--icon{font-size:14px}.elx-table.size--small .elx-body--column.col--ellipsis>.elx-cell,.elx-table.size--small .elx-footer--column.col--ellipsis>.elx-cell,.elx-table.size--small .elx-header--column.col--ellipsis>.elx-cell{max-height:40px}.elx-table.size--mini .elx-body--column.col--ellipsis>.elx-cell,.elx-table.size--mini .elx-footer--column.col--ellipsis>.elx-cell,.elx-table.size--mini .elx-header--column.col--ellipsis>.elx-cell{max-height:36px}.elx-table .elx-table--empty-block,.elx-table .elx-table--empty-placeholder{min-height:48px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;overflow:hidden;width:100%;pointer-events:none}.elx-table .elx-table--empty-block{display:none;visibility:hidden}.elx-table .elx-table--empty-placeholder{display:none;position:absolute;top:0;z-index:8}.elx-table .elx-table--empty-content{display:block;width:50%;pointer-events:auto}.elx-table.is--empty .elx-table--empty-block,.elx-table.is--empty .elx-table--empty-placeholder{display:-webkit-box;display:-ms-flexbox;display:flex}.elx-table .elx-body--column.col--selected:not(.col--checked){-webkit-box-shadow:inset 0 0 0 2px #409eff;box-shadow:inset 0 0 0 2px #409eff}.elx-table .elx-body--column.col--actived,.elx-table .elx-body--column.col--dirty,.elx-table .elx-body--column.col--selected{position:relative}.elx-table .elx-body--column.col--valid-error .elx-cell--valid{min-width:380px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #fde2e2;position:fixed;left:50%;top:50px;z-index:10000;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,transform .4s,top .4s;transition:opacity .3s,transform .4s,top .4s,-webkit-transform .4s;padding:15px 15px 15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#fef0f0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#F56C6C;border-radius:4px}.elx-table .elx-body--column.col--valid-error .elx-cell--valid i{font-size:15px}.elx-table .elx-body--column.col--valid-error .elx-cell--valid span{padding:0;font-size:15px;line-height:1;color:#F56C6C}.elx-table .elx-body--column.col--valid-error .elx-default-input,.elx-table .elx-body--column.col--valid-error .elx-default-select,.elx-table .elx-body--column.col--valid-error .elx-default-textarea,.elx-table .elx-body--column.col--valid-error .elx-input>.elx-input--inner{border-color:#f56c6c}.elx-table .elx-body--column:first-child .elx-cell--valid{left:10px;-webkit-transform:translateX(0);transform:translateX(0);text-align:left}.elx-table.elx-editable.c--highlight .elx-body--column.col--actived{-webkit-box-shadow:inset 0 0 0 2px #409eff;box-shadow:inset 0 0 0 2px #409eff}.elx-table.elx-editable.c--highlight .elx-body--column.col--actived.col--valid-error{-webkit-box-shadow:inset 0 0 0 2px #f56c6c;box-shadow:inset 0 0 0 2px #f56c6c}.elx-table.elx-editable.c--highlight .elx-body--column.col--actived .elx-cell .elx-default-input,.elx-table.elx-editable.c--highlight .elx-body--column.col--actived .elx-cell .elx-default-textarea{border:0;padding:0}.elx-table.elx-editable.c--highlight .elx-body--column.col--actived .elx-cell .elx-default-input{height:24px}.elx-table.elx-editable.c--highlight .elx-body--column.col--actived .elx-cell .elx-input .elx-input--inner{border:0;padding-left:0}.elx-table.elx-editable.c--highlight .elx-body--column.col--actived .elx-cell .elx-textarea{height:23px}.elx-table.elx-editable.c--highlight .elx-body--column.col--actived .elx-cell .elx-textarea .elx-textarea--inner{border:0}.elx-table.elx-editable .elx-body--column,.elx-table.elx-editable .elx-body--column.col--actived{padding:0}.elx-table.elx-editable .elx-body--column.col--dirty:before{content:"";top:-5px;left:-5px;position:absolute;border-width:5px;border-style:solid;border-color:transparent #f56c6c transparent transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.elx-table td,.elx-table th{vertical-align:middle}.elx-table--footer,.elx-table--header-wrapper{background-color:#f8f8f9}.elx-table .elx-table--header-wrapper .elx-table--header-border-line{position:absolute;left:0;bottom:0;height:0;border-bottom:1px solid #e8eaec}.elx-table .elx-cell--sort{width:1.5em;height:1.5em;vertical-align:middle;text-align:center;display:inline-block;position:relative}.elx-table .elx-sort--asc-btn,.elx-table .elx-sort--desc-btn{position:absolute;left:.35em;color:#c0c4cc;width:1em;text-align:center;cursor:pointer}.elx-table .elx-sort--asc-btn:hover,.elx-table .elx-sort--desc-btn:hover{color:#606266}.elx-table .elx-sort--asc-btn.sort--active,.elx-table .elx-sort--desc-btn.sort--active{color:#409eff}.elx-table .elx-sort--asc-btn{top:-.04em}.elx-table .elx-sort--desc-btn{bottom:-.04em}.elx-header--column{position:relative;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.elx-header--column.col--title-checked{background-color:#DCDCDC}.elx-header--column.col--ellipsis>.elx-cell{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.elx-header--column.col--ellipsis>.elx-cell .elx-cell--title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.elx-header--column.col--ellipsis>.elx-cell>i:not(.elx-cell--title),.elx-header--column.col--ellipsis>.elx-cell>span:not(.elx-cell--title){-ms-flex-negative:0;flex-shrink:0}.elx-header--column .elx-cell--required-icon{display:inline-block;color:#f56c6c;width:.8em;height:1em;line-height:1em;font-family:Verdana,Arial,Tahoma;font-weight:400;position:relative;margin-right:.1em}.elx-table .is--checked.elx-cell--checkbox,.elx-table .is--checked.elx-cell--radio,.elx-table .is--indeterminate.elx-cell--checkbox,.is--checked.elx-table--filter-option,.is--indeterminate.elx-table--filter-option{color:#409eff}.elx-header--column .elx-cell--required-icon:before{content:"*";position:absolute;left:0;top:.2em}.elx-header--column .elx-cell--edit-icon,.elx-header--column .elx-cell--required-icon,.elx-header--column .elx-cell--title,.elx-header--column .elx-cell-help-icon{vertical-align:middle}.elx-header--column .elx-cell--edit-icon,.elx-header--column .elx-cell-help-icon{margin-right:.2em}.elx-header--column .elx-cell-help-icon{cursor:help}.elx-header--column .elx-cell--title{line-height:1.5}.elx-header--column .elx-resizable{position:absolute;right:-7px;bottom:0;width:14px;height:100%;text-align:center;z-index:1;cursor:col-resize}.elx-header--column .elx-resizable.is--line:after,.elx-header--column .elx-resizable.is--line:before{content:"";display:inline-block;vertical-align:middle}.elx-header--column .elx-resizable.is--line:before{width:1px;height:50%;background-color:#D9DDDF}.elx-header--column .elx-resizable.is--line:after{width:0;height:100%}.elx-table--fixed-right-wrapper .elx-header--column .elx-resizable{right:auto;left:-7px}.elx-table--footer-wrapper{margin-top:-1px;background-color:#fff}.elx-table--footer-wrapper.body--wrapper{overflow-x:auto}.elx-footer--column.col--ellipsis>.elx-cell{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.elx-footer--column.col--ellipsis>.elx-cell .elx-cell--item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.elx-table .elx-cell--checkbox,.elx-table .elx-cell--radio,.elx-table--filter-option{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.elx-table .elx-cell--checkbox .elx-checkbox--icon,.elx-table .elx-cell--radio .elx-radio--icon,.elx-table--filter-option .elx-checkbox--icon{display:none;position:absolute;height:.9em;width:.9rem}.elx-table .elx-cell--radio .elx-radio--icon{font-size:16px}.elx-table .elx-cell--radio .elx-radio--icon:before{content:"";position:absolute;height:1em;width:1em;top:0;left:0;border:1px solid #dcdfe6;background-color:#fff;border-radius:50%}.elx-table .elx-cell--radio .elx-radio--unchecked-icon{display:inline-block}.elx-table .is--checked.elx-cell--checkbox .elx-checkbox--unchecked-icon,.elx-table .is--checked.elx-cell--radio .elx-radio--unchecked-icon,.elx-table .is--indeterminate.elx-cell--checkbox .elx-checkbox--unchecked-icon,.is--checked.elx-table--filter-option .elx-checkbox--unchecked-icon,.is--indeterminate.elx-table--filter-option .elx-checkbox--unchecked-icon{display:none}.elx-table .elx-cell--radio .elx-radio--checked-icon:after{content:"";position:absolute;height:.25em;width:.25em;top:.4em;left:.4em;border-radius:50%;background-color:#fff}.elx-table .elx-cell--checkbox .elx-checkbox--unchecked-icon,.elx-table .is--checked.elx-cell--radio .elx-radio--checked-icon,.elx-table--filter-option .elx-checkbox--unchecked-icon{display:inline-block}.elx-table .is--checked.elx-cell--radio .elx-radio--checked-icon:before{border-color:#409eff;background-color:#409eff}.elx-table .elx-cell--radio:not(.is--disabled):hover .elx-radio--icon:before{border-color:#409eff}.elx-table .is--disabled.elx-cell--radio{cursor:not-allowed;color:#BFBFBF}.elx-table .is--disabled.elx-cell--radio .elx-radio--icon:before{border-color:#dcdfe6;background-color:#f3f3f3}.elx-table .is--disabled.elx-cell--radio .elx-radio--icon:after{background-color:#c0c4cc}.elx-table .elx-cell--checkbox .elx-checkbox--icon,.elx-table--filter-option .elx-checkbox--icon{font-size:16px}.elx-table .elx-cell--checkbox .elx-checkbox--icon:before,.elx-table--filter-option .elx-checkbox--icon:before{content:"";position:absolute;height:.9em;width:.9em;top:0;left:0;background-color:#fff;border-radius:.15em;border:1px solid #dcdfe6}.elx-table .elx-cell--checkbox .elx-checkbox--checked-icon:after,.elx-table--filter-option .elx-checkbox--checked-icon:after{-webkit-box-sizing:content-box;box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:5px;position:absolute;top:2px;-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1);width:3px;-webkit-transition:-webkit-transform .15s ease-in .05s;transition:-webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s;transition:transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;transition:transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s;-webkit-transform-origin:center;transform-origin:center}.elx-table .elx-cell--checkbox .elx-checkbox--indeterminate-icon:after,.elx-table--filter-option .elx-checkbox--indeterminate-icon:after{content:"";position:absolute;top:50%;left:50%;height:1px;width:.3em;background-color:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.elx-cell--filter,.elx-table .is--checked.elx-cell--checkbox .elx-checkbox--checked-icon,.elx-table .is--indeterminate.elx-cell--checkbox .elx-checkbox--indeterminate-icon,.is--checked.elx-table--filter-option .elx-checkbox--checked-icon,.is--indeterminate.elx-table--filter-option .elx-checkbox--indeterminate-icon{display:inline-block}.elx-table .is--checked.elx-cell--checkbox .elx-checkbox--icon:before,.elx-table .is--indeterminate.elx-cell--checkbox .elx-checkbox--icon:before,.is--checked.elx-table--filter-option .elx-checkbox--icon:before,.is--indeterminate.elx-table--filter-option .elx-checkbox--icon:before{border-color:#409eff;background-color:#409eff}.elx-table .elx-cell--checkbox:not(.is--disabled):hover .elx-checkbox--icon:before,.elx-table--filter-option:not(.is--disabled):hover .elx-checkbox--icon:before{border-color:#409eff}.elx-table .is--disabled.elx-cell--checkbox,.is--disabled.elx-table--filter-option{cursor:not-allowed;color:#BFBFBF}.elx-table .is--disabled.elx-cell--checkbox .elx-checkbox--icon:before,.is--disabled.elx-table--filter-option .elx-checkbox--icon:before{border-color:#dcdfe6;background-color:#f3f3f3}.elx-table .is--disabled.elx-cell--checkbox .elx-checkbox--icon:after,.is--disabled.elx-table--filter-option .elx-checkbox--icon:after{border-color:#c0c4cc}.elx-cell--filter{padding:0 .1em 0 .25em;text-align:center;vertical-align:middle;line-height:0}.elx-cell--filter.is--active .elx-filter--btn{color:#606266}.elx-cell--filter .elx-filter--btn{color:#c0c4cc;cursor:pointer}.elx-cell--filter .elx-filter--btn:hover{color:#606266}.elx-table--filter-wrapper .elx-table--filter-body>li.is--checked,.elx-table--filter-wrapper .elx-table--filter-header>li.is--checked,.filter--active .elx-cell--filter .elx-filter--btn{color:#409eff}.elx-table--filter-wrapper{display:none;position:absolute;min-width:100px;border-radius:4px;background-color:#fff;border:1px solid #DADCE0;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.2);box-shadow:0 1px 6px rgba(0,0,0,.2);z-index:10}.elx-table--filter-wrapper:not(.is--multiple){text-align:center}.elx-table--filter-wrapper.filter--active{display:block}.elx-table--filter-wrapper .elx-table--filter-body>li,.elx-table--filter-wrapper .elx-table--filter-header>li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:360px;padding:.25em .8em;cursor:pointer}.elx-table--filter-wrapper .elx-table--filter-body>li:hover,.elx-table--filter-wrapper .elx-table--filter-header>li:hover{background-color:#f5f7fa}.elx-table--filter-wrapper .elx-table--filter-header{padding-top:.2em}.elx-table--filter-wrapper .elx-table--filter-body{max-height:240px;padding-bottom:.2em}.elx-table--filter-wrapper>ul{list-style-type:none;padding:0;margin:0;overflow:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.elx-table--filter-wrapper.is--multiple>ul>li{padding:.25em .8em .25em 2.3em}.elx-table--filter-wrapper .elx-table--filter-footer{border-top:1px solid #DADCE0;padding:.6em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.elx-table--filter-wrapper .elx-table--filter-footer button{background-color:transparent;padding:0 .4em;border:0;color:#606266;cursor:pointer}.elx-checkbox>input:checked+.elx-checkbox--icon+.elx-checkbox--label,.elx-table--filter-wrapper .elx-table--filter-footer button:hover{color:#409eff}.elx-table--filter-wrapper .elx-table--filter-footer button:focus{outline:0}.elx-table--filter-wrapper .elx-table--filter-footer button.is--disabled{color:#BFBFBF;cursor:not-allowed}.elx-table--filter-option .elx-checkbox--icon{left:.6em;top:.38em}.elx-table .elx-table--filter-option>.elx-checkbox--icon{font-size:16px}.elx-table.size--medium .elx-table--filter-option>.elx-checkbox--icon{font-size:15px}.elx-grid,.elx-grid.size--medium,.elx-table.size--mini .elx-table--filter-option>.elx-checkbox--icon,.elx-table.size--small .elx-table--filter-option>.elx-checkbox--icon{font-size:14px}.elx-grid{position:relative}.elx-grid.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(0,0,0,.2)}.elx-grid.is--loading>.elx-table .elx-loading{background-color:transparent}.elx-grid.is--maximize{position:fixed;top:0;left:0;width:100%;height:100%;padding:.5em 1em;background-color:#fff}.elx-grid .elx-body--row.row--pending{color:#f56c6c;text-decoration:line-through;cursor:no-drop}.elx-grid .elx-body--row.row--pending .elx-body--column{position:relative}.elx-grid .elx-body--row.row--pending .elx-body--column:after{content:"";position:absolute;top:50%;left:0;width:100%;height:0;border-bottom:1px solid #f56c6c;z-index:1}.elx-grid .elx-grid--bottom-wrapper,.elx-grid .elx-grid--form-wrapper,.elx-grid .elx-grid--top-wrapper{position:relative}.elx-grid.size--mini{font-size:12px}.elx-checkbox-group{display:inline-block;vertical-align:middle;line-height:1}.elx-checkbox{display:inline-block;vertical-align:middle;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:1;cursor:pointer;font-size:14px}.elx-checkbox .elx-checkbox--icon,.elx-radio .elx-radio--icon{font-size:16px}.elx-checkbox+.elx-checkbox{margin-left:10px}.elx-checkbox>input[type=checkbox]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.elx-checkbox>input+.elx-checkbox--icon{position:relative;display:inline-block;width:1em;height:1em;background-color:#fff;vertical-align:middle;border-radius:.15em;border:1px solid #dcdfe6}.elx-checkbox>input+.elx-checkbox--icon:before{content:"";position:absolute}.elx-checkbox>input:checked+.elx-checkbox--icon{background-color:#409eff;border-color:#409eff}.elx-checkbox>input:checked+.elx-checkbox--icon:before{height:.5em;width:.2em;left:50%;top:50%;border:1px solid #fff;border-left:0;border-top:0;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.elx-checkbox.is--indeterminate>input:not(:checked)+.elx-checkbox--icon{background-color:#409eff;border-color:#409eff}.elx-checkbox.is--indeterminate>input:not(:checked)+.elx-checkbox--icon:before{border:0;left:50%;top:50%;height:1px;width:.3em;background-color:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.elx-checkbox:not(.is--disabled)>input:focus+.elx-checkbox--icon{border-color:#409eff;-webkit-box-shadow:0 0 .2em 0 #409eff;box-shadow:0 0 .2em 0 #409eff}.elx-checkbox:not(.is--disabled):hover>input+.elx-checkbox--icon{border-color:#409eff}.elx-checkbox.is--disabled{cursor:not-allowed}.elx-checkbox.is--disabled>input+.elx-checkbox--icon{border-color:#dcdfe6;background-color:#f3f3f3}.elx-checkbox.is--disabled>input+.elx-checkbox--icon:before{border-color:#c0c4cc}.elx-checkbox.is--disabled>input+.elx-checkbox--icon+.elx-checkbox--label{color:#BFBFBF}.elx-checkbox.is--disabled>input:checked+.elx-checkbox--icon{border-color:#dcdfe6;background-color:#f3f3f3}.elx-checkbox .elx-checkbox--label{padding-left:.5em;vertical-align:middle;display:inline-block;max-width:50em}.elx-checkbox.size--medium{font-size:14px}.elx-checkbox.size--medium .elx-checkbox--icon{font-size:15px}.elx-checkbox.size--small{font-size:13px}.elx-checkbox.size--small .elx-checkbox--icon{font-size:14px}.elx-checkbox.size--mini{font-size:12px}.elx-checkbox.size--mini .elx-checkbox--icon{font-size:14px}[class*=elx-],[class*=elx-] :after,[class*=elx-] :before,[class*=elx-]:after,[class*=elx-]:before{-webkit-box-sizing:border-box;box-sizing:border-box}.elx-checkbox .elx-checkbox--label,.elx-radio .elx-radio--label,.elx-radio-button .elx-radio--label,.elx-table .elx-body--column.col--ellipsis:not(.col--actived)>.elx-cell,.elx-table .elx-footer--column.col--ellipsis:not(.col--actived)>.elx-cell,.elx-table .elx-header--column.col--ellipsis:not(.col--actived)>.elx-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body{margin:0;line-height:1.5;font-variant:tabular-nums;-webkit-font-feature-settings:'tnum';font-feature-settings:'tnum'}.elx-radio-group+.elx-radio-group,.elx-radio:not(.elx-radio-button)+.elx-radio{margin-left:10px}.elx-radio,.elx-radio-group{line-height:1;vertical-align:middle}.elx-primary-color{color:#409eff}.elx-success-color{color:#67c23a}.elx-info-color{color:#909399}.elx-warning-color{color:#e6a23c}.elx-danger-color{color:#f56c6c}.elx-perfect-color{color:#f8f8f9}.elx-row:after{content:'';display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.elx-row>.elx-col--1{float:left;width:4.16667%}.elx-row>.elx-col--2{float:left;width:8.33333%}.elx-row>.elx-col--3{float:left;width:12.5%}.elx-row>.elx-col--4{float:left;width:16.66667%}.elx-row>.elx-col--5{float:left;width:20.83333%}.elx-row>.elx-col--6{float:left;width:25%}.elx-row>.elx-col--7{float:left;width:29.16667%}.elx-row>.elx-col--8{float:left;width:33.33333%}.elx-row>.elx-col--9{float:left;width:37.5%}.elx-row>.elx-col--10{float:left;width:41.66667%}.elx-row>.elx-col--11{float:left;width:45.83333%}.elx-row>.elx-col--12{float:left;width:50%}.elx-row>.elx-col--13{float:left;width:54.16667%}.elx-row>.elx-col--14{float:left;width:58.33333%}.elx-row>.elx-col--15{float:left;width:62.5%}.elx-row>.elx-col--16{float:left;width:66.66667%}.elx-row>.elx-col--17{float:left;width:70.83333%}.elx-row>.elx-col--18{float:left;width:75%}.elx-row>.elx-col--19{float:left;width:79.16667%}.elx-row>.elx-col--20{float:left;width:83.33333%}.elx-row>.elx-col--21{float:left;width:87.5%}.elx-row>.elx-col--22{float:left;width:91.66667%}.elx-row>.elx-col--23{float:left;width:95.83333%}.elx-row>.elx-col--24{float:left;width:100%}.t--animat .elx-filter--btn:after,.t--animat .elx-filter--btn:before,.t--animat .elx-input--wrapper .elx-input,.t--animat .elx-sort--asc-btn:after,.t--animat .elx-sort--asc-btn:before,.t--animat .elx-sort--desc-btn:after,.t--animat .elx-sort--desc-btn:before{-webkit-transition:border .1s ease-in-out;transition:border .1s ease-in-out}.t--animat .elx-table--expand-btn,.t--animat .elx-tree--node-btn{-webkit-transition:-webkit-transform .1s ease-in-out;transition:-webkit-transform .1s ease-in-out;transition:transform .1s ease-in-out;transition:transform .1s ease-in-out, -webkit-transform .1s ease-in-out;transition:transform .1s ease-in-out,-webkit-transform .1s ease-in-out}.t--animat .elx-checkbox>input:checked+span,.t--animat .elx-radio>input:checked+span{-webkit-transition:background-color .1s ease-in-out;transition:background-color .1s ease-in-out}.elx-radio-group{display:inline-block;font-size:0}.elx-radio,.elx-radio.size--medium{font-size:14px}.elx-radio{display:inline-block;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.elx-radio-button.is--disabled,.elx-radio.is--disabled{cursor:not-allowed}.elx-radio>input[type=radio]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.elx-radio>input+.elx-radio--icon{position:relative;display:inline-block;width:1em;height:1em;border:1px solid #dcdfe6;background-color:#fff;vertical-align:middle;border-radius:50%}.elx-radio>input:checked+.elx-radio--icon{background-color:#409eff;border-color:#409eff}.elx-radio>input:checked+.elx-radio--icon:before{content:"";position:absolute;background-color:#fff;border-radius:50%;height:.25em;width:.25em;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.elx-radio>input:checked+.elx-radio--icon+.elx-radio--label{color:#409eff}.elx-radio:not(.is--disabled)>input:focus+.elx-radio--icon{border-color:#409eff;-webkit-box-shadow:0 0 .2em 0 #409eff;box-shadow:0 0 .2em 0 #409eff}.elx-radio:not(.is--disabled):hover>input+.elx-radio--icon{border-color:#409eff}.elx-radio.is--disabled>input+.elx-radio--icon{border-color:#dcdfe6;background-color:#f3f3f3}.elx-radio.is--disabled>input+.elx-radio--icon:before{border-color:#c0c4cc;background-color:#c0c4cc}.elx-radio.is--disabled>input+.elx-radio--icon+.elx-radio--label{color:#BFBFBF}.elx-radio .elx-radio--label{padding-left:.5em;vertical-align:middle;display:inline-block;max-width:50em}.elx-radio-button{background-color:#fff}.elx-radio-button:first-child .elx-radio--label{border-left:1px solid #dcdfe6;border-radius:4px 0 0 4px}.elx-radio-button:last-child .elx-radio--label{border-radius:0 4px 4px 0}.elx-radio-button>input:checked+.elx-radio--label{color:#fff;background-color:#409eff;border-color:#409eff}.elx-radio-button .elx-radio--label{padding:0 1em;line-height:32px;display:inline-block;border-style:solid;border-color:#dcdfe6;border-width:1px 1px 1px 0;max-width:50em}.elx-radio-button.is--disabled>input:not(:checked)+.elx-radio--label{color:#dcdfe6}.elx-radio-button.is--disabled>input:checked+.elx-radio--label{border-color:#a6d2ff;background-color:#a6d2ff}.elx-radio-button:not(.is--disabled)>input:focus+.elx-radio--label{border-color:#409eff;-webkit-box-shadow:0 0 .2em 0 #409eff;box-shadow:0 0 .2em 0 #409eff}.elx-radio-button:not(.is--disabled):hover>input:not(:checked)+.elx-radio--label{color:#409eff}.elx-radio-button.size--medium .elx-radio--label{line-height:30px}.elx-radio-button.size--small .elx-radio--label{line-height:28px}.elx-radio-button.size--mini .elx-radio--label{line-height:26px}.elx-radio.size--medium .elx-radio--icon{font-size:15px}.elx-radio.size--small{font-size:13px}.elx-radio.size--small .elx-radio--icon{font-size:14px}.elx-radio.size--mini{font-size:12px}.elx-radio.size--mini .elx-radio--icon{font-size:14px}.elx-table--tooltip-wrapper{display:none;position:absolute;top:-100%;left:-100%;font-size:12px;max-width:400px;border-radius:4px;padding:8px 12px;white-space:normal;word-break:break-word;-webkit-box-shadow:2px 2px 4px -2px rgba(0,0,0,.2);box-shadow:2px 2px 4px -2px rgba(0,0,0,.2);color:#606266;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}.elx-table--tooltip-wrapper:not(.is--enterable){pointer-events:none}.elx-table--tooltip-wrapper.is--arrow .elx-table--tooltip-arrow,.elx-table--tooltip-wrapper.is--visible{display:block}.elx-table--tooltip-wrapper.is--enterable:after{content:"";position:absolute;left:0;width:100%;height:6px;background-color:transparent}.elx-table--tooltip-wrapper .elx-table--tooltip-content{white-space:pre-line}.elx-table--tooltip-wrapper .elx-table--tooltip-arrow{display:none;position:absolute;border-color:transparent;border-width:6px;border-style:solid;left:50%;-webkit-transform:translateX(-6px);transform:translateX(-6px)}.elx-table--tooltip-wrapper .elx-table--tooltip-arrow:before{content:"";position:absolute;border-color:transparent;border-width:5px;border-style:solid;left:-5px}.elx-table--tooltip-wrapper.placement--top.is--enterable:after{bottom:-6px}.elx-table--tooltip-wrapper.placement--top .elx-table--tooltip-arrow{bottom:-12px}.elx-table--tooltip-wrapper.placement--top .elx-table--tooltip-arrow:before{top:-7px}.elx-table--tooltip-wrapper.placement--bottom.is--enterable:after{top:-6px}.elx-table--tooltip-wrapper.placement--bottom .elx-table--tooltip-arrow{top:-12px}.elx-table--tooltip-wrapper.placement--bottom .elx-table--tooltip-arrow:before{top:-4px}.elx-table--tooltip-wrapper.theme--light{background-color:#fff;border:1px solid #dcdfe6}.elx-table--tooltip-wrapper.theme--light.placement--top .elx-table--tooltip-arrow{border-top-color:#dcdfe6}.elx-table--tooltip-wrapper.theme--light.placement--top .elx-table--tooltip-arrow:before{border-top-color:#fff}.elx-table--tooltip-wrapper.theme--light.placement--bottom .elx-table--tooltip-arrow{border-bottom-color:#dcdfe6}.elx-table--tooltip-wrapper.theme--light.placement--bottom .elx-table--tooltip-arrow:before{border-bottom-color:#fff}.elx-table--tooltip-wrapper.theme--dark{background:#303133;color:#fff}.elx-table--tooltip-wrapper.theme--dark.placement--top .elx-table--tooltip-arrow,.elx-table--tooltip-wrapper.theme--dark.placement--top .elx-table--tooltip-arrow:before{border-top-color:#303133}.elx-table--tooltip-wrapper.theme--dark.placement--bottom .elx-table--tooltip-arrow,.elx-table--tooltip-wrapper.theme--dark.placement--bottom .elx-table--tooltip-arrow:before{border-bottom-color:#303133}.elx-table--tooltip-wrapper.elx-table--valid-error{background-color:#f56c6c;color:#fff}.uxbeautifyTableClass .elx-header--column .elx-resizable.is--line:before,.uxbeautifyTableClass .elx-header--column .elx-resizable:hover{background-color:#c7c9cc}.uxbeautifyTableClass .elx-header--column .elx-resizable{right:-3px;width:7px;cursor:ew-resize}.uxbeautifyTableClass .elx-table--header-wrapper{color:#909399}.uxbeautifyTableClass .elx-table .elx-table--border-line{border:none}.uxbeautifyTableClass ::-webkit-scrollbar{width:9px;height:9px;background-color:rgba(255,255,255,0)}.uxbeautifyTableClass .singleTable ::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(144,147,153,.5)}
/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #29d;

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  -webkit-box-shadow: 0 0 10px #29d, 0 0 5px #29d;
          box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}


pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}
code.hljs {
  padding: 3px 5px
}
/*

Atom One Dark by Daniel Gamage
Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax

base:    #282c34
mono-1:  #abb2bf
mono-2:  #818896
mono-3:  #5c6370
hue-1:   #56b6c2
hue-2:   #61aeee
hue-3:   #c678dd
hue-4:   #98c379
hue-5:   #e06c75
hue-5-2: #be5046
hue-6:   #d19a66
hue-6-2: #e6c07b

*/
.hljs {
  color: #abb2bf;
  background: #282c34
}
.hljs-comment,
.hljs-quote {
  color: #5c6370;
  font-style: italic
}
.hljs-doctag,
.hljs-keyword,
.hljs-formula {
  color: #c678dd
}
.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
  color: #e06c75
}
.hljs-literal {
  color: #56b6c2
}
.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta .hljs-string {
  color: #98c379
}
.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {
  color: #d19a66
}
.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
  color: #61aeee
}
.hljs-built_in,
.hljs-title.class_,
.hljs-class .hljs-title {
  color: #e6c07b
}
.hljs-emphasis {
  font-style: italic
}
.hljs-strong {
  font-weight: bold
}
.hljs-link {
  text-decoration: underline
}

@-webkit-keyframes resizeSensorVisibility {
from { top: 0;
}
}
@keyframes resizeSensorVisibility {
from { top: 0;
}
}

/* see https://github.com/mozilla/pdf.js/blob/55a853b6678cf3d05681ffbb521e5228e607b5d2/test/annotation_layer_test.css */
.annotationLayer {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.annotationLayer section {
	position: absolute;
}
.annotationLayer .linkAnnotation > a {
	position: absolute;
	font-size: 1em;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.annotationLayer .linkAnnotation > a /* -ms-a */  {
	background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") 0 0 repeat;
}
.annotationLayer .linkAnnotation > a:hover {
	opacity: 0.2;
	background: #ff0;
	-webkit-box-shadow: 0px 2px 10px #ff0;
	        box-shadow: 0px 2px 10px #ff0;
}
.annotationLayer .textAnnotation img {
	position: absolute;
	cursor: pointer;
}
.annotationLayer .textWidgetAnnotation input,
.annotationLayer .textWidgetAnnotation textarea,
.annotationLayer .choiceWidgetAnnotation select,
.annotationLayer .buttonWidgetAnnotation.checkBox input,
.annotationLayer .buttonWidgetAnnotation.radioButton input {
	background-color: rgba(0, 54, 255, 0.13);
	border: 1px solid transparent;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 9px;
	height: 100%;
	padding: 0 3px;
	vertical-align: top;
	width: 100%;
}
.annotationLayer .textWidgetAnnotation textarea {
	font: message-box;
	font-size: 9px;
	resize: none;
}
.annotationLayer .textWidgetAnnotation input[disabled],
.annotationLayer .textWidgetAnnotation textarea[disabled],
.annotationLayer .choiceWidgetAnnotation select[disabled],
.annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],
.annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {
	background: none;
	border: 1px solid transparent;
	cursor: not-allowed;
}
.annotationLayer .textWidgetAnnotation input:hover,
.annotationLayer .textWidgetAnnotation textarea:hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,
.annotationLayer .buttonWidgetAnnotation.radioButton input:hover {
	border: 1px solid #000;
}
.annotationLayer .textWidgetAnnotation input:focus,
.annotationLayer .textWidgetAnnotation textarea:focus,
.annotationLayer .choiceWidgetAnnotation select:focus {
	background: none;
	border: 1px solid transparent;
}
.annotationLayer .textWidgetAnnotation input.comb {
	font-family: monospace;
	padding-left: 2px;
	padding-right: 0;
}
.annotationLayer .textWidgetAnnotation input.comb:focus {
	/*
	 * Letter spacing is placed on the right side of each character. Hence, the
	 * letter spacing of the last character may be placed outside the visible
	 * area, causing horizontal scrolling. We avoid this by extending the width
	 * when the element has focus and revert this when it loses focus.
	 */
	width: 115%;
}
.annotationLayer .buttonWidgetAnnotation.checkBox input,
.annotationLayer .buttonWidgetAnnotation.radioButton input {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
}
.annotationLayer .popupWrapper {
	position: absolute;
	width: 20em;
}
.annotationLayer .popup {
	position: absolute;
	z-index: 200;
	max-width: 20em;
	background-color: #FFFF99;
	-webkit-box-shadow: 0px 2px 5px #333;
	        box-shadow: 0px 2px 5px #333;
	border-radius: 2px;
	padding: 0.6em;
	margin-left: 5px;
	cursor: pointer;
	word-wrap: break-word;
}
.annotationLayer .popup h1 {
	font-size: 1em;
	border-bottom: 1px solid #000000;
	padding-bottom: 0.2em;
}
.annotationLayer .popup p {
	padding-top: 0.2em;
}
.annotationLayer .highlightAnnotation,
.annotationLayer .underlineAnnotation,
.annotationLayer .squigglyAnnotation,
.annotationLayer .strikeoutAnnotation,
.annotationLayer .lineAnnotation svg line,
.annotationLayer .fileAttachmentAnnotation {
	cursor: pointer;
}

.Vue-Toastification__container {
  z-index: 9999;
  position: fixed;
  padding: 4px;
  width: 600px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100%;
  color: #fff;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  pointer-events: none;
}
@media only screen and (min-width : 600px) {
  .Vue-Toastification__container.top-left, .Vue-Toastification__container.top-right, .Vue-Toastification__container.top-center {
    top: 1em;
  }
  .Vue-Toastification__container.bottom-left, .Vue-Toastification__container.bottom-right, .Vue-Toastification__container.bottom-center {
    bottom: 1em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .Vue-Toastification__container.top-left, .Vue-Toastification__container.bottom-left {
    left: 1em;
  }
  .Vue-Toastification__container.top-left .Vue-Toastification__toast, .Vue-Toastification__container.bottom-left .Vue-Toastification__toast {
    margin-right: auto;
  }
  @supports not (-moz-appearance: none) {
    .Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl, .Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl {
      margin-right: unset;
      margin-left: auto;
    }
  }
  .Vue-Toastification__container.top-right, .Vue-Toastification__container.bottom-right {
    right: 1em;
  }
  .Vue-Toastification__container.top-right .Vue-Toastification__toast, .Vue-Toastification__container.bottom-right .Vue-Toastification__toast {
    margin-left: auto;
  }
  @supports not (-moz-appearance: none) {
    .Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl, .Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl {
      margin-left: unset;
      margin-right: auto;
    }
  }
  .Vue-Toastification__container.top-center, .Vue-Toastification__container.bottom-center {
    left: 50%;
    margin-left: -300px;
  }
  .Vue-Toastification__container.top-center .Vue-Toastification__toast, .Vue-Toastification__container.bottom-center .Vue-Toastification__toast {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width : 600px) {
  .Vue-Toastification__container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Vue-Toastification__container .Vue-Toastification__toast {
    width: 100%;
  }
  .Vue-Toastification__container.top-left, .Vue-Toastification__container.top-right, .Vue-Toastification__container.top-center {
    top: 0;
  }
  .Vue-Toastification__container.bottom-left, .Vue-Toastification__container.bottom-right, .Vue-Toastification__container.bottom-center {
    bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.Vue-Toastification__toast {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  max-height: 800px;
  min-height: 64px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 22px 24px;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: "Lato", Helvetica, "Roboto", Arial, sans-serif;
  max-width: 600px;
  min-width: 326px;
  pointer-events: auto;
  overflow: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  direction: ltr;
}
.Vue-Toastification__toast--rtl {
  direction: rtl;
}
.Vue-Toastification__toast--default {
  background-color: #1976d2;
  color: #fff;
}
.Vue-Toastification__toast--info {
  background-color: #2196f3;
  color: #fff;
}
.Vue-Toastification__toast--success {
  background-color: #4caf50;
  color: #fff;
}
.Vue-Toastification__toast--error {
  background-color: #ff5252;
  color: #fff;
}
.Vue-Toastification__toast--warning {
  background-color: #ffc107;
  color: #fff;
}
@media only screen and (max-width : 600px) {
  .Vue-Toastification__toast {
    border-radius: 0px;
    margin-bottom: 0.5rem;
  }
}
.Vue-Toastification__toast-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 24px;
  font-size: 16px;
  word-break: break-word;
  white-space: pre-wrap;
}
.Vue-Toastification__toast-component-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.Vue-Toastification__toast.disable-transition {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
          animation: none !important;
}

.Vue-Toastification__close-button {
  font-weight: bold;
  font-size: 24px;
  line-height: 24px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  padding-left: 10px;
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  opacity: 0.3;
  -webkit-transition: visibility 0s, opacity 0.2s linear;
  transition: visibility 0s, opacity 0.2s linear;
}
.Vue-Toastification__close-button:hover, .Vue-Toastification__close-button:focus {
  opacity: 1;
}
.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover {
  opacity: 0;
}
.Vue-Toastification__toast--rtl .Vue-Toastification__close-button {
  padding-left: unset;
  padding-right: 10px;
}

@-webkit-keyframes scale-x-frames {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

@keyframes scale-x-frames {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
.Vue-Toastification__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 10000;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-animation: scale-x-frames linear 1 forwards;
          animation: scale-x-frames linear 1 forwards;
}
.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar {
  right: 0;
  left: unset;
  -webkit-transform-origin: right;
          transform-origin: right;
}

.Vue-Toastification__icon {
  margin: auto 18px auto 0px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 20px;
  height: 100%;
}
.Vue-Toastification__toast--rtl .Vue-Toastification__icon {
  margin: auto 0px auto 18px;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes bounceOutRight {
  40% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(1000px, 0, 0);
            transform: translate3d(1000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  40% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(1000px, 0, 0);
            transform: translate3d(1000px, 0, 0);
  }
}
@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}
@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}
@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}
.Vue-Toastification__bounce-enter-active.top-left, .Vue-Toastification__bounce-enter-active.bottom-left {
  -webkit-animation-name: bounceInLeft;
          animation-name: bounceInLeft;
}
.Vue-Toastification__bounce-enter-active.top-right, .Vue-Toastification__bounce-enter-active.bottom-right {
  -webkit-animation-name: bounceInRight;
          animation-name: bounceInRight;
}
.Vue-Toastification__bounce-enter-active.top-center {
  -webkit-animation-name: bounceInDown;
          animation-name: bounceInDown;
}
.Vue-Toastification__bounce-enter-active.bottom-center {
  -webkit-animation-name: bounceInUp;
          animation-name: bounceInUp;
}

.Vue-Toastification__bounce-leave-active.top-left, .Vue-Toastification__bounce-leave-active.bottom-left {
  -webkit-animation-name: bounceOutLeft;
          animation-name: bounceOutLeft;
}
.Vue-Toastification__bounce-leave-active.top-right, .Vue-Toastification__bounce-leave-active.bottom-right {
  -webkit-animation-name: bounceOutRight;
          animation-name: bounceOutRight;
}
.Vue-Toastification__bounce-leave-active.top-center {
  -webkit-animation-name: bounceOutUp;
          animation-name: bounceOutUp;
}
.Vue-Toastification__bounce-leave-active.bottom-center {
  -webkit-animation-name: bounceOutDown;
          animation-name: bounceOutDown;
}

.Vue-Toastification__bounce-move {
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
}

/* ----------------------------------------------
 * Modified version from Animista
 * Animista is Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@-webkit-keyframes fadeOutTop {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
}
@keyframes fadeOutTop {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
}
@keyframes fadeOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutBottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
}
@keyframes fadeOutBottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
}
@keyframes fadeOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeInLeft {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeInRight {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeInTop {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeInTop {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeInBottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeInBottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
.Vue-Toastification__fade-enter-active.top-left, .Vue-Toastification__fade-enter-active.bottom-left {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}
.Vue-Toastification__fade-enter-active.top-right, .Vue-Toastification__fade-enter-active.bottom-right {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}
.Vue-Toastification__fade-enter-active.top-center {
  -webkit-animation-name: fadeInTop;
          animation-name: fadeInTop;
}
.Vue-Toastification__fade-enter-active.bottom-center {
  -webkit-animation-name: fadeInBottom;
          animation-name: fadeInBottom;
}

.Vue-Toastification__fade-leave-active.top-left, .Vue-Toastification__fade-leave-active.bottom-left {
  -webkit-animation-name: fadeOutLeft;
          animation-name: fadeOutLeft;
}
.Vue-Toastification__fade-leave-active.top-right, .Vue-Toastification__fade-leave-active.bottom-right {
  -webkit-animation-name: fadeOutRight;
          animation-name: fadeOutRight;
}
.Vue-Toastification__fade-leave-active.top-center {
  -webkit-animation-name: fadeOutTop;
          animation-name: fadeOutTop;
}
.Vue-Toastification__fade-leave-active.bottom-center {
  -webkit-animation-name: fadeOutBottom;
          animation-name: fadeOutBottom;
}

.Vue-Toastification__fade-move {
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
}

/* ----------------------------------------------
 * Modified version from Animista
 * Animista is Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@-webkit-keyframes slideInBlurredLeft {
  0% {
    -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slideInBlurredLeft {
  0% {
    -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes slideInBlurredTop {
  0% {
    -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
            transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(240px);
            filter: blur(240px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slideInBlurredTop {
  0% {
    -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
            transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(240px);
            filter: blur(240px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes slideInBlurredRight {
  0% {
    -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slideInBlurredRight {
  0% {
    -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes slideInBlurredBottom {
  0% {
    -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
            transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-filter: blur(240px);
            filter: blur(240px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slideInBlurredBottom {
  0% {
    -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
            transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-filter: blur(240px);
            filter: blur(240px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes slideOutBlurredTop {
  0% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px) scaleY(2) scaleX(0.2);
            transform: translateY(-1000px) scaleY(2) scaleX(0.2);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(240px);
            filter: blur(240px);
    opacity: 0;
  }
}
@keyframes slideOutBlurredTop {
  0% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px) scaleY(2) scaleX(0.2);
            transform: translateY(-1000px) scaleY(2) scaleX(0.2);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(240px);
            filter: blur(240px);
    opacity: 0;
  }
}
@-webkit-keyframes slideOutBlurredBottom {
  0% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1000px) scaleY(2) scaleX(0.2);
            transform: translateY(1000px) scaleY(2) scaleX(0.2);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-filter: blur(240px);
            filter: blur(240px);
    opacity: 0;
  }
}
@keyframes slideOutBlurredBottom {
  0% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1000px) scaleY(2) scaleX(0.2);
            transform: translateY(1000px) scaleY(2) scaleX(0.2);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-filter: blur(240px);
            filter: blur(240px);
    opacity: 0;
  }
}
@-webkit-keyframes slideOutBlurredLeft {
  0% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1000px) scaleX(2) scaleY(0.2);
            transform: translateX(-1000px) scaleX(2) scaleY(0.2);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
}
@keyframes slideOutBlurredLeft {
  0% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1000px) scaleX(2) scaleY(0.2);
            transform: translateX(-1000px) scaleX(2) scaleY(0.2);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
}
@-webkit-keyframes slideOutBlurredRight {
  0% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1000px) scaleX(2) scaleY(0.2);
            transform: translateX(1000px) scaleX(2) scaleY(0.2);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
}
@keyframes slideOutBlurredRight {
  0% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1000px) scaleX(2) scaleY(0.2);
            transform: translateX(1000px) scaleX(2) scaleY(0.2);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
}
.Vue-Toastification__slideBlurred-enter-active.top-left, .Vue-Toastification__slideBlurred-enter-active.bottom-left {
  -webkit-animation-name: slideInBlurredLeft;
          animation-name: slideInBlurredLeft;
}
.Vue-Toastification__slideBlurred-enter-active.top-right, .Vue-Toastification__slideBlurred-enter-active.bottom-right {
  -webkit-animation-name: slideInBlurredRight;
          animation-name: slideInBlurredRight;
}
.Vue-Toastification__slideBlurred-enter-active.top-center {
  -webkit-animation-name: slideInBlurredTop;
          animation-name: slideInBlurredTop;
}
.Vue-Toastification__slideBlurred-enter-active.bottom-center {
  -webkit-animation-name: slideInBlurredBottom;
          animation-name: slideInBlurredBottom;
}

.Vue-Toastification__slideBlurred-leave-active.top-left, .Vue-Toastification__slideBlurred-leave-active.bottom-left {
  -webkit-animation-name: slideOutBlurredLeft;
          animation-name: slideOutBlurredLeft;
}
.Vue-Toastification__slideBlurred-leave-active.top-right, .Vue-Toastification__slideBlurred-leave-active.bottom-right {
  -webkit-animation-name: slideOutBlurredRight;
          animation-name: slideOutBlurredRight;
}
.Vue-Toastification__slideBlurred-leave-active.top-center {
  -webkit-animation-name: slideOutBlurredTop;
          animation-name: slideOutBlurredTop;
}
.Vue-Toastification__slideBlurred-leave-active.bottom-center {
  -webkit-animation-name: slideOutBlurredBottom;
          animation-name: slideOutBlurredBottom;
}

.Vue-Toastification__slideBlurred-move {
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
}
@-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 {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  color: var(--td-brand-color);
  font-size: var(--td-comp-size-l);
}
.t-loading--lock {
  overflow: hidden;
}
.t-loading.t-size-s {
  font-size: var(--td-comp-size-xxxs);
}
.t-loading.t-size-l {
  font-size: var(--td-comp-size-xxxl);
}
.t-loading__parent--relative {
  position: relative !important;
}
.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%;
  z-index: 3500;
}
.t-loading--hidden {
  visibility: hidden;
}
.t-loading--visible {
  visibility: visible;
}
.t-loading__text {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  font: var(--td-font-body-medium);
  margin-left: var(--td-comp-margin-xs);
}
.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%;
  border-radius: var(--td-radius-circle);
  /* stylelint-disable-next-line color-no-hex */
  background: conic-gradient(from 90deg at 50% 50%, #fff 0deg, currentcolor 360deg);
  /* stylelint-disable-next-line */
  -webkit-mask: radial-gradient(transparent calc(50% - 0.5px), #fff 50%);
  /* stylelint-disable-next-line color-no-hex */
  mask: radial-gradient(transparent calc(50% - 0.5px), #fff 50%);
}

.t-button {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  z-index: 0;
  overflow: hidden;
  font-size: var(--td-font-body-medium);
  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: var(--td-radius-default);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  text-decoration: none;
}
.t-button .t-button__text,
.t-button .t-icon {
  position: relative;
  z-index: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.t-button .t-icon {
  font-size: var(--td-font-size-body-large);
}
.t-button .t-loading {
  font-size: var(--td-font-size-body-large);
}
.t-button .t-icon + .t-button__text:not(:empty) {
  margin-left: 8px;
}
.t-button .t-loading + .t-button__text:not(:empty) {
  margin-left: 8px;
}
.t-button .t-button__suffix:not(:empty) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 8px;
}
.t-button--variant-base {
  color: var(--td-text-color-anti);
  height: var(--td-comp-size-m);
  font: var(--td-font-body-medium);
  padding-left: calc(var(--td-comp-paddingLR-l) - 1px);
  padding-right: calc(var(--td-comp-paddingLR-l) - 1px);
  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: var(--td-font-size-body-large);
}
.t-button--variant-base:hover,
.t-button--variant-base:focus-visible {
  background-color: var(--td-bg-color-component-hover);
}
.t-button--variant-base.t-is-loading {
  background-color: var(--td-bg-color-component);
}
.t-button--variant-base.t-is-disabled {
  background-color: var(--td-bg-color-component-disabled);
}
.t-button--variant-base:hover,
.t-button--variant-base:focus-visible {
  border-color: var(--td-bg-color-component-hover);
}
.t-button--variant-base.t-is-loading {
  border-color: var(--td-bg-color-component);
}
.t-button--variant-base.t-is-disabled {
  border-color: var(--td-bg-color-component-disabled);
}
.t-button--variant-base:hover,
.t-button--variant-base:focus-visible {
  color: var(--td-text-color-primary);
}
.t-button--variant-base.t-is-loading {
  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,
.t-button--variant-base.t-button--theme-primary:focus-visible {
  background-color: var(--td-brand-color-hover);
}
.t-button--variant-base.t-button--theme-primary.t-is-loading {
  background-color: var(--td-brand-color);
}
.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,
.t-button--variant-base.t-button--theme-primary:focus-visible {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-base.t-button--theme-primary.t-is-loading {
  border-color: var(--td-brand-color);
}
.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,
.t-button--variant-base.t-button--theme-success:focus-visible {
  background-color: var(--td-success-color-hover);
}
.t-button--variant-base.t-button--theme-success.t-is-loading {
  background-color: var(--td-success-color);
}
.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,
.t-button--variant-base.t-button--theme-success:focus-visible {
  border-color: var(--td-success-color-hover);
}
.t-button--variant-base.t-button--theme-success.t-is-loading {
  border-color: var(--td-success-color);
}
.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,
.t-button--variant-base.t-button--theme-warning:focus-visible {
  background-color: var(--td-warning-color-hover);
}
.t-button--variant-base.t-button--theme-warning.t-is-loading {
  background-color: var(--td-warning-color);
}
.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,
.t-button--variant-base.t-button--theme-warning:focus-visible {
  border-color: var(--td-warning-color-hover);
}
.t-button--variant-base.t-button--theme-warning.t-is-loading {
  border-color: var(--td-warning-color);
}
.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,
.t-button--variant-base.t-button--theme-danger:focus-visible {
  background-color: var(--td-error-color-hover);
}
.t-button--variant-base.t-button--theme-danger.t-is-loading {
  background-color: var(--td-error-color);
}
.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,
.t-button--variant-base.t-button--theme-danger:focus-visible {
  border-color: var(--td-error-color-hover);
}
.t-button--variant-base.t-button--theme-danger.t-is-loading {
  border-color: var(--td-error-color);
}
.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;
  color: var(--td-text-color-anti);
  border-color: var(--td-text-color-anti);
}
.t-button--variant-base.t-button--ghost:hover,
.t-button--variant-base.t-button--ghost:focus-visible {
  background-color: transparent;
}
.t-button--variant-base.t-button--ghost:active {
  background-color: transparent;
}
.t-button--variant-base.t-button--ghost.t-is-loading {
  background-color: transparent;
}
.t-button--variant-base.t-button--ghost.t-is-disabled {
  background-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-base.t-button--ghost:hover,
.t-button--variant-base.t-button--ghost:focus-visible {
  color: var(--td-brand-color-hover);
}
.t-button--variant-base.t-button--ghost:active {
  color: var(--td-brand-color-active);
}
.t-button--variant-base.t-button--ghost.t-is-loading {
  color: var(--td-text-color-anti);
}
.t-button--variant-base.t-button--ghost.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-base.t-button--ghost:hover,
.t-button--variant-base.t-button--ghost:focus-visible {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-base.t-button--ghost:active {
  border-color: var(--td-brand-color-active);
}
.t-button--variant-base.t-button--ghost.t-is-loading {
  border-color: var(--td-text-color-anti);
}
.t-button--variant-base.t-button--ghost.t-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary {
  color: var(--td-brand-color);
  border-color: var(--td-brand-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary:hover,
.t-button--variant-base.t-button--ghost.t-button--theme-primary:focus-visible {
  color: var(--td-brand-color-hover);
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary:active {
  color: var(--td-brand-color-active);
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary.t-is-loading {
  color: var(--td-brand-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary:hover,
.t-button--variant-base.t-button--ghost.t-button--theme-primary:focus-visible {
  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-loading {
  border-color: var(--td-brand-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-primary.t-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.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,
.t-button--variant-base.t-button--ghost.t-button--theme-success:focus-visible {
  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-loading {
  color: var(--td-success-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-success.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-base.t-button--ghost.t-button--theme-success:hover,
.t-button--variant-base.t-button--ghost.t-button--theme-success:focus-visible {
  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-loading {
  border-color: var(--td-success-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-success.t-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.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,
.t-button--variant-base.t-button--ghost.t-button--theme-warning:focus-visible {
  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-loading {
  color: var(--td-warning-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning:hover,
.t-button--variant-base.t-button--ghost.t-button--theme-warning:focus-visible {
  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-loading {
  border-color: var(--td-warning-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-warning.t-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.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,
.t-button--variant-base.t-button--ghost.t-button--theme-danger:focus-visible {
  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-loading {
  color: var(--td-error-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger:hover,
.t-button--variant-base.t-button--ghost.t-button--theme-danger:focus-visible {
  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-loading {
  border-color: var(--td-error-color);
}
.t-button--variant-base.t-button--ghost.t-button--theme-danger.t-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-outline {
  height: var(--td-comp-size-m);
  font: var(--td-font-body-medium);
  padding-left: calc(var(--td-comp-paddingLR-l) - 1px);
  padding-right: calc(var(--td-comp-paddingLR-l) - 1px);
  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: var(--td-font-size-body-large);
}
.t-button--variant-outline:hover,
.t-button--variant-outline:focus-visible {
  color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-is-loading {
  color: var(--td-text-color-primary);
}
.t-button--variant-outline.t-is-disabled {
  color: var(--td-text-color-disabled);
}
.t-button--variant-outline:hover,
.t-button--variant-outline:focus-visible {
  background-color: var(--td-bg-color-specialcomponent);
}
.t-button--variant-outline.t-is-loading {
  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,
.t-button--variant-outline:focus-visible {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-is-loading {
  border-color: var(--td-border-level-2-color);
}
.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,
.t-button--variant-outline.t-button--theme-primary:focus-visible {
  color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-button--theme-primary.t-is-loading {
  color: var(--td-brand-color);
}
.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,
.t-button--variant-outline.t-button--theme-primary:focus-visible {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-outline.t-button--theme-primary.t-is-loading {
  border-color: var(--td-brand-color);
}
.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,
.t-button--variant-outline.t-button--theme-success:focus-visible {
  color: var(--td-success-color-hover);
}
.t-button--variant-outline.t-button--theme-success.t-is-loading {
  color: var(--td-success-color);
}
.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,
.t-button--variant-outline.t-button--theme-success:focus-visible {
  border-color: var(--td-success-color-hover);
}
.t-button--variant-outline.t-button--theme-success.t-is-loading {
  border-color: var(--td-success-color);
}
.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,
.t-button--variant-outline.t-button--theme-warning:focus-visible {
  color: var(--td-warning-color-hover);
}
.t-button--variant-outline.t-button--theme-warning.t-is-loading {
  color: var(--td-warning-color);
}
.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,
.t-button--variant-outline.t-button--theme-warning:focus-visible {
  border-color: var(--td-warning-color-hover);
}
.t-button--variant-outline.t-button--theme-warning.t-is-loading {
  border-color: var(--td-warning-color);
}
.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,
.t-button--variant-outline.t-button--theme-danger:focus-visible {
  color: var(--td-error-color-hover);
}
.t-button--variant-outline.t-button--theme-danger.t-is-loading {
  color: var(--td-error-color);
}
.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,
.t-button--variant-outline.t-button--theme-danger:focus-visible {
  border-color: var(--td-error-color-hover);
}
.t-button--variant-outline.t-button--theme-danger.t-is-loading {
  border-color: var(--td-error-color);
}
.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,
.t-button--variant-outline.t-button--ghost:focus-visible {
  background-color: transparent;
}
.t-button--variant-outline.t-button--ghost:active {
  background-color: transparent;
}
.t-button--variant-outline.t-button--ghost.t-is-loading {
  background-color: transparent;
}
.t-button--variant-outline.t-button--ghost.t-is-disabled {
  background-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-outline.t-button--ghost:hover,
.t-button--variant-outline.t-button--ghost:focus-visible {
  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-loading {
  color: var(--td-text-color-anti);
}
.t-button--variant-outline.t-button--ghost.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-outline.t-button--ghost:hover,
.t-button--variant-outline.t-button--ghost:focus-visible {
  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-loading {
  border-color: var(--td-text-color-anti);
}
.t-button--variant-outline.t-button--ghost.t-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.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,
.t-button--variant-outline.t-button--ghost.t-button--theme-primary:focus-visible {
  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-loading {
  color: var(--td-brand-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary:hover,
.t-button--variant-outline.t-button--ghost.t-button--theme-primary:focus-visible {
  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-loading {
  border-color: var(--td-brand-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-primary.t-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.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,
.t-button--variant-outline.t-button--ghost.t-button--theme-success:focus-visible {
  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-loading {
  color: var(--td-success-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success:hover,
.t-button--variant-outline.t-button--ghost.t-button--theme-success:focus-visible {
  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-loading {
  border-color: var(--td-success-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-success.t-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.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,
.t-button--variant-outline.t-button--ghost.t-button--theme-warning:focus-visible {
  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-loading {
  color: var(--td-warning-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning:hover,
.t-button--variant-outline.t-button--ghost.t-button--theme-warning:focus-visible {
  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-loading {
  border-color: var(--td-warning-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-warning.t-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.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,
.t-button--variant-outline.t-button--ghost.t-button--theme-danger:focus-visible {
  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-loading {
  color: var(--td-error-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger:hover,
.t-button--variant-outline.t-button--ghost.t-button--theme-danger:focus-visible {
  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-loading {
  border-color: var(--td-error-color);
}
.t-button--variant-outline.t-button--ghost.t-button--theme-danger.t-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-dashed {
  height: var(--td-comp-size-m);
  font: var(--td-font-body-medium);
  padding-left: calc(var(--td-comp-paddingLR-l) - 1px);
  padding-right: calc(var(--td-comp-paddingLR-l) - 1px);
  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: var(--td-font-size-body-large);
}
.t-button--variant-dashed:hover,
.t-button--variant-dashed:focus-visible {
  color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-is-loading {
  color: var(--td-text-color-primary);
}
.t-button--variant-dashed.t-is-disabled {
  color: var(--td-text-color-disabled);
}
.t-button--variant-dashed:hover,
.t-button--variant-dashed:focus-visible {
  background-color: var(--td-bg-color-specialcomponent);
}
.t-button--variant-dashed.t-is-loading {
  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,
.t-button--variant-dashed:focus-visible {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-is-loading {
  border-color: var(--td-border-level-2-color);
}
.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,
.t-button--variant-dashed.t-button--theme-primary:focus-visible {
  color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-button--theme-primary.t-is-loading {
  color: var(--td-brand-color);
}
.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,
.t-button--variant-dashed.t-button--theme-primary:focus-visible {
  border-color: var(--td-brand-color-hover);
}
.t-button--variant-dashed.t-button--theme-primary.t-is-loading {
  border-color: var(--td-brand-color);
}
.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,
.t-button--variant-dashed.t-button--theme-success:focus-visible {
  color: var(--td-success-color-hover);
}
.t-button--variant-dashed.t-button--theme-success.t-is-loading {
  color: var(--td-success-color);
}
.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,
.t-button--variant-dashed.t-button--theme-success:focus-visible {
  border-color: var(--td-success-color-hover);
}
.t-button--variant-dashed.t-button--theme-success.t-is-loading {
  border-color: var(--td-success-color);
}
.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,
.t-button--variant-dashed.t-button--theme-warning:focus-visible {
  color: var(--td-warning-color-hover);
}
.t-button--variant-dashed.t-button--theme-warning.t-is-loading {
  color: var(--td-warning-color);
}
.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,
.t-button--variant-dashed.t-button--theme-warning:focus-visible {
  border-color: var(--td-warning-color-hover);
}
.t-button--variant-dashed.t-button--theme-warning.t-is-loading {
  border-color: var(--td-warning-color);
}
.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,
.t-button--variant-dashed.t-button--theme-danger:focus-visible {
  color: var(--td-error-color-hover);
}
.t-button--variant-dashed.t-button--theme-danger.t-is-loading {
  color: var(--td-error-color);
}
.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,
.t-button--variant-dashed.t-button--theme-danger:focus-visible {
  border-color: var(--td-error-color-hover);
}
.t-button--variant-dashed.t-button--theme-danger.t-is-loading {
  border-color: var(--td-error-color);
}
.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,
.t-button--variant-dashed.t-button--ghost:focus-visible {
  background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost:active {
  background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost.t-is-loading {
  background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost.t-is-disabled {
  background-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost:hover,
.t-button--variant-dashed.t-button--ghost:focus-visible {
  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-loading {
  color: var(--td-text-color-anti);
}
.t-button--variant-dashed.t-button--ghost.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost:hover,
.t-button--variant-dashed.t-button--ghost:focus-visible {
  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-loading {
  border-color: var(--td-text-color-anti);
}
.t-button--variant-dashed.t-button--ghost.t-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.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,
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary:focus-visible {
  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-loading {
  color: var(--td-brand-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary:hover,
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary:focus-visible {
  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-loading {
  border-color: var(--td-brand-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-primary.t-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.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,
.t-button--variant-dashed.t-button--ghost.t-button--theme-success:focus-visible {
  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-loading {
  color: var(--td-success-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success:hover,
.t-button--variant-dashed.t-button--ghost.t-button--theme-success:focus-visible {
  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-loading {
  border-color: var(--td-success-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-success.t-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.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,
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning:focus-visible {
  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-loading {
  color: var(--td-warning-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning:hover,
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning:focus-visible {
  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-loading {
  border-color: var(--td-warning-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-warning.t-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.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,
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger:focus-visible {
  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-loading {
  color: var(--td-error-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger:hover,
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger:focus-visible {
  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-loading {
  border-color: var(--td-error-color);
}
.t-button--variant-dashed.t-button--ghost.t-button--theme-danger.t-is-disabled {
  border-color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button--variant-text {
  height: var(--td-comp-size-m);
  font: var(--td-font-body-medium);
  padding-left: calc(var(--td-comp-paddingLR-l) - 1px);
  padding-right: calc(var(--td-comp-paddingLR-l) - 1px);
  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: var(--td-font-size-body-large);
}
.t-button--variant-text:hover,
.t-button--variant-text:focus-visible {
  color: var(--td-text-color-primary);
}
.t-button--variant-text.t-is-loading {
  color: var(--td-text-color-primary);
}
.t-button--variant-text.t-is-disabled {
  color: var(--td-text-color-disabled);
}
.t-button--variant-text:hover,
.t-button--variant-text:focus-visible {
  background-color: var(--td-bg-color-container-hover);
}
.t-button--variant-text.t-is-loading {
  background-color: transparent;
}
.t-button--variant-text.t-is-disabled {
  background-color: transparent;
}
.t-button--variant-text:hover,
.t-button--variant-text:focus-visible {
  border-color: var(--td-bg-color-container-hover);
}
.t-button--variant-text.t-is-loading {
  border-color: transparent;
}
.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,
.t-button--variant-text.t-button--theme-primary:focus-visible {
  color: var(--td-brand-color-hover);
}
.t-button--variant-text.t-button--theme-primary.t-is-loading {
  color: var(--td-brand-color);
}
.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,
.t-button--variant-text.t-button--theme-success:focus-visible {
  color: var(--td-success-color-hover);
}
.t-button--variant-text.t-button--theme-success.t-is-loading {
  color: var(--td-success-color);
}
.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,
.t-button--variant-text.t-button--theme-warning:focus-visible {
  color: var(--td-warning-color-hover);
}
.t-button--variant-text.t-button--theme-warning.t-is-loading {
  color: var(--td-warning-color);
}
.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,
.t-button--variant-text.t-button--theme-danger:focus-visible {
  color: var(--td-error-color-hover);
}
.t-button--variant-text.t-button--theme-danger.t-is-loading {
  color: var(--td-error-color);
}
.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,
.t-button--variant-text.t-button--ghost:focus-visible {
  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-loading {
  color: var(--td-text-color-anti);
}
.t-button--variant-text.t-button--ghost.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.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,
.t-button--variant-text.t-button--ghost.t-button--theme-primary:focus-visible {
  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-loading {
  color: var(--td-brand-color);
}
.t-button--variant-text.t-button--ghost.t-button--theme-primary.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.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,
.t-button--variant-text.t-button--ghost.t-button--theme-success:focus-visible {
  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-loading {
  color: var(--td-success-color);
}
.t-button--variant-text.t-button--ghost.t-button--theme-success.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.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,
.t-button--variant-text.t-button--ghost.t-button--theme-warning:focus-visible {
  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-loading {
  color: var(--td-warning-color);
}
.t-button--variant-text.t-button--ghost.t-button--theme-warning.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.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,
.t-button--variant-text.t-button--ghost.t-button--theme-danger:focus-visible {
  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-loading {
  color: var(--td-error-color);
}
.t-button--variant-text.t-button--ghost.t-button--theme-danger.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
  background-color: transparent;
}
.t-button.t-is-loading,
.t-button.t-is-disabled {
  cursor: not-allowed;
}
.t-button.t-size-s {
  height: var(--td-comp-size-xs);
  font: var(--td-font-body-small);
  padding-left: calc(var(--td-comp-paddingLR-s) - 1px);
  padding-right: calc(var(--td-comp-paddingLR-s) - 1px);
}
.t-button.t-size-s .t-icon,
.t-button.t-size-s .t-loading {
  font-size: var(--td-font-size-body-medium);
}
.t-button.t-size-l {
  height: var(--td-comp-size-xl);
  font: var(--td-font-body-large);
  padding-left: calc(var(--td-comp-paddingLR-xl) - 1px);
  padding-right: calc(var(--td-comp-paddingLR-xl) - 1px);
}
.t-button.t-size-l .t-icon,
.t-button.t-size-l .t-loading {
  font-size: var(--td-font-size-title-large);
}
.t-button--shape-square {
  width: var(--td-comp-size-m);
  padding: 0;
}
.t-button--shape-square.t-size-s {
  width: var(--td-comp-size-xs);
  padding: 0;
}
.t-button--shape-square.t-size-l {
  width: var(--td-comp-size-xl);
  padding: 0;
}
.t-button--shape-round {
  border-radius: var(--td-radius-round);
}
.t-button--shape-round.t-size-s {
  border-radius: calc(var(--td-comp-size-xs) / 2);
}
.t-button--shape-round.t-size-l {
  border-radius: calc(var(--td-comp-size-xl) / 2);
}
.t-button--shape-circle {
  width: var(--td-comp-size-m);
  padding: 0;
  text-align: center;
  border-radius: calc(var(--td-comp-size-m) / 2);
}
.t-button--shape-circle .t-icon {
  font-size: var(--td-font-size-body-large);
}
.t-button--shape-circle .t-loading {
  font-size: var(--td-font-size-body-large);
}
.t-button--shape-circle.t-size-s {
  width: var(--td-comp-size-xs);
  border-radius: calc(var(--td-comp-size-xs) / 2);
}
.t-button--shape-circle.t-size-l {
  width: var(--td-comp-size-xl);
  padding: 0;
  border-radius: calc(var(--td-comp-size-xl) / 2);
}
.t-button.t-size-full-width {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.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);
}

@-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 {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
}
.t-icon::before {
  font-family: unset;
}
.t-icon-loading {
  -webkit-animation: t-spin 1s linear infinite;
          animation: t-spin 1s linear infinite;
}
.t-icon {
  fill: currentColor;
}
.t-icon.t-size-s,
i.t-size-s {
  font-size: 14px;
}
.t-icon.t-size-m,
i.t-size-m {
  font-size: 16px;
}
.t-icon.t-size-l,
i.t-size-l {
  font-size: 18px;
}

.t-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  text-decoration: none;
  outline: none;
  padding: 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font: var(--td-font-link-medium);
}
.t-link .t-link__prefix-icon {
  margin-right: var(--td-comp-margin-s);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-link .t-link__suffix-icon {
  margin-left: var(--td-comp-margin-s);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-link.t-size-s {
  font: var(--td-font-link-small);
}
.t-link.t-size-s .t-link__prefix-icon {
  margin-right: var(--td-comp-margin-xs);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-link.t-size-s .t-link__suffix-icon {
  margin-left: var(--td-comp-margin-xs);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-link.t-size-l {
  font: var(--td-font-link-large);
}
.t-link.t-size-l .t-link__prefix-icon {
  margin-right: var(--td-comp-margin-m);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-link.t-size-l .t-link__suffix-icon {
  margin-left: var(--td-comp-margin-m);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-link--theme-default {
  color: var(--td-text-color-primary);
}
.t-link--theme-default:active {
  color: var(--td-brand-color-active);
}
.t-link--theme-default.t-link--hover-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  border-bottom: 1px solid var(--td-text-color-primary);
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.t-link--theme-default.t-link--hover-underline:hover::after {
  opacity: 1;
}
.t-link--theme-default.t-link--hover-underline:active::after {
  opacity: 1;
  border-color: var(--td-brand-color-active);
}
.t-link--theme-default.t-link--hover-color:hover {
  color: var(--td-brand-color-hover);
}
.t-link--theme-default.t-link--hover-color.t-is-underline:hover::after {
  border-color: var(--td-brand-color-hover);
}
.t-link--theme-default.t-link--hover-color.t-is-underline:active::after {
  border-color: var(--td-brand-color-active);
}
.t-link--theme-default.t-link--hover-color:active {
  color: var(--td-brand-color-active);
}
.t-link--theme-default.t-is-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  opacity: 1;
  border-bottom: 1px solid var(--td-text-color-primary);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.t-link--theme-default.t-is-disabled {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
}
.t-link--theme-default.t-is-disabled:hover,
.t-link--theme-default.t-is-disabled:active {
  color: var(--td-text-color-disabled);
}
.t-link--theme-default.t-is-disabled.t-is-underline::after {
  border-color: var(--td-text-color-disabled);
}
.t-link--theme-primary {
  color: var(--td-brand-color);
}
.t-link--theme-primary:active {
  color: var(--td-brand-color-active);
}
.t-link--theme-primary.t-link--hover-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  border-bottom: 1px solid var(--td-brand-color);
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.t-link--theme-primary.t-link--hover-underline:hover::after {
  opacity: 1;
}
.t-link--theme-primary.t-link--hover-underline:active::after {
  opacity: 1;
  border-color: var(--td-brand-color-active);
}
.t-link--theme-primary.t-link--hover-color:hover {
  color: var(--td-brand-color-hover);
}
.t-link--theme-primary.t-link--hover-color.t-is-underline:hover::after {
  border-color: var(--td-brand-color-hover);
}
.t-link--theme-primary.t-link--hover-color.t-is-underline:active::after {
  border-color: var(--td-brand-color-active);
}
.t-link--theme-primary.t-link--hover-color:active {
  color: var(--td-brand-color-active);
}
.t-link--theme-primary.t-is-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  opacity: 1;
  border-bottom: 1px solid var(--td-brand-color);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.t-link--theme-primary.t-is-disabled {
  cursor: not-allowed;
  color: var(--td-brand-color-disabled);
}
.t-link--theme-primary.t-is-disabled:hover,
.t-link--theme-primary.t-is-disabled:active {
  color: var(--td-brand-color-disabled);
}
.t-link--theme-primary.t-is-disabled.t-is-underline::after {
  border-color: var(--td-brand-color-disabled);
}
.t-link--theme-success {
  color: var(--td-success-color);
}
.t-link--theme-success:active {
  color: var(--td-success-color-active);
}
.t-link--theme-success.t-link--hover-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  border-bottom: 1px solid var(--td-success-color);
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.t-link--theme-success.t-link--hover-underline:hover::after {
  opacity: 1;
}
.t-link--theme-success.t-link--hover-underline:active::after {
  opacity: 1;
  border-color: var(--td-success-color-active);
}
.t-link--theme-success.t-link--hover-color:hover {
  color: var(--td-success-color-hover);
}
.t-link--theme-success.t-link--hover-color.t-is-underline:hover::after {
  border-color: var(--td-success-color-hover);
}
.t-link--theme-success.t-link--hover-color.t-is-underline:active::after {
  border-color: var(--td-success-color-active);
}
.t-link--theme-success.t-link--hover-color:active {
  color: var(--td-success-color-active);
}
.t-link--theme-success.t-is-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  opacity: 1;
  border-bottom: 1px solid var(--td-success-color);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.t-link--theme-success.t-is-disabled {
  cursor: not-allowed;
  color: var(--td-success-color-disabled);
}
.t-link--theme-success.t-is-disabled:hover,
.t-link--theme-success.t-is-disabled:active {
  color: var(--td-success-color-disabled);
}
.t-link--theme-success.t-is-disabled.t-is-underline::after {
  border-color: var(--td-success-color-disabled);
}
.t-link--theme-danger {
  color: var(--td-error-color);
}
.t-link--theme-danger:active {
  color: var(--td-error-color-active);
}
.t-link--theme-danger.t-link--hover-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  border-bottom: 1px solid var(--td-error-color);
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.t-link--theme-danger.t-link--hover-underline:hover::after {
  opacity: 1;
}
.t-link--theme-danger.t-link--hover-underline:active::after {
  opacity: 1;
  border-color: var(--td-error-color-active);
}
.t-link--theme-danger.t-link--hover-color:hover {
  color: var(--td-error-color-hover);
}
.t-link--theme-danger.t-link--hover-color.t-is-underline:hover::after {
  border-color: var(--td-error-color-hover);
}
.t-link--theme-danger.t-link--hover-color.t-is-underline:active::after {
  border-color: var(--td-error-color-active);
}
.t-link--theme-danger.t-link--hover-color:active {
  color: var(--td-error-color-active);
}
.t-link--theme-danger.t-is-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  opacity: 1;
  border-bottom: 1px solid var(--td-error-color);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.t-link--theme-danger.t-is-disabled {
  cursor: not-allowed;
  color: var(--td-error-color-disabled);
}
.t-link--theme-danger.t-is-disabled:hover,
.t-link--theme-danger.t-is-disabled:active {
  color: var(--td-error-color-disabled);
}
.t-link--theme-danger.t-is-disabled.t-is-underline::after {
  border-color: var(--td-error-color-disabled);
}
.t-link--theme-warning {
  color: var(--td-warning-color);
}
.t-link--theme-warning:active {
  color: var(--td-warning-color-active);
}
.t-link--theme-warning.t-link--hover-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  border-bottom: 1px solid var(--td-warning-color);
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.t-link--theme-warning.t-link--hover-underline:hover::after {
  opacity: 1;
}
.t-link--theme-warning.t-link--hover-underline:active::after {
  opacity: 1;
  border-color: var(--td-warning-color-active);
}
.t-link--theme-warning.t-link--hover-color:hover {
  color: var(--td-warning-color-hover);
}
.t-link--theme-warning.t-link--hover-color.t-is-underline:hover::after {
  border-color: var(--td-warning-color-hover);
}
.t-link--theme-warning.t-link--hover-color.t-is-underline:active::after {
  border-color: var(--td-warning-color-active);
}
.t-link--theme-warning.t-link--hover-color:active {
  color: var(--td-warning-color-active);
}
.t-link--theme-warning.t-is-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  opacity: 1;
  border-bottom: 1px solid var(--td-warning-color);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.t-link--theme-warning.t-is-disabled {
  cursor: not-allowed;
  color: var(--td-warning-color-disabled);
}
.t-link--theme-warning.t-is-disabled:hover,
.t-link--theme-warning.t-is-disabled:active {
  color: var(--td-warning-color-disabled);
}
.t-link--theme-warning.t-is-disabled.t-is-underline::after {
  border-color: var(--td-warning-color-disabled);
}

.t-row {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  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-row--align-top,
.t-row--align-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.t-row--align-middle,
.t-row--align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-row--align-bottom,
.t-row--align-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.t-row--align-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.t-row--align-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.t-col {
  position: relative;
  max-width: 100%;
  min-height: 1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.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 {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.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: var(--td-comp-size-xxxl);
  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.2s;
  transition: all 0.2s;
  background: var(--td-bg-color-container);
  width: 232px;
}
.t-layout__footer {
  color: var(--td-text-color-placeholder);
  padding: 24px;
}

.t-divider {
  margin: 0;
  padding: 0;
  list-style: none;
  font: var(--td-font-body-medium);
  margin: var(--td-comp-margin-xxl) 0;
  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 var(--td-comp-margin-m);
  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:not(:empty) {
  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);
}

.t-space {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.t-space .t-space-item {
  width: inherit;
}
.t-space-align-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.t-space-align-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.t-space-align-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.t-space-align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-space-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.t-space-vertical .t-space-item-separator {
  width: 100%;
}
.t-space.t-space--break-line {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.t-space.t-space--polyfill {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-space.t-space--polyfill.t-space-horizontal,
.t-space.t-space--polyfill.t-space--break-line {
  margin-left: calc(-1 * var(--td-space-column-gap, 0));
}
.t-space.t-space--polyfill.t-space-vertical,
.t-space.t-space--polyfill.t-space--break-line {
  margin-top: calc(-1 * var(--td-space-row-gap, 0));
}
.t-space.t-space--polyfill.t-space-horizontal > *,
.t-space.t-space--polyfill.t-space--break-line > * {
  margin-left: var(--td-space-column-gap);
}
.t-space.t-space--polyfill.t-space-vertical > *,
.t-space.t-space--polyfill.t-space--break-line > * {
  margin-top: var(--td-space-row-gap);
}

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

.t-anchor {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  --td-anchor-space-base: var(--td-size-6);
  position: relative;
  background: var(--td-bg-color-container);
  width: 200px;
  color: var(--td-text-color-primary);
  font: var(--td-font-body-medium);
}
.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: var(--td-comp-paddingTB-xxs) var(--td-comp-paddingTB-l);
  --level: 1;
  padding-left: calc(var(--level) * var(--td-anchor-space-base));
  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-link {
  display: inline-block;
  position: relative;
  overflow: hidden;
  word-break: break-all;
  color: var(--td-text-color-primary);
  text-decoration: none;
  text-align: justify;
}
.t-anchor a {
  -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: var(--td-font-body-medium);
  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 var(--td-comp-margin-xs);
}
.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: var(--td-radius-circle);
  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-message {
  margin: 0;
  padding: 0;
  list-style: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  outline: 0;
  border-radius: var(--td-radius-medium);
  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);
  font: var(--td-font-body-medium);
  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
}
.t-message > .t-icon,
.t-message > [data-t-icon] > .t-icon,
.t-message .t-loading {
  color: var(--td-brand-color);
  margin-right: var(--td-comp-margin-s);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: calc(var(--td-font-size-body-medium) + 6px);
}
.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 .t-message__close {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 0;
  margin-left: var(--td-comp-margin-xxl);
  cursor: pointer;
  color: var(--td-text-color-secondary);
}
.t-message.t-is-closable .t-message__close .t-icon-close {
  font-size: calc(var(--td-font-size-body-medium) + 2px);
  border-radius: var(--td-radius-default);
  -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: var(--td-comp-margin-s);
  word-break: break-all;
}

.content-placement-top .t-popup[data-popper-placement^="top"] .t-popup__content {
  margin-bottom: var(--td-comp-margin-s);
}
.content-placement-top .t-popup[data-popper-placement^="top"] .t-popup__content--arrow {
  margin-bottom: var(--td-comp-margin-l);
}
.content-placement-bottom .t-popup[data-popper-placement^="bottom"] .t-popup__content {
  margin-top: var(--td-comp-margin-s);
}
.content-placement-bottom .t-popup[data-popper-placement^="bottom"] .t-popup__content--arrow {
  margin-top: var(--td-comp-margin-l);
}
.content-placement-left .t-popup[data-popper-placement^="left"] .t-popup__content {
  margin-right: var(--td-comp-margin-s);
}
.content-placement-left .t-popup[data-popper-placement^="left"] .t-popup__content--arrow {
  margin-right: var(--td-comp-margin-l);
}
.content-placement-left .t-popup[data-popper-placement^="left"] .t-popup__content--text {
  max-width: 480px;
}
.content-placement-right .t-popup[data-popper-placement^="right"] .t-popup__content {
  margin-left: var(--td-comp-margin-s);
}
.content-placement-right .t-popup[data-popper-placement^="right"] .t-popup__content--arrow {
  margin-left: var(--td-comp-margin-l);
}
.content-placement-right .t-popup[data-popper-placement^="right"] .t-popup__content--text {
  max-width: 480px;
}
.t-popup {
  font: var(--td-font-body-medium);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--td-text-color-primary);
  display: inline-block;
  z-index: 5500;
}
.t-popup__content {
  position: relative;
  background: var(--td-bg-color-container);
  -webkit-box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
          box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
  border-radius: var(--td-radius-medium);
  padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s);
  font-size: var(--td-font-size-body-medium);
  line-height: var(--td-line-height-body-medium);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-break: break-all;
}
.t-popup__arrow {
  position: absolute;
  z-index: 1;
  width: 8px;
  height: 8px;
}
.t-popup__arrow::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background: var(--td-bg-color-container);
}
.t-popup[data-popper-placement^="top"] .t-popup__content {
  margin-bottom: var(--td-comp-margin-s);
}
.t-popup[data-popper-placement^="top"] .t-popup__content--arrow {
  margin-bottom: var(--td-comp-margin-l);
}
.t-popup[data-popper-placement^="bottom"] .t-popup__content {
  margin-top: var(--td-comp-margin-s);
}
.t-popup[data-popper-placement^="bottom"] .t-popup__content--arrow {
  margin-top: var(--td-comp-margin-l);
}
.t-popup[data-popper-placement^="left"] .t-popup__content {
  margin-right: var(--td-comp-margin-s);
}
.t-popup[data-popper-placement^="left"] .t-popup__content--arrow {
  margin-right: var(--td-comp-margin-l);
}
.t-popup[data-popper-placement^="left"] .t-popup__content--text {
  max-width: 480px;
}
.t-popup[data-popper-placement^="right"] .t-popup__content {
  margin-left: var(--td-comp-margin-s);
}
.t-popup[data-popper-placement^="right"] .t-popup__content--arrow {
  margin-left: var(--td-comp-margin-l);
}
.t-popup[data-popper-placement^="right"] .t-popup__content--text {
  max-width: 480px;
}
.t-popup[data-popper-placement^="top"] .t-popup__arrow::before {
  border-top-left-radius: 100%;
  -webkit-box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-bottom);
          box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-bottom);
}
.t-popup[data-popper-placement="top-start"] .t-popup__arrow {
  left: 8px;
}
.t-popup[data-popper-placement="top"] .t-popup__arrow {
  left: 50%;
  margin-left: 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% {
    clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
  }
  100% {
    clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
  }
}
@keyframes t-popup-animation-expand-in-top {
  0% {
    clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
  }
  100% {
    clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
  }
}
@-webkit-keyframes t-popup-animation-expand-out-top {
  0% {
    clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
  }
  100% {
    clip-path: polygon(-20% 120%, 120% 120%, 120% 120%, -20% 120%);
  }
}
@keyframes t-popup-animation-expand-out-top {
  0% {
    clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
  }
  100% {
    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% {
    clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
  }
  100% {
    clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
  }
}
@keyframes t-popup-animation-expand-in-bottom {
  0% {
    clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
  }
  100% {
    clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
  }
}
@-webkit-keyframes t-popup-animation-expand-out-bottom {
  0% {
    clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
  }
  100% {
    clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
  }
}
@keyframes t-popup-animation-expand-out-bottom {
  0% {
    clip-path: polygon(-20% 0, 120% 0, 120% 120%, -20% 120%);
  }
  100% {
    clip-path: polygon(-20% 0, 120% 0, 120% 0, -20% 0);
  }
}

.t-back-top {
  position: fixed;
  z-index: 300;
  overflow: hidden;
  outline: none;
  border-color: transparent;
  background-color: transparent;
  cursor: pointer;
  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;
  -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-width: 0.5px;
  border-style: solid;
  -webkit-transition: background 0.2s linear, border 0.2s linear, color 0.2s linear, opacity 0.2s linear, visibility 0.2s linear;
  transition: background 0.2s linear, border 0.2s linear, color 0.2s linear, opacity 0.2s linear, visibility 0.2s linear;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  -webkit-box-shadow: var(--td-shadow-3);
          box-shadow: var(--td-shadow-3);
  visibility: hidden;
  opacity: 0;
  color: var(--td-text-color-primary);
}
.t-back-top__text {
  font: var(--td-font-body-small);
  text-align: center;
  margin-top: var(--td-comp-margin-xxs);
}
.t-back-top__icon {
  font-size: var(--td-font-headline-small);
}
.t-back-top.t-size-m .t-back-top__icon {
  margin-top: 2px;
}
.t-back-top--show {
  visibility: visible;
  opacity: 1;
}
.t-back-top--theme-light {
  border-color: var(--td-component-border);
  background-color: var(--td-bg-color-container);
}
.t-back-top--theme-light:hover {
  border-color: var(--td-bg-color-container-hover);
  background-color: var(--td-bg-color-container-hover);
}
.t-back-top--theme-light .t-back-top__text {
  color: var(--td-text-color-secondary);
}
.t-back-top--theme-light .t-back-top__icon {
  color: var(--td-text-color-primary);
}
.t-back-top--theme-primary {
  border-color: var(--td-brand-color);
  background-color: var(--td-brand-color);
}
.t-back-top--theme-primary:hover {
  border-color: var(--td-brand-color-hover);
  background-color: var(--td-brand-color-hover);
}
.t-back-top--theme-primary .t-back-top__text {
  color: var(--td-text-color-anti);
}
.t-back-top--theme-primary .t-back-top__icon {
  color: var(--td-text-color-anti);
}
.t-back-top--theme-dark {
  border-color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.9);
}
.t-back-top--theme-dark:hover {
  border-color: rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0.6);
}
.t-back-top--theme-dark .t-back-top__text {
  color: var(--td-text-color-anti);
}
.t-back-top--theme-dark .t-back-top__icon {
  color: var(--td-text-color-anti);
}
.t-back-top.t-size-s {
  width: var(--td-comp-size-xxl);
  height: var(--td-comp-size-xxl);
}
.t-back-top.t-size-s .t-back-top__text {
  display: none;
}
.t-back-top.t-size-m {
  width: var(--td-comp-size-xxxxl);
  height: var(--td-comp-size-xxxxl);
}
.t-back-top.t-size-m .t-back-top__text {
  display: block;
}
.t-back-top--circle {
  border-radius: var(--td-radius-circle);
}
.t-back-top--square {
  border-radius: var(--td-radius-medium);
}

.t-tooltip .t-popup__content {
  display: inline-block;
  border: 0;
  z-index: 5600;
  margin-bottom: 1px;
  max-width: 480px;
  word-break: break-word;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: var(--td-radius-medium);
  color: var(--td-text-color-primary);
}
.t-tooltip--default .t-popup__content {
  color: var(--td-text-color-anti);
  background: var(--td-gray-color-13);
  -webkit-box-shadow: inset 0 0.5px 0 var(--td-gray-color-9), inset 0.5px 0 0 var(--td-gray-color-9), inset 0 -0.5px 0 var(--td-gray-color-9), inset -0.5px 0 0 var(--td-gray-color-9);
          box-shadow: inset 0 0.5px 0 var(--td-gray-color-9), inset 0.5px 0 0 var(--td-gray-color-9), inset 0 -0.5px 0 var(--td-gray-color-9), inset -0.5px 0 0 var(--td-gray-color-9);
}
.t-tooltip--default[data-popper-placement^="left"] .t-popup__arrow:before {
  -webkit-box-shadow: inset -0.5px 0 0 var(--td-gray-color-9), inset 0 0.5px 0 var(--td-gray-color-9);
          box-shadow: inset -0.5px 0 0 var(--td-gray-color-9), inset 0 0.5px 0 var(--td-gray-color-9);
}
.t-tooltip--default[data-popper-placement^="right"] .t-popup__arrow:before {
  -webkit-box-shadow: inset 0.5px 0 0 var(--td-gray-color-9), inset 0 -0.5px 0 var(--td-gray-color-9);
          box-shadow: inset 0.5px 0 0 var(--td-gray-color-9), inset 0 -0.5px 0 var(--td-gray-color-9);
}
.t-tooltip--default[data-popper-placement^="top"] .t-popup__arrow:before {
  -webkit-box-shadow: inset 0 -0.5px 0 var(--td-gray-color-9), inset -0.5px 0 0 var(--td-gray-color-9);
          box-shadow: inset 0 -0.5px 0 var(--td-gray-color-9), inset -0.5px 0 0 var(--td-gray-color-9);
}
.t-tooltip--default[data-popper-placement^="bottom"] .t-popup__arrow:before {
  -webkit-box-shadow: inset 0.5px 0 0 var(--td-gray-color-9), inset 0 0.5px 0 var(--td-gray-color-9);
          box-shadow: inset 0.5px 0 0 var(--td-gray-color-9), inset 0 0.5px 0 var(--td-gray-color-9);
}
.t-tooltip--primary .t-popup__content {
  color: var(--td-brand-color);
  background: var(--td-brand-color-light);
}
.t-tooltip--success .t-popup__content {
  color: var(--td-success-color);
  background: var(--td-success-color-light);
}
.t-tooltip--danger .t-popup__content {
  color: var(--td-error-color);
  background: var(--td-error-color-light);
}
.t-tooltip--warning .t-popup__content {
  color: var(--td-warning-color);
  background: var(--td-warning-color-light);
}
.t-tooltip .t-popup__arrow {
  background: inherit;
  height: auto;
}
.t-tooltip .t-popup__arrow::before {
  background: inherit;
}
.t-tooltip--noshadow .t-popup__content,
.t-tooltip--noshadow[data-popper-placement] .t-popup__arrow:before {
  -webkit-box-shadow: none;
          box-shadow: none;
}

@-webkit-keyframes changeColor {
  from {
    color: var(--td-brand-color-hover);
  }
  to {
    color: var(--td-brand-color-active);
  }
}
@keyframes changeColor {
  from {
    color: var(--td-brand-color-hover);
  }
  to {
    color: var(--td-brand-color-active);
  }
}
.t-breadcrumb {
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  font: var(--td-font-body-medium);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-breadcrumb__separator {
  margin: 0 var(--td-comp-margin-xs);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-breadcrumb__separator .t-icon {
  color: var(--td-text-color-placeholder);
}
.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: var(--td-font-size-body-large);
}
.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 var(--td-comp-margin-xs);
  line-height: 0;
  color: var(--td-text-color-placeholder);
  display: inline-block;
  vertical-align: middle;
}
.t-breadcrumb__item--slash {
  margin: 0 var(--td-comp-margin-xs);
  line-height: 0;
  color: var(--td-text-color-placeholder);
  display: inline-block;
  vertical-align: middle;
}
.t-breadcrumb__inner {
  font: var(--td-font-body-medium);
  word-break: break-all;
  display: inline-block;
  vertical-align: middle;
}
.t-breadcrumb__inner .t-icon {
  margin: 0 var(--td-comp-margin-xs);
}
.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: var(--td-font-body-medium);
  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: calc(var(--td-radius-default) * 0.5);
  -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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.t-breadcrumb--text-overflow .t-breadcrumb__inner-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.t-breadcrumb--text-overflow .t-breadcrumb__inner:hover {
  color: var(--td-brand-color);
  cursor: pointer;
}
.t-breadcrumb--text-overflow .t-breadcrumb__inner:active {
  -webkit-animation: 0.2s linear changeColor;
          animation: 0.2s linear changeColor;
}

.t-dropdown {
  font: var(--td-font-body-medium);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: var(--td-bg-color-container);
  font-size: var(--td-font-size-body-medium);
  color: var(--td-text-color-primary);
  position: relative;
  -webkit-box-shadow: var(--td-shadow-2);
          box-shadow: var(--td-shadow-2);
  border: 0.5px solid var(--td-component-border);
  border-radius: var(--td-radius-medium);
}
.t-dropdown__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: var(--td-radius-medium);
  padding: var(--td-pop-padding-m);
  gap: 2px;
  overflow-y: auto;
  overflow-x: hidden;
}
@-moz-document url-prefix() {
  .t-dropdown__menu {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-dropdown__menu::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.t-dropdown__menu::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 15px;
}
.t-dropdown__menu::-webkit-scrollbar-thumb:vertical:hover,
.t-dropdown__menu::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-dropdown__menu .t-divider {
  margin: var(--td-comp-margin-xs) var(--td-comp-margin-s) var(--td-comp-margin-xxs) var(--td-comp-margin-s);
  color: var(--td-brand-color-light);
  width: calc(100% - var(--td-comp-margin-s) * 2);
}
.t-dropdown__menu .t-dropdown__item-direction {
  margin: 0 0 0 var(--td-comp-margin-s);
}
.t-dropdown__menu--overflow .t-dropdown__submenu-wrapper--right {
  left: calc(100% - 14px);
}
.t-dropdown__menu--overflow .t-dropdown__submenu-wrapper--left {
  right: calc(100% - 14px);
}
.t-dropdown__submenu {
  background-color: var(--td-bg-color-container);
  -webkit-box-shadow: var(--td-shadow-2);
          box-shadow: var(--td-shadow-2);
  border-radius: var(--td-radius-medium);
  border: 0.5px solid var(--td-component-border);
  z-index: 1100;
  position: absolute;
  padding: var(--td-pop-padding-m);
  display: none;
  overflow-y: auto;
  overflow-x: visible;
}
@-moz-document url-prefix() {
  .t-dropdown__submenu {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-dropdown__submenu::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.t-dropdown__submenu::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 15px;
}
.t-dropdown__submenu::-webkit-scrollbar-thumb:vertical:hover,
.t-dropdown__submenu::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-dropdown__submenu ul {
  list-style: none;
  display: grid;
  padding-left: 0;
  gap: 2px;
}
.t-dropdown__submenu--disabled {
  visibility: hidden;
}
.t-dropdown__submenu .t-dropdown__item-direction {
  margin: 0 0 0 var(--td-comp-margin-s);
}
.t-dropdown__submenu-wrapper--right {
  left: calc(100% - 6px);
}
.t-dropdown__submenu-wrapper--left {
  right: calc(100% - 6px);
}
.t-dropdown__item {
  border-radius: var(--td-radius-default);
  font: var(--td-font-body-medium);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline: none;
  -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);
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: calc(var(--td-comp-paddingTB-xs) - 1px) var(--td-comp-paddingLR-s);
  --ripple-color: var(--td-bg-color-container-active);
}
.t-dropdown__item-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: currentcolor;
  margin-right: var(--td-comp-margin-s);
  font-size: var(--td-font-size-body-large);
}
.t-dropdown__item:hover > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-dropdown__item--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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 100%;
}
.t-dropdown__item-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.t-dropdown__item.t-dropdown__item--suffix .t-dropdown__item-sub-icon {
  color: currentcolor;
  font-size: var(--td-font-size-body-large);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.t-dropdown__item--theme-default {
  color: var(--td-text-color-primary);
}
.t-dropdown__item--theme-default:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-default:active {
  background-color: var(--td-bg-color-container-active);
}
.t-dropdown__item--theme-default.t-dropdown__item--active {
  color: var(--td-brand-color);
  background-color: var(--td-brand-color-light);
}
.t-dropdown__item--theme-default.t-dropdown__item--active:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-default.t-dropdown__item--active:active {
  background-color: var(--td-bg-color-container-active);
}
.t-dropdown__item--theme-default.t-dropdown__item--disabled {
  color: var(--td-text-color-disabled);
}
.t-dropdown__item--theme-default.t-dropdown__item--disabled:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-default.t-dropdown__item--suffix:hover {
  background-color: var(--td-brand-color-light);
  color: var(--td-brand-color);
}
.t-dropdown__item--theme-success {
  color: var(--td-success-color);
}
.t-dropdown__item--theme-success:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-success:active {
  background-color: var(--td-bg-color-container-active);
}
.t-dropdown__item--theme-success.t-dropdown__item--active {
  background-color: var(--td-success-color-light);
}
.t-dropdown__item--theme-success.t-dropdown__item--active:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-success.t-dropdown__item--active:active {
  background-color: var(--td-bg-color-container-active);
}
.t-dropdown__item--theme-success.t-dropdown__item-disabled {
  color: var(--td-text-color-disabled);
}
.t-dropdown__item--theme-success.t-dropdown__item-disabled:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-success.t-dropdown__item--suffix:hover {
  background-color: var(--td-success-color-light);
}
.t-dropdown__item--theme-error {
  color: var(--td-error-color);
}
.t-dropdown__item--theme-error:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-error:active {
  background-color: var(--td-bg-color-container-active);
}
.t-dropdown__item--theme-error.t-dropdown__item--active {
  background-color: var(--td-error-color-light);
}
.t-dropdown__item--theme-error.t-dropdown__item--active:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-error.t-dropdown__item--active:active {
  background-color: var(--td-bg-color-container-active);
}
.t-dropdown__item--theme-error.t-dropdown__item--disabled {
  color: var(--td-text-color-disabled);
}
.t-dropdown__item--theme-error.t-dropdown__item--disabled:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-error.t-dropdown__item--suffix:hover {
  background-color: var(--td-error-color-light);
}
.t-dropdown__item--theme-warning {
  color: var(--td-warning-color);
}
.t-dropdown__item--theme-warning:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-warning:active {
  background-color: var(--td-bg-color-container-active);
}
.t-dropdown__item--theme-warning.t-dropdown__item--active {
  background-color: var(--td-warning-color-light);
}
.t-dropdown__item--theme-warning.t-dropdown__item--active:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-warning.t-dropdown__item--active:active {
  background-color: var(--td-bg-color-container-active);
}
.t-dropdown__item--theme-warning.t-dropdown__item--disabled {
  color: var(--td-text-color-disabled);
}
.t-dropdown__item--theme-warning.t-dropdown__item--disabled:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-dropdown__item--theme-warning.t-dropdown__item--suffix:hover {
  background-color: var(--td-warning-color-light);
}

.t-tabs {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: var(--td-bg-color-container);
}
.t-tabs__header.t-is-left {
  float: left;
}
.t-tabs__header.t-is-right {
  float: right;
}
.t-tabs__header .t-icon {
  font-size: var(--td-font-size-body-large);
}
.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;
  z-index: 2;
}
.t-tabs__operations--right {
  right: 0;
  z-index: 2;
}
.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__operations--right .t-tabs__nav-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.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: var(--td-font-body-large);
  -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: var(--td-comp-size-xxl);
  line-height: var(--td-comp-size-xxl);
}
.t-tabs__btn.t-size-l {
  height: var(--td-comp-size-xxxxl);
  line-height: var(--td-comp-size-xxxxl);
}
.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-component-stroke);
}
.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-component-stroke);
}
.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-component-stroke);
}
.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-component-stroke);
}
.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: var(--td-font-body-large);
}
.t-tabs__scroll-btn.t-size-m {
  height: var(--td-comp-size-xxl);
  line-height: var(--td-comp-size-xxl);
}
.t-tabs__scroll-btn.t-size-l {
  height: var(--td-comp-size-xxxxl);
  line-height: var(--td-comp-size-xxxxl);
}
.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);
  z-index: 1;
}
.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, 0, 0.15, 1);
  transition: -webkit-transform 0.24s cubic-bezier(0, 0, 0.15, 1);
  transition: transform 0.24s cubic-bezier(0, 0, 0.15, 1);
  transition: transform 0.24s cubic-bezier(0, 0, 0.15, 1), -webkit-transform 0.24s cubic-bezier(0, 0, 0.15, 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);
  border-radius: var(--td-radius-small);
}
.t-tabs__bar.t-is-top {
  bottom: 0;
  left: 0;
  height: 3px;
}
.t-tabs__bar.t-is-bottom {
  top: 0;
  left: 0;
  height: 3px;
}
.t-tabs__bar.t-is-left {
  top: 0;
  right: 0;
  width: 3px;
}
.t-tabs__bar.t-is-right {
  top: 0;
  left: 0;
  width: 3px;
}
.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: var(--td-font-body-medium);
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: var(--td-comp-size-m);
  padding: 0 var(--td-comp-paddingLR-s);
  margin-left: var(--td-comp-margin-s);
  margin-right: var(--td-comp-margin-s);
  border-radius: var(--td-radius-default);
  -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: var(--td-font-body-large);
}
.t-tabs__nav-item.t-size-l .t-tabs__nav-item-wrapper {
  height: var(--td-comp-size-xxl);
  padding: 0 var(--td-comp-paddingLR-m);
}
.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: var(--td-comp-size-xxl);
  line-height: var(--td-comp-size-xxl);
}
.t-tabs__nav-item.t-size-l {
  height: var(--td-comp-size-xxxxl);
  line-height: var(--td-comp-size-xxxxl);
}
.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: var(--td-comp-margin-s);
  -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: var(--td-comp-paddingLR-l);
  padding-left: var(--td-comp-paddingLR-l);
  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: var(--td-comp-paddingLR-xl);
  padding-right: var(--td-comp-paddingLR-xl);
}
.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;
}
.t-tab-panel.t-is-hidden {
  display: none;
}

a.t-menu__item {
  text-decoration: none;
  color: unset;
}
a.t-menu__item:hover,
a.t-menu__item:active {
  color: inherit;
}
.t-menu__logo > * {
  margin-left: var(--td-comp-margin-xxl);
}
.t-head-menu {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  width: 100%;
  background-color: var(--td-bg-color-container);
}
.t-head-menu__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: var(--td-comp-size-xxxl);
}
.t-head-menu__inner li + li {
  margin-left: var(--td-comp-margin-s);
}
.t-head-menu__inner .t-menu:first-child {
  margin-left: var(--td-comp-margin-xxl);
}
.t-head-menu .t-menu__logo:not(:empty) {
  height: 100%;
  margin-right: var(--td-comp-margin-xxxl);
}
.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: var(--td-comp-size-xxxl);
  line-height: 64px;
  text-align: right;
  margin-right: var(--td-comp-margin-s);
  overflow: hidden;
}
.t-head-menu .t-menu__operations-icon {
  width: var(--td-comp-size-m);
  height: var(--td-comp-size-m);
  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s);
  line-height: var(--td-comp-size-m);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.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 {
  height: var(--td-comp-size-m);
  line-height: var(--td-comp-size-m);
  padding: 0 var(--td-comp-paddingLR-l);
  -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-component-stroke);
  padding-left: 0;
}
.t-head-menu .t-fake-arrow {
  margin-left: var(--td-comp-margin-m);
}
.t-default-menu {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  width: 232px;
  display: inline-block;
  background: var(--td-bg-color-container);
  -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__item {
  color: var(--td-text-color-secondary);
}
.t-default-menu.t-is-collapsed {
  width: 64px;
}
.t-default-menu.t-is-collapsed .t-menu__logo > * {
  margin-left: var(--td-comp-margin-l);
}
.t-default-menu.t-is-collapsed .t-menu .t-menu__item {
  padding: 0 14px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.t-default-menu.t-is-collapsed .t-menu .t-menu__item .t-menu__item-link {
  margin-left: 0;
  opacity: 0;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.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: var(--td-brand-color);
  background-color: var(--td-brand-color-light);
}
.t-default-menu.t-is-collapsed .t-menu__item.t-is-active.t-is-opened .t-icon {
  color: var(--td-brand-color);
}
.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-submenu-icon {
  display: none;
}
.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:first-child .t-menu-group__title {
  display: none;
}
.t-default-menu.t-is-collapsed .t-menu-group:first-child .t-menu-group__title + * {
  margin-top: 0;
}
.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-component-stroke);
}
.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.t-is-collapsed .t-menu__log > * {
  margin: 0 auto;
}
.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) {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: var(--td-comp-size-xxxl);
  border-bottom: 1px solid var(--td-component-stroke);
}
.t-default-menu__inner .t-menu {
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-s);
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.t-default-menu__inner .t-menu--scroll {
  overflow-y: auto;
  overflow-x: hidden;
}
@-moz-document url-prefix() {
  .t-default-menu__inner .t-menu--scroll {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-default-menu__inner .t-menu--scroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.t-default-menu__inner .t-menu--scroll::-webkit-scrollbar-thumb {
  border: 0px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-default-menu__inner .t-menu--scroll::-webkit-scrollbar-thumb:vertical:hover,
.t-default-menu__inner .t-menu--scroll::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-default-menu__inner .t-menu > *:not(.t-menu-group):not(:first-child) {
  margin-top: var(--td-comp-margin-xs);
}
.t-default-menu__inner .t-menu .t-menu-group > *:not(:first-child),
.t-default-menu__inner .t-menu .t-menu__sub > *:not(:first-child),
.t-default-menu__inner .t-menu .t-submenu > *:not(:first-child) {
  margin-top: var(--td-comp-margin-xs);
}
.t-default-menu__inner .t-menu-group__title {
  position: relative;
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l) var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-l);
  color: var(--td-text-color-placeholder);
  font-size: var(--td-font-body-small);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.t-default-menu .t-submenu {
  position: relative;
}
.t-default-menu .t-menu__operations:not(:empty) {
  width: 100%;
  position: relative;
  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-l);
  top: 0;
  left: 0;
  text-align: left;
  border-top: solid 1px var(--td-component-stroke);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.t-default-menu .t-menu__operations-icon {
  width: 32px;
  height: 32px;
  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s);
  cursor: pointer;
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.t-default-menu .t-menu__item.t-is-opened {
  color: var(--td-text-color-primary);
  background-color: unset;
}
.t-default-menu .t-menu__item.t-is-opened .t-icon {
  color: var(--td-text-color-primary);
}
.t-default-menu .t-menu__sub {
  padding: 0;
  overflow: hidden;
}
.t-default-menu .t-menu__sub .t-menu__item {
  padding-left: var(--padding-left, 32px);
}
.t-default-menu .t-slide-down-enter-active .t-menu__sub {
  height: 100%;
}
.t-default-menu .t-menu__item {
  position: relative;
  padding: 0 10px 0 16px;
  height: var(--td-comp-size-l);
  line-height: var(--td-comp-size-l);
  border-bottom: 0;
  text-align: left;
  border-radius: var(--td-radius-default);
  -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);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.t-default-menu .t-menu__item .t-icon {
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.t-default-menu .t-menu__item .t-fake-arrow {
  margin-left: auto;
  min-width: 16px;
}
.t-default-menu .t-menu__item.t-is-active:not(.t-is-opened) {
  color: var(--td-brand-color);
  background-color: var(--td-brand-color-light);
}
.t-default-menu .t-menu__item.t-is-active:not(.t-is-opened) .t-icon {
  color: var(--td-brand-color);
}
.t-default-menu .t-menu__item:hover:not(.t-is-active):not(.t-is-disabled) {
  background: var(--td-bg-color-secondarycontainer-hover);
}
.t-default-menu.t-menu--dark {
  background: var(--td-gray-color-13);
}
.t-default-menu.t-menu--dark .t-menu__item {
  color: var(--td-font-white-2);
}
.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) {
  color: var(--td-text-color-anti);
  background-color: var(--td-brand-color);
}
.t-default-menu.t-menu--dark .t-menu__item.t-is-active:not(.t-is-opened) .t-icon {
  color: var(--td-text-color-anti);
}
.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-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-menu--dark.t-is-collapsed .t-menu__item.t-is-active.t-is-opened {
  background-color: var(--td-brand-color);
  color: var(--td-text-color-anti);
}
.t-default-menu.t-menu--dark.t-is-collapsed .t-menu__item.t-is-active.t-is-opened .t-icon {
  color: var(--td-text-color-anti);
}
.t-menu {
  color: var(--td-text-color-primary);
  font: var(--td-font-body-medium);
  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__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-text-color-primary);
  cursor: pointer;
  text-overflow: ellipsis;
  border-radius: var(--td-radius-default);
  --ripple-color: var(--td-bg-color-container-active);
}
.t-menu__item > .t-fake-arrow {
  margin-left: var(--td-comp-margin-m);
}
.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;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.t-menu__item a.t-menu__item-link::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.t-menu__item.t-is-active {
  color: var(--td-brand-color);
  background-color: var(--td-brand-color-light);
}
.t-menu__item.t-is-opened {
  color: var(--td-brand-color);
}
.t-menu__item:hover:not(.t-is-active):not(.t-is-opened):not(.t-is-disabled) {
  background-color: var(--td-bg-color-container-hover);
}
.t-menu__item.t-is-disabled {
  color: var(--td-text-color-disabled);
  cursor: not-allowed;
}
.t-menu__content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.t-icon + .t-menu__content,
.t-icon + .t-menu__item-link {
  margin-left: var(--td-comp-margin-s);
}
.t-menu--dark.t-head-menu {
  background-color: var(--td-gray-color-13);
}
.t-menu--dark .t-menu__item {
  color: var(--td-text-color-anti);
  --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-brand-color);
}
.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) {
  background-color: var(--td-gray-color-10);
}
.t-menu--dark .t-menu__popup {
  background: var(--td-gray-color-13);
  border: solid 0.5px var(--td-gray-color-10);
}
.t-menu--dark .t-menu__popup .t-menu__item {
  color: var(--td-text-color-anti);
  border-radius: var(--td-radius-default);
}
.t-menu--dark .t-menu__popup .t-menu__item.t-is-active {
  color: var(--td-text-color-anti);
  background-color: var(--td-brand-color);
}
.t-menu--dark .t-menu__popup .t-menu__item:hover:not(.t-is-active) {
  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: var(--td-bg-color-container);
}
.t-menu--dark .t-menu__operations-icon:hover {
  background-color: var(--td-brand-color);
}
.t-menu__popup {
  overflow: hidden;
  background: var(--td-bg-color-container);
  z-index: 1000;
  border-radius: var(--td-radius-medium);
  opacity: 0;
  list-style: none;
  padding: 0;
  margin: 0;
}
.t-menu__popup.t-popup__content {
  position: absolute;
}
.t-menu__popup-wrapper {
  padding: var(--td-pop-padding-m);
  height: 100%;
  list-style: none;
  margin: 0;
}
@-moz-document url-prefix() {
  .t-menu__popup-wrapper {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-menu__popup-wrapper::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.t-menu__popup-wrapper::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 15px;
}
.t-menu__popup-wrapper::-webkit-scrollbar-thumb:vertical:hover,
.t-menu__popup-wrapper::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-menu__popup .t-fake-arrow {
  margin-left: auto;
}
.t-menu__popup .t-menu__item {
  padding-left: var(--td-comp-paddingLR-l);
  padding-right: var(--td-comp-paddingLR-l);
}
.t-menu__popup.t-is-vertical {
  min-width: var(--popup-width, 160px);
}
.t-menu__popup.t-is-horizontal .t-menu__item {
  white-space: nowrap;
}
.t-menu__popup.t-is-horizontal li + li {
  margin-top: var(--td-comp-margin-xs);
}
.t-menu__popup.t-is-opened {
  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-menu__item {
  color: var(--td-text-color-primary);
  height: var(--td-comp-size-s);
  line-height: var(--td-comp-size-s);
}
.t-menu__popup .t-menu__item + .t-menu__item {
  margin-left: 0;
}
.t-menu__popup .t-menu__item:hover:not(.t-is-active) {
  background-color: var(--td-bg-color-container-hover);
}
.t-menu__popup .t-is-disabled {
  color: var(--td-text-color-disabled);
}
.t-menu__operations-icon {
  margin-right: var(--td-comp-margin-l);
  border-radius: var(--td-radius-default);
  color: var(--td-text-color-primary);
  -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-brand-color-light);
}
.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;
}
.t-menu__popup {
  top: 0;
  left: calc(100% - var(--td-pop-padding-m));
}
.t-menu__popup .t-menu__item:not(:first-child),
.t-menu__popup .t-submenu:not(:first-child) {
  margin-top: var(--td-comp-margin-xxs);
}
.t-is-head-menu .t-menu__popup {
  margin-top: calc((var(--td-comp-size-xxxl) - var(--td-comp-size-m)) / 2) !important;
}
.t-menu-is-nested .t-menu__popup {
  margin-top: calc(0px - var(--td-pop-padding-m)) !important;
}

.input-readonly.t-is-readonly {
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-specialcomponent);
}
.input-readonly.t-is-readonly .t-input__inner {
  cursor: pointer;
}
.input-disabled.t-is-disabled {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
}
.input-disabled.t-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
}
.input-disabled.t-is-disabled .t-input__inner {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
  text-overflow: initial;
}
.input-disabled.t-is-disabled .t-input__inner::-webkit-input-placeholder {
  color: var(--td-text-color-disabled);
}
.input-disabled.t-is-disabled .t-input__inner::-moz-placeholder {
  color: var(--td-text-color-disabled);
}
.input-disabled.t-is-disabled .t-input__inner:-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.input-disabled.t-is-disabled .t-input__inner::-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.input-disabled.t-is-disabled .t-input__inner::placeholder {
  color: var(--td-text-color-disabled);
}
.input-disabled.t-is-disabled > .t-input__prefix .t-icon,
.input-disabled.t-is-disabled > .t-input__suffix .t-icon {
  color: var(--td-text-color-disabled);
}
.input-disabled.t-is-disabled > .t-input__prefix .t-icon:hover,
.input-disabled.t-is-disabled > .t-input__suffix .t-icon:hover {
  color: var(--td-text-color-disabled);
}
.t-tips {
  font-size: var(--td-font-size-body-small);
}
.t-tips.t-is-default {
  color: var(--td-text-color-placeholder);
}
.t-tips.t-is-error {
  color: var(--td-error-color);
}
.t-tips.t-is-warning {
  color: var(--td-warning-color);
}
.t-tips.t-is-success {
  color: var(--td-success-color);
}
.t-input {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  height: var(--td-comp-size-m);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--td-radius-default);
  border-color: var(--td-border-level-2-color);
  padding: 0 var(--td-comp-paddingLR-s);
  background-color: var(--td-bg-color-specialcomponent);
  outline: none;
  color: var(--td-text-color-primary);
  font: var(--td-font-body-medium);
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow 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--borderless:not(.t-input--focused) {
  border-color: transparent;
  -webkit-transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
}
.t-input--borderless:not(.t-input--focused):hover {
  border-color: var(--td-component-border);
  background-color: var(--td-bg-color-container-hover);
  cursor: pointer;
}
.t-input--borderless:not(.t-input--focused).t-is-disabled {
  border: none;
  background-color: var(--td-bg-color-component-disabled);
}
.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);
  font: inherit;
  background-color: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.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__inner:-moz-placeholder-shown {
  text-overflow: ellipsis;
  width: 100%;
}
.t-input__inner:-ms-input-placeholder {
  text-overflow: ellipsis;
  width: 100%;
}
.t-input__inner:placeholder-shown {
  text-overflow: ellipsis;
  width: 100%;
}
.t-input__inner[type="password"]::-ms-reveal {
  display: none;
}
.t-input__inner[type="search"]::-webkit-search-decoration,
.t-input__inner[type="search"]::-webkit-search-cancel-button,
.t-input__inner[type="search"]::-webkit-search-results-button,
.t-input__inner[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
          appearance: none;
}
.t-input__inner.t-input--soft-hidden {
  width: 0;
}
.t-input__extra {
  font: var(--td-font-body-small);
  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: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s, box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s, background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s, -webkit-box-shadow 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-is-readonly {
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-specialcomponent);
}
.t-input.t-is-readonly .t-input__inner {
  cursor: pointer;
}
.t-input.t-is-disabled {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
}
.t-input.t-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
}
.t-input.t-is-disabled .t-input__inner {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
  text-overflow: initial;
}
.t-input.t-is-disabled .t-input__inner::-webkit-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input.t-is-disabled .t-input__inner::-moz-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input.t-is-disabled .t-input__inner:-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input.t-is-disabled .t-input__inner::-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input.t-is-disabled .t-input__inner::placeholder {
  color: var(--td-text-color-disabled);
}
.t-input.t-is-disabled > .t-input__prefix .t-icon,
.t-input.t-is-disabled > .t-input__suffix .t-icon {
  color: var(--td-text-color-disabled);
}
.t-input.t-is-disabled > .t-input__prefix .t-icon:hover,
.t-input.t-is-disabled > .t-input__suffix .t-icon:hover {
  color: var(--td-text-color-disabled);
}
.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;
}
.t-input.t-input--prefix > .t-input__prefix-icon {
  font-size: var(--td-font-size-body-large);
}
.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;
}
.t-input.t-input--suffix > .t-input__suffix-icon {
  font-size: var(--td-font-size-body-large);
}
.t-input .t-input__suffix-clear {
  cursor: pointer;
}
.t-input.t-size-l {
  height: var(--td-comp-size-xl);
  font: var(--td-font-body-large);
  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m);
}
.t-input.t-size-s {
  height: var(--td-comp-size-xs);
  font: var(--td-font-body-small);
}
.t-input .t-input__prefix > .t-icon,
.t-input .t-input__suffix > .t-icon {
  font-size: inherit;
}
.t-input .t-input__prefix > .t-icon {
  font-size: 16px;
  color: var(--td-text-color-placeholder);
}
.t-input .t-input__prefix:not(:empty) {
  margin-right: var(--td-comp-margin-s);
}
.t-input .t-input__suffix > .t-icon {
  color: var(--td-text-color-placeholder);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.t-input .t-input__suffix > .t-icon:hover {
  color: var(--td-text-color-secondary);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.t-input .t-input__suffix:not(:empty) {
  margin-left: var(--td-comp-margin-s);
}
.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: var(--td-radius-default) 0 0 var(--td-radius-default);
}
.t-input-group .t-input__wrap:last-child {
  border-radius: 0 var(--td-radius-default) var(--td-radius-default) 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: var(--td-radius-default) 0 0 var(--td-radius-default);
}
.t-input-group .t-input__wrap:last-child .t-input {
  border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
}
.t-input-group .t-button:first-child,
.t-input-group .t-select:first-child {
  border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
}
.t-input-group .t-button:last-child,
.t-input-group .t-select:last-child {
  border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
}
.t-input-group--separate .t-input__wrap + .t-input__wrap {
  margin-left: var(--td-comp-margin-xxxl);
}
.t-input-group--separate .t-button,
.t-input-group--separate .t-select {
  border-radius: var(--td-radius-default);
}
.t-input-group--separate .t-button:first-child,
.t-input-group--separate .t-select:first-child {
  border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
}
.t-input-group--separate .t-button:last-child,
.t-input-group--separate .t-select:last-child {
  border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
}
.t-input-group--separate .t-input__wrap .t-input {
  border-radius: var(--td-radius-default);
}
.t-input-group--separate .t-input__wrap .t-input:first-child {
  border-radius: var(--td-radius-default);
}
.t-input-group--separate .t-input__wrap .t-input:last-child {
  border-radius: var(--td-radius-default);
}
.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-input__wrap {
  width: 100%;
}
.t-input__tips {
  height: auto;
  min-height: var(--td-line-height-body-small);
  font: var(--td-font-body-small);
  position: absolute;
}
.t-input__tips--default {
  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: pre;
  display: block;
}
.t-input--auto-width {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 60px;
}
.t-input__limit-number {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-placeholder);
  background: var(--td-bg-color-specialcomponent);
}
.t-input__limit-number.t-is-disabled {
  background: var(--td-bg-color-component-disabled);
}

@-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 {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 var(--td-comp-size-m);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 144px;
}
.t-input-number:not(.t-input-number--column) > .t-input-number__decrease + .t-input__wrap {
  margin-left: var(--td-comp-margin-xs);
}
.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__tips {
  position: absolute;
  left: 0;
}
.t-input-number input + .t-input__suffix {
  margin-left: var(--td-comp-paddingLR-s);
}
.t-input-number .t-input__prefix {
  margin-right: var(--td-comp-paddingLR-s);
}
.t-input-number .t-input {
  color: var(--td-text-color-primary);
}
.t-input-number.t-input-number--auto-width {
  width: auto;
}
.t-input-number.t-input-number--auto-width.t-is-controls-right {
  min-width: auto;
  width: auto;
}
.t-input-number.t-input-number--auto-width .t-input__inner {
  min-width: 42px;
}
.t-input-number .t-input-number__decrease,
.t-input-number .t-input-number__increase {
  width: var(--td-comp-size-m);
  height: var(--td-comp-size-m);
  position: absolute;
  top: 0;
  border: 1px solid var(--td-border-level-2-color);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: var(--td-radius-default);
  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 .t-input-number__decrease:hover,
.t-input-number .t-input-number__increase:hover {
  color: var(--td-brand-color);
  border-color: var(--td-brand-color);
}
.t-input-number .t-input-number__decrease:hover .t-icon,
.t-input-number .t-input-number__increase:hover .t-icon {
  color: var(--td-brand-color);
}
.t-input-number .t-input-number__decrease:active,
.t-input-number .t-input-number__increase:active {
  color: var(--td-brand-color);
  background-color: var(--td-bg-color-container-hover);
}
.t-input-number .t-input-number__decrease .t-icon,
.t-input-number .t-input-number__increase .t-icon {
  position: relative;
  z-index: 1;
  font-size: var(--td-font-size-body-large);
  color: var(--td-text-color-secondary);
}
.t-input-number .t-input-number__decrease.t-is-disabled,
.t-input-number .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-input-number__decrease.t-is-disabled .t-icon,
.t-input-number .t-input-number__increase.t-is-disabled .t-icon {
  color: var(--td-text-color-disabled);
}
.t-input-number .t-input-number__decrease.t-is-disabled:hover,
.t-input-number .t-input-number__increase.t-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
}
.t-input-number .t-input-number__decrease.t-is-disabled:hover .t-icon,
.t-input-number .t-input-number__increase.t-is-disabled:hover .t-icon {
  color: var(--td-text-color-disabled);
}
.t-input-number .t-input-number__decrease.t-is-disabled::-webkit-input-placeholder, .t-input-number .t-input-number__increase.t-is-disabled::-webkit-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number .t-input-number__decrease.t-is-disabled::-moz-placeholder, .t-input-number .t-input-number__increase.t-is-disabled::-moz-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number .t-input-number__decrease.t-is-disabled:-ms-input-placeholder, .t-input-number .t-input-number__increase.t-is-disabled:-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number .t-input-number__decrease.t-is-disabled::-ms-input-placeholder, .t-input-number .t-input-number__increase.t-is-disabled::-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number .t-input-number__decrease.t-is-disabled::placeholder,
.t-input-number .t-input-number__increase.t-is-disabled::placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number .t-input-number__decrease {
  left: 0;
}
.t-input-number .t-input-number__increase {
  right: -8px;
}
.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: 120px;
  padding: 0 var(--td-comp-size-xs);
}
.t-input-number.t-size-s .t-input {
  font-size: var(--td-font-size-body-small);
  height: var(--td-comp-size-xs);
  line-height: var(--td-comp-size-xs);
}
.t-input-number.t-size-s .t-input-number__decrease,
.t-input-number.t-size-s .t-input-number__increase {
  font-size: var(--td-font-size-body-medium);
  width: var(--td-comp-size-xs);
  height: var(--td-comp-size-xs);
}
.t-input-number.t-size-l {
  width: 168px;
  padding: 0 var(--td-comp-size-xl);
}
.t-input-number.t-size-l .t-input {
  height: var(--td-comp-size-xl);
  line-height: var(--td-comp-size-xl);
}
.t-input-number.t-size-l .t-input-number__decrease,
.t-input-number.t-size-l .t-input-number__increase {
  font-size: 18px;
  width: var(--td-comp-size-xl);
  height: var(--td-comp-size-xl);
}
.t-input-number.t-size-l.t-is-controls-right .t-input {
  height: var(--td-comp-size-xl);
  line-height: var(--td-comp-size-xl);
  padding-right: calc(var(--td-comp-size-xl) + var(--td-comp-paddingLR-s));
}
.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: var(--td-comp-size-xl);
  font-size: var(--td-font-size-body-large);
}
.t-input-number.t-size-l .t-input--prefix {
  font: var(--td-font-body-large);
  padding: 0 var(--td-comp-paddingLR-m);
}
.t-input-number.t-input-number--normal {
  padding: 0;
  border-radius: var(--td-radius-default);
}
.t-input-number.t-input-number--normal.t-is-disabled {
  cursor: no-drop;
  color: var(--td-text-color-disabled);
}
.t-input-number.t-input-number--normal.t-is-disabled:hover .t-input {
  border-color: var(--td-border-level-2-color);
}
.t-input-number.t-input-number--normal.t-is-disabled::-webkit-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number.t-input-number--normal.t-is-disabled::-moz-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number.t-input-number--normal.t-is-disabled:-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number.t-input-number--normal.t-is-disabled::-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number.t-input-number--normal.t-is-disabled::placeholder {
  color: var(--td-text-color-disabled);
}
.t-input-number.t-input-number--normal.t-is-disabled .t-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.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: calc(var(--td-comp-size-m) + var(--td-comp-paddingLR-s));
  border-radius: var(--td-radius-default);
}
.t-input-number.t-is-controls-right .t-input-number__decrease,
.t-input-number.t-is-controls-right .t-input-number__increase {
  width: var(--td-comp-size-m);
  height: calc(calc(var(--td-comp-size-m) / 2) - 2px);
  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: var(--td-font-size-body-small);
}
.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(var(--td-radius-default) - 1px);
}
.t-input-number.t-is-controls-right .t-input-number__decrease {
  top: calc(calc(calc(var(--td-comp-size-m) / 2) - 2px) + 3px);
  border-bottom-right-radius: calc(var(--td-radius-default) - 1px);
}
.t-input-number.t-is-controls-right.t-size-l {
  width: 120px;
}
.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: calc(calc(var(--td-comp-size-xl) / 2) - 2px);
}
.t-input-number.t-is-controls-right.t-size-l .t-input-number__decrease {
  top: calc(calc(calc(var(--td-comp-size-xl) / 2) - 2px) + 3px);
}
.t-input-number.t-is-controls-right.t-size-s {
  width: 88px;
}
.t-input-number.t-is-controls-right.t-size-s .t-input-number__increase,
.t-input-number.t-is-controls-right.t-size-s .t-input-number__decrease {
  height: calc(calc(var(--td-comp-size-xs) / 2) - 2px);
}
.t-input-number.t-is-controls-right.t-size-s .t-input-number__decrease {
  top: calc(calc(calc(var(--td-comp-size-xs) / 2) - 2px) + 3px);
}
.t-input-number--row .t-input__wrap {
  width: initial;
  margin-right: var(--td-comp-margin-xs);
}
.t-input-number--row .t-input-number__increase {
  right: 0;
}

.t-tag {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  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 var(--td-comp-paddingLR-s);
  height: var(--td-comp-size-xs);
  font: var(--td-font-body-small);
  color: var(--td-text-color-anti);
  border-radius: var(--td-radius-default);
  border: 1px solid transparent;
  white-space: nowrap;
}
.t-tag .t-icon {
  margin-right: var(--td-comp-margin-xs);
  width: calc(var(--td-font-size-body-medium) + 2px);
  height: calc(var(--td-font-size-body-medium) + 2px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.t-tag .t-tag__icon-close {
  margin-right: 0;
  margin-left: var(--td-comp-margin-s);
  font: var(--td-font-body-medium);
  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--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:active {
  cursor: default;
}
.t-tag--default.t-tag--disabled {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
  border-color: var(--td-component-border);
  cursor: not-allowed;
}
.t-tag--default.t-tag--disabled:hover {
  cursor: not-allowed;
}
.t-tag--default.t-tag--disabled .t-icon:hover {
  cursor: pointer;
}
.t-tag--default.t-tag--outline {
  border-color: var(--td-component-border);
}
.t-tag--default.t-tag--light {
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-tag--default.t-tag--light-outline {
  border-color: var(--td-component-border);
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-tag--primary {
  background-color: var(--td-brand-color);
}
.t-tag--primary.t-tag--outline {
  border-color: var(--td-brand-color);
}
.t-tag--primary.t-tag--light {
  background-color: var(--td-brand-color-light);
}
.t-tag--primary.t-tag--light-outline {
  border-color: var(--td-brand-color);
  background-color: var(--td-brand-color-light);
}
.t-tag--primary.t-tag--light,
.t-tag--primary.t-tag--outline,
.t-tag--primary.t-tag--light-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,
.t-tag--primary.t-tag--light-outline .t-tag__icon-close:hover {
  color: var(--td-brand-color-hover);
}
.t-tag--success {
  background-color: var(--td-success-color);
}
.t-tag--success.t-tag--outline {
  border-color: var(--td-success-color);
}
.t-tag--success.t-tag--light {
  background-color: var(--td-success-color-light);
}
.t-tag--success.t-tag--light-outline {
  border-color: var(--td-success-color);
  background-color: var(--td-success-color-light);
}
.t-tag--success.t-tag--light,
.t-tag--success.t-tag--outline,
.t-tag--success.t-tag--light-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,
.t-tag--success.t-tag--light-outline .t-tag__icon-close:hover {
  color: var(--td-success-color-hover);
}
.t-tag--warning {
  background-color: var(--td-warning-color);
}
.t-tag--warning.t-tag--outline {
  border-color: var(--td-warning-color);
}
.t-tag--warning.t-tag--light {
  background-color: var(--td-warning-color-light);
}
.t-tag--warning.t-tag--light-outline {
  border-color: var(--td-warning-color);
  background-color: var(--td-warning-color-light);
}
.t-tag--warning.t-tag--light,
.t-tag--warning.t-tag--outline,
.t-tag--warning.t-tag--light-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,
.t-tag--warning.t-tag--light-outline .t-tag__icon-close:hover {
  color: var(--td-warning-color-hover);
}
.t-tag--danger {
  background-color: var(--td-error-color);
}
.t-tag--danger.t-tag--outline {
  border-color: var(--td-error-color);
}
.t-tag--danger.t-tag--light {
  background-color: var(--td-error-color-light);
}
.t-tag--danger.t-tag--light-outline {
  border-color: var(--td-error-color);
  background-color: var(--td-error-color-light);
}
.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--danger.t-tag--outline,
.t-tag--danger.t-tag--light-outline {
  color: var(--td-error-color);
}
.t-tag--danger.t-tag--light .t-tag__icon-close:hover,
.t-tag--danger.t-tag--outline .t-tag__icon-close:hover,
.t-tag--danger.t-tag--light-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 {
  color: var(--td-font-white-2);
}
.t-tag--dark.t-tag:not(.t-tag--default) .t-tag__icon-close:hover {
  color: var(--td-font-white-1);
}
.t-tag.t-tag--outline {
  background: transparent;
}
.t-tag.t-size-s {
  padding: 0px var(--td-comp-paddingLR-xs);
  height: var(--td-comp-size-xxs);
  font: var(--td-font-body-small);
}
.t-tag.t-size-s .t-icon {
  font-size: var(--td-font-body-small);
}
.t-tag.t-size-l {
  padding: 0px var(--td-comp-paddingLR-m);
  height: var(--td-comp-size-m);
  font: var(--td-font-body-medium);
}
.t-tag.t-size-l .t-icon {
  font: var(--td-font-body-medium);
}
.t-tag.t-tag--round {
  border-radius: var(--td-radius-extraLarge);
}
.t-tag.t-tag--mark {
  border-radius: 0 var(--td-radius-extraLarge) var(--td-radius-extraLarge) 0;
}
.t-tag.t-tag--ellipsis .t-tag--text {
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-tag.t-tag--check:not(.t-tag--disabled) {
  -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.t-tag--check:not(.t-tag--disabled).t-tag--default.t-tag--dark:not(.t-tag--checked):hover {
  background-color: var(--td-bg-color-component-hover);
}
.t-tag.t-tag--check:not(.t-tag--disabled).t-tag--primary.t-tag--dark.t-tag--checked:hover {
  background-color: var(--td-brand-color-hover);
}
.t-tag.t-tag--check:not(.t-tag--disabled).t-tag--default.t-tag--outline:not(.t-tag--checked):hover {
  color: var(--td-brand-color-hover);
}
.t-tag--check.t-tag--disabled.t-tag--primary.t-tag--dark {
  background-color: var(--td-brand-color-disabled);
  cursor: not-allowed;
}
.t-tag--check.t-tag--disabled.t-tag--primary.t-tag--outline {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
  border-color: var(--td-text-color-disabled);
  cursor: not-allowed;
}
.t-check-tag-group .t-tag:not(:last-child) {
  margin-right: var(--td-comp-margin-s);
}
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);
  background-color: var(--td-bg-color-component-hover);
}
a .t-tag:active {
  color: var(--td-brand-color-active);
  background-color: var(--td-bg-color-component-active);
}

.t-select-input {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
/** 宽度自适应场景，多选，预留图标的位置。带标签和不带标签的布局不同，故而间距不同 */
.t-select-input--multiple .t-input--auto-width.t-tag-input__with-suffix-icon.t-tag-input--with-tag .t-input {
  padding-right: var(--td-comp-paddingLR-xl);
}
.t-select-input--multiple .t-input--auto-width.t-tag-input__with-suffix-icon.t-tag-input--with-tag .t-input.t-size-l {
  padding-right: calc(var(--td-comp-paddingLR-xl) + var(--td-comp-paddingLR-s));
}
.t-select-input--multiple .t-input--auto-width.t-tag-input__with-suffix-icon.t-is-empty .t-input {
  padding-right: var(--td-comp-paddingLR-s);
}
.t-select-input--multiple .t-input--auto-width.t-tag-input__with-suffix-icon.t-is-empty .t-input.t-size-l {
  padding-right: var(--td-comp-paddingLR-m);
}
/** 无边框模式 */
.t-select-input--borderless {
  /** 无边框模式的多选 */
}
.t-select-input--borderless .t-input {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid transparent;
  background: transparent;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.t-select-input--borderless .t-input:hover:not(.t-input--focused) {
  border-color: var(--td-component-border);
  background-color: var(--td-bg-color-container-hover);
  border-radius: var(--td-radius-default);
}
.t-select-input--borderless .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);
  background-color: var(--td-bg-color-specialcomponent);
}
.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;
  background: transparent;
  -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: var(--td-radius-default);
}

@-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 {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  /** 设计稿：未填充标签场景，边距和已填充不同 */
}
.t-tag-input .t-tag {
  vertical-align: middle;
  -webkit-animation: t-fade-in 0.2s ease-in-out;
          animation: t-fade-in 0.2s ease-in-out;
  margin: 3px var(--td-comp-margin-xs) 3px 0;
}
.t-tag-input .t-tag-input__drag_wrapper + .t-tag-input__drag_wrapper {
  margin-left: var(--td-comp-margin-xs);
}
.t-tag-input .t-input {
  overflow: hidden;
  min-height: var(--td-comp-size-m);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 var(--td-comp-paddingLR-s) 0 var(--td-comp-margin-xs);
}
.t-tag-input .t-input .t-input__suffix-icon {
  right: var(--td-comp-margin-s);
}
.t-tag-input .t-input.t-size-s {
  padding: 0 var(--td-comp-paddingLR-s) 0 var(--td-comp-margin-xs);
  min-height: var(--td-comp-size-xs);
}
.t-tag-input .t-input.t-size-s .t-tag {
  margin: 1px var(--td-comp-margin-xs) 1px 0;
}
.t-tag-input .t-input.t-size-l {
  min-height: var(--td-comp-size-xl);
  padding: 0 var(--td-comp-paddingLR-m) 0 var(--td-comp-margin-s);
}
.t-tag-input .t-input.t-size-l .t-input__suffix-icon {
  right: var(--td-comp-margin-m);
}
.t-tag-input.t-is-empty .t-input__inner {
  margin-left: var(--td-comp-margin-xs);
}
.t-tag-input:hover .t-input__inner:not(.t-input--soft-hidden),
.t-tag-input .t-input--focused .t-input__inner:not(.t-input--soft-hidden) {
  min-width: 20px;
}
.t-tag-input .t-tag-input__prefix {
  margin-left: var(--td-comp-margin-xs);
  line-height: 1;
}
.t-tag-input .t-tag-input__prefix > .t-icon {
  color: var(--td-text-color-placeholder);
}
.t-tag-input .t-input .t-input__prefix:not(:empty) {
  margin-right: 0;
}
.t-tag-input.t-input--auto-width .t-input.t-input--focused {
  padding-right: calc(var(--td-comp-paddingLR-xxl) + var(--td-comp-paddingLR-xxs));
}
.t-tag-input.t-input--auto-width .t-input__prefix {
  white-space: nowrap;
}
.t-tag-input .t-input__prefix--scrollable {
  overflow-y: hidden;
  overflow-x: auto;
}
@-moz-document url-prefix() {
  .t-tag-input .t-input__prefix--scrollable {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-tag-input .t-input__prefix--scrollable::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.t-tag-input .t-input__prefix--scrollable::-webkit-scrollbar-thumb {
  border: 0px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-tag-input .t-input__prefix--scrollable::-webkit-scrollbar-thumb:vertical:hover,
.t-tag-input .t-input__prefix--scrollable::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-tag-input__suffix-clear {
  cursor: pointer;
}
.t-tag-input--break-line:not(.t-is-empty) .t-input {
  display: block;
}
.t-tag-input--break-line:not(.t-is-empty) .t-input.t-input--prefix > .t-input__prefix {
  display: inline;
  text-align: left;
}
.t-tag-input--break-line:not(.t-is-empty) .t-input .t-input__suffix-icon {
  position: absolute;
  bottom: 0;
}
.t-tag-input--break-line:not(.t-is-empty) .t-tag-input__prefix {
  vertical-align: middle;
}
.t-tag-input__prefix {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: inline-block;
  margin-right: var(--td-comp-margin-s);
}
/** 换行模式避免标签和右侧图标重合，需保留图标宽度 22px 和左侧距离标签间距 8px */
.t-tag-input--break-line.t-tag-input--with-tag:not(.t-input--auto-width) .t-input,
.t-tag-input.t-input--auto-width:hover .t-input {
  padding-right: calc(var(--td-comp-paddingLR-xxl) + var(--td-comp-paddingLR-xxs));
}
.t-tag-input--break-line.t-tag-input--with-tag:not(.t-input--auto-width) .t-size-l .t-input,
.t-tag-input.t-input--auto-width:hover .t-size-l .t-input {
  padding-right: calc(var(--td-comp-paddingLR-xxl) + var(--td-comp-paddingLR-xs));
}
/** auto-width 模式，左右边距相同 */
.t-tag-input.t-input--auto-width .t-input {
  padding-right: 0;
}

.t-checkbox-group {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.t-checkbox {
  font: var(--td-font-body-medium);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  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: var(--td-radius-default);
  background-color: var(--td-bg-color-container);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.t-checkbox__input::after {
  content: "";
  position: absolute;
  opacity: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.t-checkbox__label {
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
  font: var(--td-font-body-medium);
}
.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-checkbox:focus-visible:focus-visible {
  outline: 2px solid var(--td-brand-color);
  outline-offset: var(--td-comp-paddingTB-xs);
  border-radius: 0;
}

.t-select__wrap {
  width: 100%;
}
.t-select__dropdown .t-popup__content {
  margin: var(--td-comp-paddingTB-s) 0;
  padding: 0;
  max-height: 300px;
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  -webkit-box-shadow: var(--td-shadow-2);
          box-shadow: var(--td-shadow-2);
}
@-moz-document url-prefix() {
  .t-select__dropdown .t-popup__content {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-select__dropdown .t-popup__content::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.t-select__dropdown .t-popup__content::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 15px;
}
.t-select__dropdown .t-popup__content::-webkit-scrollbar-thumb:vertical:hover,
.t-select__dropdown .t-popup__content::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-select__dropdown-inner {
  min-height: var(--td-comp-size-m);
}
.t-select__dropdown-inner .t-select__list .t-select__list {
  padding: 0;
}
.t-select__dropdown-inner .t-select__list,
.t-select__dropdown-inner .t-tree {
  padding: var(--td-pop-padding-m);
}
.t-select__dropdown-inner--size-s {
  min-height: var(--td-comp-size-xs);
}
.t-select__dropdown-inner--size-s .t-select__list,
.t-select__dropdown-inner--size-s .t-tree {
  padding: var(--td-pop-padding-s);
}
.t-select__dropdown-inner--size-l {
  min-height: var(--td-comp-size-xl);
}
.t-select__dropdown-inner--size-l .t-select__list,
.t-select__dropdown-inner--size-l .t-tree {
  padding: var(--td-pop-padding-l);
}
.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: var(--td-comp-size-xs);
}
.t-select__empty {
  text-align: center;
  color: var(--td-text-color-disabled);
  line-height: var(--td-comp-size-m);
  padding: 0 var(--td-comp-paddingLR-s);
}
.t-select__empty.t-size-l {
  line-height: var(--td-comp-size-xl);
}
.t-select__loading-tips.t-size-s {
  min-height: var(--td-comp-size-xs);
  line-height: var(--td-comp-size-xs);
}
.t-select__loading-tips {
  position: fixed;
  top: var(--td-comp-paddingTB-s);
  left: 0;
  bottom: var(--td-comp-paddingTB-s);
  right: 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;
  background-color: var(--td-bg-color-container);
  border-radius: var(--td-radius-default);
  min-height: var(--td-comp-size-m);
  line-height: var(--td-comp-size-m);
  color: var(--td-text-color-disabled);
  z-index: 1000;
}
.t-select__loading-tips.t-size-l {
  min-height: var(--td-comp-size-xl);
  line-height: var(--td-comp-size-xl);
}
.t-select-option-group + .t-select-option-group {
  padding-top: var(--td-comp-margin-xs);
  margin-top: var(--td-comp-margin-xs);
}
.t-select-option-group__divider + .t-select-option-group__divider {
  position: relative;
}
.t-select-option-group__divider + .t-select-option-group__divider::before {
  content: "";
  width: 100%;
  height: 1px;
  padding: 0 var(--td-comp-paddingLR-s);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--td-border-level-1-color);
  background-clip: content-box;
}
ul.t-select-option-group__header,
.t-select-option-group__header {
  color: var(--td-text-color-placeholder);
  display: block;
  height: var(--td-comp-size-s);
  line-height: var(--td-comp-size-s);
  padding: 0 var(--td-comp-paddingLR-s);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-select-option-group__header.t-size-l {
  height: var(--td-comp-size-l);
  line-height: var(--td-comp-size-l);
  padding: 0 var(--td-comp-paddingLR-m);
}
.t-select-option-group__header.t-size-s {
  height: var(--td-comp-size-xxs);
  line-height: var(--td-comp-size-xxs);
  padding: 0 var(--td-comp-paddingLR-s);
}
.t-select-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: var(--td-radius-default);
  height: var(--td-comp-size-s);
  font: var(--td-font-body-medium);
  cursor: pointer;
  padding: 0 var(--td-comp-paddingLR-s);
  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);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  --ripple-color: var(--td-bg-color-container-active);
}
.t-select-option span {
  position: relative;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-select-option:not(.t-is-disabled):not(.t-is-selected):hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-select-option:not(.t-is-disabled):not(.t-is-selected):hover .t-checkbox__label {
  color: inherit;
}
.t-select-option:not(.t-is-disabled):not(.t-is-selected):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: var(--td-comp-size-l);
  padding: 0 var(--td-comp-paddingLR-m);
  font: var(--td-font-body-large);
}
.t-select-option.t-size-m {
  font: var(--td-font-body-medium);
}
.t-select-option.t-size-s {
  height: var(--td-comp-size-xxs);
  padding: 0 var(--td-comp-paddingLR-s);
  font: var(--td-font-body-small);
}
.t-select-option.t-is-selected:not(.t-is-disabled) {
  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:not(.t-is-disabled) .t-checkbox__label {
  color: var(--td-brand-color);
}
.t-select-option.t-is-selected:not(.t-is-disabled):hover {
  background-color: var(--td-brand-color-light);
}
/** 规范 CSS 类名为 --hover */
.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected),
.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option--hover:not(.t-is-selected),
.t-select-option.t-select-option--hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected),
.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,
.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,
.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,
.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,
.t-select-option.t-select-option--hover .t-checkbox__label {
  color: inherit;
}
.t-select-option + .t-select-option {
  margin-top: var(--td-comp-paddingTB-xxs);
}
.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-is-selected.t-select-option__hover {
  background-color: var(--td-brand-color-light-hover);
}
.t-is-selected.t-select-option__hover .t-checkbox__label {
  color: var(--td-brand-color);
}

.t-input-adornment {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-input-adornment__prepend .t-input,
.t-input-adornment__append .t-input,
.t-input-adornment__prepend .t-textarea__inner,
.t-input-adornment__append .t-textarea__inner {
  background-color: transparent;
}
.t-input-adornment__prepend {
  background-color: var(--td-bg-color-secondarycontainer);
  color: var(--td-text-color-primary);
  word-break: keep-all;
  margin-right: -1px;
}
.t-input-adornment__append {
  background-color: var(--td-bg-color-secondarycontainer);
  color: var(--td-text-color-primary);
  word-break: keep-all;
  margin-left: -1px;
}
.t-input-adornment__text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  padding: 0 var(--td-comp-paddingLR-s);
  border: 1px solid var(--td-border-level-2-color);
}
.t-input-adornment > :first-child {
  border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
}
.t-input-adornment > :first-child .t-input,
.t-input-adornment > :first-child .t-input-adornment__text,
.t-input-adornment > :first-child .t-textarea__inner {
  border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
}
.t-input-adornment > :last-child {
  border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
}
.t-input-adornment > :last-child .t-input,
.t-input-adornment > :last-child .t-input-adornment__text,
.t-input-adornment > :last-child .t-textarea__inner {
  border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
}
.t-input-adornment > :not(:last-child):hover {
  z-index: 2;
}
.t-input-adornment > :not(:first-child):not(:last-child) .t-input,
.t-input-adornment > :not(:first-child):not(:last-child) .t-textarea__inner {
  border-radius: 0;
}

.t-pagination-mini {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-pagination-mini--outline .t-pagination-mini__prev {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  z-index: 1;
}
.t-pagination-mini--outline .t-pagination-mini__current {
  border-radius: 0;
  position: relative;
  margin-left: -1px;
}
.t-pagination-mini--outline .t-pagination-mini__current:hover {
  z-index: 1;
}
.t-pagination-mini--outline .t-pagination-mini__next {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
  margin-left: -1px;
}
.t-pagination-mini--outline .t-pagination-mini__next:hover {
  z-index: 1;
}
.t-pagination {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  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);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.t-pagination.t-is-disabled {
  color: var(--td-text-color-disabled);
}
.t-pagination__total {
  font: var(--td-font-body-medium);
  -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: var(--td-comp-margin-l);
  height: var(--td-comp-size-m);
  font-size: var(--td-font-size-body-medium);
  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: var(--td-radius-default);
  font: var(--td-font-body-large);
  width: var(--td-comp-size-m);
  height: var(--td-comp-size-m);
  line-height: var(--td-comp-size-m);
}
.t-pagination__btn:hover {
  background-color: var(--td-bg-color-secondarycontainer-hover);
  -webkit-transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
  transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.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: var(--td-comp-margin-s);
}
.t-pagination__btn-next {
  margin-left: var(--td-comp-margin-s);
}
.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: var(--td-comp-margin-s);
}
.t-pagination__number {
  display: inline-block;
  border: 1px solid var(--td-component-border);
  text-align: center;
  border-radius: var(--td-radius-default);
  cursor: pointer;
  background-color: var(--td-bg-color-container);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: var(--td-comp-size-m);
  min-width: var(--td-comp-size-m);
  line-height: calc(var(--td-comp-size-m) - 2px);
  font-size: var(--td-font-body-medium);
  padding-left: var(--td-comp-paddingLR-xs);
  padding-right: var(--td-comp-paddingLR-xs);
}
.t-pagination__number:hover {
  color: var(--td-brand-color-hover);
  border-color: var(--td-brand-color-hover);
  -webkit-transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
  transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.t-pagination__number:active {
  background-color: var(--td-brand-color);
  color: var(--td-text-color-anti);
  border-color: var(--td-brand-color);
}
.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-focus);
  color: var(--td-text-color-anti);
  border-color: var(--td-brand-color-focus);
}
.t-pagination__number.t-is-disabled {
  cursor: auto;
  background-color: var(--td-bg-color-component-disabled);
  color: var(--td-text-color-disabled);
}
.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-disabled);
  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);
  -webkit-transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
  transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.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: var(--td-comp-margin-s);
  font-size: var(--td-font-body-medium);
  gap: var(--td-comp-margin-s);
  background-color: var(--td-bg-color-secondarycontainer);
  height: var(--td-comp-size-m);
  padding-left: var(--td-comp-margin-s);
  border-radius: var(--td-radius-default);
}
.t-pagination .t-input-adornment__append {
  border: none;
  height: calc(var(--td-comp-size-m) - 4px);
  color: var(--td-text-color-secondary);
  background-color: transparent;
}
.t-pagination .t-input-adornment__append .t-input-adornment__text {
  border: none;
}
.t-pagination .t-input-number {
  width: 56px;
}
.t-pagination .t-input-number .t-input {
  height: calc(var(--td-comp-size-m) - 4px);
  border-radius: var(--td-radius-default);
}
.t-pagination .t-input-number .t-input__inner {
  text-align: center;
}
.t-pagination.t-size-s {
  font: var(--td-font-body-small);
}
.t-pagination.t-size-s .t-pagination__jump {
  height: var(--td-comp-size-xs);
}
.t-pagination.t-size-s .t-input-adornment__append {
  height: calc(var(--td-comp-size-xs) - 4px);
  font: var(--td-font-body-small);
}
.t-pagination.t-size-s .t-input-number {
  width: 48px;
}
.t-pagination.t-size-s .t-input-number .t-input {
  height: calc(var(--td-comp-size-xs) - 4px);
}
.t-pagination.t-size-s .t-pagination__total {
  font: var(--td-font-body-small);
}
.t-pagination.t-size-s .t-pagination__select {
  height: var(--td-comp-size-xs);
  font-size: var(--td-font-size-body-small);
}
.t-pagination.t-size-s .t-pagination__number {
  border: 0 none;
  height: var(--td-comp-size-xs);
  min-width: var(--td-comp-size-xs);
  line-height: var(--td-comp-size-xs);
  font-size: var(--td-font-body-small);
  padding-left: var(--td-comp-paddingLR-xxs);
  padding-right: var(--td-comp-paddingLR-xxs);
}
.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);
  -webkit-transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
  transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.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-focus);
  color: var(--td-text-color-anti);
  border-color: var(--td-brand-color-focus);
}
.t-pagination.t-size-s .t-pagination__btn {
  border: 0 none;
  background: none;
  width: var(--td-comp-size-xs);
  height: var(--td-comp-size-xs);
  line-height: var(--td-comp-size-xs);
}
.t-pagination.t-size-s .t-pagination__btn:hover {
  background-color: var(--td-bg-color-secondarycontainer-hover);
  -webkit-transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
  transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
}
.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);
}
/** IE 兼容 **/
.t-pagination-ie {
  /** 在 IE11 以下浏览器，input autoWidth 计算无法依赖 observer，因而加上最小宽度，避免分页信息出现 0 的情况 */
}
.t-pagination-ie .t-select .t-input__inner {
  min-width: 54px;
}

.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: 22px;
  height: 22px;
  text-align: center;
  border-radius: var(--td-radius-circle);
  font-size: var(--td-font-size-body-large);
}
.t-steps {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  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: var(--td-comp-margin-s);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.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: var(--td-font-size-body-medium);
  margin-right: var(--td-comp-margin-s);
  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: 22px;
  height: 22px;
  text-align: center;
  border-radius: var(--td-radius-circle);
  font-size: var(--td-font-size-body-large);
}
.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: 22px;
  height: 22px;
  text-align: center;
  border-radius: var(--td-radius-circle);
  font-size: var(--td-font-size-body-large);
}
.t-steps .t-steps-item__icon--error {
  border: 1px solid var(--td-error-color);
  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: 22px;
  height: 22px;
  text-align: center;
  border-radius: var(--td-radius-circle);
  font-size: var(--td-font-size-body-large);
}
.t-steps .t-steps-item__icon > .t-icon {
  font-size: calc(var(--td-font-size-body-medium) + 10px);
}
.t-steps .t-steps-item__title {
  position: relative;
  padding-right: var(--td-comp-margin-s);
  color: var(--td-text-color-placeholder);
  font-size: var(--td-font-size-body-large);
  line-height: 24px;
}
.t-steps .t-steps-item__description {
  color: var(--td-text-color-placeholder);
  font-size: var(--td-font-size-body-medium);
  margin-bottom: var(--td-comp-margin-xs);
  line-height: 22px;
}
.t-steps--line-separator .t-steps-item:before,
.t-steps--line-separator .t-steps-item:after,
.t-steps--line-separator .t-steps-item__title:after {
  border-style: solid;
}
.t-steps--dashed-separator .t-steps-item:before,
.t-steps--dashed-separator .t-steps-item:after,
.t-steps--dashed-separator .t-steps-item__title:after {
  border-style: dashed;
}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: var(--td-comp-margin-xs);
}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item__icon__number {
  width: 22px;
  height: 22px;
}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item__icon > .t-icon {
  font-size: calc(var(--td-font-size-body-medium) + 10px);
}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item:not(:last-child) .t-steps-item__title:after {
  content: "";
  display: block;
  width: 9999px;
  border-left: 0;
  border-top: 0;
  border-bottom-width: 1px;
  border-bottom-color: 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--arrow-separator .t-steps-item:not(:last-child):after {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 24px;
  content: "^";
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
  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: end;
      -ms-flex-align: end;
          align-items: flex-end;
  border: 0;
  font-size: var(--td-font-size-body-large);
  color: var(--td-text-color-placeholder);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--default-anchor .t-steps-item--finish:not(:last-child) .t-steps-item__title:after {
  border-bottom-width: 2px;
  border-bottom-color: var(--td-brand-color);
  color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse .t-steps-item:not(:last-child) .t-steps-item__title:after {
  content: "";
  display: block;
  width: 9999px;
  border-left: 0;
  border-top: 0;
  border-bottom-width: 1px;
  border-bottom-color: 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--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child):after {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 24px;
  content: "^";
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
  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: end;
      -ms-flex-align: end;
          align-items: flex-end;
  border: 0;
  font-size: var(--td-font-size-body-large);
  color: var(--td-text-color-placeholder);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child):after {
  -webkit-transform: rotateZ(-90deg);
          transform: rotateZ(-90deg);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--process:not(:last-child)::after,
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse .t-steps-item--finish:not(:last-child) .t-steps-item__title:after {
  border-bottom-width: 2px;
  border-bottom-color: var(--td-brand-color);
  color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse .t-steps-item--process:not(:last-child) .t-steps-item__title:after,
.t-steps--horizontal.t-steps--default-anchor.t-steps--reverse .t-steps-item--finish:not(:last-child) .t-steps-item__title:after {
  border-bottom-width: 2px;
  border-bottom-color: var(--td-brand-color);
  color: var(--td-brand-color);
}
.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: var(--td-comp-margin-xs);
}
.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: var(--td-radius-circle);
  margin-bottom: var(--td-comp-margin-xs);
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.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--arrow-separator .t-steps-item:not(:last-child)::after {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  content: "^";
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border: 0;
  font-size: var(--td-font-size-body-large);
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
  color: var(--td-text-color-placeholder);
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item:not(:last-child)::after {
  content: "";
  display: block;
  width: calc(100% - 16px);
  border-left: 0;
  border-top: 0;
  border-bottom-width: 1px;
  border-bottom-color: 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:not(:last-child):not(.t-steps-item--finish)::after {
  border-color: var(--td-text-color-placeholder);
}
.t-steps--horizontal.t-steps--dot-anchor .t-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
  border-bottom-color: var(--td-brand-color);
  border-bottom-width: 2px;
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child)::after {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  content: "^";
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border: 0;
  font-size: var(--td-font-size-body-large);
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
  color: var(--td-text-color-placeholder);
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child)::after {
  -webkit-transform: rotateZ(-90deg);
          transform: rotateZ(-90deg);
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--process:not(:last-child)::after,
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse .t-steps-item:not(:last-child)::after {
  content: "";
  display: block;
  width: calc(100% - 16px);
  border-left: 0;
  border-top: 0;
  border-bottom-width: 1px;
  border-bottom-color: var(--td-text-color-placeholder);
  position: absolute;
  left: calc(140px / 2 + 8px);
  top: 2.5px;
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse .t-steps-item:not(:last-child):not(.t-steps-item--finish)::after {
  border-color: var(--td-text-color-placeholder);
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse .t-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
  border-bottom-color: var(--td-brand-color);
  border-bottom-width: 2px;
}
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse .t-steps-item--process:not(:last-child)::after,
.t-steps--horizontal.t-steps--dot-anchor.t-steps--reverse .t-steps-item--finish:not(:last-child)::after {
  color: var(--td-brand-color);
  border-bottom-color: var(--td-brand-color);
  border-bottom-width: 2px;
}
.t-steps--vertical {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.t-steps--vertical.t-steps--positive.t-steps--arrow-separator .t-steps-item:not(:last-child)::before {
  content: "^";
  border: 0;
  height: calc(100% - 24px);
  position: absolute;
  top: 24px;
  left: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--td-font-size-body-large);
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
  color: var(--td-text-color-placeholder);
}
.t-steps--vertical.t-steps--positive.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::before {
  color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--positive .t-steps-item {
  padding-bottom: var(--td-comp-margin-xxl);
  margin-bottom: 5px;
}
.t-steps--vertical.t-steps--positive .t-steps-item:not(:last-child)::before {
  content: "";
  display: block;
  height: 100%;
  border-left: 0;
  border-top: 0;
  border-right-width: 1px;
  border-right-color: 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 {
  border-right-width: 2px;
  border-right-color: var(--td-brand-color);
  color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--default-anchor .t-steps-item__content {
  margin-left: 0px;
}
.t-steps--vertical.t-steps--default-anchor .t-steps-item__title {
  margin-bottom: var(--td-comp-margin-xs);
}
.t-steps--vertical.t-steps--dot-anchor.t-steps--positive.t-steps--arrow-separator .t-steps-item:not(:last-child)::before {
  content: "^";
  border: 0;
  height: calc(100% - 4px);
  position: absolute;
  top: 8px;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--td-font-size-body-medium);
  color: var(--td-text-color-placeholder);
}
.t-steps--vertical.t-steps--dot-anchor.t-steps--positive.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::before {
  color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--dot-anchor.t-steps--positive .t-steps-item:not(:last-child)::before {
  content: "";
  display: block;
  height: 100%;
  border-bottom: 0;
  border-left: 0;
  border-right-width: 1px;
  border-right-color: var(--td-text-color-placeholder);
  position: absolute;
  left: 3.5px;
  top: 17px;
}
.t-steps--vertical.t-steps--dot-anchor.t-steps--positive .t-steps-item--finish:not(:last-child)::before {
  color: var(--td-brand-color);
  border-right-color: var(--td-brand-color);
  border-right-width: 2px;
}
.t-steps--vertical.t-steps--dot-anchor.t-steps--positive .t-steps-item:not(:last-child).t-steps-item--default::before {
  border-color: var(--td-text-color-placeholder);
}
.t-steps--vertical.t-steps--dot-anchor .t-steps-item {
  margin-bottom: 0;
}
.t-steps--vertical.t-steps--dot-anchor .t-steps-item .t-steps-item__title {
  margin-bottom: var(--td-comp-margin-xs);
}
.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: var(--td-radius-circle);
  margin-bottom: var(--td-comp-margin-xs);
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  top: 8px;
}
.t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child)::before {
  content: "^";
  border: 0;
  height: calc(100% - 24px);
  position: absolute;
  top: 24px;
  left: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--td-font-size-body-large);
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
  color: var(--td-text-color-placeholder);
}
.t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::before {
  color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child)::before {
  -webkit-transform: rotateZ(0);
          transform: rotateZ(0);
  margin-top: var(--td-comp-margin-xs);
}
.t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item--process:not(:last-child)::before,
.t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::before {
  color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--reverse .t-steps-item {
  padding-bottom: var(--td-comp-margin-xxl);
  margin-bottom: 5px;
}
.t-steps--vertical.t-steps--reverse .t-steps-item:not(:last-child)::before {
  content: "";
  display: block;
  height: 100%;
  border-left: 0;
  border-bottom: 0;
  border-right-width: 1px;
  border-right-color: var(--td-text-color-placeholder);
  position: absolute;
  top: 35px;
  left: 11px;
}
.t-steps--vertical.t-steps--reverse .t-steps-item--process:not(:last-child)::before,
.t-steps--vertical.t-steps--reverse .t-steps-item--finish:not(:last-child)::before {
  border-right-width: 2px;
  border-right-color: var(--td-brand-color);
  color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item:not(:last-child)::before {
  content: "^";
  border: 0;
  height: calc(100% - 4px);
  position: absolute;
  top: 8px;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--td-font-size-body-medium);
  color: var(--td-text-color-placeholder);
}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::before {
  color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item--process:not(:last-child)::before,
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::before {
  color: 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(:last-child)::before {
  content: "";
  display: block;
  height: 100%;
  border-bottom: 0;
  border-left: 0;
  border-right-width: 1px;
  border-right-color: 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:last-child::before {
  display: none;
}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item--process:not(:last-child)::before,
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item--finish:not(:last-child)::before {
  border-right-width: 2px;
  border-right-color: var(--td-brand-color);
  color: var(--td-brand-color);
}
.t-steps--vertical.t-steps--reverse.t-steps--dot-anchor .t-steps-item:not(:last-child).t-steps-item--default::before {
  border-color: var(--td-text-color-placeholder);
}

.t-sticky-tool {
  position: fixed;
  opacity: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--td-bg-color-container);
  border: 0.5px solid var(--td-component-border);
  -webkit-box-shadow: var(--td-shadow-3);
          box-shadow: var(--td-shadow-3);
}
.t-sticky-tool-popup-content {
  -webkit-box-shadow: var(--td-shadow-3);
          box-shadow: var(--td-shadow-3);
  font-size: var(--td-font-size-body-small);
  color: var(--td-text-color-secondary);
}
.t-sticky-tool .t-sticky-item {
  opacity: 1;
  position: relative;
  margin: var(--td-comp-margin-xs);
  text-align: center;
  font-size: var(--td-font-size-body-small);
  color: var(--td-text-color-secondary);
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.t-sticky-tool .t-sticky-item:hover {
  cursor: pointer;
  background-color: var(--td-bg-color-container-hover);
}
.t-sticky-tool .t-sticky-item--normal {
  width: var(--td-comp-size-xxxl);
  height: var(--td-comp-size-xxxl);
}
.t-sticky-tool .t-sticky-item--normal .t-icon {
  width: 24px;
  height: 24px;
  margin: var(--td-comp-margin-s) var(--td-comp-margin-l) 0 var(--td-comp-margin-l);
  color: var(--td-text-color-primary);
}
.t-sticky-tool .t-sticky-item--compact {
  width: var(--td-comp-size-xl);
  height: var(--td-comp-size-xl);
}
.t-sticky-tool .t-sticky-item--compact .t-icon {
  width: 24px;
  height: 24px;
  margin: var(--td-comp-margin-s);
  color: var(--td-text-color-primary);
}
.t-sticky-tool .t-sticky-item--square {
  border-radius: var(--td-radius-default);
}
.t-sticky-tool .t-sticky-item--round {
  border-radius: var(--td-radius-circle);
}
.t-sticky-tool .t-sticky-item .t-sticky-item__label {
  width: 100%;
  height: var(--td-comp-size-xxs);
  line-height: var(--td-comp-size-xxs);
  margin-top: var(--td-comp-margin-xxs);
  text-align: center;
}
.t-sticky-tool--square {
  border-radius: var(--td-radius-medium);
}
.t-sticky-tool--round {
  border-radius: var(--td-radius-round);
}

.t-select__wrap {
  width: 100%;
}
.t-select__dropdown .t-popup__content {
  margin: var(--td-comp-paddingTB-s) 0;
  padding: 0;
  max-height: 300px;
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  -webkit-box-shadow: var(--td-shadow-2);
          box-shadow: var(--td-shadow-2);
}
@-moz-document url-prefix() {
  .t-select__dropdown .t-popup__content {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-select__dropdown .t-popup__content::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.t-select__dropdown .t-popup__content::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 15px;
}
.t-select__dropdown .t-popup__content::-webkit-scrollbar-thumb:vertical:hover,
.t-select__dropdown .t-popup__content::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-select__dropdown-inner {
  min-height: var(--td-comp-size-m);
}
.t-select__dropdown-inner .t-select__list .t-select__list {
  padding: 0;
}
.t-select__dropdown-inner .t-select__list,
.t-select__dropdown-inner .t-tree {
  padding: var(--td-pop-padding-m);
}
.t-select__dropdown-inner--size-s {
  min-height: var(--td-comp-size-xs);
}
.t-select__dropdown-inner--size-s .t-select__list,
.t-select__dropdown-inner--size-s .t-tree {
  padding: var(--td-pop-padding-s);
}
.t-select__dropdown-inner--size-l {
  min-height: var(--td-comp-size-xl);
}
.t-select__dropdown-inner--size-l .t-select__list,
.t-select__dropdown-inner--size-l .t-tree {
  padding: var(--td-pop-padding-l);
}
.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: var(--td-comp-size-xs);
}
.t-select__empty {
  text-align: center;
  color: var(--td-text-color-disabled);
  line-height: var(--td-comp-size-m);
  padding: 0 var(--td-comp-paddingLR-s);
}
.t-select__empty.t-size-l {
  line-height: var(--td-comp-size-xl);
}
.t-select__loading-tips.t-size-s {
  min-height: var(--td-comp-size-xs);
  line-height: var(--td-comp-size-xs);
}
.t-select__loading-tips {
  position: fixed;
  top: var(--td-comp-paddingTB-s);
  left: 0;
  bottom: var(--td-comp-paddingTB-s);
  right: 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;
  background-color: var(--td-bg-color-container);
  border-radius: var(--td-radius-default);
  min-height: var(--td-comp-size-m);
  line-height: var(--td-comp-size-m);
  color: var(--td-text-color-disabled);
  z-index: 1000;
}
.t-select__loading-tips.t-size-l {
  min-height: var(--td-comp-size-xl);
  line-height: var(--td-comp-size-xl);
}
.t-select-option-group + .t-select-option-group {
  padding-top: var(--td-comp-margin-xs);
  margin-top: var(--td-comp-margin-xs);
}
.t-select-option-group__divider + .t-select-option-group__divider {
  position: relative;
}
.t-select-option-group__divider + .t-select-option-group__divider::before {
  content: "";
  width: 100%;
  height: 1px;
  padding: 0 var(--td-comp-paddingLR-s);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--td-border-level-1-color);
  background-clip: content-box;
}
ul.t-select-option-group__header,
.t-select-option-group__header {
  color: var(--td-text-color-placeholder);
  display: block;
  height: var(--td-comp-size-s);
  line-height: var(--td-comp-size-s);
  padding: 0 var(--td-comp-paddingLR-s);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-select-option-group__header.t-size-l {
  height: var(--td-comp-size-l);
  line-height: var(--td-comp-size-l);
  padding: 0 var(--td-comp-paddingLR-m);
}
.t-select-option-group__header.t-size-s {
  height: var(--td-comp-size-xxs);
  line-height: var(--td-comp-size-xxs);
  padding: 0 var(--td-comp-paddingLR-s);
}
.t-select-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: var(--td-radius-default);
  height: var(--td-comp-size-s);
  font: var(--td-font-body-medium);
  cursor: pointer;
  padding: 0 var(--td-comp-paddingLR-s);
  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);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  --ripple-color: var(--td-bg-color-container-active);
}
.t-select-option span {
  position: relative;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-select-option:not(.t-is-disabled):not(.t-is-selected):hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-select-option:not(.t-is-disabled):not(.t-is-selected):hover .t-checkbox__label {
  color: inherit;
}
.t-select-option:not(.t-is-disabled):not(.t-is-selected):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: var(--td-comp-size-l);
  padding: 0 var(--td-comp-paddingLR-m);
  font: var(--td-font-body-large);
}
.t-select-option.t-size-m {
  font: var(--td-font-body-medium);
}
.t-select-option.t-size-s {
  height: var(--td-comp-size-xxs);
  padding: 0 var(--td-comp-paddingLR-s);
  font: var(--td-font-body-small);
}
.t-select-option.t-is-selected:not(.t-is-disabled) {
  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:not(.t-is-disabled) .t-checkbox__label {
  color: var(--td-brand-color);
}
.t-select-option.t-is-selected:not(.t-is-disabled):hover {
  background-color: var(--td-brand-color-light);
}
/** 规范 CSS 类名为 --hover */
.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected),
.t-select-option.t-select-option__hover:not(.t-is-disabled).t-select-option.t-select-option--hover:not(.t-is-selected),
.t-select-option.t-select-option--hover:not(.t-is-disabled).t-select-option.t-select-option__hover:not(.t-is-selected),
.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,
.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,
.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,
.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,
.t-select-option.t-select-option--hover .t-checkbox__label {
  color: inherit;
}
.t-select-option + .t-select-option {
  margin-top: var(--td-comp-paddingTB-xxs);
}
.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-is-selected.t-select-option__hover {
  background-color: var(--td-brand-color-light-hover);
}
.t-is-selected.t-select-option__hover .t-checkbox__label {
  color: var(--td-brand-color);
}

.t-select-option__highlight-item .t-is-highlight {
  color: var(--td-brand-color);
}
.t-auto-complete {
  width: 100%;
}
.t-auto-complete .t-input__suffix-clear {
  display: none;
}
.t-auto-complete:hover .t-input__suffix-clear {
  display: inline-block;
}
.t-auto-complete__panel--empty {
  height: var(--td-comp-size-m);
  line-height: var(--td-comp-size-m);
  color: var(--td-text-color-disabled);
  text-align: center;
}

.t-cascader .t-fake-arrow {
  color: var(--td-text-color-placeholder);
}
.t-cascader .t-fake-arrow--active {
  color: var(--td-brand-color);
}
.t-cascader__popup .t-popup__content {
  padding: 0;
  -webkit-box-shadow: var(--td-shadow-2);
          box-shadow: var(--td-shadow-2);
  border-radius: var(--td-radius-medium);
  border: 0.5px solid var(--td-component-border);
  overflow: hidden;
}
.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--empty {
  width: 100%;
  height: var(--td-comp-size-s);
  line-height: var(--td-comp-size-s);
  color: var(--td-text-color-disabled);
  margin: var(--td-pop-padding-m);
  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: var(--td-pop-padding-m);
  background: var(--td-bg-color-container);
}
.t-cascader__menu.t-size-l {
  padding: var(--td-pop-padding-l);
}
.t-cascader__menu.t-size-s {
  padding: var(--td-pop-padding-s);
}
.t-cascader__menu--segment {
  border-right: 1px solid var(--td-component-stroke);
}
.t-cascader__menu--filter {
  width: auto;
  min-width: 148px;
}
.t-cascader__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: var(--td-comp-size-s);
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  padding: 0 var(--td-comp-paddingLR-s);
  border-radius: var(--td-radius-default);
  margin-top: var(--td-comp-margin-xxs);
  -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);
  list-style: none;
  --ripple-color: var(--td-bg-color-container-active);
}
.t-cascader__item.t-size-s {
  height: var(--td-comp-size-xs);
  font: var(--td-font-body-small);
  padding: 0px var(--td-comp-paddingLR-s);
}
.t-cascader__item.t-size-l {
  height: var(--td-comp-size-m);
  font: var(--td-font-body-large);
  padding: 0 var(--td-comp-paddingLR-m);
}
.t-cascader__item.t-is-disabled {
  color: var(--td-text-color-disabled);
  background-color: transparent;
  cursor: not-allowed;
}
.t-cascader__item-icon.t-icon {
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  background: transparent;
  margin: 0 8px;
  font-size: 16px;
  color: var(--td-text-color-placeholder);
}
.t-cascader__item-icon.t-loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--td-text-color-brand);
}
.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 .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 calc(var(--td-comp-paddingLR-s) + 14px) 0 var(--td-comp-paddingLR-s);
}
.t-cascader__item--leaf .t-checkbox {
  width: 100%;
}
.t-cascader__item-label {
  display: block;
  position: relative;
  white-space: nowrap;
  padding: 0;
}
.t-cascader__item-label--ellipsis {
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-cascader__item-label--filter {
  color: var(--td-text-color-brand);
}
.t-cascader__item:hover:not(.t-is-expanded):not(.t-is-disabled) {
  background: var(--td-bg-color-container-hover);
  cursor: pointer;
}
.t-cascader__item.t-is-selected {
  color: var(--td-brand-color);
  background: var(--td-brand-color-light);
}
.t-cascader__item.t-is-selected .t-checkbox__label {
  color: var(--td-brand-color);
}

.t-radio-group {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  border-radius: var(--td-radius-default);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@-moz-document url-prefix() {
  .t-radio-group {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-radio-group::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.t-radio-group::-webkit-scrollbar-thumb {
  border: 0px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 7px;
}
.t-radio-group::-webkit-scrollbar-thumb:vertical:hover,
.t-radio-group::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-radio-group .t-radio {
  margin-right: var(--td-comp-margin-xxl);
}
.t-radio-group.t-radio-group__outline {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: var(--td-comp-margin-xs);
}
.t-radio-group.t-radio-group__outline.t-size-s .t-radio-button {
  height: var(--td-comp-size-xs);
}
.t-radio-group.t-radio-group__outline.t-size-m .t-radio-button {
  height: var(--td-comp-size-m);
}
.t-radio-group.t-radio-group__outline.t-size-l .t-radio-button {
  height: var(--td-comp-size-xl);
}
.t-radio-group.t-radio-group__outline .t-radio-button:first-child {
  border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
}
.t-radio-group.t-radio-group__outline .t-radio-button:last-child {
  border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
}
.t-radio-group.t-radio-group__outline .t-radio-button:only-child {
  border-radius: var(--td-radius-default);
}
.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: var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-xxs);
  border-radius: var(--td-radius-default);
  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: var(--td-radius-small);
}
.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 .t-radio-button {
  height: calc(var(--td-comp-size-xs) - (var(--td-comp-paddingTB-xxs) * 2));
  padding: 0px var(--td-comp-paddingLR-s);
  font: var(--td-font-body-small);
}
.t-radio-group.t-size-s .t-radio-button::before {
  height: calc(100% - 16px);
}
.t-radio-group.t-size-m .t-radio-button {
  height: calc(var(--td-comp-size-m) - (var(--td-comp-paddingTB-xxs) * 2));
  padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-l);
  font: var(--td-font-body-medium);
}
.t-radio-group.t-size-m .t-radio-button::before {
  height: calc(100% - 20px);
}
.t-radio-group.t-size-l .t-radio-button {
  height: calc(var(--td-comp-size-xl) - (var(--td-comp-paddingTB-xxs) * 2));
  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-xl);
  font: var(--td-font-body-large);
}
.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;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -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;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.t-radio-group .t-radio-button:first-child {
  border-radius: var(--td-radius-small) 0 0 var(--td-radius-small);
}
.t-radio-group .t-radio-button:last-child {
  border-right: 1px solid;
  border-right-color: var(--td-border-level-2-color);
  border-radius: 0 var(--td-radius-small) var(--td-radius-small) 0;
}
.t-radio-group .t-radio-button__former {
  opacity: 0;
  height: 0;
  width: 0;
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.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 {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.t-radio__former {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  opacity: 0;
  position: absolute;
}
.t-radio__input {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  border-radius: var(--td-radius-circle);
  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: var(--td-radius-circle);
  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: var(--td-comp-margin-s);
  color: var(--td-text-color-primary);
  vertical-align: middle;
  font: var(--td-font-body-medium);
  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-radio:focus-visible:focus-visible {
  outline: 2px solid var(--td-brand-color);
  outline-offset: var(--td-comp-paddingTB-xs);
  border-radius: 0;
}

.t-color-picker__panel {
  padding: 0;
  width: 256px;
  background: var(--td-bg-color-container);
  -webkit-box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
          box-shadow: var(--td-shadow-2), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
  border-radius: var(--td-radius-medium);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.t-popup__content .t-color-picker__panel {
  background: transparent;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.t-color-picker {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-color-picker.t-popup__content {
  -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);
}
.t-color-picker__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;
  font-size: var(--td-comp-size-xxxs);
  background: transparent;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
  color: var(--td-text-color-secondary);
  border-radius: var(--td-radius-default);
  cursor: pointer;
}
.t-color-picker__icon:hover {
  background: var(--td-bg-color-container-hover);
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.t-color-picker__icon.t-is-disabled {
  color: var(--td-text-color-disabled);
  pointer-events: none;
}
.t-color-picker__head {
  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: var(--td-pop-padding-xl);
  position: relative;
  z-index: 2;
}
.t-color-picker__head .t-color-picker__close {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.t-color-picker__head + .t-color-picker__body {
  padding-top: 0;
}
.t-color-picker__body {
  padding: var(--td-pop-padding-xl);
  padding-bottom: calc(var(--td-pop-padding-xl) - 4px);
}
.t-color-picker__thumb {
  position: absolute;
  z-index: 1;
  outline: none;
  border-color: currentcolor;
  width: calc(var(--td-comp-size-xxxs) + var(--td-size-1));
  height: calc(var(--td-comp-size-xxxs) + var(--td-size-1));
  border-radius: var(--td-radius-circle);
  -webkit-box-shadow: var(--td-shadow-1);
          box-shadow: var(--td-shadow-1);
  background: var(--td-text-color-anti);
  color: var(--td-text-color-brand);
  padding: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.t-color-picker__thumb::before {
  content: "";
  width: 100%;
  height: 100%;
  background: currentcolor;
  border-radius: var(--td-radius-circle);
  display: block;
}
.t-color-picker__saturation {
  height: 160px;
  border-radius: var(--td-radius-default);
  position: relative;
  overflow: hidden;
  background: transparent;
}
.t-color-picker__saturation::before,
.t-color-picker__saturation::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.t-color-picker__saturation::before {
  /* stylelint-disable-next-line color-no-hex */
  background: -webkit-gradient(linear, left top, right top, from(#fff), to(transparent));
  background: linear-gradient(90deg, #fff, transparent);
}
.t-color-picker__saturation::after {
  /* stylelint-disable-next-line color-no-hex */
  background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
  background: linear-gradient(0deg, #000, transparent);
}
.t-color-picker__saturation .t-color-picker__thumb {
  width: calc(var(--td-comp-size-xxxs) + var(--td-size-1));
  height: calc(var(--td-comp-size-xxxs) + var(--td-size-1));
  border-radius: var(--td-radius-circle);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.t-color-picker__slider-wrapper {
  border-radius: calc(8px / 2);
  padding: 0 calc(calc(var(--td-comp-size-xxxs) + var(--td-size-1)) / 2);
  position: relative;
}
.t-color-picker__slider-wrapper--hue-type {
  /* stylelint-disable-next-line color-named */
  background: red;
}
.t-color-picker__slider-wrapper--alpha-type {
  background: var(--td-text-color-anti);
  /* stylelint-disable-next-line color-no-hex */
  background-image: linear-gradient(45deg, #c5c5c5 25%, transparent 0, transparent 75%, #c5c5c5 0, #c5c5c5), linear-gradient(45deg, #c5c5c5 25%, transparent 0, transparent 75%, #c5c5c5 0, #c5c5c5);
  background-size: 6px 6px;
  background-position: 0 0, 3px 3px;
}
.t-color-picker__slider-padding {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 8px;
  border-radius: calc(8px / 2);
}
.t-color-picker__slider {
  height: 8px;
  position: relative;
  border-radius: calc(8px / 2);
  cursor: pointer;
  color: transparent;
  outline: none;
  z-index: 1;
}
.t-color-picker__slider .t-color-picker__thumb {
  -webkit-transform: translate(calc(calc(var(--td-comp-size-xxxs) + var(--td-size-1)) * -0.5), -50%);
          transform: translate(calc(calc(var(--td-comp-size-xxxs) + var(--td-size-1)) * -0.5), -50%);
  top: 50%;
}
.t-color-picker__slider .t-color-picker__rail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: inherit;
}
.t-color-picker__alpha,
.t-color-picker__format {
  margin: var(--td-comp-margin-m) 0 0 0;
}
.t-color-picker__hue {
  /* stylelint-disable color-no-hex, color-named */
  background: -webkit-gradient(linear, left top, right top, from(red), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(red));
  background: linear-gradient(90deg, red, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
}
.t-color-picker__alpha .t-color-picker__rail {
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(currentcolor));
  background: linear-gradient(to right, transparent, currentcolor);
}
.t-color-picker__sliders-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: var(--td-comp-margin-m) 0;
}
.t-color-picker__sliders {
  width: 100%;
}
.t-color-picker__sliders-preview {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: var(--td-comp-margin-m);
  width: var(--td-comp-size-s);
  height: var(--td-comp-size-s);
  border-radius: var(--td-radius-default);
  overflow: hidden;
  background: var(--td-text-color-anti);
  /* stylelint-disable-next-line color-no-hex */
  background-image: linear-gradient(45deg, #c5c5c5 25%, transparent 0, transparent 75%, #c5c5c5 0, #c5c5c5), linear-gradient(45deg, #c5c5c5 25%, transparent 0, transparent 75%, #c5c5c5 0, #c5c5c5);
  background-size: 6px 6px;
  background-position: 0 0, 3px 3px;
}
.t-color-picker__sliders-preview-inner {
  display: block;
  width: 100%;
  height: 100%;
}
.t-color-picker__gradient {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: var(--td-comp-margin-m);
}
.t-color-picker__gradient-slider {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.t-color-picker__gradient-degree {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: var(--td-comp-margin-m);
  width: var(--td-comp-size-xxl);
}
.t-color-picker__gradient-degree .t-input {
  margin: 0;
  font: var(--td-font-body-small);
}
.t-color-picker__gradient-degree .t-input-number {
  width: 100%;
  padding: 0;
}
.t-color-picker__gradient .gradient-thumbs {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  border-radius: inherit;
  cursor: pointer;
}
.t-color-picker__gradient .gradient-thumbs__item {
  top: 50%;
  left: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 0;
  cursor: pointer;
}
.t-color-picker__gradient .gradient-thumbs__item::before {
  display: none;
}
.t-color-picker__gradient .gradient-thumbs__item.t-is-active {
  z-index: 1;
  outline: 2px solid var(--td-component-border);
}
.t-color-picker__gradient .gradient-thumbs__item-inner {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: var(--td-radius-circle);
  overflow: hidden;
}
.t-color-picker__gradient .gradient-thumbs__item-inner::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: currentcolor;
}
.t-color-picker__format {
  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-color-picker__format--item:first-child {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.t-color-picker__format--item:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.t-color-picker__format--item .t-size-m,
.t-color-picker__format--item .t-input.t-size-m {
  font: var(--td-font-body-small);
}
.t-color-picker__format--item .t-input-number .t-input {
  margin: 0;
}
.t-color-picker__format--item .input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-left: var(--td-comp-margin-s);
}
.t-color-picker__format--item .input-group__item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 0;
  margin-left: -1px;
}
.t-color-picker__format--item .input-group__item .t-input {
  padding: 0 1px;
}
.t-color-picker__format--item .input-group__item .t-input:focus,
.t-color-picker__format--item .input-group__item .t-input:focus-within,
.t-color-picker__format--item .input-group__item .t-input:hover {
  z-index: 1;
}
.t-color-picker__format--item .input-group__item:not(:first-child):not(:last-child) .t-input {
  border-radius: 0;
}
.t-color-picker__format--item .input-group__item:first-child:not(:last-child) .t-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.t-color-picker__format--item .input-group__item:last-child:not(:first-child) .t-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.t-color-picker__format--item .input-group .t-input-number {
  width: 100%;
  padding: 0;
  max-width: 100%;
}
.t-color-picker__format-mode-select {
  width: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-color-picker__format-mode-select .t-select,
.t-color-picker__format-mode-select .t-input {
  padding-right: 0;
}
.t-color-picker__format-mode-select .t-input--prefix > .t-input__suffix {
  padding-left: 0;
}
.t-color-picker__format-mode-select .t-select__right-icon {
  margin-right: var(--td-comp-margin-xs);
}
.t-color-picker__swatches-wrap {
  margin-top: var(--td-comp-margin-m);
  position: relative;
}
.t-color-picker__swatches-wrap .t-color-picker__swatches + .t-color-picker__swatches {
  margin-top: var(--td-comp-margin-m);
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--title {
  font: var(--td-font-body-small);
  padding: 0;
  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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--actions {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0;
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--actions .t-color-picker__icon {
  width: var(--td-comp-size-xxxs);
  height: var(--td-comp-size-xxxs);
  margin-left: var(--td-comp-margin-s);
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--items {
  width: 100%;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(10, var(--td-comp-size-xxxs));
  gap: calc(calc(256px - calc(calc(var(--td-pop-padding-xl) * 2) + calc(var(--td-comp-size-xxxs) * 10))) / 9) calc(calc(256px - calc(calc(var(--td-pop-padding-xl) * 2) + calc(var(--td-comp-size-xxxs) * 10))) / 9);
  max-height: calc(4 * calc(var(--td-comp-size-xxxs) + calc(calc(256px - calc(calc(var(--td-pop-padding-xl) * 2) + calc(var(--td-comp-size-xxxs) * 10))) / 9)));
  overflow-x: hidden;
  overflow-y: auto;
  padding: calc(var(--td-pop-padding-xl) - 8px);
  position: relative;
  left: calc(0px - calc(var(--td-pop-padding-xl) - 8px));
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: var(--td-comp-size-xxxs);
  height: var(--td-comp-size-xxxs);
  border-radius: var(--td-radius-default);
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  -webkit-transform-origin: center;
          transform-origin: center;
  -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);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--item:hover {
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
  -webkit-transform-origin: center;
          transform-origin: center;
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--item__color {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--td-component-border);
  border-radius: var(--td-radius-default);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--item__inner {
  width: 100%;
  height: 100%;
  display: block;
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--item:not(.t-is-active):hover {
  padding: 0;
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--item.t-is-active .t-color-picker__swatches--item__color,
.t-color-picker__swatches-wrap .t-color-picker__swatches--item.t-is-active .t-color-picker__swatches--color {
  border-color: var(--td-text-color-brand);
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--color {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: var(--td-radius-default);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.t-color-picker__swatches-wrap .t-color-picker__swatches--inner {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: var(--td-radius-default);
  -webkit-box-shadow: 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-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
}
.t-color-picker__trigger--default {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-color-picker__trigger--default > .t-input {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.t-color-picker__trigger--default .t-input {
  padding: 0 var(--td-comp-paddingLR-s) 0 var(--td-comp-paddingLR-xs);
}
.t-color-picker__trigger--default__color {
  width: 100%;
  height: 100%;
  -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;
}
.t-color-picker__trigger--default__color .color-inner {
  border: 1px solid var(--td-scrollbar-color);
  display: block;
  width: calc(var(--td-comp-size-xs) - 2px);
  height: calc(var(--td-comp-size-xs) - 2px);
  color: transparent;
  position: relative;
  border-radius: var(--td-radius-small);
}
.t-color-picker__trigger--default__color .color-inner.t-size-s {
  width: calc(var(--td-comp-size-xxs) - 2px);
  height: calc(var(--td-comp-size-xxs) - 2px);
}
.t-color-picker__trigger--default__color .color-inner.t-size-l {
  width: calc(var(--td-comp-size-s) - 2px);
  height: calc(var(--td-comp-size-s) - 2px);
}
.t-color-picker__gradient-slider {
  padding: 0 calc(calc(var(--td-comp-size-xxxs) + var(--td-size-1)) / 2);
  border-radius: calc(8px / 2);
}
.t-color-picker__gradient-slider .t-color-picker--bg-alpha {
  background: var(--td-text-color-anti);
  /* stylelint-disable-next-line color-no-hex */
  background-image: linear-gradient(45deg, #c5c5c5 25%, transparent 0, transparent 75%, #c5c5c5 0, #c5c5c5), linear-gradient(45deg, #c5c5c5 25%, transparent 0, transparent 75%, #c5c5c5 0, #c5c5c5);
  background-size: 6px 6px;
  background-position: 0 0, 3px 3px;
}
.t-color-picker__panel.t-is-disabled .t-color-picker__saturation,
.t-color-picker__panel.t-is-disabled .t-color-picker__slider,
.t-color-picker__panel.t-is-disabled .t-color-picker__swatches--item {
  opacity: 0.8;
  cursor: not-allowed;
}
.t-color-picker__panel.t-is-disabled .t-color-picker__gradient-slider .gradient-thumbs,
.t-color-picker__panel.t-is-disabled .t-color-picker__gradient-slider .gradient-thumbs__item {
  cursor: not-allowed;
}
.t-color-picker__panel.t-is-disabled .t-color-picker__swatches--item:hover {
  padding: 0;
}
.t-color-picker__select-options > .t-popup__content {
  -webkit-box-shadow: var(--td-shadow-1), 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-1), var(--td-shadow-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
}

.t-date-picker,
.t-date-range-picker {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-date-picker__header-controller-month-popup > .t-popup__content,
.t-date-picker__header-controller-year-popup > .t-popup__content {
  max-height: 160px;
}
.t-date-picker__panel-container > .t-popup__content,
.t-date-range-picker__panel-container > .t-popup__content {
  padding: 0;
  min-width: 280px;
}
.t-date-picker__panel,
.t-date-range-picker__panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.t-date-picker__panel--direction-row,
.t-date-range-picker__panel--direction-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.t-date-picker__panel .t-time-picker__panel,
.t-date-range-picker__panel .t-time-picker__panel {
  width: 216px;
}
.t-date-picker__panel .t-time-picker__panel-section-body,
.t-date-range-picker__panel .t-time-picker__panel-section-body {
  padding: 0;
}
.t-date-picker__panel .t-time-picker__panel-body,
.t-date-range-picker__panel .t-time-picker__panel-body {
  margin: 0;
}
.t-date-picker__panel-content,
.t-date-range-picker__panel-content,
.t-date-range-picker__panel-content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.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;
  gap: var(--td-comp-margin-m);
  width: 100%;
}
.t-date-picker__header-controller {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: var(--td-comp-margin-s);
}
.t-date-picker__header-controller .t-date-picker__header-controller-month {
  width: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-date-picker__header-controller .t-date-picker__header-controller-year {
  width: 78px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-date-picker__table table {
  width: 100%;
  border-collapse: collapse;
}
.t-date-picker__table table th {
  text-align: center;
  color: var(--td-text-color-secondary);
  font-weight: 400;
}
.t-date-picker__table table td.t-date-picker__cell {
  text-align: center;
  font-weight: 500;
}
.t-date-picker__table table th,
.t-date-picker__table table td.t-date-picker__cell {
  padding: 0;
  border: 0;
  line-height: var(--td-line-height-body-medium);
}
.t-date-picker__table table thead::after {
  content: "-";
  display: block;
  line-height: var(--td-comp-margin-xs);
  color: transparent;
}
.t-date-picker__table table thead::before {
  content: "-";
  display: block;
  line-height: var(--td-comp-margin-xs);
  color: transparent;
}
.t-date-picker__table-week-row {
  cursor: pointer;
  position: sticky;
}
.t-date-picker__table-week-row .t-date-picker__cell:first-child .t-date-picker__cell-inner {
  color: var(--td-text-color-disabled);
}
.t-date-picker__table-week-row .t-date-picker__cell:hover .t-date-picker__cell-inner {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
}
.t-date-picker__table-week-row::after {
  content: "";
  position: absolute;
  left: var(--td-comp-margin-xxxl);
  right: 0;
  top: calc(var(--td-comp-margin-xs) - 1px);
  z-index: 10;
  height: var(--td-comp-size-xs);
  border-radius: var(--td-radius-default);
  -webkit-transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear, -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear, -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1), background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear;
  transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1), background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear, -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  pointer-events: none;
}
.t-date-picker__table-week-row:hover .t-date-picker__cell:first-child .t-date-picker__cell-inner {
  color: var(--td-brand-color);
}
.t-date-picker__table-week-row:hover::after {
  -webkit-box-shadow: inset 0 0 0 1px var(--td-brand-color);
          box-shadow: inset 0 0 0 1px var(--td-brand-color);
}
.t-date-picker__table-week-row--active::after {
  opacity: 1;
  z-index: 0;
  background-color: var(--td-brand-color);
}
.t-date-picker__table-week-row--active .t-date-picker__cell:first-child .t-date-picker__cell-inner {
  color: var(--td-brand-color);
}
.t-date-picker__table-week-row--active .t-date-picker__cell .t-date-picker__cell-inner {
  background: transparent;
  color: var(--td-text-color-anti);
}
.t-date-picker__table-week-row--range::after {
  opacity: 1;
  z-index: 0;
  background-color: var(--td-brand-color-light);
}
.t-date-picker__table-week-row--range .t-date-picker__cell .t-date-picker__cell-inner {
  background: transparent;
}
.t-date-picker__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: var(--td-pop-padding-xl);
  gap: var(--td-comp-margin-s);
}
.t-date-picker__footer--bottom {
  border-top: 1px solid var(--td-component-stroke);
}
.t-date-picker__footer--top {
  border-bottom: 1px solid var(--td-component-stroke);
}
.t-date-picker__footer--left {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-right: 1px solid var(--td-component-stroke);
}
.t-date-picker__footer--left .t-date-picker__presets {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.t-date-picker__footer--right {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-left: 1px solid var(--td-component-stroke);
}
.t-date-picker__footer--right .t-date-picker__presets {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.t-date-picker__presets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--td-comp-margin-s);
  white-space: nowrap;
  min-width: var(--td-comp-size-xl);
}
.t-date-picker__presets .t-button {
  cursor: pointer;
}
.t-date-picker__presets a {
  color: var(--td-brand-color);
}
.t-date-picker__presets a:hover {
  color: var(--td-brand-color-hover);
}
.t-date-picker__panel-time,
.t-date-range-picker__panel-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--td-comp-margin-m) / 2);
  padding: var(--td-pop-padding-xl) calc(var(--td-pop-padding-xl) - var(--td-comp-margin-xs));
  border-left: 1px solid var(--td-component-stroke);
}
.t-date-picker__panel-time-viewer,
.t-date-range-picker__panel-time-viewer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: var(--td-comp-size-m);
  line-height: var(--td-line-height-body-medium);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--td-text-color-primary);
}
.t-date-picker__panel-time .t-time-picker__panel-body,
.t-date-range-picker__panel-time .t-time-picker__panel-body {
  margin: 0;
}
.t-date-picker__panel-year,
.t-date-picker__panel-month,
.t-date-picker__panel-quarter,
.t-date-picker__panel-week,
.t-date-picker__panel-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: var(--td-pop-padding-xl);
  gap: var(--td-comp-margin-m);
  width: 280px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.t-date-picker__panel-year .t-date-picker__cell--hover-highlight + .t-date-picker__cell--hover-highlight::before,
.t-date-picker__panel-month .t-date-picker__cell--hover-highlight + .t-date-picker__cell--hover-highlight::before,
.t-date-picker__panel-year .t-date-picker__cell--hover-highlight + .t-date-picker__cell--hover-highlight::after,
.t-date-picker__panel-month .t-date-picker__cell--hover-highlight + .t-date-picker__cell--hover-highlight::after {
  opacity: 1;
  left: calc(0px - calc(var(--td-comp-size-xs) + var(--td-comp-margin-xxl)));
}
.t-date-picker__panel-year .t-date-picker__cell--hover-highlight + .t-date-picker__cell--active::after,
.t-date-picker__panel-month .t-date-picker__cell--hover-highlight + .t-date-picker__cell--active::after {
  opacity: 1;
  left: calc(0px - calc(var(--td-comp-size-xs) + var(--td-comp-margin-xxl)));
  z-index: 5;
}
.t-date-picker__panel-year .t-date-picker__cell--highlight + .t-date-picker__cell--highlight::before,
.t-date-picker__panel-month .t-date-picker__cell--highlight + .t-date-picker__cell--highlight::before {
  left: calc(0px - calc(var(--td-comp-size-xs) + var(--td-comp-margin-xxl)));
}
.t-date-picker__panel-year .t-date-picker__header-controller-year,
.t-date-picker__panel-month .t-date-picker__header-controller-year,
.t-date-picker__panel-quarter .t-date-picker__header-controller-year {
  width: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-date-picker__panel-year .t-date-picker__table table tbody,
.t-date-picker__panel-month .t-date-picker__table table tbody,
.t-date-picker__panel-quarter .t-date-picker__table table tbody {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--td-comp-margin-m);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.t-date-picker__panel-year .t-date-picker__table table tbody tr,
.t-date-picker__panel-month .t-date-picker__table table tbody tr,
.t-date-picker__panel-quarter .t-date-picker__table table tbody tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.t-date-picker__panel-year .t-date-picker__cell--disabled + .t-date-picker__cell--disabled:before,
.t-date-picker__panel-month .t-date-picker__cell--disabled + .t-date-picker__cell--disabled:before,
.t-date-picker__panel-quarter .t-date-picker__cell--disabled + .t-date-picker__cell--disabled:before {
  left: calc(0px - var(--td-comp-size-xxxl));
}
.t-date-picker__panel-year .t-date-picker__cell:nth-child(1),
.t-date-picker__panel-month .t-date-picker__cell:nth-child(1),
.t-date-picker__panel-quarter .t-date-picker__cell:nth-child(1) {
  text-align: left;
}
.t-date-picker__panel-year .t-date-picker__cell:nth-child(3),
.t-date-picker__panel-month .t-date-picker__cell:nth-child(3),
.t-date-picker__panel-quarter .t-date-picker__cell:nth-child(3) {
  text-align: right;
}
.t-date-picker__panel-year .t-date-picker__cell-inner,
.t-date-picker__panel-month .t-date-picker__cell-inner,
.t-date-picker__panel-quarter .t-date-picker__cell-inner {
  width: var(--td-comp-size-xxl);
}
.t-date-picker__cell {
  cursor: pointer;
  position: relative;
  padding: 0;
}
.t-date-picker__cell::before,
.t-date-picker__cell::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -5%;
  left: -5%;
  z-index: 1;
  opacity: 0;
  border-radius: var(--td-radius-default);
  height: var(--td-comp-size-xs);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1);
  transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1);
}
.t-date-picker__cell:hover .t-date-picker__cell-inner {
  -webkit-box-shadow: inset 0 0 0 1px var(--td-brand-color);
          box-shadow: inset 0 0 0 1px var(--td-brand-color);
}
.t-date-picker__cell-inner {
  position: relative;
  z-index: 5;
  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;
  width: var(--td-comp-size-xs);
  height: var(--td-comp-size-xs);
  margin: calc(var(--td-comp-margin-xs) - 1px);
  border-radius: var(--td-radius-default);
  -webkit-transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear, -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear, -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1), background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear;
  transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1), background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear, -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-date-picker__cell--now .t-date-picker__cell-inner {
  color: var(--td-brand-color);
  background: var(--td-brand-color-light);
}
.t-date-picker__cell--hover-highlight::after {
  opacity: 1;
  background-color: var(--td-brand-color-light);
}
.t-date-picker__cell--highlight::before {
  opacity: 1;
  background-color: var(--td-brand-color-light);
}
.t-date-picker__cell--highlight.t-date-picker__cell--hover-highlight::after {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.06);
}
.t-date-picker__cell--additional:hover .t-date-picker__cell-inner {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--td-bg-color-container-hover);
  background-color: var(--td-bg-color-container-hover);
}
.t-date-picker__cell--additional .t-date-picker__cell-inner {
  color: var(--td-text-color-disabled);
}
.t-date-picker__cell--active .t-date-picker__cell-inner {
  color: var(--td-text-color-anti);
  background-color: var(--td-brand-color);
}
.t-date-picker__cell--active-start::before {
  opacity: 1;
  left: calc(calc(var(--td-comp-margin-xs) - 1px) * 2);
  border-top-left-radius: var(--td-radius-default);
  border-bottom-left-radius: var(--td-radius-default);
}
.t-date-picker__cell--active-start:hover::before {
  left: -5%;
}
.t-date-picker__cell--active-end::before {
  opacity: 1;
  right: calc(calc(var(--td-comp-margin-xs) - 1px) * 2);
  border-top-right-radius: var(--td-radius-default);
  border-bottom-right-radius: var(--td-radius-default);
}
.t-date-picker__cell--active-end:hover::before {
  right: -5%;
}
.t-date-picker__cell--disabled:hover .t-date-picker__cell-inner {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: var(--td-bg-color-component-disabled);
}
.t-date-picker__cell--disabled .t-date-picker__cell-inner {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
}
.t-date-picker__cell--disabled + .t-date-picker__cell--disabled::before {
  opacity: 1;
  left: calc(0px - var(--td-comp-size-l));
  background-color: var(--td-bg-color-component-disabled);
  border-radius: var(--td-radius-default);
}
.t-date-picker__input--placeholder input {
  color: var(--td-text-color-placeholder);
}

.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,
.t-time-range-picker {
  width: 240px;
  background: transparent;
  display: inline-block;
  position: relative;
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-time-picker.t-is-disabled,
.t-time-range-picker.t-is-disabled {
  cursor: not-allowed;
}
.t-time-picker > *:focus,
.t-time-range-picker > *:focus,
.t-time-picker > *:active,
.t-time-range-picker > *:active {
  outline: 0;
}
.t-time-picker__group,
.t-time-range-picker__group {
  position: relative;
}
.t-time-picker__group.active,
.t-time-range-picker__group.active {
  border: 1px solid var(--td-brand-color);
  -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,
.t-time-range-picker__group.active + .t-time-picker__icon-wrap > .t-time-picker__icon-clear {
  display: block;
}
.t-time-picker__group-text,
.t-time-range-picker__group-text {
  color: var(--td-text-color-primary);
}
.t-time-picker__group input,
.t-time-range-picker__group input {
  cursor: pointer;
}
.t-time-range-picker {
  width: auto;
}
.t-time-picker__panel {
  width: 280px;
  background: transparent;
  border-radius: var(--td-radius-default);
  display: inline-block;
  position: relative;
  font: var(--td-font-body-medium);
  --timePickerPanelOffsetTop: 15;
  --timePickerPanelOffsetBottom: 21;
}
.t-time-picker__panel-body {
  width: 100%;
  height: calc(calc(var(--td-comp-size-xs) + var(--td-size-3)) * 7 + var(--td-size-3));
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  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: var(--td-comp-size-xs);
  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(calc(0px - (calc(var(--td-comp-size-xs) + var(--td-size-3)) / 2)));
          transform: translateY(calc(0px - (calc(var(--td-comp-size-xs) + var(--td-size-3)) / 2)));
  height: var(--td-comp-size-xs);
  background-color: var(--td-brand-color-light);
  margin: var(--td-size-3) var(--td-comp-margin-xs);
  border-radius: var(--td-radius-default);
}
.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::before {
  height: calc(50% - var(--timePickerPanelOffsetTop, 0) * 1px);
}
.t-time-picker__panel-body-scroll::after {
  height: calc(50% - var(--timePickerPanelOffsetBottom, 0) * 1px);
}
.t-time-picker__panel-body-scroll:last-child {
  border-right: 0;
}
.t-time-picker__panel-body-scroll-item {
  height: var(--td-comp-size-xs);
  font: var(--td-font-body-medium);
  line-height: var(--td-comp-size-xs);
  color: var(--td-text-color-secondary);
  margin: var(--td-size-3) var(--td-comp-margin-xs);
  border-radius: var(--td-radius-default);
  text-align: center;
  cursor: pointer;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.t-time-picker__panel-body-scroll-item:not(.t-time-picker__panel-body-scroll-item.t-is-current):not(.t-time-picker__panel-body-scroll-item.t-is-disabled):hover {
  color: var(--td-text-color-primary);
}
.t-time-picker__panel-body-scroll-item:not(.t-time-picker__panel-body-scroll-item.t-is-current):not(.t-time-picker__panel-body-scroll-item.t-is-disabled):active {
  background-color: var(--td-bg-color-container-hover);
}
.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: var(--td-brand-color);
}
.t-time-picker__panel-section-body {
  padding: var(--td-pop-padding-xl) calc(var(--td-pop-padding-xl) - var(--td-comp-margin-xs));
}
.t-time-picker__panel-section-footer {
  width: 100%;
  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);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: var(--td-pop-padding-xl);
}

.range-input-disabled.t-is-disabled {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
}
.range-input-disabled.t-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
}
.range-input-disabled.t-is-disabled .t-range-input__inner {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
}
.range-input-disabled.t-is-disabled .t-range-input__inner::-webkit-input-placeholder {
  color: var(--td-text-color-disabled);
}
.range-input-disabled.t-is-disabled .t-range-input__inner::-moz-placeholder {
  color: var(--td-text-color-disabled);
}
.range-input-disabled.t-is-disabled .t-range-input__inner:-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.range-input-disabled.t-is-disabled .t-range-input__inner::-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.range-input-disabled.t-is-disabled .t-range-input__inner::placeholder {
  color: var(--td-text-color-disabled);
}
.range-input-disabled.t-is-disabled > .t-range-input__prefix .t-icon,
.range-input-disabled.t-is-disabled > .t-range-input__suffix .t-icon {
  color: var(--td-text-color-disabled);
}
.t-range-input {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  position: relative;
  font: var(--td-font-body-medium);
  height: var(--td-comp-size-m);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--td-radius-default);
  border-color: var(--td-border-level-2-color);
  padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s) var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s);
  background-color: var(--td-bg-color-specialcomponent);
  color: var(--td-text-color-primary);
  font-size: var(--td-font-body-medium);
  -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-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.t-range-input:hover {
  border-color: var(--td-brand-color);
}
.t-range-input--borderless:not(.t-is-focused) {
  border-color: transparent;
  -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-range-input--borderless:not(.t-is-focused):hover {
  border-color: var(--td-component-border);
  cursor: pointer;
}
.t-range-input--borderless:not(.t-is-focused).t-is-disabled {
  border: none;
  background-color: var(--td-bg-color-component-disabled);
}
.t-range-input.t-is-focused {
  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-range-input.t-is-success {
  border-color: var(--td-success-color);
}
.t-range-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-range-input.t-is-success.t-range-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-range-input.t-is-success > .t-range-input__extra {
  color: var(--td-success-color);
}
.t-range-input.t-is-success > .t-range-input__tips {
  color: var(--td-success-color);
  font-size: var(--td-font-size-body-small);
  margin-left: calc(-1 * var(--td-comp-paddingLR-xs));
}
.t-range-input.t-is-warning {
  border-color: var(--td-warning-color);
}
.t-range-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-range-input.t-is-warning.t-range-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-range-input.t-is-warning > .t-range-input__extra {
  color: var(--td-warning-color);
}
.t-range-input.t-is-warning > .t-range-input__tips {
  color: var(--td-warning-color);
  font-size: var(--td-font-size-body-small);
  margin-left: calc(-1 * var(--td-comp-paddingLR-xs));
}
.t-range-input.t-is-error {
  border-color: var(--td-error-color);
}
.t-range-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-range-input.t-is-error.t-range-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-range-input.t-is-error > .t-range-input__extra {
  color: var(--td-error-color);
}
.t-range-input.t-is-error > .t-range-input__tips {
  color: var(--td-error-color);
  font-size: var(--td-font-size-body-small);
  margin-left: calc(-1 * var(--td-comp-paddingLR-xs));
}
.t-range-input.t-is-disabled {
  color: var(--td-text-color-disabled);
  background-color: var(--td-bg-color-component-disabled);
}
.t-range-input.t-is-disabled:hover {
  border-color: var(--td-border-level-2-color);
}
.t-range-input.t-is-disabled .t-range-input__inner {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
}
.t-range-input.t-is-disabled .t-range-input__inner::-webkit-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-range-input.t-is-disabled .t-range-input__inner::-moz-placeholder {
  color: var(--td-text-color-disabled);
}
.t-range-input.t-is-disabled .t-range-input__inner:-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-range-input.t-is-disabled .t-range-input__inner::-ms-input-placeholder {
  color: var(--td-text-color-disabled);
}
.t-range-input.t-is-disabled .t-range-input__inner::placeholder {
  color: var(--td-text-color-disabled);
}
.t-range-input.t-is-disabled > .t-range-input__prefix .t-icon,
.t-range-input.t-is-disabled > .t-range-input__suffix .t-icon {
  color: var(--td-text-color-disabled);
}
.t-range-input.t-range-input--prefix .t-range-input__prefix {
  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: var(--td-font-size-body-medium);
}
.t-range-input.t-range-input--suffix .t-range-input__suffix {
  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: var(--td-font-size-body-medium);
}
.t-range-input.t-size-l {
  height: var(--td-comp-size-xl);
  font: var(--td-font-body-large);
  padding-top: var(--td-comp-paddingTB-xs);
  padding-bottom: var(--td-comp-paddingTB-xs);
}
.t-range-input.t-size-l .t-input {
  padding: 0 var(--td-comp-margin-s);
}
.t-range-input.t-size-s {
  padding: var(--td-comp-paddingTB-xxs) var(--td-comp-margin-xs);
  height: var(--td-comp-size-xs);
  font: var(--td-font-body-small);
}
.t-range-input__inner {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--td-comp-margin-s);
}
.t-range-input__inner .t-input__wrap {
  height: 100%;
  border-radius: var(--td-radius-small);
}
.t-range-input__inner > .t-range-input__prefix {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.t-range-input__inner .t-input {
  padding: 0 var(--td-comp-paddingLR-xs);
  height: 100%;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: inherit;
  border-radius: var(--td-radius-small);
}
.t-range-input__inner .t-input:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-range-input__inner .t-input__inner {
  width: 100%;
  height: 100%;
  line-height: 1;
}
.t-range-input__inner .t-input.t-is-focused {
  background-color: var(--td-bg-color-component);
}
.t-range-input__extra {
  font: var(--td-font-body-small);
  color: var(--td-text-color-placeholder);
}
.t-range-input__status {
  position: absolute;
  right: calc(0px - var(--td-comp-margin-xxxl));
  top: 0;
}
.t-range-input.t-range-input--suffix .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-range-input.t-range-input--suffix:hover .t-input__clear {
  opacity: 1;
  visibility: visible;
}
.t-range-input .t-range-input__suffix-clear {
  cursor: pointer;
}
.t-range-input__prefix > .t-icon,
.t-range-input__suffix > .t-icon {
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
  font-size: 16px;
  color: var(--td-text-color-placeholder);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.t-range-input-popup {
  width: 100%;
}
.t-range-input-popup--visible .t-range-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-range-input-popup--visible .t-range-input .t-icon-time,
.t-range-input-popup--visible .t-range-input .t-icon-calendar {
  color: var(--td-brand-color);
}
.t-range-input-popup--visible .t-range-input .t-input.t-is-focused {
  background-color: var(--td-bg-color-component);
}

.t-form {
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  font: var(--td-font-body-medium);
}
.t-form:not(.t-form-inline) .t-form__item:last-of-type {
  margin: 0;
}
.t-form__item {
  margin-bottom: var(--td-comp-margin-xxl);
}
.t-form__item.t-form__item-with-help {
  margin-bottom: var(--td-comp-margin-xs);
}
.t-form__item.t-form__item-with-extra {
  margin-bottom: var(--td-comp-margin-xxl);
}
.t-form__label {
  float: left;
  padding-right: var(--td-comp-paddingLR-xl);
  vertical-align: middle;
  line-height: var(--td-comp-margin-xxxl);
  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: var(--td-comp-margin-xxxl);
}
.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: var(--td-comp-margin-xs);
  color: var(--td-error-color);
  line-height: var(--td-line-height-body-medium);
  content: "*";
}
.t-form__label--colon label::after {
  content: ":";
  position: relative;
  margin: 0 var(--td-comp-margin-xxs);
}
.t-form__controls {
  min-height: var(--td-comp-margin-xxxl);
  display: flow-root;
  position: relative;
}
.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: var(--td-comp-margin-xxxl);
}
.t-form__controls .t-form__item {
  margin-bottom: 0;
  margin-right: var(--td-comp-margin-xxl);
}
.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-range-input,
.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-range-input--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-range-input .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-range-input .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-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-radio-button:last-child {
  border-right-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__status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 var(--td-comp-margin-s);
}
.t-form__status > .t-icon {
  font-size: var(--td-comp-size-xxxs);
}
.t-form__status-without-icon {
  width: 25px;
  height: 25px;
}
.t-form__status button {
  width: var(--td-comp-size-m);
}
.t-form__status button + button {
  margin-left: var(--td-comp-margin-s);
}
.t-form-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: var(--td-comp-margin-l);
}
.t-form-inline .t-form__item {
  margin: 0;
  min-width: 200px;
  display: inline-block;
  margin-right: var(--td-comp-margin-xxl);
}
.t-input__extra,
.t-input__help {
  margin: 0;
  width: 100%;
  height: auto;
  min-height: var(--td-line-height-body-small);
  font: var(--td-font-body-small);
  color: var(--td-text-color-placeholder);
}
.t-input__extra {
  position: absolute;
  bottom: calc(0px - var(--td-line-height-body-small));
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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-range-input,
.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-range-input--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-range-input .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-range-input .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-select > .t-select__right-icon:not(.t-select__right-icon-clear) {
  color: var(--td-warning-color);
}
.t-is-warning .t-form__controls-content .t-radio-button:last-child {
  border-right-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-range-input,
.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-range-input--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-range-input .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-range-input .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-select > .t-select__right-icon:not(.t-select__right-icon-clear) {
  color: var(--td-error-color);
}
.t-is-error .t-form__controls-content .t-radio-button:last-child {
  border-right-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-slider__input-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: var(--td-comp-margin-xxl);
}
.t-slider__input-container.is-vertical {
  padding-top: var(--td-comp-paddingTB-l);
  margin-left: 0px;
}
.t-slider__input-container .t-slider__center-line {
  width: var(--td-size-4);
  height: 1px;
  background: rgba(0, 0, 0, 0.9);
  margin: 0 var(--td-comp-margin-s);
}
.t-slider {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  height: calc(var(--td-comp-paddingTB-xs) * 2 + var(--td-size-2));
  width: 100%;
  position: relative;
  padding: var(--td-comp-paddingTB-xs) 0;
}
.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: var(--td-size-2);
  background-color: var(--td-bg-color-secondarycomponent);
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
  border-radius: var(--td-radius-round);
}
.t-slider__rail:hover {
  background-color: var(--td-bg-color-secondarycomponent-hover);
}
.t-slider__track {
  position: absolute;
  height: var(--td-size-2);
  background-color: var(--td-brand-color);
  right: auto;
  border-radius: var(--td-radius-round);
}
.t-slider__step {
  position: absolute;
  width: 100%;
  height: var(--td-size-2);
  cursor: pointer;
}
.t-slider__button {
  width: var(--td-comp-size-xxxs);
  height: var(--td-comp-size-xxxs);
  border: 2px solid var(--td-brand-color);
  background-color: #fff;
  border-radius: var(--td-radius-circle);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: var(--td-shadow-1);
          box-shadow: var(--td-shadow-1);
}
.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: var(--td-size-2);
  background-color: var(--td-bg-color-secondarycomponent);
  top: 4px;
}
.t-slider__mark {
  position: absolute;
  top: 2px;
  left: 0;
  width: 100%;
}
.t-slider__mark-text {
  position: absolute;
  display: inline-block;
  font: var(--td-font-body-small);
  color: var(--td-text-color-primary);
  top: calc(var(--td-size-2) + var(--td-comp-paddingTB-xs) + 2px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  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;
  position: relative;
}
.t-slider--vertical .t-slider__rail {
  width: var(--td-size-2);
  height: 100%;
}
.t-slider--vertical .t-slider__track {
  width: var(--td-size-2);
  top: auto;
}
.t-slider--vertical .t-slider__step {
  width: var(--td-size-2);
  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: var(--td-size-2);
  height: 1px;
  left: 4px;
  background-color: var(--td-bg-color-secondarycomponent);
}
.t-slider--vertical .t-slider__mark-text {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: 0;
  margin-left: var(--td-comp-margin-xxs);
}
.t-slider--vertical .t-slider__button-wrapper {
  top: auto;
  position: absolute;
  z-index: 2;
  left: 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-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 {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
  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: var(--td-comp-size-xxs);
  line-height: var(--td-comp-size-xxs);
  border-radius: var(--td-radius-round);
  min-width: calc(var(--td-comp-size-xxs) / 0.618);
  -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);
  background-color: var(--td-bg-color-secondarycomponent);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.t-switch:hover {
  background-color: var(--td-bg-color-secondarycomponent-hover);
}
.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: 4px;
  left: 4px;
  width: calc(var(--td-comp-size-xxs) - 2 * 4px);
  height: calc(var(--td-comp-size-xxs) - 2 * 4px);
  border-radius: var(--td-radius-round);
  -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);
  -webkit-box-shadow: var(--td-shadow-1);
          box-shadow: var(--td-shadow-1);
}
.t-switch__handle .t-icon {
  font-size: calc(var(--td-comp-size-xxs) - 4px);
  color: transparent;
}
.t-switch__handle::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--td-radius-round);
  background-color: #fff;
  -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 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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 var(--td-comp-margin-xs) 0 calc(calc(var(--td-comp-size-xxs) / 0.618) / 2 + 2px);
  font-size: var(--td-font-size-body-small);
  min-width: calc(var(--td-comp-size-xxs) / 0.618);
  -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: var(--td-font-size-body-large);
}
.t-switch.t-is-checked {
  background-color: var(--td-brand-color);
}
.t-switch.t-is-checked:hover {
  background-color: var(--td-brand-color-hover);
}
.t-switch.t-is-checked .t-switch__handle {
  left: calc(100% - 2.5px);
  -webkit-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
  width: calc(var(--td-comp-size-xxs) - 2 * 2.5px);
  height: calc(var(--td-comp-size-xxs) - 2 * 2.5px);
  top: 2.5px;
}
.t-switch.t-is-checked .t-switch__content {
  padding: 0 calc(calc(var(--td-comp-size-xxs) / 0.618) / 2 + 2px) 0 var(--td-comp-margin-xs);
  color: var(--td-text-color-anti);
}
.t-switch.t-is-loading {
  cursor: not-allowed;
  background-color: var(--td-bg-color-component-disabled);
}
.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-component-disabled);
}
.t-switch.t-is-loading.t-is-checked {
  background-color: var(--td-brand-color-focus);
}
.t-switch.t-is-loading.t-is-checked .t-switch__handle .t-icon {
  color: var(--td-brand-color-focus);
}
.t-switch.t-is-disabled {
  cursor: not-allowed;
  background-color: var(--td-bg-color-component-disabled);
}
.t-switch.t-is-disabled .t-switch__handle {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.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 {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.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: calc(var(--td-comp-size-xs) / 0.618);
  height: var(--td-comp-size-xs);
  line-height: var(--td-comp-size-xs);
  border-radius: var(--td-radius-round);
}
.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: 5px;
  left: 5px;
  width: calc(var(--td-comp-size-xs) - 2 * 5px);
  height: calc(var(--td-comp-size-xs) - 2 * 5px);
}
.t-switch.t-size-l .t-switch__handle .t-icon {
  font-size: calc(var(--td-comp-size-xs) - 4px);
}
.t-switch.t-size-l .t-switch__content {
  padding: 0 var(--td-comp-margin-s) 0 calc(calc(var(--td-comp-size-xs) / 0.618) / 2 + 4px);
  min-width: calc(var(--td-comp-size-xs) / 0.618);
  font-size: var(--td-font-size-body-large);
}
.t-switch.t-size-l .t-switch__content .t-icon {
  font-size: var(--td-font-size-body-large);
}
.t-switch.t-size-l.t-is-checked .t-switch__handle {
  left: calc(100% - 3px);
  top: 3px;
  width: calc(var(--td-comp-size-xs) - 2 * 3px);
  height: calc(var(--td-comp-size-xs) - 2 * 3px);
}
.t-switch.t-size-l.t-is-checked .t-switch__content {
  padding: 0 calc(calc(var(--td-comp-size-xs) / 0.618) / 2 + 4px) 0 var(--td-comp-margin-s);
}
.t-switch.t-size-s {
  min-width: calc(var(--td-comp-size-xxxs) / 0.618);
  height: var(--td-comp-size-xxxs);
  line-height: var(--td-comp-size-xxxs);
  border-radius: var(--td-radius-round);
}
.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: 3px;
  left: 3px;
  width: calc(var(--td-comp-size-xxxs) - 2 * 3px);
  height: calc(var(--td-comp-size-xxxs) - 2 * 3px);
}
.t-switch.t-size-s .t-switch__handle .t-icon {
  font-size: calc(var(--td-comp-size-xxxs) - 4px);
}
.t-switch.t-size-s .t-switch__content {
  padding: 0 var(--td-comp-margin-xxs) 0 calc(calc(var(--td-comp-size-xxxs) / 0.618) / 2 + 2px);
  min-width: calc(var(--td-comp-size-xxxs) / 0.618);
  font-size: 9px;
}
.t-switch.t-size-s .t-switch__content .t-icon {
  font-size: var(--td-font-size-body-large);
}
.t-switch.t-size-s.t-is-checked .t-switch__handle {
  left: calc(100% - 2px);
  top: 2px;
  width: calc(var(--td-comp-size-xxxs) - 2 * 2px);
  height: calc(var(--td-comp-size-xxxs) - 2 * 2px);
}
.t-switch.t-size-s.t-is-checked .t-switch__content {
  padding: 0 calc(calc(var(--td-comp-size-xxxs) / 0.618) / 2 + 2px) 0 var(--td-comp-margin-xxs);
}

.t-textarea {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  width: 100%;
}
.t-textarea__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: var(--td-comp-size-xxxl);
  border: 1px solid var(--td-border-level-2-color);
  border-radius: var(--td-radius-default);
  padding: calc(calc(var(--td-comp-size-m) - var(--td-line-height-body-medium)) / 2) var(--td-comp-paddingLR-s);
  background-color: var(--td-bg-color-specialcomponent);
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  resize: vertical;
  outline: none;
  -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;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.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__info_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: var(--td-comp-margin-s);
     -moz-column-gap: var(--td-comp-margin-s);
          column-gap: var(--td-comp-margin-s);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.t-textarea__info_wrapper_align {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.t-textarea__limit {
  font: var(--td-font-body-small);
  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: var(--td-comp-size-xs);
  font: var(--td-font-body-small);
  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 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  font: var(--td-font-body-medium);
  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: 200px;
  height: 200px;
  padding-top: var(--td-comp-size-xxl);
  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: var(--td-radius-medium);
}
.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: var(--td-comp-size-xxl);
  line-height: var(--td-comp-size-xxl);
  width: calc(200px - var(--td-comp-margin-s) * 2);
  padding: 0 var(--td-comp-paddingLR-s);
  margin: 0 var(--td-comp-margin-s);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.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: var(--td-comp-margin-s);
}
.t-transfer__list-header > span {
  color: var(--td-text-color-placeholder);
}
.t-transfer__list-body {
  position: relative;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.t-transfer__list--with-search {
  padding-top: var(--td-comp-size-m);
  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: var(--td-comp-margin-xs);
  margin: var(--td-comp-margin-s) 0;
}
.t-transfer__list-content .t-checkbox-group .t-checkbox {
  margin-right: var(--td-comp-margin-s);
  --ripple-color: var(--td-bg-color-container-active);
}
.t-transfer__list-content .t-checkbox-group .t-checkbox + .t-checkbox {
  margin-left: var(--td-comp-margin-s);
}
.t-transfer__list-content .t-checkbox-group .t-checkbox__label {
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.t-transfer__list-content .t-checkbox-group .t-checkbox__label > span {
  margin-left: var(--td-comp-margin-s);
  display: inline-block;
}
.t-transfer__list .t-transfer__list-item {
  padding: var(--td-comp-paddingLR-xs) var(--td-comp-paddingLR-s);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  margin: 0 var(--td-comp-margin-s);
  border-radius: var(--td-radius-default);
  -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 .t-transfer__list-item:first-child {
  margin-top: 0;
}
.t-transfer__list .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-light);
}
.t-transfer__list-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: auto;
  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m);
}
.t-transfer__list-pagination {
  height: var(--td-comp-size-xs);
  vertical-align: middle;
  padding: var(--td-comp-paddingTB-m);
}
.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 var(--td-comp-margin-s);
  vertical-align: middle;
  overflow: hidden;
  gap: var(--td-comp-margin-l);
}
.t-transfer__operations .t-icon {
  font-size: var(--td-comp-size-xxxs);
}
.t-transfer__operations .t-icon + .t-button__text {
  margin-left: 0;
}
.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 var(--td-comp-margin-s);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.t-transfer__search .t-transfer__list {
  height: 240px;
}
.t-transfer--with-tree .t-transfer__list {
  height: auto;
}
.t-transfer--with-tree .t-transfer__list .t-tree {
  padding: 0 var(--td-comp-paddingLR-m);
  margin: var(--td-comp-margin-s) 0;
}
.t-transfer__pagination .t-transfer__list {
  height: 240px;
  padding-bottom: calc(var(--td-comp-size-xs) + var(--td-comp-paddingTB-m) * 2);
}
.t-transfer__footer .t-transfer__list {
  height: 248px;
  padding-bottom: 48px;
}
.t-transfer__pagination.t-transfer__footer .t-transfer__list {
  height: 288px;
  padding-bottom: calc(calc(var(--td-comp-size-xs) + var(--td-comp-paddingTB-m) * 2) + 48px);
}
.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: 48px;
}
.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;
}

.t-tree {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  position: relative;
}
.t-tree.t-is-disabled {
  color: var(--td-text-color-disabled);
}
.t-tree.t-is-disabled .t-icon {
  color: var(--td-text-color-disabled);
}
.t-tree.t-is-disabled .t-tree__item.t-is-active {
  background-color: var(--td-bg-color-container-hover);
  color: var(--td-text-color-disabled);
}
.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__branch {
  display: block;
}
.t-tree__item {
  --level: 0;
  --hscale: 2;
  will-change: opacity, max-height;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 0 calc(var(--td-comp-margin-xxl) * var(--level));
  cursor: default;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
}
.t-tree__item .t-icon,
.t-tree__item .t-loading {
  display: inline-block;
  position: relative;
  z-index: 2;
  font-size: calc(var(--td-font-size-body-medium) + 2px);
}
.t-tree__item .t-icon {
  color: var(--td-text-color-secondary);
}
.t-tree__item .t-checkbox {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0;
}
.t-tree__item .t-checkbox__input {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.t-tree__item .t-checkbox__label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-tree__item .t-tree__icon--default .t-icon {
  -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__item--locked {
  color: var(--td-text-color-disabled);
}
.t-tree__item--matched {
  color: inherit;
}
.t-tree__item--draggable {
  cursor: pointer;
}
.t-tree__item--draggable:hover {
  background-color: var(--td-bg-color-container-hover);
  background-clip: content-box;
}
.t-tree__item--draggable::after {
  position: absolute;
  top: -1px;
  right: 0;
  left: 0;
  display: block;
  height: 2px;
  border-radius: 1px;
  content: "";
  padding: inherit;
  background-clip: content-box;
}
.t-tree__item--tip-top::after {
  background-color: var(--td-brand-color);
}
.t-tree__item--tip-bottom::after {
  top: unset;
  bottom: -1px;
  background-color: var(--td-brand-color);
}
.t-tree__item--tip-highlight {
  background-color: var(--td-brand-color-light);
  background-clip: content-box;
}
.t-tree__item::before {
  content: "";
  display: block;
  width: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: calc(var(--td-comp-size-m) + 2px);
}
.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 {
  --level: 0;
  --color: var(--td-border-level-1-color);
  --space: var(--td-comp-margin-xxl);
  --iconSize: 16px;
  position: absolute;
  left: calc(var(--td-comp-margin-xxl) * var(--level) - var(--td-comp-margin-l));
  bottom: var(--td-comp-margin-l);
  width: 1px;
  height: calc(var(--td-comp-size-m) + 2px);
  pointer-events: none;
}
.t-tree__line::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: calc(var(--td-comp-size-m) + 2px);
  width: var(--td-comp-margin-m);
  border-left: 1px solid var(--color);
  border-bottom: 1px solid var(--color);
}
.t-tree__line--first::before {
  height: var(--td-line-height-body-medium);
}
.t-tree__line--leaf::before {
  width: var(--td-comp-margin-m);
}
.t-tree__icon {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  width: calc(var(--td-font-size-body-medium) + 2px);
  font-size: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.t-tree__icon::after {
  content: "";
  display: block;
  position: absolute;
  left: -2px;
  top: -2px;
  width: calc(calc(var(--td-font-size-body-medium) + 2px) + 4px);
  height: calc(calc(var(--td-font-size-body-medium) + 2px) + 4px);
  border-radius: var(--td-radius-default);
}
.t-tree__icon:not(:empty):hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-tree__icon:empty {
  cursor: initial;
}
.t-tree__label {
  --ripple-color: var(--td-bg-color-container-active);
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-xs);
  margin-left: var(--td-comp-margin-xs);
  border-radius: var(--td-radius-default);
  cursor: pointer;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-tree__label.t-is-checked {
  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-is-active .t-tree__label {
  font-weight: 500;
  color: var(--td-text-color-primary);
  background-color: var(--td-brand-color-light);
}
.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-text-color-disabled);
  cursor: default;
}
.t-tree__item.t-is-disabled .t-checkbox {
  cursor: default;
}
.t-tree__item--hidden {
  display: none;
}
.t-tree--transition .t-tree__label {
  -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-tree--transition .t-tree__icon {
  -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--transition .t-tree__icon::after {
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.t-tree--transition .t-tree__icon:not(:empty):hover {
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.t-tree--transition .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;
}
.t-tree--transition .t-tree__item--visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: calc(calc(var(--td-comp-size-m) + 2px) * var(--hscale) + 0px);
  opacity: 1;
  -webkit-transition: opacity 150ms linear 150ms, max-height 150ms linear 0s;
  transition: opacity 150ms linear 150ms, max-height 150ms linear 0s;
}
.t-tree--transition .t-tree__item--hidden {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-animation: initial;
          animation: initial;
  -webkit-transition: opacity 150ms linear 0s, max-height 150ms linear 150ms;
  transition: opacity 150ms linear 0s, max-height 150ms linear 150ms;
}
.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__vscroll {
  overflow-y: auto;
}
.t-tree__lazyload {
  overflow-y: auto;
}
.t-tree__vscroll-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-tree--scrolling .t-tree__item {
  will-change: initial;
}
.t-tree--scrolling .v-enter,
.t-tree--scrolling .v-leave,
.t-tree--scrolling .t-tree__item--visible,
.t-tree--scrolling .t-tree__item--hidden,
.t-tree--scrolling .t-tree__item--enter,
.t-tree--scrolling .t-tree__item--enter-active,
.t-tree--scrolling .t-tree__item--enter-to,
.t-tree--scrolling .t-tree__item--leave,
.t-tree--scrolling .t-tree__item--leave-active .t-tree__item--leave-to {
  -webkit-animation: none;
          animation: none;
  -webkit-transition: none;
  transition: none;
}
.t-tree--scrolling .t-tree__item--visible {
  max-height: initial;
}
.t-tree--scrolling .t-tree__item--enter-to,
.t-tree--scrolling .t-tree__item--enter-active {
  max-height: initial;
}
.t-tree--scrolling .t-tree__item--leave-to,
.t-tree--scrolling .t-tree__item--leave-active {
  max-height: 0;
}
@-webkit-keyframes t-tree-toggle {
  0% {
    opacity: 0;
    max-height: 0;
  }
  50% {
    opacity: 0;
    max-height: calc(calc(var(--td-comp-size-m) + 2px) * var(--hscale) + 0px);
  }
  100% {
    opacity: 1;
    max-height: calc(calc(var(--td-comp-size-m) + 2px) * var(--hscale) + 0px);
  }
}
@keyframes t-tree-toggle {
  0% {
    opacity: 0;
    max-height: 0;
  }
  50% {
    opacity: 0;
    max-height: calc(calc(var(--td-comp-size-m) + 2px) * var(--hscale) + 0px);
  }
  100% {
    opacity: 1;
    max-height: calc(calc(var(--td-comp-size-m) + 2px) * var(--hscale) + 0px);
  }
}

.t-image__wrapper {
  position: relative;
  background: var(--td-bg-color-secondarycontainer);
  z-index: 1;
}
.t-image__wrapper--shape-square {
  border-radius: 0;
}
.t-image__wrapper--shape-round {
  border-radius: var(--td-radius-medium);
}
.t-image__wrapper--shape-circle {
  border-radius: 50%;
}
.t-image__wrapper--gallery {
  border-radius: var(--td-radius-medium);
}
.t-image__wrapper--gallery .t-image {
  position: relative;
  z-index: 5;
}
.t-image__wrapper--need-hover {
  cursor: pointer;
}
.t-image {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  position: relative;
  z-index: inherit;
}
.t-image--fit-fill {
  -o-object-fit: fill;
     object-fit: fill;
}
.t-image--fit-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.t-image--fit-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.t-image--fit-scale-down {
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.t-image--fit-none {
  -o-object-fit: none;
     object-fit: none;
}
.t-image--position-center {
  -o-object-position: center;
     object-position: center;
}
.t-image--position-bottom {
  -o-object-position: bottom;
     object-position: bottom;
}
.t-image--position-top {
  -o-object-position: top;
     object-position: top;
}
.t-image--position-left {
  -o-object-position: left;
     object-position: left;
}
.t-image--position-right {
  -o-object-position: right;
     object-position: right;
}
.t-image__gallery-shadow {
  position: absolute;
  left: 0;
  right: -24px;
  top: 24px;
  bottom: 24px;
  background: rgba(238, 238, 238, 0.26);
  border-radius: var(--td-radius-medium);
  z-index: calc(5 - 2);
}
.t-image__gallery-shadow::before,
.t-image__gallery-shadow::after {
  content: "";
  position: absolute;
  left: 0;
  border-radius: var(--td-radius-medium);
}
.t-image__gallery-shadow::after {
  top: -16px;
  right: 16px;
  bottom: -16px;
  background: rgba(238, 238, 238, 0.8);
  z-index: calc(5 - 1);
}
.t-image__gallery-shadow::before {
  top: -8px;
  right: 8px;
  bottom: -8px;
  background: rgba(238, 238, 238, 0.5);
  z-index: calc(5 - 3);
}
.t-image__placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  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;
  z-index: 0;
}
.t-image__overlay-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: calc(5 + 1);
  opacity: 1;
  visibility: visible;
  -webkit-transition: visibility 0s, opacity 0.2s linear;
  transition: visibility 0s, opacity 0.2s linear;
}
.t-image__overlay-content--hidden {
  visibility: hidden;
  opacity: 0;
}
.t-image__loading,
.t-image__error {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  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;
  z-index: calc(0 + 1);
}
.t-image__loading {
  color: var(--td-text-color-secondary);
}
.t-image__error {
  color: var(--td-text-color-disabled);
}

.t-avatar {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: var(--td-brand-color-focus);
  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: var(--td-comp-size-m);
  height: var(--td-comp-size-m);
  font-size: var(--td-font-size-body-large);
  line-height: var(--td-comp-size-m);
}
.t-avatar.t-avatar__icon {
  font-size: var(--td-comp-size-xxs);
}
.t-avatar--circle {
  border-radius: var(--td-radius-circle);
}
.t-avatar--round {
  border-radius: var(--td-radius-default);
}
.t-avatar.t-size-s {
  width: var(--td-comp-size-xs);
  height: var(--td-comp-size-xs);
  font-size: var(--td-font-size-body-medium);
  line-height: var(--td-comp-size-xs);
}
.t-avatar.t-size-s.t-avatar__icon {
  font-size: var(--td-comp-size-xxxs);
}
.t-avatar.t-size-l {
  width: var(--td-comp-size-xl);
  height: var(--td-comp-size-xl);
  font-size: var(--td-font-size-title-large);
  line-height: var(--td-comp-size-xl);
}
.t-avatar.t-size-l.t-avatar__icon {
  font-size: var(--td-comp-size-xs);
}
.t-avatar > .t-image__wrapper {
  max-width: 100%;
  max-height: 100%;
}
.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: calc(0px - var(--td-size-3));
}
.t-avatar-group.t-avatar--offset-right .t-avatar:not(:last-child).t-size-s {
  margin-right: calc(0px - var(--td-size-2));
}
.t-avatar-group.t-avatar--offset-right .t-avatar:not(:last-child).t-size-l {
  margin-right: calc(0px - var(--td-size-4));
}
.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-avatar:not(:first-child) {
  margin-left: calc(0px - var(--td-size-3));
}
.t-avatar-group.t-avatar--offset-left .t-avatar:not(:first-child).t-size-s {
  margin-left: calc(0px - var(--td-size-2));
}
.t-avatar-group.t-avatar--offset-left .t-avatar:not(:first-child).t-size-l {
  margin-left: calc(0px - var(--td-size-4));
}

.t-badge {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  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: var(--td-font-body-small);
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.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: var(--td-radius-circle);
  background-color: var(--td-error-color);
}
.t-badge--circle,
.t-badge--round {
  padding-right: calc((var(--td-comp-size-xxs) - 8px) / 2);
  padding-left: calc((var(--td-comp-size-xxs) - 8px) / 2);
  min-width: 8px;
  height: var(--td-comp-size-xxs);
  background-color: var(--td-error-color);
  line-height: var(--td-comp-size-xxs);
}
.t-badge--circle.t-size-s,
.t-badge--round.t-size-s {
  padding-right: calc((var(--td-comp-size-xxxs) - 8px) / 2);
  padding-left: calc((var(--td-comp-size-xxxs) - 8px) / 2);
  min-width: 8px;
  height: var(--td-comp-size-xxxs);
  line-height: var(--td-comp-size-xxxs);
}
.t-badge--circle {
  border-radius: calc(var(--td-comp-size-xxs) / 2);
}
.t-badge--round {
  border-radius: var(--td-radius-default);
}

.t-calendar {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--td-border-level-1-color);
  background-color: var(--td-bg-color-container);
  border-radius: var(--td-radius-large);
}
.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;
  padding: var(--td-comp-paddingTB-xxl) var(--td-comp-paddingLR-xxl);
}
.t-calendar--full .t-calendar__control {
  padding: 0;
}
.t-calendar--full .t-calendar__title {
  font: var(--td-font-title-large);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.t-calendar--full .t-calendar__panel {
  position: relative;
  margin-top: var(--td-comp-margin-xxxl);
}
.t-calendar--full .t-calendar__panel-title {
  font: var(--td-font-title-large);
  color: var(--td-text-color-primary);
  position: absolute;
}
.t-calendar--full .t-calendar__table-head-cell,
.t-calendar--full .t-calendar__table-body-cell {
  margin-right: var(--td-comp-margin-s);
  position: relative;
}
.t-calendar--full .t-calendar__table-body-cell {
  border-top: 2px solid var(--td-border-level-1-color);
  padding: 0;
  height: 104px;
  line-height: var(--td-line-height-body-medium);
  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;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-left: 0;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: border-top, background;
  transition-property: border-top, background;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.t-calendar--full .t-calendar__table-body-cell-content {
  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-xs);
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.t-calendar--full .t-calendar__table-body-cell.t-is-checked {
  background-color: var(--td-brand-color-light);
}
.t-calendar--full .t-calendar__table-body-cell.t-is-checked:hover {
  background-color: var(--td-brand-color-light);
}
.t-calendar--full .t-calendar__table-body-cell--now {
  border-top: 2px solid var(--td-brand-color);
}
.t-calendar--full .t-calendar__table-body-cell--now .t-calendar__table-body-cell-display {
  color: var(--td-text-color-primary);
}
.t-calendar--full .t-calendar__footer {
  height: 90px;
  padding: var(--td-comp-paddingTB-xxl) var(--td-comp-paddingLR-xxl);
  border-top: 1px solid var(--td-border-level-1-color);
}
.t-calendar--card {
  width: 280px;
  border-radius: var(--td-radius-medium);
  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m);
}
.t-calendar--card .t-calendar__control {
  padding: 0;
}
.t-calendar--card .t-calendar__control-section {
  width: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.t-calendar--card .t-calendar__control-section-cell:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
  display: block;
}
.t-calendar--card .t-calendar__panel.t-calendar__panel--month {
  height: 200px;
  margin-top: var(--td-comp-margin-m);
}
.t-calendar--card .t-calendar__panel.t-calendar__panel--year {
  height: 168px;
  margin-top: var(--td-comp-margin-m);
}
.t-calendar--card .t-calendar__panel.t-calendar__panel--year .t-calendar__table-body-cell-display {
  min-width: var(--td-comp-size-xxl);
}
.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%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font: var(--td-font-body-medium);
  -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: var(--td-comp-size-xs);
  line-height: var(--td-comp-size-xs);
}
.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: var(--td-font-body-medium);
  padding-top: calc(var(--td-comp-paddingTB-xxs) / 2);
  padding-bottom: calc(var(--td-comp-paddingTB-xxs) / 2);
  text-align: center;
  border-radius: var(--td-radius-default);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.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 linear;
  transition: -webkit-box-shadow 0.2s linear;
  transition: box-shadow 0.2s linear;
  transition: box-shadow 0.2s linear, -webkit-box-shadow 0.2s linear;
}
.t-calendar--card .t-calendar__table-body-cell--now .t-calendar__table-body-cell-display {
  color: var(--td-brand-color);
  background-color: var(--td-brand-color-light);
  position: relative;
}
.t-calendar--card .t-is-checked .t-calendar__table-body-cell-display {
  background: var(--td-brand-color);
  border-radius: var(--td-radius-default);
  color: var(--td-text-color-anti);
}
.t-calendar--card .t-calendar__footer {
  height: var(--td-comp-size-xxl);
  padding: 0 var(--td-comp-paddingLR-m);
  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%;
  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: var(--td-comp-margin-s);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-calendar__control-section-cell .t-radio-group {
  vertical-align: bottom;
}
.t-calendar__control-section-cell .t-select {
  display: inline;
}
.t-calendar__control-section-cell:last-child {
  margin-right: 0;
}
.t-calendar__panel {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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: var(--td-font-title-small);
  color: var(--td-text-color-primary);
  cursor: default;
  padding: 0;
}
.t-calendar__table-head-cell:last-child,
.t-calendar__table-body-cell:last-child {
  margin-right: 0;
}
.t-calendar__table-head {
  margin-bottom: var(--td-comp-margin-s);
  display: block;
}
.t-calendar__table-head-row {
  padding-bottom: 0px;
  background: var(--td-bg-color-container);
}
.t-calendar__table-head-cell {
  height: 100%;
  font: var(--td-font-title-small);
  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 linear;
  transition: background-color 0.2s linear;
}
.t-calendar__table-body-cell-display {
  font: var(--td-font-title-small);
  color: var(--td-text-color-primary);
}

.t-card {
  font: var(--td-font-body-medium);
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: var(--td-radius-medium);
  background-color: var(--td-bg-color-container);
  color: var(--td-text-color-primary);
  -webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1), -webkit-box-shadow 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.t-card--bordered {
  border: 1px solid var(--td-component-border);
}
.t-card--shadow-hover:hover,
.t-card--shadow {
  -webkit-box-shadow: var(--td-shadow-1);
          box-shadow: var(--td-shadow-1);
}
.t-card__cover {
  display: flow-root;
}
.t-card__cover img {
  display: flow-root;
  width: 100%;
  max-height: 100%;
  border-radius: var(--td-radius-default) var(--td-radius-default) 0 0;
}
.t-card__body {
  display: flow-root;
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
}
.t-card__header {
  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;
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
  position: relative;
}
.t-card__header-wrapper {
  -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-card__header + .t-card__cover img {
  border-radius: 0;
}
.t-card__footer {
  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: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
}
.t-card__footer-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.t-size-s .t-card__body {
  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-l);
}
.t-size-s .t-card__header {
  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-l);
}
.t-size-s .t-card__footer {
  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-l);
}
.t-card__avatar {
  margin-right: var(--td-comp-margin-l);
  width: var(--td-comp-size-xxxl);
  height: var(--td-comp-size-xxxl);
}
.t-card__title {
  font: var(--td-font-title-medium);
  color: var(--td-text-color-primary);
  margin-right: var(--td-comp-margin-l);
  word-break: break-all;
}
.t-card__subtitle {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-secondary);
  word-break: break-all;
}
.t-card__description {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-secondary);
  margin-top: var(--td-comp-margin-xs);
  word-break: break-all;
}
.t-card__actions {
  float: right;
  color: var(--td-brand-color);
}
.t-card__title--bordered {
  border-bottom: 1px solid var(--td-component-border);
}

.t-comment {
  font: var(--td-font-body-medium);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  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: var(--td-comp-margin-xxl);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-comment__avatar-image {
  width: var(--td-comp-size-xxxl);
  height: var(--td-comp-size-xxxl);
  border-radius: var(--td-radius-circle);
}
.t-comment__content {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  font: var(--td-font-body-medium);
}
.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;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-bottom: var(--td-comp-margin-s);
}
.t-comment__name {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font: var(--td-font-title-medium);
  padding-right: var(--td-comp-paddingLR-s);
  cursor: pointer;
}
.t-comment__time {
  font: var(--td-font-body-small);
  padding-right: var(--td-comp-paddingLR-s);
  color: var(--td-text-color-placeholder);
}
.t-comment__detail {
  word-break: break-all;
  font: var(--td-font-body-medium);
}
.t-comment__quote {
  margin-top: var(--td-comp-margin-l);
  border-left: 4px solid var(--td-component-stroke);
  padding-left: var(--td-comp-margin-l);
}
.t-comment__quote .t-comment__name,
.t-comment__quote .t-comment__detail {
  color: var(--td-text-color-secondary);
}
.t-comment__actions {
  margin-top: var(--td-comp-margin-s);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  list-style: none;
  padding: 0;
  gap: var(--td-comp-margin-s);
}
.t-comment__actions .t-button--variant-text {
  color: var(--td-text-color-placeholder);
}
.t-comment__actions .t-button--variant-text .t-button__text {
  gap: var(--td-comp-margin-s);
}
.t-comment__reply {
  margin-top: var(--td-comp-margin-l);
  margin-left: calc(var(--td-comp-size-xxxl) + var(--td-comp-margin-xxl));
  background-color: var(--td-bg-color-secondarycontainer);
  border-radius: var(--td-radius-medium);
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
}
.t-comment__reply .t-button--variant-text {
  color: var(--td-text-color-placeholder);
}
.t-comment__reply .t-button--variant-text:hover {
  background-color: var(--td-bg-color-secondarycontainer-hover);
}
.t-comment__reply .t-button--variant-text .t-button__text {
  gap: var(--td-comp-margin-s);
}

.t-descriptions {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-descriptions__header {
  color: var(--td-text-color-primary);
  font: var(--td-font-title-medium);
  margin-bottom: var(--td-comp-margin-m);
  font-weight: 600;
}
.t-descriptions__body {
  border-collapse: collapse;
  font: var(--td-font-body-medium);
  width: 100%;
}
.t-descriptions__body.t-size-l > tbody > tr > td {
  padding: var(--td-comp-paddingTB-l);
}
.t-descriptions__body.t-size-m > tbody > tr > td {
  padding: var(--td-comp-paddingLR-m) var(--td-comp-paddingLR-l);
}
.t-descriptions__body.t-size-s > tbody > tr > td {
  padding: var(--td-comp-paddingLR-s) var(--td-comp-paddingLR-l);
}
.t-descriptions__body .t-descriptions__label {
  color: var(--td-text-color-placeholder);
}
.t-descriptions__body--fixed {
  table-layout: fixed;
}
.t-descriptions__body--border > tbody > tr > td {
  border: 1px solid var(--td-component-border);
}
.t-descriptions__body--border .t-descriptions__label {
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-descriptions__body--border .t-descriptions__label:hover {
  background-color: var(--td-bg-color-container-hover);
}

.t-empty {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  list-style: none;
  padding: 0;
  text-align: center;
}
.t-empty__image {
  font-size: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.t-empty__title {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-secondary);
  margin-top: var(--td-comp-margin-s);
  margin-bottom: 0;
}
.t-empty__description {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-placeholder);
  margin-top: var(--td-comp-margin-xs);
  margin-bottom: 0;
}
.t-empty__action {
  margin-top: var(--td-comp-margin-xxl);
  margin-bottom: 0;
}
.t-empty.t-size-s .t-empty__image {
  font-size: 20px;
}
.t-empty.t-size-s .t-empty__title {
  font: var(--td-font-body-small);
  margin-top: var(--td-comp-margin-xxs);
}
.t-empty.t-size-s .t-empty__description {
  font: var(--td-font-body-small);
  margin-top: var(--td-comp-margin-xxs);
}
.t-empty.t-size-l .t-empty__image {
  font-size: 64px;
}

.t-image-viewer__img-error {
  height: 440px;
  width: 440px;
  background-color: var(--td-bg-color-component-disabled);
  border-radius: 4px;
  color: #000000;
  cursor: inherit;
  position: absolute;
}
.t-image-viewer__img-error .t-image-viewer__img-error-content {
  position: absolute;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  font: var(--td-font-body-medium);
}
.t-image-viewer__img-error .t-image-viewer__img-error-content .t-image-viewer__img-error-text {
  margin-top: var(--td-comp-margin-s);
}
@-webkit-keyframes modal-image-show {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes modal-image-show {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes modal-image-hide {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes modal-image-hide {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@-webkit-keyframes modal-mask-show {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modal-mask-show {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes modal-mask-hide {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes modal-mask-hide {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.t-image-viewer-preview-image {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3000;
  overflow: hidden;
  -webkit-animation: 0.2s cubic-bezier(0.82, 0, 1, 0.9) modal-mask-show;
          animation: 0.2s cubic-bezier(0.82, 0, 1, 0.9) modal-mask-show;
}
.t-image-viewer-preview-image.t-is-hide {
  -webkit-animation: 0.2s cubic-bezier(0, 0, 0.15, 1) modal-mask-hide;
          animation: 0.2s cubic-bezier(0, 0, 0.15, 1) modal-mask-hide;
}
.t-image-viewer-preview-image.t-is-hide .t-image-viewer__modal-pic .t-image-viewer__modal-box {
  -webkit-animation: 0.2s cubic-bezier(0, 0, 0.15, 1) modal-image-hide;
          animation: 0.2s cubic-bezier(0, 0, 0.15, 1) modal-image-hide;
}
.t-image-viewer-preview-image .t-image-viewer__modal-index {
  text-align: center;
  font-size: var(--td-font-size-body-medium);
  color: var(--td-text-color-anti);
  position: absolute;
  top: 92px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.4);
  border-radius: var(--td-radius-default);
  padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s);
  z-index: 1;
}
.t-image-viewer-preview-image .t-image-viewer__modal-mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--td-mask-active);
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  opacity: 1;
}
.t-image-viewer-preview-image .t-image-viewer__modal-pic {
  height: 0;
  width: 0;
  position: absolute;
  top: 50%;
  left: 50%;
}
.t-image-viewer-preview-image .t-image-viewer__modal-pic .t-image-viewer__modal-box {
  width: 100%;
  height: 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;
  -webkit-animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) modal-image-show;
          animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) modal-image-show;
}
.t-image-viewer-preview-image .t-image-viewer__modal-pic .t-image-viewer__modal-box .t-image-viewer__modal-image {
  display: block;
  max-width: min(90vw, 1000px);
  max-height: min(90vh, 800px);
  -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);
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -o-object-fit: contain;
     object-fit: contain;
}
.t-image-viewer-preview-image .t-image-viewer__modal-header {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
  height: auto;
  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-container);
  padding: 0 0 12px 0;
}
.t-image-viewer-preview-image .t-image-viewer__modal-header.t-is-show {
  padding: 12px 0;
}
@-webkit-keyframes preview-icon-range {
  0% {
    -webkit-transform: translate(-50%, 50%) rotateZ(0);
            transform: translate(-50%, 50%) rotateZ(0);
  }
  to {
    -webkit-transform: translate(-50%, 50%) rotateZ(-180deg);
            transform: translate(-50%, 50%) rotateZ(-180deg);
  }
}
@keyframes preview-icon-range {
  0% {
    -webkit-transform: translate(-50%, 50%) rotateZ(0);
            transform: translate(-50%, 50%) rotateZ(0);
  }
  to {
    -webkit-transform: translate(-50%, 50%) rotateZ(-180deg);
            transform: translate(-50%, 50%) rotateZ(-180deg);
  }
}
@-webkit-keyframes preview-icon-unrange {
  0% {
    -webkit-transform: translate(-50%, 50%) rotateZ(-180deg);
            transform: translate(-50%, 50%) rotateZ(-180deg);
  }
  to {
    -webkit-transform: translate(-50%, 50%) rotateZ(0);
            transform: translate(-50%, 50%) rotateZ(0);
  }
}
@keyframes preview-icon-unrange {
  0% {
    -webkit-transform: translate(-50%, 50%) rotateZ(-180deg);
            transform: translate(-50%, 50%) rotateZ(-180deg);
  }
  to {
    -webkit-transform: translate(-50%, 50%) rotateZ(0);
            transform: translate(-50%, 50%) rotateZ(0);
  }
}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-pre-bt {
  width: var(--td-comp-size-xxs);
  height: var(--td-comp-size-xxs);
  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;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  background-color: var(--td-bg-color-container);
  color: var(--td-text-color-primary);
  border-radius: 50%;
  -webkit-box-shadow: 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-inset-top), var(--td-shadow-inset-right), var(--td-shadow-inset-bottom), var(--td-shadow-inset-left);
  -webkit-animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-icon-unrange;
          animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-icon-unrange;
}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-pre-bt .t-icon {
  font-size: var(--td-font-size-body-large);
}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-pre-bt:hover {
  background-color: inherit;
}
@-webkit-keyframes preview-image-show {
  0% {
    height: 0;
  }
  to {
    height: 40px;
  }
}
@keyframes preview-image-show {
  0% {
    height: 0;
  }
  to {
    height: 40px;
  }
}
@-webkit-keyframes preview-image-hide {
  0% {
    height: 40px;
  }
  to {
    height: 0;
  }
}
@keyframes preview-image-hide {
  0% {
    height: 40px;
  }
  to {
    height: 0;
  }
}
.t-image-viewer-preview-image .t-image-viewer__modal-header.t-is-show .t-image-viewer__header-prev {
  -webkit-animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-image-show;
          animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-image-show;
}
.t-image-viewer-preview-image .t-image-viewer__modal-header.t-is-show .t-image-viewer__header-pre-bt {
  -webkit-animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-icon-range;
          animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-icon-range;
}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev {
  width: calc(40px / 9 * 16 * 7 + 4px * 6);
  -webkit-animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-image-hide;
          animation: 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s 1 normal forwards running preview-image-hide;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev::before,
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev::after {
  content: "";
  position: absolute;
  height: 100%;
  z-index: 1;
  width: calc(40px / 9 * 16);
  pointer-events: none;
}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev::before {
  left: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--td-bg-color-container)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, var(--td-bg-color-container), rgba(255, 255, 255, 0));
}
.t-image-viewer-preview-image .t-image-viewer__modal-header .t-image-viewer__header-prev::after {
  right: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--td-bg-color-container)));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--td-bg-color-container));
}
.t-image-viewer-preview-image .t-image-viewer__header-trans {
  height: 100%;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  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;
  gap: 4px;
  margin-left: calc(40px / 9 * 16 * 3 + 4px * 3);
}
.t-image-viewer-preview-image .t-image-viewer__header-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(40px / 9 * 16);
  height: 40px;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  overflow: hidden;
  border-radius: var(--td-radius-default);
  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;
  border: 1px solid transparent;
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-image-viewer-preview-image .t-image-viewer__header-box .t-image-viewer__header-img {
  width: auto;
  height: 100%;
}
.t-image-viewer-preview-image .t-image-viewer__header-box:hover,
.t-image-viewer-preview-image .t-image-viewer__header-box.t-is-active {
  border-color: var(--td-brand-color);
}
.t-image-viewer-preview-image .t-image-viewer__modal-icon {
  cursor: pointer;
  color: var(--td-text-color-primary);
  border-radius: var(--td-radius-default);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-close-bt {
  top: 100px;
  right: 40px;
}
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-next-bt,
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-prev-bt {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-prev-bt {
  left: 40px;
}
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-next-bt {
  right: 40px;
}
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-close-bt,
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-prev-bt,
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-image-viewer__modal-next-bt {
  position: fixed;
  z-index: 10;
  color: var(--td-text-color-anti);
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  width: var(--td-comp-size-xl);
  height: var(--td-comp-size-xl);
  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-image-viewer-preview-image .t-image-viewer__modal-icon .t-image-viewer__modal-icon-label {
  margin-left: 2px;
}
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-is-disabled {
  color: rgba(255, 255, 255, 0.22);
}
.t-image-viewer-preview-image .t-image-viewer__modal-icon.t-is-disabled:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.t-image-viewer-preview-image .t-image-viewer__modal-icon:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.t-image-viewer__mask {
  width: 100vh;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 99;
  position: fixed;
  background-color: transparent;
}
.t-image-viewer__utils {
  width: 100%;
  position: absolute;
  bottom: 32px;
  z-index: 1;
  height: auto;
  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;
  color: var(--td-text-color-primary);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.t-image-viewer__utils .t-image-viewer__utils-content {
  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;
  height: 50px;
  line-height: 100%;
  background: var(--td-bg-color-container);
  border-radius: var(--td-radius-medium);
  padding: 0 var(--td-comp-paddingLR-xs);
}
.t-image-viewer__utils .t-image-viewer__utils-content .t-image-viewer__modal-icon {
  margin: 0 var(--td-comp-margin-xs);
  width: var(--td-comp-size-m);
  height: var(--td-comp-size-m);
  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;
  border-radius: var(--td-radius-default);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.t-image-viewer__utils .t-image-viewer__utils-content .t-image-viewer__modal-icon:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-image-viewer__utils .t-image-viewer__utils-content .t-image-viewer__utils-scale {
  width: var(--td-comp-size-xl);
  text-align: center;
  cursor: inherit;
}
.t-image-viewer__utils .t-image-viewer__utils-content .t-image-viewer__utils-scale:hover {
  background-color: var(--td-bg-color-container);
}
.t-image-viewer-mini__footer .t-image-viewer__utils {
  position: inherit;
}
.t-image-viewer-mini__content {
  max-width: min(90vw, 1000px);
  max-height: min(90vh, 800px);
}
@keyframes modal-image-show {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.t-image-viewer-mini__content .t-image-viewer__modal-pic .t-image-viewer__modal-box {
  width: 100%;
  height: 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-image-viewer-mini__content .t-image-viewer__modal-pic .t-image-viewer__modal-box .t-image-viewer__modal-image {
  display: block;
  max-width: min(80vw, 800px);
  max-height: min(80vh, 600px);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -o-object-fit: contain;
     object-fit: contain;
}
.t-image-viewer__dialog.t-dialog__ctx--fixed {
  z-index: 3000;
}
.t-image-viewer__dialog .t-dialog__header {
  padding: 0 var(--td-comp-paddingLR-s);
  pointer-events: none;
}
.t-image-viewer__dialog .t-dialog__header .t-image-viewer__dialog-title {
  pointer-events: all;
}
.t-image-viewer__dialog .t-dialog__header .t-dialog__close {
  pointer-events: auto;
}
.t-image-viewer__dialog .t-dialog {
  border-color: var(--td-component-border);
  overflow: hidden;
  padding: 0;
  -webkit-box-shadow: var(--td-shadow-3);
          box-shadow: var(--td-shadow-3);
}
.t-image-viewer__dialog .t-dialog__header {
  height: 40px;
  width: 100%;
  font-size: var(--td-font-size-body-medium);
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-image-viewer__dialog .t-dialog__header-content {
  margin-left: 32px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.t-image-viewer__dialog .t-dialog__close:hover {
  background-color: var(--td-bg-color-secondarycontainer-hover);
}

@-webkit-keyframes tDialogZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.01);
            transform: scale(0.01);
  }
  100% {
    opacity: 1;
  }
}
@keyframes tDialogZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.01);
            transform: scale(0.01);
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes tDialogZoomOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.01);
            transform: scale(0.01);
  }
}
@keyframes tDialogZoomOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.01);
            transform: scale(0.01);
  }
}
@-webkit-keyframes tDialogMaskIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes tDialogMaskIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes tDialogMaskOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes tDialogMaskOut {
  from {
    opacity: 1;
  }
  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, 0, 0.15, 1);
          animation-timing-function: cubic-bezier(0, 0, 0.15, 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.38, 0, 0.24, 1);
          animation-timing-function: cubic-bezier(0.38, 0, 0.24, 1);
  -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, 0, 0.15, 1);
          animation-timing-function: cubic-bezier(0, 0, 0.15, 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.38, 0, 0.24, 1);
          animation-timing-function: cubic-bezier(0.38, 0, 0.24, 1);
  -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, 0, 0.15, 1);
          animation-timing-function: cubic-bezier(0, 0, 0.15, 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-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -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.38, 0, 0.24, 1);
          animation-timing-function: cubic-bezier(0.38, 0, 0.24, 1);
  -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-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -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, 0, 0.15, 1);
          animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
  -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, 0, 0.15, 1);
          animation-timing-function: cubic-bezier(0, 0, 0.15, 1);
  -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 {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 480px;
  background-color: var(--td-bg-color-container);
  position: relative;
  border: 1px solid var(--td-border-level-1-color);
  border-radius: var(--td-radius-large);
}
.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: var(--td-font-title-medium);
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  word-break: break-word;
  gap: var(--td-comp-margin-s);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.t-dialog__header .t-dialog__header-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}
.t-dialog__header .t-icon:not(.t-icon-close) {
  font-size: calc(var(--td-font-size-body-large) + 8px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: var(--td-comp-margin-s);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.t-dialog__header--fullscreen {
  background-color: var(--td-bg-color-secondarycontainer);
  min-height: var(--td-comp-size-xxxl);
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: 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: 0 var(--td-comp-paddingLR-xxl);
}
.t-dialog__header--fullscreen .t-dialog__header-content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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-dialog__body {
  color: var(--td-text-color-secondary);
  font: var(--td-font-body-medium);
  overflow: auto;
  padding: var(--td-comp-paddingTB-l) 0;
  word-break: break-word;
}
@-moz-document url-prefix() {
  .t-dialog__body {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-dialog__body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.t-dialog__body::-webkit-scrollbar-thumb {
  border: 0px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-dialog__body::-webkit-scrollbar-thumb:vertical:hover,
.t-dialog__body::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-dialog__body__icon,
.t-dialog__body--icon {
  padding: var(--td-comp-paddingTB-l) 0;
}
.t-dialog__body--fullscreen {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: var(--td-comp-paddingTB-xl) var(--td-comp-paddingLR-xxl);
  height: calc(100% - var(--td-comp-size-xxxl) - var(--td-comp-size-xxxxl));
  overflow: auto;
}
@-moz-document url-prefix() {
  .t-dialog__body--fullscreen {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-dialog__body--fullscreen::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.t-dialog__body--fullscreen::-webkit-scrollbar-thumb {
  border: 0px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-dialog__body--fullscreen::-webkit-scrollbar-thumb:vertical:hover,
.t-dialog__body--fullscreen::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-dialog__body--fullscreen--without-footer {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: var(--td-comp-paddingTB-xl) var(--td-comp-paddingLR-xxl);
  height: calc(100% - var(--td-comp-size-xxxl));
  overflow: auto;
}
.t-dialog__footer {
  width: 100%;
  text-align: right;
  padding: var(--td-comp-paddingTB-l) 0 0;
}
.t-dialog__footer .t-button + .t-button {
  margin-left: var(--td-comp-margin-s);
}
.t-dialog__footer--fullscreen {
  min-height: var(--td-comp-size-xxxxl);
  padding: 0 var(--td-comp-paddingLR-xxl) var(--td-comp-paddingTB-xxl);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.t-dialog--default {
  padding: var(--td-comp-paddingTB-xxl) var(--td-comp-paddingLR-xxl);
}
.t-dialog__close {
  font-size: calc(var(--td-font-size-body-large) + 4px);
  color: var(--td-text-color-secondary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(var(--td-font-size-body-large) + 4px);
  height: calc(var(--td-font-size-body-large) + 4px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: var(--td-radius-default);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  padding: var(--td-comp-paddingTB-xxs) var(--td-comp-paddingLR-xxs);
}
.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__close--fullscreen {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: transparent;
}
.t-dialog__close--fullscreen:hover {
  cursor: pointer;
  background: var(--td-bg-color-secondarycontainer-hover);
}
.t-dialog__close--fullscreen:active {
  background: var(--td-bg-color-secondarycontainer-active);
}
.t-dialog.t-dialog--draggable:hover {
  cursor: move;
}
.t-dialog.t-dialog--draggable .t-dialog__header:hover,
.t-dialog.t-dialog--draggable .t-dialog__body:hover,
.t-dialog.t-dialog--draggable .t-dialog__footer:hover {
  cursor: auto;
}
.t-dialog__fullscreen {
  width: 100%;
  border-radius: 0;
}
.t-dialog__ctx {
  pointer-events: auto;
  outline: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.t-dialog__ctx.t-dialog__ctx--modeless {
  pointer-events: none;
}
.t-dialog__ctx.t-dialog__ctx--fixed {
  position: fixed;
  z-index: 2500;
}
.t-dialog__ctx.t-dialog__ctx--absolute {
  position: absolute;
}
.t-dialog__ctx.t-dialog__ctx--absolute .t-dialog__mask {
  position: absolute;
}
.t-dialog__ctx.t-dialog__ctx--absolute .t-dialog__wrap {
  position: absolute;
}
.t-dialog__ctx.t-is-visible {
  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: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: var(--td-mask-active);
  pointer-events: auto;
}
.t-dialog__ctx .t-dialog__wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: auto;
}
@-moz-document url-prefix() {
  .t-dialog__ctx .t-dialog__wrap {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-dialog__ctx .t-dialog__wrap::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.t-dialog__ctx .t-dialog__wrap::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 15px;
}
.t-dialog__ctx .t-dialog__wrap::-webkit-scrollbar-thumb:vertical:hover,
.t-dialog__ctx .t-dialog__wrap::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-dialog__ctx .t-dialog__position {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 100%;
  width: 100%;
  position: relative;
  padding: 48px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.t-dialog__ctx .t-dialog__position.t-dialog--top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 20vh;
}
.t-dialog__ctx .t-dialog__position.t-dialog--center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-dialog__ctx .t-dialog__position_fullscreen {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 100%;
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.t-dialog__ctx .t-is-hidden {
  background: none;
}
.t-dialog__ctx .t-dialog {
  pointer-events: auto;
  z-index: 2500;
}
.t-dialog__ctx.t-dialog__ctx--modeless .t-dialog {
  -webkit-box-shadow: var(--td-shadow-3);
          box-shadow: var(--td-shadow-3);
}

.t-list {
  font: var(--td-font-body-medium);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: auto;
  color: var(--td-text-color-primary);
  background: var(--td-bg-color-container);
}
@-moz-document url-prefix() {
  .t-list {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-list::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.t-list::-webkit-scrollbar-thumb {
  border: 0px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-list::-webkit-scrollbar-thumb:vertical:hover,
.t-list::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-list__inner {
  list-style: none;
  padding: 0;
  margin: 0;
}
.t-list-item {
  font: var(--td-font-body-medium);
  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
  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;
  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;
}
.t-list-item__meta-avatar {
  width: var(--td-comp-size-xxxl);
  height: var(--td-comp-size-xxxl);
  border-radius: calc(var(--td-comp-size-xxxl) / 2);
  overflow: hidden;
  background: var(--td-bg-color-page);
  margin-right: var(--td-comp-margin-l);
  -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: var(--td-font-title-medium);
  margin: 0 0 var(--td-comp-margin-s);
  color: var(--td-text-color-primary);
}
.t-list-item__meta-description {
  margin-right: var(--td-comp-margin-xxl);
  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: var(--td-comp-margin-l);
}
.t-list-item__action > li .t-icon {
  color: var(--td-text-color-secondary);
  font-size: var(--td-comp-size-xxxs);
}
.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--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: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-m);
}
.t-list.t-size-l .t-list-item {
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
}
.t-list__header,
.t-list__footer {
  background: var(--td-bg-color-container);
  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
}
.t-list__load {
  background: var(--td-bg-color-container);
  text-align: center;
  line-height: var(--td-line-height-body-medium);
}
.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: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
}
.t-list__load .t-loading {
  font-size: var(--td-comp-size-xxxs);
  margin-right: var(--td-comp-margin-s);
}
.t-list__load .t-loading.t-is-load-more {
  cursor: pointer;
}

.t-progress {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-progress__inner {
  position: relative;
  height: 100%;
  background: var(--td-brand-color);
  border-radius: var(--td-radius-round);
  -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-progress__info {
  margin-left: var(--td-comp-margin-s);
  color: var(--td-text-color-primary);
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.t-progress__icon {
  font-size: calc(var(--td-font-size-body-medium) + 2px);
}
.t-progress__bar {
  width: 100%;
  height: var(--td-size-3);
  overflow: hidden;
  background: var(--td-bg-color-component);
  border-radius: var(--td-radius-round);
}
.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: var(--td-comp-size-xxs);
  border-radius: calc(var(--td-comp-size-xxs) / 2);
  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: var(--td-font-size-body-small);
}
.t-progress--over-ten .t-progress__info {
  position: absolute;
  top: 50%;
  z-index: 10;
  right: var(--td-comp-margin-s);
  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;
  display: block;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  font-size: inherit;
  font-weight: 600;
  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);
  -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-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 {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-skeleton__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: var(--td-comp-margin-l);
  -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: var(--td-comp-margin-l);
}
.t-skeleton__col:first-child:last-child,
.t-skeleton__col:last-child {
  margin-right: 0;
}
.t-skeleton--type-text {
  width: 100%;
  height: var(--td-font-size-body-large);
  border-radius: var(--td-radius-default);
}
.t-skeleton--type-rect {
  width: 120px;
  height: 88px;
  border-radius: var(--td-radius-default);
}
.t-skeleton--type-circle {
  width: 32px;
  height: 32px;
  border-radius: var(--td-radius-circle);
  -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;
  }
}

.t-statistic {
  display: inline-block;
  font-size: var(--td-font-size-body-medium);
  line-height: var(--td-line-height-body-medium);
  color: var(--td-text-color-secondary);
}
.t-statistic-title {
  font-size: var(--td-font-body-medium);
  margin-bottom: var(--td-comp-margin-s);
}
.t-statistic-content {
  display: inline-block;
  color: var(--td-text-color-primary);
  text-align: left;
  white-space: nowrap;
}
.t-statistic-content-value {
  font-size: var(--td-font-size-headline-medium);
  line-height: var(--td-line-height-headline-medium);
  font-family: TCloudNumber, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
.t-statistic-content-unit {
  font-size: var(--td-font-size-body-medium);
  margin-left: var(--td-comp-margin-xs);
  font-family: TCloudNumber, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
.t-statistic-content-suffix {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--td-font-size-title-large);
  margin-left: var(--td-comp-margin-s);
}
.t-statistic-content-prefix {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--td-font-size-title-large);
  margin-right: var(--td-comp-margin-s);
}
.t-statistic-content-prefix .t-icon {
  font-size: var(--td-font-size-title-large);
}
.t-statistic-extra {
  margin-top: 8px;
}
.t-statistic-extra .t-space .t-space-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* Swiper */
.t-swiper {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}
.t-swiper__wrap {
  display: block;
  position: relative;
  height: 100%;
}
.t-swiper__content {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.t-swiper__container {
  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;
  height: 100%;
  z-index: 1;
}
.t-swiper__container__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.t-swiper__arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-swiper__arrow svg.t-icon {
  width: 20px;
  height: 20px;
}
.t-swiper__arrow svg.t-icon::before {
  font-size: 24px;
}
.t-swiper__arrow--default .t-swiper__arrow-left {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
  background-color: transparent;
  color: var(--td-font-white-2);
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
  cursor: pointer;
  left: 16px;
}
.t-swiper__arrow--default .t-swiper__arrow-left:hover {
  color: var(--td-bg-color-container);
  background-color: var(--td-font-white-4);
  border-radius: var(--td-radius-default);
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.t-swiper__arrow--default .t-swiper__arrow-left:active {
  background-color: var(--td-font-white-3);
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.t-swiper__arrow--default .t-swiper__arrow-right {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
  background-color: transparent;
  color: var(--td-font-white-2);
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
  cursor: pointer;
  right: 16px;
}
.t-swiper__arrow--default .t-swiper__arrow-right:hover {
  color: var(--td-bg-color-container);
  background-color: var(--td-font-white-4);
  border-radius: var(--td-radius-default);
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.t-swiper__arrow--default .t-swiper__arrow-right:active {
  background-color: var(--td-font-white-3);
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.t-swiper-card .t-swiper__container {
  display: block;
}
.t-swiper-card .t-swiper__container .t-is-active {
  z-index: 2;
}
.t-swiper-card .t-swiper__card {
  position: absolute;
  top: 0;
  left: 0;
  width: 41.5%;
  height: 100%;
  z-index: 0;
}
.t-swiper-fade .t-swiper__container {
  display: block;
}
.t-swiper-fade .t-swiper__fade {
  position: absolute;
  top: 0;
  left: 0;
}
.t-swiper__navigation {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  bottom: 0;
  margin: 0;
  padding: 0;
  z-index: 2;
}
.t-swiper__navigation > li {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-swiper__navigation .t-swiper__arrow svg.t-icon {
  width: 16px;
  height: 16px;
}
.t-swiper__navigation-bars .t-swiper__navigation-item {
  cursor: pointer;
  margin: 0 0 0 6px;
  padding: 18px 0;
  width: 14px;
  height: auto;
}
.t-swiper__navigation-bars .t-swiper__navigation-item span {
  width: 100%;
  height: 3px;
}
.t-swiper__navigation-bars .t-swiper__navigation-item:nth-child(1) {
  margin-left: 0;
}
.t-swiper__navigation-bars .t-swiper__navigation-item span {
  background: var(--td-font-white-4);
}
.t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
  background-color: var(--td-font-white-2);
}
.t-swiper__navigation-bars .t-swiper__navigation-item span:active {
  background-color: var(--td-bg-color-container);
}
.t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active {
  width: 24px;
}
.t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active span {
  background-color: var(--td-bg-color-container);
}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item {
  cursor: pointer;
  margin: 0 0 0 6px;
  padding: 18px 0;
  width: 14px;
  height: auto;
}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item span {
  border-radius: calc(3px / 2);
}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item span {
  width: 100%;
  height: 3px;
}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item:nth-child(1) {
  margin-left: 0;
}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item span {
  background: var(--td-font-white-4);
}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item span:hover {
  background-color: var(--td-font-white-2);
}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item span:active {
  background-color: var(--td-bg-color-container);
}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item.t-is-active {
  width: 24px;
}
.t-swiper__navigation-dots-bar .t-swiper__navigation-item.t-is-active span {
  background-color: var(--td-bg-color-container);
}
.t-swiper__navigation-dots .t-swiper__navigation-item {
  cursor: pointer;
  margin: 0 0 0 6px;
  padding: 18px 0;
  width: var(--td-size-2);
  height: auto;
}
.t-swiper__navigation-dots .t-swiper__navigation-item span {
  border-radius: 50%;
}
.t-swiper__navigation-dots .t-swiper__navigation-item span {
  width: 100%;
  height: var(--td-size-2);
}
.t-swiper__navigation-dots .t-swiper__navigation-item:nth-child(1) {
  margin-left: 0;
}
.t-swiper__navigation-dots .t-swiper__navigation-item span {
  background: var(--td-font-white-4);
}
.t-swiper__navigation-dots .t-swiper__navigation-item span:hover {
  background-color: var(--td-font-white-2);
}
.t-swiper__navigation-dots .t-swiper__navigation-item span:active {
  background-color: var(--td-bg-color-container);
}
.t-swiper__navigation-dots .t-swiper__navigation-item.t-is-active span {
  background-color: var(--td-bg-color-container);
}
.t-swiper__navigation--fraction {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: auto;
  right: auto;
  bottom: calc(0px - calc(var(--td-line-height-body-medium) + 12px));
  height: var(--td-line-height-body-medium);
  line-height: var(--td-line-height-body-medium);
}
.t-swiper__navigation--fraction .t-swiper__arrow-left {
  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: 2;
  background-color: transparent;
  color: var(--td-text-color-secondary);
  width: var(--td-line-height-body-medium);
  height: var(--td-line-height-body-medium);
  cursor: pointer;
}
.t-swiper__navigation--fraction .t-swiper__arrow-left:hover {
  color: var(--td-text-color-primary);
}
.t-swiper__navigation--fraction .t-swiper__arrow-left:active {
  color: var(--td-brand-color-active);
}
.t-swiper__navigation--fraction .t-swiper__arrow-right {
  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: 2;
  background-color: transparent;
  color: var(--td-text-color-secondary);
  width: var(--td-line-height-body-medium);
  height: var(--td-line-height-body-medium);
  cursor: pointer;
}
.t-swiper__navigation--fraction .t-swiper__arrow-right:hover {
  color: var(--td-text-color-primary);
}
.t-swiper__navigation--fraction .t-swiper__arrow-right:active {
  color: var(--td-brand-color-active);
}
.t-swiper__navigation--fraction .t-swiper__navigation-text-fraction {
  display: inline-block;
  font-size: var(--td-font-size-body-medium);
  color: var(--td-text-color-secondary);
  margin: 0;
}
.t-swiper--vertical .t-swiper__container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.t-swiper--vertical .t-swiper__navigation {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: auto;
  right: 0;
  bottom: auto;
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item {
  cursor: pointer;
  margin: 6px 0 0 0;
  padding: 0 18px;
  width: auto;
  height: 14px;
}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span {
  width: 3px;
  height: 100%;
}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item:nth-child(1) {
  margin-top: 0;
}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span {
  background: var(--td-font-white-4);
}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
  background-color: var(--td-font-white-2);
}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
  background-color: var(--td-bg-color-container);
}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active {
  height: 24px;
}
.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active span {
  background-color: var(--td-bg-color-container);
}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item {
  cursor: pointer;
  margin: 6px 0 0 0;
  padding: 0 18px;
  width: auto;
  height: 14px;
}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item span {
  border-radius: calc(3px / 2);
}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item span {
  width: 3px;
  height: 100%;
}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item:nth-child(1) {
  margin-top: 0;
}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item span {
  background: var(--td-font-white-4);
}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item span:hover {
  background-color: var(--td-font-white-2);
}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item span:active {
  background-color: var(--td-bg-color-container);
}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item.t-is-active {
  height: 24px;
}
.t-swiper--vertical .t-swiper__navigation-dots-bar .t-swiper__navigation-item.t-is-active span {
  background-color: var(--td-bg-color-container);
}
.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item {
  cursor: pointer;
  margin: 6px 0 0 0;
  padding: 0 18px;
  width: auto;
  max-height: var(--td-size-2);
}
.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item span {
  border-radius: 50%;
}
.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item span {
  width: var(--td-size-2);
  height: 100%;
}
.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item:nth-child(1) {
  margin-top: 0;
}
.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item span {
  background: var(--td-font-white-4);
}
.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item span:hover {
  background-color: var(--td-font-white-2);
}
.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item span:active {
  background-color: var(--td-bg-color-container);
}
.t-swiper--vertical .t-swiper__navigation-dots .t-swiper__navigation-item.t-is-active span {
  background-color: var(--td-bg-color-container);
}
.t-swiper--outside .t-swiper__navigation {
  bottom: -36px;
}
.t-swiper--outside .t-swiper__navigation--fraction {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: auto;
  right: auto;
  bottom: calc(0px - calc(var(--td-line-height-body-medium) + 12px));
  height: var(--td-line-height-body-medium);
  line-height: var(--td-line-height-body-medium);
}
.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-left {
  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: 2;
  background-color: transparent;
  color: var(--td-text-color-secondary);
  width: var(--td-line-height-body-medium);
  height: var(--td-line-height-body-medium);
  cursor: pointer;
}
.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-left:hover {
  color: var(--td-text-color-primary);
}
.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-left:active {
  color: var(--td-brand-color-active);
}
.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-right {
  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: 2;
  background-color: transparent;
  color: var(--td-text-color-secondary);
  width: var(--td-line-height-body-medium);
  height: var(--td-line-height-body-medium);
  cursor: pointer;
}
.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-right:hover {
  color: var(--td-text-color-primary);
}
.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__arrow-right:active {
  color: var(--td-brand-color-active);
}
.t-swiper--outside .t-swiper__navigation--fraction .t-swiper__navigation-text-fraction {
  display: inline-block;
  font-size: var(--td-font-size-body-medium);
  color: var(--td-text-color-secondary);
  margin: 0;
}
.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span {
  background-color: var(--td-text-color-disabled);
}
.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
  background-color: var(--td-text-color-primary);
}
.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
  background-color: var(--td-brand-color-active);
}
.t-swiper--outside .t-swiper__navigation-bars .t-is-active span {
  background-color: var(--td-brand-color-active);
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation {
  bottom: auto;
  right: -36px;
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: auto;
  right: auto;
  bottom: calc(0px - calc(var(--td-line-height-body-medium) + 12px));
  height: var(--td-line-height-body-medium);
  line-height: var(--td-line-height-body-medium);
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-left {
  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: 2;
  background-color: transparent;
  color: var(--td-text-color-secondary);
  width: var(--td-line-height-body-medium);
  height: var(--td-line-height-body-medium);
  cursor: pointer;
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-left:hover {
  color: var(--td-text-color-primary);
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-left:active {
  color: var(--td-brand-color-active);
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-right {
  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: 2;
  background-color: transparent;
  color: var(--td-text-color-secondary);
  width: var(--td-line-height-body-medium);
  height: var(--td-line-height-body-medium);
  cursor: pointer;
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-right:hover {
  color: var(--td-text-color-primary);
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__arrow-right:active {
  color: var(--td-brand-color-active);
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation--fraction .t-swiper__navigation-text-fraction {
  display: inline-block;
  font-size: var(--td-font-size-body-medium);
  color: var(--td-text-color-secondary);
  margin: 0;
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span {
  background-color: var(--td-text-color-disabled);
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
  background-color: var(--td-text-color-primary);
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
  background-color: var(--td-brand-color-active);
}
.t-swiper--outside.t-swiper--vertical .t-swiper__navigation-bars .t-is-active span {
  background-color: var(--td-brand-color-active);
}
.t-swiper--inside .t-swiper__navigation {
  bottom: 0;
}
.t-swiper--inside .t-swiper__navigation--fraction {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: auto;
  right: auto;
  bottom: calc(0px - calc(var(--td-line-height-body-medium) + 12px));
  height: var(--td-line-height-body-medium);
  line-height: var(--td-line-height-body-medium);
}
.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-left {
  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: 2;
  background-color: transparent;
  color: var(--td-text-color-secondary);
  width: var(--td-line-height-body-medium);
  height: var(--td-line-height-body-medium);
  cursor: pointer;
}
.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-left:hover {
  color: var(--td-text-color-primary);
}
.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-left:active {
  color: var(--td-brand-color-active);
}
.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-right {
  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: 2;
  background-color: transparent;
  color: var(--td-text-color-secondary);
  width: var(--td-line-height-body-medium);
  height: var(--td-line-height-body-medium);
  cursor: pointer;
}
.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-right:hover {
  color: var(--td-text-color-primary);
}
.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__arrow-right:active {
  color: var(--td-brand-color-active);
}
.t-swiper--inside .t-swiper__navigation--fraction .t-swiper__navigation-text-fraction {
  display: inline-block;
  font-size: var(--td-font-size-body-medium);
  color: var(--td-text-color-secondary);
  margin: 0;
}
.t-swiper--large .t-swiper__arrow i.t-icon::before {
  font-size: 32px;
}
.t-swiper--large .t-swiper__arrow--default .t-swiper__arrow-left {
  width: 32px;
  height: 32px;
  left: 24px;
}
.t-swiper--large .t-swiper__arrow--default .t-swiper__arrow-right {
  width: 32px;
  height: 32px;
  right: 24px;
}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item {
  cursor: pointer;
  margin: 0 0 0 8px;
  padding: 24px 0;
  width: 21px;
  height: auto;
}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item span {
  width: 100%;
  height: 4px;
}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item:nth-child(1) {
  margin-left: 0;
}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item span {
  background: var(--td-font-white-4);
}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
  background-color: var(--td-font-white-2);
}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
  background-color: var(--td-bg-color-container);
}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active {
  width: 36px;
}
.t-swiper--large .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active span {
  background-color: var(--td-bg-color-container);
}
.t-swiper--large .t-swiper__navigation--fraction {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: auto;
  right: auto;
  bottom: calc(0px - calc(var(--td-line-height-body-large) + 12px));
  height: var(--td-line-height-body-large);
  line-height: var(--td-line-height-body-large);
}
.t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-left {
  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: 2;
  background-color: transparent;
  color: var(--td-text-color-secondary);
  width: var(--td-line-height-body-large);
  height: var(--td-line-height-body-large);
  cursor: pointer;
}
.t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-left:hover {
  color: var(--td-text-color-primary);
}
.t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-left:active {
  color: var(--td-brand-color-active);
}
.t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-right {
  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: 2;
  background-color: transparent;
  color: var(--td-text-color-secondary);
  width: var(--td-line-height-body-large);
  height: var(--td-line-height-body-large);
  cursor: pointer;
}
.t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-right:hover {
  color: var(--td-text-color-primary);
}
.t-swiper--large .t-swiper__navigation--fraction .t-swiper__arrow-right:active {
  color: var(--td-brand-color-active);
}
.t-swiper--large .t-swiper__navigation--fraction .t-swiper__navigation-text-fraction {
  display: inline-block;
  font-size: var(--td-font-size-body-large);
  color: var(--td-text-color-secondary);
  margin: 0;
}
.t-swiper--large.t-swiper--outside .t-swiper__navigation {
  bottom: -48px;
}
.t-swiper--large.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span {
  background-color: var(--td-text-color-disabled);
}
.t-swiper--large.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
  background-color: var(--td-text-color-primary);
}
.t-swiper--large.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
  background-color: var(--td-brand-color-active);
}
.t-swiper--large.t-swiper--outside .t-swiper__navigation-bars .t-is-active span {
  background-color: var(--td-brand-color-active);
}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item {
  cursor: pointer;
  margin: 8px 0 0 0;
  padding: 0 24px;
  width: auto;
  height: 21px;
}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span {
  width: 4px;
  height: 100%;
}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item:nth-child(1) {
  margin-top: 0;
}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span {
  background: var(--td-font-white-4);
}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
  background-color: var(--td-font-white-2);
}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
  background-color: var(--td-bg-color-container);
}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active {
  height: 36px;
}
.t-swiper--large.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active span {
  background-color: var(--td-bg-color-container);
}
.t-swiper--large.t-swiper--vertical.t-swiper--outside .t-swiper__navigation {
  right: -48px;
}
.t-swiper--large.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span {
  background-color: var(--td-text-color-disabled);
}
.t-swiper--large.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
  background-color: var(--td-text-color-primary);
}
.t-swiper--large.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
  background-color: var(--td-brand-color-active);
}
.t-swiper--large.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-is-active span {
  background-color: var(--td-brand-color-active);
}
.t-swiper--small .t-swiper__arrow i.t-icon::before {
  font-size: 16px;
}
.t-swiper--small .t-swiper__arrow--default .t-swiper__arrow-left {
  width: 16px;
  height: 16px;
  left: 8px;
}
.t-swiper--small .t-swiper__arrow--default .t-swiper__arrow-right {
  width: 16px;
  height: 16px;
  right: 8px;
}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item {
  cursor: pointer;
  margin: 0 0 0 4px;
  padding: 12px 0;
  width: 9px;
  height: auto;
}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item span {
  width: 100%;
  height: 2px;
}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item:nth-child(1) {
  margin-left: 0;
}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item span {
  background: var(--td-font-white-4);
}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
  background-color: var(--td-font-white-2);
}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
  background-color: var(--td-bg-color-container);
}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active {
  width: 15px;
}
.t-swiper--small .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active span {
  background-color: var(--td-bg-color-container);
}
.t-swiper--small .t-swiper__navigation--fraction {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: auto;
  right: auto;
  bottom: calc(0px - calc(var(--td-line-height-body-small) + 12px));
  height: var(--td-line-height-body-small);
  line-height: var(--td-line-height-body-small);
}
.t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-left {
  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: 2;
  background-color: transparent;
  color: var(--td-text-color-secondary);
  width: var(--td-line-height-body-small);
  height: var(--td-line-height-body-small);
  cursor: pointer;
}
.t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-left:hover {
  color: var(--td-text-color-primary);
}
.t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-left:active {
  color: var(--td-brand-color-active);
}
.t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-right {
  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: 2;
  background-color: transparent;
  color: var(--td-text-color-secondary);
  width: var(--td-line-height-body-small);
  height: var(--td-line-height-body-small);
  cursor: pointer;
}
.t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-right:hover {
  color: var(--td-text-color-primary);
}
.t-swiper--small .t-swiper__navigation--fraction .t-swiper__arrow-right:active {
  color: var(--td-brand-color-active);
}
.t-swiper--small .t-swiper__navigation--fraction .t-swiper__navigation-text-fraction {
  display: inline-block;
  font-size: var(--td-font-size-body-small);
  color: var(--td-text-color-secondary);
  margin: 0;
}
.t-swiper--small.t-swiper--outside .t-swiper__navigation {
  bottom: -24px;
}
.t-swiper--small.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span {
  background-color: var(--td-text-color-disabled);
}
.t-swiper--small.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
  background-color: var(--td-text-color-primary);
}
.t-swiper--small.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
  background-color: var(--td-brand-color-active);
}
.t-swiper--small.t-swiper--outside .t-swiper__navigation-bars .t-is-active span {
  background-color: var(--td-brand-color-active);
}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item {
  cursor: pointer;
  margin: 4px 0 0 0;
  padding: 0 12px;
  width: auto;
  height: 9px;
}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span {
  width: 2px;
  height: 100%;
}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item:nth-child(1) {
  margin-top: 0;
}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span {
  background: var(--td-font-white-4);
}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
  background-color: var(--td-font-white-2);
}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
  background-color: var(--td-bg-color-container);
}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active {
  height: 15px;
}
.t-swiper--small.t-swiper--vertical .t-swiper__navigation-bars .t-swiper__navigation-item.t-is-active span {
  background-color: var(--td-bg-color-container);
}
.t-swiper--small.t-swiper--vertical.t-swiper--outside .t-swiper__navigation {
  right: -24px;
}
.t-swiper--small.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span {
  background-color: var(--td-text-color-disabled);
}
.t-swiper--small.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:hover {
  background-color: var(--td-text-color-primary);
}
.t-swiper--small.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-swiper__navigation-item span:active {
  background-color: var(--td-brand-color-active);
}
.t-swiper--small.t-swiper--vertical.t-swiper--outside .t-swiper__navigation-bars .t-is-active span {
  background-color: var(--td-brand-color-active);
}

/** 吸顶表头 Affix 组件，zIndex: 1000。宽度拖拽辅助线层级需高于表头 */
@-moz-document url-prefix() {
  .scrollbar {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.scrollbar::-webkit-scrollbar-thumb {
  border: 0px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 11px;
}
.scrollbar::-webkit-scrollbar-thumb:vertical:hover,
.scrollbar::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.scrollbar.t-table__affixed-footer-elm::-webkit-scrollbar-track,
.scrollbar.t-table__scrollbar--obvious::-webkit-scrollbar-track {
  background: var(--td-scroll-track-color);
}
.t-table__affixed-footer-wrap > .scrollbar.t-table__affixed-footer-elm::-webkit-scrollbar-thumb,
.t-table--width-overflow.t-table--footer-affixed .t-table__content::-webkit-scrollbar-thumb,
.t-table--width-overflow.t-table--horizontal-bar-affixed .t-table__content::-webkit-scrollbar-thumb {
  background: transparent;
}
.t-table.t-table--overflow-visible {
  overflow: initial;
}
.t-table {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-container);
  position: relative;
  /** loading need to be top of fixed columns */
}
.t-table:focus-visible {
  outline: none;
}
.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 .t-table__resize-line {
  display: none;
  position: absolute;
  left: 10px;
  width: 0;
  border-left: 1px solid var(--td-component-border);
  z-index: 1001;
}
.t-table__column-controller-trigger.t-align-top-right,
.t-table__column-controller-trigger.t-align-bottom-right {
  text-align: right;
}
.t-table__column-controller-trigger {
  padding: var(--td-comp-paddingTB-l) 0;
}
.t-table__column-controller-item:not(:last-child) {
  margin-bottom: var(--td-comp-margin-l);
}
.t-table__content {
  position: relative;
}
@-moz-document url-prefix() {
  .t-table__content {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-table__content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.t-table__content::-webkit-scrollbar-thumb {
  border: 0px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-table__content::-webkit-scrollbar-thumb:vertical:hover,
.t-table__content::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
@-moz-document url-prefix() {
  .t-table__content {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.t-table__content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.t-table__content::-webkit-scrollbar-thumb {
  border: 0px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-table__content::-webkit-scrollbar-thumb:vertical:hover,
.t-table__content::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-table__pagination {
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.t-table .t-icon {
  font-size: var(--td-font-size-body-large);
}
.t-table table {
  width: 100%;
  border-spacing: 0;
}
.t-table .t-text-ellipsis {
  line-height: var(--td-line-height-body-medium);
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-table th,
.t-table td {
  position: relative;
  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
  border-bottom: 1px solid var(--td-component-border);
  line-height: var(--td-line-height-body-medium);
  font-weight: normal;
  overflow-wrap: break-word;
  background-color: inherit;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
}
.t-table th.t-table__th-drag {
  padding: 0;
  height: 0;
  text-align: center;
}
.t-table thead td,
.t-table th {
  color: var(--td-text-color-placeholder);
}
.t-table td[key="row-select"] {
  padding: 13px 0 11px var(--td-comp-paddingLR-l);
}
.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: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s);
}
.t-table.t-size-l th,
.t-table.t-size-l td {
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
}
.t-table .t-table__expandable-icon-cell,
.t-table .t-table__selection-cell {
  padding: 0;
  height: 0;
}
.t-table td.t-table__handle-draggable {
  text-align: center;
  height: 0;
  padding: 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--bordered td,
.t-table--bordered th {
  border-left: 1px solid var(--td-component-border);
}
.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 th:first-child,
.t-table--bordered td.t-table__td-first-col {
  border-left-width: 0;
}
.t-table--bordered:not(.t-table--rowspan-colspan) td:first-child {
  border-left-width: 0;
}
.t-table--bordered .t-table__content {
  border-left: 1px solid var(--td-component-border);
}
.t-table--bordered .t-table__content::-webkit-scrollbar-corner {
  background-color: transparent;
}
.t-table--bordered .t-table__content {
  border: 1px solid var(--td-component-border);
  border-radius: var(--td-radius-default);
}
.t-table--bordered .t-table--loading {
  border-bottom: 1px solid var(--td-component-border);
}
.t-table--bordered .t-table__pagination {
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
}
.t-table--bordered .t-table__bottom-content + .t-table__pagination {
  padding: 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:not(.t-table--bordered) th,
.t-table--striped:not(.t-table--bordered) td {
  border-bottom: none;
}
.t-table--striped.t-table--header-fixed > .t-table__content > table > tbody tr:nth-of-type(even) {
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-table--striped:not(.t-table--header-fixed) > .t-table__content > table > tbody > tr:nth-of-type(odd):not(.t-table__expanded-row) {
  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) > .t-table__content > table > tbody tr:nth-of-type(odd):hover {
  background-color: var(--td-bg-color-secondarycontainer-hover);
}
.t-table--striped.t-table--hoverable > .t-table__content > table > tbody tr {
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.t-table--striped.t-table--hoverable > .t-table__content > table > tbody tr:hover {
  background-color: var(--td-bg-color-container-hover);
}
.t-table--hoverable tbody tr {
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.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;
}
@-moz-document url-prefix() {
  .t-table__header--fixed .t-table__header {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    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 {
  border: 0px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb:vertical:hover,
.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
@-moz-document url-prefix() {
  .t-table__header--fixed .t-table__header {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    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 {
  border: 0px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb:vertical:hover,
.t-table__header--fixed .t-table__header::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-table__header--fixed .t-table__body {
  overflow-y: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@-moz-document url-prefix() {
  .t-table__header--fixed .t-table__body {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    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 {
  border: 0px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb:vertical:hover,
.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
@-moz-document url-prefix() {
  .t-table__header--fixed .t-table__body {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    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 {
  border: 0px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 11px;
}
.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb:vertical:hover,
.t-table__header--fixed .t-table__body::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.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-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: "";
  -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: "";
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-table__column-controller-desc {
  margin-bottom: var(--td-comp-margin-xxl);
}
.t-table__column-controller-block {
  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
  border: 1px solid var(--td-component-border);
  border-bottom: 1px solid var(--td-component-border);
}
.t-table__column-controller-block + .t-table__column-controller-block {
  border-top: 0;
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
  border-bottom: 1px solid var(--td-component-border);
}
.t-table__column-controller--fixed .t-checkbox {
  width: 108px;
}
/** 表格行点击高亮悬浮态 */
.t-table.t-table__row--active-single tbody > tr.t-table__row--active,
.t-table.t-table__row--active-multiple tbody > tr.t-table__row--active {
  background-color: var(--td-brand-color-light);
}
.t-table.t-table__row--active-single tbody > tr.t-table__row--active.t-table__row--hover,
.t-table.t-table__row--active-multiple tbody > tr.t-table__row--active.t-table__row--hover {
  background-color: var(--td-brand-color-light-hover);
}
.t-table.t-table--hoverable tbody > tr.t-table__row--active:hover {
  background-color: var(--td-brand-color-light-hover);
}
/** 键盘操作悬浮表格行 */
.t-table.t-table--row-expandable tbody > tr.t-table__row--hover,
.t-table.t-table--row-select tbody > tr.t-table__row--hover,
.t-table.t-table__row--active-multiple tbody > tr.t-table__row--hover {
  background-color: var(--td-bg-color-container-hover);
}
.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 th.t-align-right .t-table__cell--title {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
/**
 * 有边框和无边框的图标排列不一样，需谨慎修改
 * 无边框模式，图标依次紧跟标题
 * 有边框模式，只有一个图标时，图标靠近边框右侧；有两个图标时，排序图标靠近标题，过滤图标靠近边框右侧
 */
.t-table__cell--sort-trigger {
  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-placeholder);
}
.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;
  min-height: 120px;
  color: var(--td-text-color-disabled);
}
.t-table__filter-icon,
.t-table__sort-icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  vertical-align: text-bottom;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.t-table__filter-icon > svg,
.t-table__sort-icon > svg {
  margin-top: 0;
}
.t-table__sort-icon .t-is-focus,
.t-table__sort-icon.t-is-focus,
.t-table__sort-icon:hover {
  color: var(--td-brand-color);
  border-radius: var(--td-radius-circle);
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.t-table__filter-icon .t-is-focus,
.t-table__filter-icon.t-is-focus,
.t-table__filter-icon:hover {
  color: var(--td-brand-color);
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.t-table__filter-pop .t-popup__content {
  padding: 0;
}
.t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-inner {
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
}
.t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-inner .t-table__filter-popup-input {
  margin-bottom: var(--td-comp-margin-s);
}
.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;
  margin: var(--td-comp-margin-xs) 0;
}
.t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-button {
  border-top: 1px solid var(--td-component-border);
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
}
.t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-button .t-button + .t-button {
  margin-left: var(--td-comp-margin-l);
}
.t-table__filter-pop .t-table__list-filter-input--sticky .t-table__filter-pop-content .t-table__filter-pop-content-inner {
  padding: 0;
  max-height: 280px;
  overflow: auto;
  position: relative;
}
.t-table__filter-pop .t-table__list-filter-input--sticky .t-table__filter-pop-content .t-table__filter-pop-content-inner .t-input__wrap {
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l) 0 var(--td-comp-paddingLR-l);
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: var(--td-bg-color-container);
}
.t-table__filter-pop .t-table__list-filter-input--sticky .t-table__filter-pop-content .t-table__filter-pop-content-inner .t-radio-group {
  padding: 0 var(--td-comp-paddingLR-l);
}
.t-table__filter-pop-content-inner > .t-input__wrap {
  width: 200px;
}
.t-table__filter-pop-content-inner > .t-date-range-picker__panel {
  margin: calc(0px - var(--td-comp-margin-l));
}
.t-table__sort-icon--active {
  color: var(--td-brand-color);
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.t-table__double-icons {
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.t-table__double-icons .t-table__sort-icon {
  position: relative;
}
.t-table__double-icons .t-table-sort-asc {
  top: var(--td-comp-margin-xxs);
}
.t-table__double-icons .t-table-sort-desc {
  bottom: var(--td-comp-margin-xxs);
}
.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;
  height: var(--td-font-size-body-large);
  width: var(--td-font-size-body-large);
  margin-left: var(--td-comp-margin-s);
}
.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 .t-align-center .t-table__cell--sortable,
.t-table .t-align-center .t-table__cell--filterable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.t-table__expand-box {
  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: 100%;
  height: 100%;
  color: var(--td-text-color-placeholder);
  cursor: pointer;
  -webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s;
  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1) 0s;
}
.t-table__expand-box:hover {
  color: var(--td-brand-color);
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
@-webkit-keyframes tTableProgressbar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes tTableProgressbar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.t-table__th-row-select .t-table__th-cell-inner {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-table-expandable-icon-cell + .t-table__cell--selectable[key="row-select"] {
  padding-left: var(--td-comp-margin-s);
}
.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: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
  border-top: 1px solid var(--td-component-border);
}
.t-table__filter--bottom-buttons > .t-button + .t-button {
  margin-left: var(--td-comp-margin-s);
}
.t-table__row-filter-inner {
  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: var(--td-comp-margin-s);
}
.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__content--scrollable-to-left .t-table__cell--fixed-left-last::after {
  border-right: 2px solid var(--td-component-border);
}
.t-table__content--scrollable-to-right .t-table__cell--fixed-right-first::after {
  border-left: 2px solid var(--td-component-border);
}
.t-table--bordered.t-table__content--scrollable-to-left .t-table__cell--fixed-left-last::after {
  border-right: 4px solid var(--td-component-border);
}
.t-table--bordered.t-table__content--scrollable-to-right .t-table__cell--fixed-right-first::after {
  border-left: 4px solid var(--td-component-border);
}
.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: sticky;
  z-index: 50;
}
.t-table:not(.t-table--striped) .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: 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: "";
  -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: "";
  -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: sticky;
}
.t-table--column-fixed .t-table__cell--fixed-left {
  z-index: 30;
}
.t-table--column-fixed .t-table__cell--fixed-right {
  z-index: 31;
}
.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: var(--td-comp-margin-s);
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: -3px;
}
.t-table__tree-op-icon:hover {
  color: var(--td-brand-color);
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.t-table__tree-leaf-node .t-table__tree-op-icon {
  min-width: 0;
  margin-right: var(--td-comp-margin-xxs);
}
.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;
}
/** 用于隐藏表头滚动条 */
.t-table__affixed-header-elm-wrap {
  overflow: hidden;
}
.t-table__affixed-header-elm-wrap,
.t-table__affixed-header-elm {
  position: absolute;
  left: 0;
  z-index: 51;
}
.t-table__affixed-header-elm {
  overflow: auto;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  opacity: 1;
}
.t-table__affixed-footer-elm {
  overflow: auto;
  z-index: 50;
}
.t-table--bordered .t-table__affixed-header-elm {
  border: 1px solid var(--td-component-border);
  border-bottom: 0;
  border-right: 0;
}
.t-table--bordered .t-table__affixed-footer-elm {
  border-left: 1px solid var(--td-component-border);
  border-bottom: 1px solid var(--td-component-border);
}
.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: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
}
.t-table__row-full-inner {
  position: sticky;
  left: 0;
}
.t-table__row-full-inner:not(.t-table__empty) {
  display: inline-block;
}
.t-table__tree-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-table__tree-col--inline {
  display: inline;
}
.t-table--full-height {
  height: 100%;
}
/** 默认最小高度限制为 Empty 高度加表头高度 */
.t-table--loading .t-table__content {
  min-height: 168px;
}
.t-table__handle-draggable:hover,
.t-table--row-draggable tr,
.t-table__th--drag-sort {
  cursor: move;
}
.t-table__ele--draggable-chosen {
  -webkit-box-shadow: var(--td-shadow-1);
          box-shadow: var(--td-shadow-1);
}
.t-table:not(.t-table--row-edit) .t-table__cell--editable {
  min-height: 22px;
  line-height: var(--td-line-height-body-medium);
  cursor: pointer;
}
.t-table:not(.t-table--row-edit) .t-table__cell--editable .t-icon {
  margin-left: var(--td-comp-margin-s);
  font-size: var(--td-font-size-body-large);
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
  color: var(--td-text-color-placeholder);
}
.t-table:not(.t-table--row-edit) .t-table__cell--editable .t-icon:hover {
  color: var(--td-brand-color);
}
.t-table:not(.t-table--row-edit) .t-table__cell--editable:hover {
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
/** 吸底的分页器，需要背景色，避免表格文本内容显示穿透 */
.t-affix .t-table__pagination {
  background-color: var(--td-bg-color-container);
}
.t-table--bordered .t-affix .t-table__pagination {
  border-top: 1px solid var(--td-component-border);
}
.t-table__bottom-content + .t-table__pagination-wrap .t-table__pagination {
  border: 0;
  padding: 0;
}
.t-table--column-resizable:not(.t-table--bordered) {
  /** 表格左边有冻结列滚动时，去掉hover表头时多出的一个像素，避免出现表头的冻结列跟表内容的冻结列没有对齐的问题 */
}
.t-table--column-resizable:not(.t-table--bordered) th {
  border-top: 1px solid transparent;
}
.t-table--column-resizable:not(.t-table--bordered) thead.t-table__header:hover th:not(:last-child) {
  border-right: 1px solid var(--td-component-border);
}
.t-table--column-resizable:not(.t-table--bordered) thead.t-table__header:hover th {
  border-top: 1px solid var(--td-component-border);
}
.t-table--column-resizable:not(.t-table--bordered).t-table__content--scrollable-to-left.t-table__content--scrollable-to-right thead.t-table__header:hover .t-table__cell--fixed-left-last:not(:last-child),
.t-table--column-resizable:not(.t-table--bordered).t-table__content--scrollable-to-left thead.t-table__header:hover .t-table__cell--fixed-left-last:not(:last-child) {
  border-right: 0;
}
/** 可选中行的场景下，将 Checkbox 和 Radio 铺满整个单元格，增大点击范围，方便用户选中 */
.t-table td.t-table__cell-check,
.t-table th.t-table__cell-check {
  padding: 0;
  /** HTML 特性: th/td 必须设置为 0，他们的子元素才能设置为 100% */
  height: 0;
}
.t-table td.t-table__cell-check .t-radio__label:empty,
.t-table th.t-table__cell-check .t-radio__label:empty,
.t-table td.t-table__cell-check .t-checkbox__label:empty,
.t-table th.t-table__cell-check .t-checkbox__label:empty {
  display: none;
}
.t-table .t-table__cell-check .t-radio,
.t-table .t-table__cell-check .t-checkbox,
.t-table .t-table__cell-check .t-table__th-cell-inner {
  width: 100%;
  height: 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-table td .t-input__tips {
  position: initial;
}
.t-table .t-table__sort-column {
  background-color: var(--td-bg-color-secondarycontainer);
}
.t-table__ellipsis-content.t-size-s .t-popup__content {
  font: var(--td-font-body-medium);
}

.t-collapse {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  border: solid 1px var(--td-component-border);
  border-bottom: 0;
  background: var(--td-bg-color-container);
}
.t-collapse.t--border-less {
  border: none;
}
.t-collapse.t--border-less .t-collapse-panel__header {
  border-bottom: none;
}
.t-collapse.t--border-less .t-collapse-panel__body {
  background: var(--td-bg-color-container);
  border: none;
}
.t-collapse-panel__icon {
  -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);
  cursor: pointer;
  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-collapse-panel__icon > .t-fake-arrow {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -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-collapse-panel__icon--left {
  margin-right: var(--td-comp-margin-s);
}
.t-collapse-panel__icon--right {
  margin-left: var(--td-comp-margin-s);
}
.t-collapse-panel__icon--active > .t-fake-arrow {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.t-collapse-panel__icon:hover {
  background-color: var(--td-bg-color-container-hover);
  border-radius: var(--td-radius-small);
}
.t-collapse-panel__wrapper {
  overflow: hidden;
}
.t-collapse-panel__wrapper.t--borderless .t-collapse-panel__header {
  border-bottom: none;
}
.t-collapse-panel__wrapper.t--borderless .t-collapse-panel__body {
  background: var(--td-bg-color-container);
  border: none;
}
.t-collapse-panel__wrapper .t-collapse-panel__header {
  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
  border-bottom: solid 1px var(--td-component-border);
  font: var(--td-font-title-small);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-collapse-panel__wrapper .t-collapse-panel__header--blank {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.t-collapse-panel__wrapper .t-collapse-panel__header.t-is-clickable {
  cursor: pointer;
}
.t-collapse-panel__wrapper .t-collapse-panel__header-left,
.t-collapse-panel__wrapper .t-collapse-panel__header-right,
.t-collapse-panel__wrapper .t-collapse-panel__header-right-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-collapse-panel__wrapper .t-collapse-panel__body {
  border-bottom: solid 1px var(--td-component-border);
  background: var(--td-bg-color-secondarycontainer);
  overflow: inherit;
}
.t-collapse-panel__wrapper .t-collapse-panel__body--collapsed {
  border: none;
}
.t-collapse-panel__wrapper .t-collapse-panel__content {
  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l) var(--td-comp-paddingTB-m) calc(var(--td-comp-paddingLR-l) + var(--td-comp-margin-xxl));
  color: var(--td-text-color-secondary);
}
.t-collapse-panel.t-is-disabled .t-collapse-panel__header {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
}
.t-collapse-panel.t-is-disabled .t-collapse-panel__icon {
  cursor: not-allowed;
  pointer-events: none;
}
.t-collapse-panel.t-is-disabled .t-collapse-panel__body {
  background: var(--td-bg-color-component-disabled);
}
.t-collapse-panel.t-is-disabled .t-collapse-panel__content {
  color: var(--td-text-color-disabled);
}

.t-rate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-rate .t-rate__star-top {
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -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-rate .t-rate__star-top,
.t-rate .t-rate__star-bottom {
  display: grid;
}
.t-rate__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
.t-rate__item {
  position: relative;
  cursor: pointer;
  -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-rate__item:hover {
  -webkit-transform: scale(1.33);
          transform: scale(1.33);
}
.t-rate__item--half .t-rate__star-top {
  width: 50%;
}
.t-rate__item--full .t-rate__star-top {
  width: 100%;
}
.t-rate__text {
  color: var(--td-text-color-primary);
  font: var(--td-font-mark-medium);
  margin-left: var(--td-comp-margin-l);
}

.t-timeline {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.t-timeline-item {
  min-height: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
}
.t-timeline-item__label.t-timeline-item__label--alternate {
  position: absolute;
}
.t-timeline-item__wrapper {
  width: 8px;
  position: relative;
}
.t-timeline-item__wrapper .t-timeline-item__dot {
  -webkit-box-sizing: unset;
          box-sizing: unset;
  position: absolute;
  width: 4px;
  height: 4px;
  border: 2px solid transparent;
  border-radius: 50%;
  top: 8px;
}
.t-timeline-item__wrapper .t-timeline-item__dot--primary {
  border-color: var(--td-brand-color);
}
.t-timeline-item__wrapper .t-timeline-item__dot--default {
  border-color: var(--td-component-border);
}
.t-timeline-item__wrapper .t-timeline-item__dot--success {
  border-color: var(--td-success-color);
}
.t-timeline-item__wrapper .t-timeline-item__dot--warning {
  border-color: var(--td-warning-color);
}
.t-timeline-item__wrapper .t-timeline-item__dot--error {
  border-color: var(--td-error-color);
}
.t-timeline-item__wrapper .t-timeline-item__dot--custom {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 4px;
  border: 0;
}
.t-timeline-item__wrapper .t-timeline-item__dot--custom .t-timeline-item__dot-content {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
}
.t-timeline-item__wrapper .t-timeline-item__tail {
  position: absolute;
  border-left: 2px solid transparent;
  left: 50%;
  height: calc(100% - (8px * 2 + 8px));
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-bottom: var(--td-comp-size-s);
  border-color: var(--td-component-border);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.t-timeline-item__wrapper .t-timeline-item__tail--theme-dot {
  border-style: dashed;
  border-right: 0;
}
.t-timeline-item__label {
  color: var(--td-text-color-secondary);
  font-size: var(--td-font-size-body-medium);
}
.t-timeline-item__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: var(--td-comp-margin-l);
  font-size: var(--td-font-size-body-large);
}
.t-timeline-item--last .t-timeline-item__tail {
  display: none;
}
.t-timeline-label.t-timeline-label--alternate.t-timeline-left .t-timeline-item__label {
  text-align: right;
  left: 0;
}
.t-timeline-label.t-timeline-label--alternate.t-timeline-left .t-timeline-item__wrapper {
  margin-left: 100px;
}
.t-timeline-label.t-timeline-label--alternate.t-timeline-right .t-timeline-item__label {
  text-align: left;
  right: 0;
}
.t-timeline-label.t-timeline-label--alternate.t-timeline-right .t-timeline-item__wrapper {
  margin-right: 100px;
}
.t-timeline-right .t-timeline-item {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.t-timeline-right .t-timeline-item__content {
  text-align: right;
  padding-left: 0;
  padding-right: var(--td-comp-margin-l);
}
.t-timeline-alternate .t-timeline-item-left {
  margin-left: calc(50% - (8px / 2));
}
.t-timeline-alternate .t-timeline-item-right {
  text-align: right;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-right: calc(50% - (8px / 2));
}
.t-timeline-alternate .t-timeline-item-right .t-timeline-item__content {
  padding-right: var(--td-comp-margin-l);
  padding-left: 0;
}
.t-timeline-label.t-timeline-alternate .t-timeline-item__label {
  width: 100%;
}
.t-timeline-label.t-timeline-alternate .t-timeline-item-left .t-timeline-item__label--alternate {
  left: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  text-align: right;
  padding-right: var(--td-comp-margin-l);
}
.t-timeline-label.t-timeline-alternate .t-timeline-item-right .t-timeline-item__label--alternate {
  right: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  text-align: left;
  padding-left: var(--td-comp-margin-l);
}
.t-timeline-horizontal {
  min-height: 200px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-timeline-horizontal .t-timeline-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-right: 8px;
  min-width: 160px;
}
.t-timeline-horizontal .t-timeline-item__wrapper {
  width: 100%;
  height: 8px;
}
.t-timeline-horizontal .t-timeline-item__wrapper .t-timeline-item__dot {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: unset;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.t-timeline-horizontal .t-timeline-item__wrapper .t-timeline-item__dot--custom {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 0;
}
.t-timeline-horizontal .t-timeline-item__wrapper .t-timeline-item__dot--custom .t-timeline-item__dot-content {
  position: absolute;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
}
.t-timeline-horizontal .t-timeline-item__wrapper .t-timeline-item__tail {
  left: calc(8px + var(--td-comp-margin-s));
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: calc(100% - calc(8px + var(--td-comp-margin-s)));
  border: 0;
  border-top: 2px solid transparent;
  padding-bottom: 0;
  border-color: var(--td-component-border);
}
.t-timeline-horizontal .t-timeline-item__wrapper .t-timeline-item__tail--theme-dot {
  border-style: dashed;
  border-right: 0;
}
.t-timeline-horizontal .t-timeline-item__content {
  padding-left: unset;
  padding-top: var(--td-comp-margin-l);
  -webkit-box-flex: unset;
      -ms-flex: unset;
          flex: unset;
}
.t-timeline-vertical .t-timeline-item__content {
  padding-bottom: var(--td-comp-margin-l);
}
.t-timeline-label.t-timeline-horizontal.t-timeline-top .t-timeline-item__label--alternate {
  top: 0;
  width: 100%;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  padding-bottom: 0;
}
.t-timeline-label.t-timeline-horizontal.t-timeline-bottom .t-timeline-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.t-timeline-label.t-timeline-horizontal.t-timeline-bottom .t-timeline-item__wrapper {
  padding-top: 0;
}
.t-timeline-label.t-timeline-horizontal.t-timeline-bottom .t-timeline-item__label--alternate {
  padding-top: var(--td-comp-margin-l);
  bottom: 0;
  width: 100%;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.t-timeline-label.t-timeline-horizontal.t-timeline-bottom .t-timeline-item__content {
  padding-top: 0;
  padding-bottom: var(--td-comp-margin-l);
}
.t-timeline-label.t-timeline-horizontal.t-timeline-alternate .t-timeline-item-top .t-timeline-item__label--alternate {
  top: 0;
  width: 100%;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  padding-bottom: var(--td-comp-margin-l);
}
.t-timeline-label.t-timeline-horizontal.t-timeline-alternate .t-timeline-item-bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  position: relative;
  -webkit-transform: translateY(calc(-100% + 8px));
          transform: translateY(calc(-100% + 8px));
}
.t-timeline-label.t-timeline-horizontal.t-timeline-alternate .t-timeline-item-bottom .t-timeline-item__content {
  padding-bottom: var(--td-comp-margin-l);
  padding-top: unset;
}
.t-timeline-label.t-timeline-horizontal.t-timeline-alternate .t-timeline-item-bottom .t-timeline-item__label--alternate {
  bottom: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  padding-top: var(--td-comp-margin-l);
}

/* Alert */
.t-alert {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  border-radius: var(--td-radius-medium);
}
.t-alert.t-is-hidden {
  /* 隐藏 */
  display: none;
}
.t-alert--closing {
  opacity: 0;
}
.t-alert--info {
  background-color: var(--td-brand-color-focus);
}
.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-focus);
}
.t-alert--success .t-alert__icon {
  color: var(--td-success-color);
}
.t-alert--success .t-alert__swiper-trigger-wrap {
  color: var(--td-success-color-focus);
}
.t-alert--success .t-alert__swiper-trigger--active {
  color: var(--td-success-color);
}
.t-alert--warning {
  background-color: var(--td-warning-color-focus);
}
.t-alert--warning .t-alert__icon {
  color: var(--td-warning-color);
}
.t-alert--warning .t-alert__swiper-trigger-wrap {
  color: var(--td-warning-color-focus);
}
.t-alert--warning .t-alert__swiper-trigger--active {
  color: var(--td-warning-color);
}
.t-alert--error {
  background-color: var(--td-error-color-focus);
}
.t-alert--error .t-alert__icon {
  color: var(--td-error-color);
}
.t-alert--error .t-alert__swiper-trigger-wrap {
  color: var(--td-error-color-focus);
}
.t-alert--error .t-alert__swiper-trigger--active {
  color: var(--td-error-color);
}
.t-alert__icon {
  font-size: var(--td-line-height-body-medium);
  display: inherit;
}
.t-alert__icon,
.t-alert__close {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  line-height: var(--td-line-height-body-small);
}
.t-alert__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  font-size: var(--td-font-size-body-medium);
  line-height: var(--td-line-height-body-medium);
  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: var(--td-comp-margin-s);
}
.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 var(--td-comp-paddingLR-s);
  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: var(--td-comp-margin-s);
}
.t-alert__collapse {
  margin-top: var(--td-comp-margin-s);
  color: var(--td-brand-color);
  cursor: pointer;
}
.t-alert__close {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: var(--td-comp-margin-l);
  color: var(--td-text-color-secondary);
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.t-alert__close:hover {
  color: var(--td-text-color-primary);
}
.t-alert__close > .t-icon {
  font-size: calc(var(--td-line-height-body-medium) - 2px);
  padding: calc((var(--td-line-height-body-medium) - calc(var(--td-line-height-body-medium) - 2px)) / 2) 0;
}

/**
 * 颜色
 */
/**
 * 尺寸
 */
/**
 * 字体
 */
/**
 * 动画
 */
/**
 * 间距
 */
/**
 * 位置
 */
/**
 * 边框弧度
 */
.t-drawer-fade-enter,
.t-drawer-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: linear;
          animation-timing-function: linear;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.t-drawer-fade-exit {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.t-drawer-fade-enter.t-drawer-fade-enter-active,
.t-drawer-fade-enter.t-drawer-fade-enter-active.t-drawer-fade-enter-to,
.t-drawer-fade-appear.t-drawer-fade-appear-active,
.t-drawer-fade-appear.t-drawer-fade-appear-active.t-drawer-fade-appear-to {
  -webkit-animation-name: tDrawerFadeIn;
          animation-name: tDrawerFadeIn;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.t-drawer-fade-exit.t-drawer-fade-exit-active,
.t-drawer-fade-leave-active.t-drawer-fade-leave-to {
  -webkit-animation-name: tDrawerFadeOut;
          animation-name: tDrawerFadeOut;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes tDrawerFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tDrawerFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes tDrawerFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes tDrawerFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.t-drawer {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: fixed;
  z-index: 1500;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  outline: none;
}
.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: var(--td-font-body-medium);
  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 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: var(--td-comp-size-xxxl);
  padding: 0 var(--td-comp-paddingLR-l);
  font: var(--td-font-title-medium);
  color: var(--td-text-color-primary);
  border-bottom: 1px solid var(--td-border-level-1-color);
  border-radius: var(--td-radius-small) var(--td-radius-small) 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.t-drawer__body {
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
  overflow: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.t-drawer__footer {
  width: 100%;
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
  text-align: left;
  border-top: 1px solid var(--td-border-level-1-color);
  background-color: var(--td-bg-color-container);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.t-drawer__footer .t-button {
  margin-left: var(--td-comp-margin-s);
}
.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: var(--td-comp-size-xs);
  height: var(--td-comp-size-xs);
  top: calc((var(--td-comp-size-xxxl) - var(--td-comp-size-xs)) / 2);
  right: var(--td-comp-margin-s);
  color: var(--td-text-color-primary);
  background-color: var(--td-bg-color-container);
  border-radius: var(--td-radius-default);
  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: calc(var(--td-font-size-body-medium) + 2px);
  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-guide {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-guide--lock {
  overflow: hidden;
}
.t-guide--absolute {
  position: absolute;
}
.t-guide--fixed {
  position: fixed;
}
.t-guide__overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999997;
}
.t-guide__highlight {
  z-index: 999998;
  -webkit-transition: 0.2s cubic-bezier(0, 0, 0.15, 1);
  transition: 0.2s cubic-bezier(0, 0, 0.15, 1);
  border-radius: var(--td-radius-default);
}
.t-guide__highlight--dialog {
  border-radius: var(--td-radius-large);
}
.t-guide__highlight--mask {
  -webkit-box-shadow: 0 0 0 0 var(--td-mask-active), var(--td-mask-active) 0 0 0 5000px;
          box-shadow: 0 0 0 0 var(--td-mask-active), var(--td-mask-active) 0 0 0 5000px;
}
.t-guide__highlight--nomask {
  border-radius: var(--td-radius-medium);
  border: 2px solid var(--td-brand-color);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.t-guide__reference {
  z-index: 999999;
}
.t-guide__wrapper {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 999999;
  padding-top: 20vh;
}
.t-guide__wrapper--center {
  padding-top: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-guide__dialog {
  min-width: 320px;
  max-width: 500px;
  padding: var(--td-comp-paddingTB-xxl) var(--td-comp-paddingLR-xxl);
  border-radius: var(--td-radius-large);
  background: var(--td-bg-color-container);
  -webkit-animation: tGuideDialogFadeIn 0.3s ease-out;
          animation: tGuideDialogFadeIn 0.3s ease-out;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.t-guide__dialog--nomask {
  border: 1px solid var(--td-component-border);
}
.t-guide__dialog .t-guide__title {
  font: var(--td-font-title-medium);
  font-weight: 700;
}
.t-guide__dialog .t-guide__desc {
  margin-top: var(--td-comp-margin-l);
  font: var(--td-font-body-medium);
}
.t-guide__tooltip {
  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-s);
  min-width: 240px;
  max-width: 600px;
  max-height: 300px;
}
.t-guide__title {
  text-align: left;
  color: var(--td-text-color-primary);
  font: var(--td-font-title-small);
  font-weight: 700;
}
.t-guide__desc {
  margin-top: var(--td-comp-margin-s);
  text-align: left;
  color: var(--td-text-color-secondary);
  font: var(--td-font-body-small);
}
.t-guide__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-guide__action button {
  margin-right: var(--td-comp-margin-s);
}
.t-guide__action button:last-child {
  margin-right: 0;
}
.t-guide__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-guide__footer--popup {
  margin-top: var(--td-comp-margin-l);
}
.t-guide__footer--dialog {
  margin-top: 24px;
}
.t-guide__footer--dialog .t-guide__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.t-guide__counter {
  color: var(--td-text-color-placeholder);
  text-align: left;
  font: var(--td-font-body-small);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.t-guide__popup .t-guide__popup--content {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}
@-webkit-keyframes tGuideDialogFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tGuideDialogFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.t-notification {
  color: var(--td-text-color-primary);
  margin: 0;
  padding: 0;
  list-style: none;
  font: var(--td-font-body-medium);
  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), 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);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: var(--td-radius-medium);
  width: 360px;
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
}
.t-notification__icon {
  width: calc(var(--td-font-size-body-large) + 8px);
  text-align: center;
  margin-right: var(--td-comp-margin-s);
}
.t-notification__icon .t-icon {
  font-size: calc(var(--td-font-size-body-large) + 8px);
}
.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: var(--td-font-title-medium);
  color: var(--td-text-color-primary);
}
.t-notification .t-icon-close {
  cursor: pointer;
  font-size: var(--td-font-size-body-large);
  border-radius: var(--td-radius-default);
  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: var(--td-font-body-medium);
  color: var(--td-text-color-secondary);
  margin-top: var(--td-comp-margin-s);
  max-height: 66px;
  overflow: hidden;
  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: var(--td-comp-margin-l);
  text-align: right;
  font: var(--td-font-body-medium);
}
.t-notification__detail-item {
  cursor: pointer;
}
.t-notification__detail-item:hover {
  color: inherit;
  background: var(--td-bg-color-container-hover);
}
.t-notification__detail-item:active {
  color: inherit;
  background: var(--td-bg-color-container-active);
}
.t-notification__detail-item + .t-notification__detail-item {
  margin-left: var(--td-comp-margin-s);
}
.t-notification__detail-item.t-is-active {
  color: var(--td-brand-color);
}
.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 {
  position: fixed;
}

.t-popconfirm {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  min-width: 160px;
  border-radius: var(--td-radius-medium);
}
.t-popconfirm .t-popup__content {
  padding: 0;
}
.t-popconfirm.t-popup[data-popper-placement^="top"] .t-popup__arrow {
  bottom: calc(-8px / 2);
}
.t-popconfirm__content {
  position: relative;
  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
  border-radius: var(--td-radius-medium);
}
.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-right: var(--td-comp-margin-s);
  padding: calc(calc(var(--td-line-height-body-medium) - calc(var(--td-font-size-body-medium) + 6px)) / 2) 0;
  font-size: calc(var(--td-font-size-body-medium) + 6px);
}
.t-popconfirm__confirm {
  margin-left: var(--td-comp-margin-s);
}
.t-popconfirm__inner {
  display: inline-block;
  vertical-align: top;
  max-width: 320px;
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
}
.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: var(--td-comp-margin-l);
}
.t-popconfirm__buttons > span:last-child {
  margin-right: 0;
}

.t-upload {
  font: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.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: calc(var(--td-font-size-body-medium) + 2px);
  -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-time-filled {
  color: var(--td-text-color-placeholder);
}
.t-upload .t-icon-add {
  color: var(--td-text-color-primary);
}
.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: var(--td-comp-margin-m);
  overflow: hidden;
}
.t-upload__list-file .t-icon {
  font-size: var(--td-comp-size-xl);
  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: var(--td-comp-margin-m);
  width: 496px;
  height: 124px;
  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m);
  border: 1px solid var(--td-component-border);
  border-radius: var(--td-radius-default);
  font: var(--td-font-body-medium);
}
.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: var(--td-comp-margin-s);
}
.t-upload__card {
  font: var(--td-font-body-small);
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--td-comp-margin-s);
}
.t-upload__card .t-is-disabled :hover {
  cursor: not-allowed;
}
.t-upload__card-item {
  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: var(--td-comp-margin-s);
}
.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 .t-icon-loading {
  margin-bottom: var(--td-comp-margin-s);
}
.t-upload__card-name {
  max-width: 100%;
  margin-top: var(--td-comp-margin-s);
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-upload__card-content {
  position: relative;
  width: 110px;
  height: 110px;
  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: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s);
  border-radius: var(--td-radius-default);
}
.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);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  border-radius: var(--td-radius-default);
  -webkit-transition: border 0.2s linear;
  transition: border 0.2s linear;
}
.t-upload__card-container:hover:not(.t-is-disabled) {
  border-color: var(--td-brand-color);
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
}
.t-upload__card-container > .t-icon {
  color: var(--td-text-color-placeholder);
}
.t-upload__card-container > .t-icon,
.t-upload__card-container .t-loading {
  font-size: var(--td-comp-size-xs);
  margin-bottom: var(--td-comp-margin-s);
}
.t-upload__card-container > p,
.t-upload__card-container .t-upload__add-text {
  color: var(--td-text-color-placeholder);
  margin: 0;
}
.t-upload__card-status-wrap {
  text-align: center;
}
.t-upload__card-status-wrap > svg {
  margin-bottom: var(--td-comp-margin-s);
}
.t-upload__card-status-wrap .t-icon,
.t-upload__card-status-wrap .t-loading {
  font-size: var(--td-comp-size-xs);
}
.t-upload__card-image {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}
.t-upload__card-status {
  color: var(--td-text-color-disabled);
  font: var(--td-font-body-small);
}
.t-upload__card-mask {
  background-color: var(--td-mask-active);
  color: var(--td-text-color-anti);
  will-change: transform;
  opacity: 0;
  z-index: 2;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  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 var(--td-comp-margin-l);
  border-left: 1px var(--td-text-color-anti) solid;
  height: var(--td-comp-size-xxxs);
}
.t-upload__card-mask-item > .t-icon {
  cursor: pointer;
  font-size: calc(var(--td-font-size-body-medium) + 2px);
}
.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: var(--td-radius-small);
  font: var(--td-font-body-medium);
  color: var(--td-text-color-secondary);
  cursor: pointer;
  padding: var(--td-comp-margin-l);
  position: relative;
  overflow: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -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: var(--td-comp-margin-l);
}
.t-upload__dragger .t-size-s {
  display: block;
}
.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: var(--td-font-body-medium);
  color: var(--td-text-color-primary);
  margin-bottom: var(--td-comp-margin-s);
  max-width: calc(336px - var(--td-comp-margin-l) * 2 - 0);
}
.t-upload__dragger-text .t-upload__single-name {
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-upload__tips {
  display: block;
  color: var(--td-text-color-placeholder);
  margin-top: var(--td-comp-margin-s);
  font: var(--td-font-body-small);
}
.t-upload__tips.t-upload__tips-error {
  color: var(--td-error-color);
}
.t-upload__tips.t-upload__tips-warn {
  color: var(--td-warning-color);
}
.t-upload__placeholder {
  color: var(--td-text-color-placeholder);
}
.t-upload__display-text--margin {
  margin-top: var(--td-comp-margin-s);
}
.t-upload__single-display-text {
  color: var(--td-text-color-secondary);
  font: var(--td-font-body-small);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-upload__single-display-text .t-upload__flow-status .t-icon {
  font-size: calc(var(--td-font-size-body-medium) + 2px);
}
.t-icon-clear-circle-filled {
  color: var(--td-text-color-placeholder);
  margin-top: var(--td-comp-margin-xxs);
  -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;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.t-upload__single-percent {
  margin-left: var(--td-comp-margin-xs);
}
.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: calc(var(--td-font-size-body-medium) + 2px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.t-upload__single-input-delete {
  margin-left: var(--td-comp-margin-l);
  font: var(--td-font-body-medium);
  color: var(--td-brand-color);
  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;
}
.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: var(--td-comp-margin-l);
}
.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: calc(var(--td-font-size-body-medium) + 2px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.t-upload__dragger-img-wrap {
  width: 110px;
  height: 110px;
  background-color: var(--td-bg-color-secondarycontainer);
  border-radius: var(--td-radius-default);
  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 > .t-image__wrapper--shape-square {
  width: 100%;
}
.t-upload__dragger-img-wrap > .t-image__wrapper--shape-square .t-space-item {
  text-align: center;
}
.t-upload__dragger-img-wrap > img {
  max-width: 100%;
  max-height: 100%;
}
.t-upload__dragger-img-wrap + .t-upload__dragger-progress-info {
  margin-left: var(--td-comp-margin-l);
  max-width: calc(336px - var(--td-comp-margin-l) * 2 - calc(110px + var(--td-comp-margin-l)));
}
.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: var(--td-comp-margin-s);
}
.t-upload__dragger-progress-info .t-button:hover {
  background-color: transparent;
}
.t-upload__dragger-progress-cancel,
.t-upload__dragger-progress-reupload {
  margin-right: var(--td-comp-margin-l);
}
.t-upload__dragger-progress-cancel:hover,
.t-upload__dragger-progress-reupload:hover {
  border-color: transparent;
}
.t-upload__dragger-delete-btn:hover,
.t-upload__dragger-upload-btn:hover {
  border-color: transparent;
}
.t-upload__flow-image-flow {
  width: 498px;
}
.t-upload__flow {
  min-width: 498px;
  max-width: 960px;
}
.t-upload__flow-placeholder {
  display: inline-block;
  margin-left: var(--td-comp-margin-l);
}
.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: var(--td-comp-margin-xxl);
}
.t-upload__flow-bottom .t-button + .t-button {
  margin-left: var(--td-comp-margin-s);
}
.t-upload__flow-empty {
  width: 100%;
  height: 184px;
  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: var(--td-comp-margin-xxl);
  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: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
}
.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: var(--td-comp-margin-s);
  font-size: calc(var(--td-font-size-body-medium) + 2px);
}
.t-upload__flow-card-area {
  border: 1px dashed var(--td-component-border);
  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-m);
  margin-top: var(--td-comp-margin-xxl);
  -webkit-transition: border 0.2s linear;
  transition: border 0.2s linear;
}
.t-upload__flow-card-area:hover {
  border-color: var(--td-brand-color);
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
}
.t-upload__icon-delete,
.t-upload__single-input-clear {
  color: var(--td-text-color-placeholder);
  cursor: pointer;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.t-upload__icon-delete:hover,
.t-upload__single-input-clear:hover {
  color: var(--td-text-color-secondary);
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.t-icon.t-upload__single-input-clear {
  display: none;
}
.t-upload__single-input-preview:hover .t-upload__single-input-clear {
  display: initial;
}
.t-upload__single-input-preview:hover .t-upload__status-icon {
  display: none;
}
.t-upload .t-upload__single-name {
  color: var(--td-text-color-secondary);
}
.t-upload .t-upload__file-thumbnail {
  margin-right: var(--td-comp-paddingLR-s);
  width: var(--td-comp-size-xxl);
  height: var(--td-comp-size-xxl);
  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;
  cursor: pointer;
}
.t-upload .t-upload__file-thumbnail > svg {
  font-size: var(--td-comp-size-s);
  color: var(--td-text-color-placeholder);
}
.t-upload__card-name {
  margin-top: 8px;
}
.t-upload--theme-file-input {
  width: 100%;
}
.t-upload__dragger-btns > .t-button {
  padding: 0;
}
.t-upload__file-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-upload__card-container.t-is-disabled {
  cursor: not-allowed;
}
.t-upload__card-container.t-is-disabled .t-upload__add-text {
  color: var(--td-text-color-disabled);
}
.t-upload__card-container.t-is-disabled .t-icon {
  color: var(--td-text-color-disabled);
}

:root {
  --td-screen-xs: 320px;
  --td-screen-sm: 768px;
  --td-screen-md: 992px;
  --td-screen-lg: 1200px;
  --td-screen-xl: 1400px;
  --td-screen-xxl: 1880px;
}
@-moz-document url-prefix() {
  .narrow-scrollbar {
    scrollbar-color: var(--td-scrollbar-color) transparent;
    scrollbar-width: thin;
  }
}
.narrow-scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.narrow-scrollbar::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  background-clip: content-box;
  background-color: var(--td-scrollbar-color);
  border-radius: 15px;
}
.narrow-scrollbar::-webkit-scrollbar-thumb:vertical:hover,
.narrow-scrollbar::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.t-fake-arrow path {
  -webkit-transition: d 0.2s;
  transition: d 0.2s;
  stroke: currentcolor;
}
.t-fake-arrow--active path {
  d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
}
.t-slide-down-enter-active,
.t-slide-down-leave-active {
  -webkit-transition: height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  transition: height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}

:root,
:root[theme-mode="light"] {
  --td-brand-color-1: #f2f3ff;
  --td-brand-color-2: #d9e1ff;
  --td-brand-color-3: #b5c7ff;
  --td-brand-color-4: #8eabff;
  --td-brand-color-5: #618dff;
  --td-brand-color-6: #366ef4;
  --td-brand-color-7: #0052d9;
  --td-brand-color-8: #003cab;
  --td-brand-color-9: #002a7c;
  --td-brand-color-10: #001a57;
  --td-warning-color-1: #fff1e9;
  --td-warning-color-2: #ffd9c2;
  --td-warning-color-3: #ffb98c;
  --td-warning-color-4: #fa9550;
  --td-warning-color-5: #e37318;
  --td-warning-color-6: #be5a00;
  --td-warning-color-7: #954500;
  --td-warning-color-8: #713300;
  --td-warning-color-9: #532300;
  --td-warning-color-10: #3b1700;
  --td-error-color-1: #fff0ed;
  --td-error-color-2: #ffd8d2;
  --td-error-color-3: #ffb9b0;
  --td-error-color-4: #ff9285;
  --td-error-color-5: #f6685d;
  --td-error-color-6: #d54941;
  --td-error-color-7: #ad352f;
  --td-error-color-8: #881f1c;
  --td-error-color-9: #68070a;
  --td-error-color-10: #490002;
  --td-success-color-1: #e3f9e9;
  --td-success-color-2: #c6f3d7;
  --td-success-color-3: #92dab2;
  --td-success-color-4: #56c08d;
  --td-success-color-5: #2ba471;
  --td-success-color-6: #008858;
  --td-success-color-7: #006c45;
  --td-success-color-8: #005334;
  --td-success-color-9: #003b23;
  --td-success-color-10: #002515;
  --td-gray-color-1: #f3f3f3;
  --td-gray-color-2: #eee;
  --td-gray-color-3: #e8e8e8;
  --td-gray-color-4: #ddd;
  --td-gray-color-5: #c6c6c6;
  --td-gray-color-6: #a6a6a6;
  --td-gray-color-7: #8b8b8b;
  --td-gray-color-8: #777;
  --td-gray-color-9: #5e5e5e;
  --td-gray-color-10: #4b4b4b;
  --td-gray-color-11: #393939;
  --td-gray-color-12: #2c2c2c;
  --td-gray-color-13: #242424;
  --td-gray-color-14: #181818;
  --td-font-white-1: #ffffff;
  --td-font-white-2: rgba(255, 255, 255, 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-7);
  --td-warning-color: var(--td-warning-color-5);
  --td-error-color: var(--td-error-color-6);
  --td-success-color: var(--td-success-color-5);
  --td-brand-color-hover: var(--td-brand-color-6);
  --td-brand-color-focus: var(--td-brand-color-2);
  --td-brand-color-active: var(--td-brand-color-8);
  --td-brand-color-disabled: var(--td-brand-color-3);
  --td-brand-color-light: var(--td-brand-color-1);
  --td-brand-color-light-hover: var(--td-brand-color-2);
  --td-warning-color-hover: var(--td-warning-color-4);
  --td-warning-color-focus: var(--td-warning-color-2);
  --td-warning-color-active: var(--td-warning-color-6);
  --td-warning-color-disabled: var(--td-warning-color-3);
  --td-warning-color-light: var(--td-warning-color-1);
  --td-warning-color-light-hover: var(--td-warning-color-2);
  --td-error-color-hover: var(--td-error-color-5);
  --td-error-color-focus: var(--td-error-color-2);
  --td-error-color-active: var(--td-error-color-7);
  --td-error-color-disabled: var(--td-error-color-3);
  --td-error-color-light: var(--td-error-color-1);
  --td-error-color-light-hover: var(--td-error-color-2);
  --td-success-color-hover: var(--td-success-color-4);
  --td-success-color-focus: var(--td-success-color-2);
  --td-success-color-active: var(--td-success-color-6);
  --td-success-color-disabled: var(--td-success-color-3);
  --td-success-color-light: var(--td-success-color-1);
  --td-success-color-light-hover: var(--td-success-color-2);
  --td-mask-active: rgba(0, 0, 0, 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-secondarycomponent: var(--td-gray-color-4);
  --td-bg-color-secondarycomponent-hover: var(--td-gray-color-5);
  --td-bg-color-secondarycomponent-active: var(--td-gray-color-6);
  --td-bg-color-component-disabled: var(--td-gray-color-2);
  --td-bg-color-specialcomponent: #fff;
  --td-text-color-primary: var(--td-font-gray-1);
  --td-text-color-secondary: var(--td-font-gray-2);
  --td-text-color-placeholder: var(--td-font-gray-3);
  --td-text-color-disabled: var(--td-font-gray-4);
  --td-text-color-anti: #fff;
  --td-text-color-brand: var(--td-brand-color-7);
  --td-text-color-link: var(--td-brand-color-8);
  --td-border-level-1-color: var(--td-gray-color-3);
  --td-component-stroke: var(--td-gray-color-3);
  --td-border-level-2-color: var(--td-gray-color-4);
  --td-component-border: var(--td-gray-color-4);
  --td-shadow-1: 0 1px 10px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 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, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.1);
  --td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 8px 10px -5px rgba(0, 0, 0, 0.08);
  --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);
  --td-scrollbar-hover-color: rgba(0, 0, 0, 0.3);
  --td-scroll-track-color: #fff;
}
:root[theme-mode="dark"] {
  --td-brand-color-1: #1b2f51;
  --td-brand-color-2: #173463;
  --td-brand-color-3: #143975;
  --td-brand-color-4: #103d88;
  --td-brand-color-5: #0d429a;
  --td-brand-color-6: #054bbe;
  --td-brand-color-7: #2667d4;
  --td-brand-color-8: #4582e6;
  --td-brand-color-9: #699ef5;
  --td-brand-color-10: #96bbf8;
  --td-warning-color-1: #4f2a1d;
  --td-warning-color-2: #582f21;
  --td-warning-color-3: #733c23;
  --td-warning-color-4: #a75d2b;
  --td-warning-color-5: #cf6e2d;
  --td-warning-color-6: #dc7633;
  --td-warning-color-7: #e8935c;
  --td-warning-color-8: #ecbf91;
  --td-warning-color-9: #eed7bf;
  --td-warning-color-10: #f3e9dc;
  --td-error-color-1: #472324;
  --td-error-color-2: #5e2a2d;
  --td-error-color-3: #703439;
  --td-error-color-4: #83383e;
  --td-error-color-5: #a03f46;
  --td-error-color-6: #c64751;
  --td-error-color-7: #de6670;
  --td-error-color-8: #ec888e;
  --td-error-color-9: #edb1b6;
  --td-error-color-10: #eeced0;
  --td-success-color-1: #193a2a;
  --td-success-color-2: #1a4230;
  --td-success-color-3: #17533d;
  --td-success-color-4: #0d7a55;
  --td-success-color-5: #059465;
  --td-success-color-6: #43af8a;
  --td-success-color-7: #46bf96;
  --td-success-color-8: #80d2b6;
  --td-success-color-9: #b4e1d3;
  --td-success-color-10: #deede8;
  --td-gray-color-1: #f3f3f3;
  --td-gray-color-2: #eee;
  --td-gray-color-3: #e8e8e8;
  --td-gray-color-4: #ddd;
  --td-gray-color-5: #c6c6c6;
  --td-gray-color-6: #a6a6a6;
  --td-gray-color-7: #8b8b8b;
  --td-gray-color-8: #777;
  --td-gray-color-9: #5e5e5e;
  --td-gray-color-10: #4b4b4b;
  --td-gray-color-11: #393939;
  --td-gray-color-12: #2c2c2c;
  --td-gray-color-13: #242424;
  --td-gray-color-14: #181818;
  --td-font-white-1: rgba(255, 255, 255, 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-brand-color-light-hover: var(--td-brand-color-2);
  --td-warning-color-hover: var(--td-warning-color-4);
  --td-warning-color-focus: var(--td-warning-color-2);
  --td-warning-color-active: var(--td-warning-color-6);
  --td-warning-color-disabled: var(--td-warning-color-3);
  --td-warning-color-light: var(--td-warning-color-1);
  --td-warning-color-light-hover: var(--td-warning-color-2);
  --td-error-color-hover: var(--td-error-color-5);
  --td-error-color-focus: var(--td-error-color-2);
  --td-error-color-active: var(--td-error-color-7);
  --td-error-color-disabled: var(--td-error-color-3);
  --td-error-color-light: var(--td-error-color-1);
  --td-error-color-light-hover: var(--td-error-color-2);
  --td-success-color-hover: var(--td-success-color-4);
  --td-success-color-focus: var(--td-success-color-2);
  --td-success-color-active: var(--td-success-color-6);
  --td-success-color-disabled: var(--td-success-color-3);
  --td-success-color-light: var(--td-success-color-1);
  --td-success-color-light-hover: var(--td-success-color-2);
  --td-mask-active: rgba(0, 0, 0, 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-secondarycomponent: var(--td-gray-color-10);
  --td-bg-color-secondarycomponent-hover: var(--td-gray-color-9);
  --td-bg-color-secondarycomponent-active: var(--td-gray-color-8);
  --td-bg-color-component-disabled: var(--td-gray-color-12);
  --td-bg-color-specialcomponent: transparent;
  --td-text-color-primary: var(--td-font-white-1);
  --td-text-color-secondary: var(--td-font-white-2);
  --td-text-color-placeholder: var(--td-font-white-3);
  --td-text-color-disabled: var(--td-font-white-4);
  --td-text-color-anti: #fff;
  --td-text-color-brand: var(--td-brand-color-8);
  --td-text-color-link: var(--td-brand-color-8);
  --td-border-level-1-color: var(--td-gray-color-11);
  --td-component-stroke: var(--td-gray-color-11);
  --td-border-level-2-color: var(--td-gray-color-9);
  --td-component-border: var(--td-gray-color-9);
  --td-shadow-1: 0 4px 6px rgba(0, 0, 0, 0.06), 0 1px 10px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.12);
  --td-shadow-2: 0 8px 10px rgba(0, 0, 0, 0.12), 0 3px 14px rgba(0, 0, 0, 0.1), 0 5px 5px rgba(0, 0, 0, 0.16);
  --td-shadow-3: 0 16px 24px rgba(0, 0, 0, 0.14), 0 6px 30px rgba(0, 0, 0, 0.12), 0 8px 10px rgba(0, 0, 0, 0.2);
  --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);
  --td-scrollbar-hover-color: rgba(255, 255, 255, 0.3);
  --td-scroll-track-color: #333;
}
:root {
  --td-radius-small: 2px;
  --td-radius-default: 3px;
  --td-radius-medium: 6px;
  --td-radius-large: 9px;
  --td-radius-extraLarge: 12px;
  --td-radius-round: 999px;
  --td-radius-circle: 50%;
}
:root {
  --td-font-family: PingFang SC, Microsoft YaHei, Arial Regular;
  --td-font-family-medium: PingFang SC, Microsoft YaHei, Arial Medium;
  --td-font-size-link-small: 12px;
  --td-font-size-link-medium: 14px;
  --td-font-size-link-large: 16px;
  --td-font-size-mark-small: 12px;
  --td-font-size-mark-medium: 14px;
  --td-font-size-body-small: 12px;
  --td-font-size-body-medium: 14px;
  --td-font-size-body-large: 16px;
  --td-font-size-title-small: 14px;
  --td-font-size-title-medium: 16px;
  --td-font-size-title-large: 20px;
  --td-font-size-headline-small: 24px;
  --td-font-size-headline-medium: 28px;
  --td-font-size-headline-large: 36px;
  --td-font-size-display-medium: 48px;
  --td-font-size-display-large: 64px;
  --td-line-height-link-small: 20px;
  --td-line-height-link-medium: 22px;
  --td-line-height-link-large: 24px;
  --td-line-height-mark-small: 20px;
  --td-line-height-mark-medium: 22px;
  --td-line-height-body-small: 20px;
  --td-line-height-body-medium: 22px;
  --td-line-height-body-large: 24px;
  --td-line-height-title-small: 22px;
  --td-line-height-title-medium: 24px;
  --td-line-height-title-large: 28px;
  --td-line-height-headline-small: 32px;
  --td-line-height-headline-medium: 36px;
  --td-line-height-headline-large: 44px;
  --td-line-height-display-medium: 56px;
  --td-line-height-display-large: 72px;
  --td-font-link-small: var(--td-font-size-link-small) /
    var(--td-line-height-link-small) var(--td-font-family);
  --td-font-link-medium: var(--td-font-size-link-medium) /
    var(--td-line-height-link-medium) var(--td-font-family);
  --td-font-link-large: var(--td-font-size-link-large) /
    var(--td-line-height-link-large) var(--td-font-family);
  --td-font-mark-small: 600 var(--td-font-size-mark-small) /
    var(--td-line-height-mark-small) var(--td-font-family);
  --td-font-mark-medium: 600 var(--td-font-size-mark-medium) /
    var(--td-line-height-mark-medium) var(--td-font-family);
  --td-font-body-small: var(--td-font-size-body-small) /
    var(--td-line-height-body-small) var(--td-font-family);
  --td-font-body-medium: var(--td-font-size-body-medium) /
    var(--td-line-height-body-medium) var(--td-font-family);
  --td-font-body-large: var(--td-font-size-body-large) /
    var(--td-line-height-body-large) var(--td-font-family);
  --td-font-title-small: 600 var(--td-font-size-title-small) /
    var(--td-line-height-title-small) var(--td-font-family);
  --td-font-title-medium: 600 var(--td-font-size-title-medium) /
    var(--td-line-height-title-medium) var(--td-font-family);
  --td-font-title-large: 600 var(--td-font-size-title-large) /
    var(--td-line-height-title-large) var(--td-font-family);
  --td-font-headline-small: 600 var(--td-font-size-headline-small) /
    var(--td-line-height-headline-small) var(--td-font-family);
  --td-font-headline-medium: 600 var(--td-font-size-headline-medium) /
    var(--td-line-height-headline-medium) var(--td-font-family);
  --td-font-headline-large: 600 var(--td-font-size-headline-large) /
    var(--td-line-height-headline-large) var(--td-font-family);
  --td-font-display-medium: 600 var(--td-font-size-display-medium) /
    var(--td-line-height-display-medium) var(--td-font-family);
  --td-font-display-large: 600 var(--td-font-size-display-large) /
    var(--td-line-height-display-large) var(--td-font-family);
}
:root {
  --td-size-1: 2px;
  --td-size-2: 4px;
  --td-size-3: 6px;
  --td-size-4: 8px;
  --td-size-5: 12px;
  --td-size-6: 16px;
  --td-size-7: 20px;
  --td-size-8: 24px;
  --td-size-9: 28px;
  --td-size-10: 32px;
  --td-size-11: 36px;
  --td-size-12: 40px;
  --td-size-13: 48px;
  --td-size-14: 56px;
  --td-size-15: 64px;
  --td-size-16: 72px;
  --td-comp-size-xxxs: var(--td-size-6);
  --td-comp-size-xxs: var(--td-size-7);
  --td-comp-size-xs: var(--td-size-8);
  --td-comp-size-s: var(--td-size-9);
  --td-comp-size-m: var(--td-size-10);
  --td-comp-size-l: var(--td-size-11);
  --td-comp-size-xl: var(--td-size-12);
  --td-comp-size-xxl: var(--td-size-13);
  --td-comp-size-xxxl: var(--td-size-14);
  --td-comp-size-xxxxl: var(--td-size-15);
  --td-comp-size-xxxxxl: var(--td-size-16);
  --td-pop-padding-s: var(--td-size-2);
  --td-pop-padding-m: var(--td-size-3);
  --td-pop-padding-l: var(--td-size-4);
  --td-pop-padding-xl: var(--td-size-5);
  --td-pop-padding-xxl: var(--td-size-6);
  --td-comp-paddingLR-xxs: var(--td-size-1);
  --td-comp-paddingLR-xs: var(--td-size-2);
  --td-comp-paddingLR-s: var(--td-size-4);
  --td-comp-paddingLR-m: var(--td-size-5);
  --td-comp-paddingLR-l: var(--td-size-6);
  --td-comp-paddingLR-xl: var(--td-size-8);
  --td-comp-paddingLR-xxl: var(--td-size-10);
  --td-comp-paddingTB-xxs: var(--td-size-1);
  --td-comp-paddingTB-xs: var(--td-size-2);
  --td-comp-paddingTB-s: var(--td-size-4);
  --td-comp-paddingTB-m: var(--td-size-5);
  --td-comp-paddingTB-l: var(--td-size-6);
  --td-comp-paddingTB-xl: var(--td-size-8);
  --td-comp-paddingTB-xxl: var(--td-size-10);
  --td-comp-margin-xxs: var(--td-size-1);
  --td-comp-margin-xs: var(--td-size-2);
  --td-comp-margin-s: var(--td-size-4);
  --td-comp-margin-m: var(--td-size-5);
  --td-comp-margin-l: var(--td-size-6);
  --td-comp-margin-xl: var(--td-size-7);
  --td-comp-margin-xxl: var(--td-size-8);
  --td-comp-margin-xxxl: var(--td-size-10);
  --td-comp-margin-xxxxl: var(--td-size-12);
}