/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
/* stylelint-disable at-rule-no-unknown */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-family: "helvetica neue", helvetica, "pingfang sc", "hiragino sans gb", "microsoft yahei", arial, sans-serif;
  font-variant: tabular-nums;
  line-height: 1.7;
  background-color: #fff;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
[tabindex='-1']:focus {
  outline: none !important;
}
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: var(--color-text-dark);
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: var(--color-primary);
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: var(--color-primary-dark);
}
a:active {
  color: var(--color-primary-dark);
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}
a[disabled] {
  color: var(--color-text-disabled);
  cursor: not-allowed;
  pointer-events: none;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: "sfmono-regular", consolas, "liberation mono", menlo, courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  color: var(--color-text-light);
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}
::-moz-selection {
  color: #fff;
  background: var(--color-primary);
}
::selection {
  color: #fff;
  background: var(--color-primary);
}
.clearfix {
  zoom: 1;
}
.clearfix::before,
.clearfix::after {
  display: table;
  content: '';
}
.clearfix::after {
  clear: both;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon[tabindex] {
  cursor: pointer;
}
.anticon-spin::before {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
          animation: loadingCircle 1s infinite linear;
}
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
          animation: loadingCircle 1s infinite linear;
}
.fade-enter,
.fade-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.fade-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.fade-enter.fade-enter-active,
.fade-appear.fade-appear-active {
  -webkit-animation-name: antFadeIn;
          animation-name: antFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.fade-leave.fade-leave-active {
  -webkit-animation-name: antFadeOut;
          animation-name: antFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.fade-enter,
.fade-appear {
  opacity: 0;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.fade-leave {
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
@-webkit-keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.move-up-enter,
.move-up-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-up-enter.move-up-enter-active,
.move-up-appear.move-up-appear-active {
  -webkit-animation-name: antMoveUpIn;
          animation-name: antMoveUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.move-up-leave.move-up-leave-active {
  -webkit-animation-name: antMoveUpOut;
          animation-name: antMoveUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.move-up-enter,
.move-up-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-down-enter,
.move-down-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-down-enter.move-down-enter-active,
.move-down-appear.move-down-appear-active {
  -webkit-animation-name: antMoveDownIn;
          animation-name: antMoveDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.move-down-leave.move-down-leave-active {
  -webkit-animation-name: antMoveDownOut;
          animation-name: antMoveDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.move-down-enter,
.move-down-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-left-enter,
.move-left-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-left-enter.move-left-enter-active,
.move-left-appear.move-left-appear-active {
  -webkit-animation-name: antMoveLeftIn;
          animation-name: antMoveLeftIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.move-left-leave.move-left-leave-active {
  -webkit-animation-name: antMoveLeftOut;
          animation-name: antMoveLeftOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.move-left-enter,
.move-left-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-right-enter,
.move-right-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-right-enter.move-right-enter-active,
.move-right-appear.move-right-appear-active {
  -webkit-animation-name: antMoveRightIn;
          animation-name: antMoveRightIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.move-right-leave.move-right-leave-active {
  -webkit-animation-name: antMoveRightOut;
          animation-name: antMoveRightOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.move-right-enter,
.move-right-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@-webkit-keyframes antMoveDownIn {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveDownIn {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveDownOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveDownOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveLeftOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveLeftOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveRightIn {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveRightIn {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveRightOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveRightOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveUpIn {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveUpIn {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveUpOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveUpOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
[ant-click-animating='true'],
[ant-click-animating-without-extra-node='true'] {
  position: relative;
}
html {
  --antd-wave-shadow-color: var(--color-primary);
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: inherit;
  -webkit-box-shadow: 0 0 0 0 var(--color-primary);
          box-shadow: 0 0 0 0 var(--color-primary);
  -webkit-box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
          box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  opacity: 0.2;
  -webkit-animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
          animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
@-webkit-keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 var(--color-primary);
            box-shadow: 0 0 0 var(--color-primary);
    -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
            box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 var(--color-primary);
            box-shadow: 0 0 0 var(--color-primary);
    -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
            box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@-webkit-keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
.slide-up-enter,
.slide-up-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-up-enter.slide-up-enter-active,
.slide-up-appear.slide-up-appear-active {
  -webkit-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.slide-up-leave.slide-up-leave-active {
  -webkit-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.slide-up-enter,
.slide-up-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-down-enter,
.slide-down-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-down-enter.slide-down-enter-active,
.slide-down-appear.slide-down-appear-active {
  -webkit-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.slide-down-leave.slide-down-leave-active {
  -webkit-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.slide-down-enter,
.slide-down-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-left-enter,
.slide-left-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-left-enter.slide-left-enter-active,
.slide-left-appear.slide-left-appear-active {
  -webkit-animation-name: antSlideLeftIn;
          animation-name: antSlideLeftIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.slide-left-leave.slide-left-leave-active {
  -webkit-animation-name: antSlideLeftOut;
          animation-name: antSlideLeftOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.slide-left-enter,
.slide-left-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-right-enter,
.slide-right-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-right-enter.slide-right-enter-active,
.slide-right-appear.slide-right-appear-active {
  -webkit-animation-name: antSlideRightIn;
          animation-name: antSlideRightIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.slide-right-leave.slide-right-leave-active {
  -webkit-animation-name: antSlideRightOut;
          animation-name: antSlideRightOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.slide-right-enter,
.slide-right-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@-webkit-keyframes antSlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes antSlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes antSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideLeftIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideLeftIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideLeftOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideLeftOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideRightIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes antSlideRightIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideRightOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
}
@keyframes antSlideRightOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
}
.swing-enter,
.swing-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.swing-enter.swing-enter-active,
.swing-appear.swing-appear-active {
  -webkit-animation-name: antSwingIn;
          animation-name: antSwingIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes antSwingIn {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  40% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  60% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  80% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
}
@keyframes antSwingIn {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  40% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  60% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  80% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
}
.zoom-enter,
.zoom-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-enter.zoom-enter-active,
.zoom-appear.zoom-appear-active {
  -webkit-animation-name: antZoomIn;
          animation-name: antZoomIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-leave.zoom-leave-active {
  -webkit-animation-name: antZoomOut;
          animation-name: antZoomOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-enter,
.zoom-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-enter,
.zoom-big-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-enter.zoom-big-enter-active,
.zoom-big-appear.zoom-big-appear-active {
  -webkit-animation-name: antZoomBigIn;
          animation-name: antZoomBigIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-big-leave.zoom-big-leave-active {
  -webkit-animation-name: antZoomBigOut;
          animation-name: antZoomBigOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-big-enter,
.zoom-big-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-fast-leave {
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-fast-enter.zoom-big-fast-enter-active,
.zoom-big-fast-appear.zoom-big-fast-appear-active {
  -webkit-animation-name: antZoomBigIn;
          animation-name: antZoomBigIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-big-fast-leave.zoom-big-fast-leave-active {
  -webkit-animation-name: antZoomBigOut;
          animation-name: antZoomBigOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-fast-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-up-enter,
.zoom-up-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-up-enter.zoom-up-enter-active,
.zoom-up-appear.zoom-up-appear-active {
  -webkit-animation-name: antZoomUpIn;
          animation-name: antZoomUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-up-leave.zoom-up-leave-active {
  -webkit-animation-name: antZoomUpOut;
          animation-name: antZoomUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-up-enter,
.zoom-up-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-down-enter,
.zoom-down-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-down-enter.zoom-down-enter-active,
.zoom-down-appear.zoom-down-appear-active {
  -webkit-animation-name: antZoomDownIn;
          animation-name: antZoomDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-down-leave.zoom-down-leave-active {
  -webkit-animation-name: antZoomDownOut;
          animation-name: antZoomDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-down-enter,
.zoom-down-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-left-enter,
.zoom-left-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-left-enter.zoom-left-enter-active,
.zoom-left-appear.zoom-left-appear-active {
  -webkit-animation-name: antZoomLeftIn;
          animation-name: antZoomLeftIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-left-leave.zoom-left-leave-active {
  -webkit-animation-name: antZoomLeftOut;
          animation-name: antZoomLeftOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-left-enter,
.zoom-left-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-right-enter,
.zoom-right-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-right-enter.zoom-right-enter-active,
.zoom-right-appear.zoom-right-appear-active {
  -webkit-animation-name: antZoomRightIn;
          animation-name: antZoomRightIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-right-leave.zoom-right-leave-active {
  -webkit-animation-name: antZoomRightOut;
          animation-name: antZoomRightOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-right-enter,
.zoom-right-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@-webkit-keyframes antZoomIn {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomIn {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
}
@-webkit-keyframes antZoomBigIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomBigIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}
@-webkit-keyframes antZoomUpIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}
@keyframes antZoomUpIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}
@-webkit-keyframes antZoomUpOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes antZoomUpOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomLeftIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
}
@keyframes antZoomLeftIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
}
@-webkit-keyframes antZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes antZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomRightIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
}
@keyframes antZoomRightIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
}
@-webkit-keyframes antZoomRightOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes antZoomRightOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomDownIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}
@keyframes antZoomDownIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}
@-webkit-keyframes antZoomDownOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
}
@keyframes antZoomDownOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
}
.ant-motion-collapse-legacy {
  overflow: hidden;
}
.ant-motion-collapse-legacy-active {
  -webkit-transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-motion-collapse {
  overflow: hidden;
  -webkit-transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
input,
textarea,
select,
button {
  letter-spacing: inherit;
  font: inherit;
}
p {
  margin: 0;
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
  -webkit-animation: none;
          animation: none;
}
body ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: transparent;
}
body ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #ddd;
  background-clip: content-box;
  border: 2px solid transparent;
}
.tz-scrollbar-measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: fixed;
  top: -999px;
}
.tz-scrollbar-measure > div {
  width: 120px;
  height: 100%;
}
.tz-responsive-wrap {
  min-width: 992px;
  padding: 0 6%;
}
.tz-responsive-view {
  margin: auto;
}
@media (min-width: 1920px) {
  .tz-responsive-view {
    max-width: 1800px;
  }
}
.content-box {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.content-box * {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
:root {
  --color-primary-slight: #e6fff8;
  --color-primary-active: #adf7e5;
  --color-primary-light: #7febd3;
  --color-primary-hover-lighter: #54dec5;
  --color-primary-hover: #2ed1b9;
  --color-primary: #0cc5ae;
  --color-primary-dark: #029e91;
  --color-border-light: #e6ebf0;
  --color-border: #dce1e5;
  --color-border-dark: #d3d7db;
  --color-bg-light: #f8f9fa;
  --color-bg: #f3f5f7;
  --color-bg-dark: #edf0f2;
  --color-text-disabled: #b1b8c2;
  --color-text-light: #858e99;
  --color-text: #576272;
  --color-text-dark: #263035;
  --color-success-light: #88f2cd;
  --color-success: #11cb9e;
  --color-success-dark: #05a683;
  --color-progress-light: #b0e1ff;
  --color-progress: #349af9;
  --color-progress-dark: #2278d4;
  --color-hint-light: #ffbed7;
  --color-hint: #ff7daf;
  --color-hint-dark: #eb689b;
  --color-warning-light: #ffe3ab;
  --color-warning: #ffa730;
  --color-warning-dark: #d9821e;
  --color-danger-light: #ffeae8;
  --color-danger-hover: #ff6e70;
  --color-danger: #f9434d;
  --color-danger-dark: #d42f3c;
  --color-help-light: #f6ebca;
  --color-help: #edd196;
  --color-help-dark: #e0c283;
  --color-highlight: #f0fbf9;
  --color-white: #fff;
  --color-dark: #000;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/

.ant-message {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: fixed;
  top: 16px;
  left: 0;
  z-index: 1010;
  width: 100%;
  pointer-events: none;
}
.ant-message-notice {
  padding: 8px;
  text-align: center;
}
.ant-message-notice:first-child {
  margin-top: -8px;
}
.ant-message-notice-content {
  display: inline-block;
  padding: 10px 16px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: all;
}
.ant-message-success .anticon {
  color: var(--color-success);
}
.ant-message-error .anticon {
  color: var(--color-danger);
}
.ant-message-warning .anticon {
  color: var(--color-warning);
}
.ant-message-info .anticon,
.ant-message-loading .anticon {
  color: var(--color-progress);
}
.ant-message .anticon {
  position: relative;
  top: 1px;
  margin-right: 8px;
  font-size: 16px;
}
.ant-message-notice.move-up-leave.move-up-leave-active {
  overflow: hidden;
  -webkit-animation-name: MessageMoveOut;
          animation-name: MessageMoveOut;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}
@-webkit-keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.tz-message {
  display: block;
  position: fixed;
  z-index: 8888;
  top: -75px;
  text-align: center;
  pointer-events: none;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: top 300ms, -webkit-transform 300ms;
  transition: top 300ms, -webkit-transform 300ms;
  transition: transform 300ms, top 300ms;
  transition: transform 300ms, top 300ms, -webkit-transform 300ms;
}
.tz-message.visible {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.tz-message .message-inner {
  display: inline-block;
  vertical-align: middle;
  padding: 8px 16px;
  border-radius: 5px;
  border: 1px solid var(--color-border);
  -webkit-box-shadow: 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
          box-shadow: 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
  background: #fff;
}
.tz-message .anticon {
  margin-right: 8px;
  font-size: 18px;
  vertical-align: middle;
}
.tz-message .message-text {
  vertical-align: middle;
  font-weight: 500;
}
.tz-message.type-success .anticon {
  color: var(--color-success);
}
.tz-message.type-error .anticon {
  color: var(--color-danger);
}
.tz-message.type-warn .anticon {
  color: var(--color-warning);
}
.tz-message.type-info .anticon {
  color: var(--color-progress);
}
.tz-message-mask {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 8887;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.tz-btn {
  display: inline-block;
  text-align: center;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid transparent;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  font-size: 14px;
  line-height: 22px;
  padding: 6px 16px;
  height: 36px;
  border-radius: 4px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.tz-btn .btn-left-icon,
.tz-btn .btn-loading-icon {
  margin-left: -4px;
  margin-right: 8px;
}
.tz-btn .btn-right-icon {
  margin-left: 8px;
  margin-right: -4px;
}
.tz-btn.icon-button {
  font-size: 26px;
}
.tz-btn.icon-button .anticon {
  vertical-align: middle;
  line-height: 1em;
  margin: 0;
}
.tz-btn.shape-oval {
  border-radius: 18px;
}
.tz-btn.shape-circle,
.tz-btn.shape-square {
  border-radius: 50%;
  padding: 0;
  letter-spacing: 0;
  line-height: 34px;
  width: 36px;
}
.tz-btn.shape-square {
  border-radius: 4px;
}
.tz-btn.size-xs {
  font-size: 12px;
  line-height: 14px;
  padding: 4px 10px;
  height: 24px;
}
.tz-btn.size-xs .btn-left-icon,
.tz-btn.size-xs .btn-loading-icon {
  margin-right: 4px;
}
.tz-btn.size-xs .btn-right-icon {
  margin-left: 4px;
  margin-right: -4px;
}
.tz-btn.size-xs.icon-button {
  font-size: 18px;
}
.tz-btn.size-xs.shape-circle,
.tz-btn.size-xs.shape-square {
  padding: 0;
  letter-spacing: 0;
  line-height: 22px;
  width: 24px;
}
.tz-btn.size-xs.shape-oval {
  border-radius: 12px;
}
.tz-btn.size-small {
  font-size: 12px;
  line-height: 18px;
  padding: 4px 12px;
  height: 28px;
}
.tz-btn.size-small .btn-left-icon,
.tz-btn.size-small .btn-loading-icon {
  margin-right: 4px;
}
.tz-btn.size-small .btn-right-icon {
  margin-left: 4px;
  margin-right: -4px;
}
.tz-btn.size-small.icon-button {
  font-size: 20px;
}
.tz-btn.size-small.shape-circle,
.tz-btn.size-small.shape-square {
  padding: 0;
  letter-spacing: 0;
  line-height: 26px;
  width: 28px;
}
.tz-btn.size-small.shape-oval {
  border-radius: 14px;
}
.tz-btn.size-large {
  font-size: 16px;
  line-height: 24px;
  padding: 7px 24px;
  height: 40px;
}
.tz-btn.size-large.icon-button {
  font-size: 28px;
}
.tz-btn.size-large.shape-circle,
.tz-btn.size-large.shape-square {
  padding: 0;
  letter-spacing: 0;
  line-height: 38px;
  width: 40px;
}
.tz-btn.size-large.shape-oval {
  border-radius: 20px;
}
.tz-btn.size-medium {
  font-size: 14px;
  line-height: 16px;
  padding: 6px 16px;
  height: 32px;
}
.tz-btn.size-medium.icon-button {
  font-size: 28px;
}
.tz-btn.size-medium.shape-circle,
.tz-btn.size-medium.shape-square {
  padding: 0;
  letter-spacing: 0;
  line-height: 32px;
  width: 32px;
}
.tz-btn.size-medium.shape-oval {
  border-radius: 20px;
}
.tz-btn.ghost-dashed {
  border-style: dashed;
}
.tz-btn.ghost-text,
.tz-btn.ghost-text-hover {
  padding-left: 0;
  padding-right: 0;
}
.tz-btn.ghost-secret {
  background-color: transparent;
}
.tz-btn.ghost-secret:hover {
  background-color: var(--color-bg);
}
.tz-btn.type-neutral {
  color: var(--color-text);
  background-color: #fff;
  border-color: var(--color-border);
}
.tz-btn.type-neutral:hover,
.tz-btn.type-neutral.ghost-solid:hover,
.tz-btn.type-neutral.ghost-dashed:hover {
  border-color: var(--color-border);
  background-color: var(--color-bg-light);
}
.tz-btn.type-neutral:active,
.tz-btn.type-neutral.ghost-solid:active,
.tz-btn.type-neutral.ghost-dashed:active {
  color: var(--color-text-dark);
  border-color: var(--color-border-dark);
  background-color: var(--color-bg);
}
.tz-btn.type-neutral.ghost-ghost {
  color: #fff;
  background-color: transparent;
}
.tz-btn.type-neutral.ghost-ghost:hover {
  color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.tz-btn.type-neutral.ghost-ghost:active {
  color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.tz-btn.type-neutral.ghost-reverse:hover {
  border-color: var(--color-bg);
  background-color: var(--color-bg);
}
.tz-btn.type-neutral.ghost-reverse:active {
  color: var(--color-text-dark);
  border-color: var(--color-bg-dark);
  background-color: var(--color-bg-dark);
}
.tz-btn.type-neutral.ghost-text {
  color: var(--color-text);
  background-color: transparent;
  border-color: transparent;
}
.tz-btn.type-neutral.ghost-text:hover {
  color: var(--color-text-light);
}
.tz-btn.type-neutral.ghost-text:active {
  color: var(--color-text-dark);
}
.tz-btn.type-neutral.ghost-text-hover {
  color: var(--color-text);
  background-color: transparent;
  border-color: transparent;
}
.tz-btn.type-neutral.ghost-text-hover:hover {
  color: var(--color-text-light);
}
.tz-btn.type-neutral.ghost-text-hover:active {
  color: var(--color-text-dark);
}
.tz-btn.type-primary {
  color: #fff;
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.tz-btn.type-primary:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.tz-btn.type-primary:active {
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.tz-btn.type-primary.ghost-solid,
.tz-btn.type-primary.ghost-dashed {
  background-color: #fff;
  color: var(--color-primary);
}
.tz-btn.type-primary.ghost-solid:hover,
.tz-btn.type-primary.ghost-dashed:hover {
  color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  background-color: var(--color-primary-slight);
}
.tz-btn.type-primary.ghost-solid:active,
.tz-btn.type-primary.ghost-dashed:active {
  color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
  background-color: var(--color-primary-active);
}
.tz-btn.type-primary.ghost-ghost {
  background-color: transparent;
  color: var(--color-primary);
}
.tz-btn.type-primary.ghost-ghost:hover {
  color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.tz-btn.type-primary.ghost-ghost:active {
  color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.tz-btn.type-primary.ghost-reverse {
  background-color: #fff;
  color: var(--color-primary);
}
.tz-btn.type-primary.ghost-reverse:hover {
  color: #fff;
  border-color: var(--color-primary-hover);
  background-color: var(--color-primary-hover);
}
.tz-btn.type-primary.ghost-reverse:active {
  color: #fff;
  border-color: var(--color-primary-dark);
  background-color: var(--color-primary-dark);
}
.tz-btn.type-primary.ghost-text,
.tz-btn.type-primary.ghost-text-hover {
  color: var(--color-primary);
  border-color: transparent;
  background-color: transparent;
}
.tz-btn.type-primary.ghost-text:hover,
.tz-btn.type-primary.ghost-text-hover:hover {
  border-color: transparent;
  color: var(--color-primary-hover);
}
.tz-btn.type-primary.ghost-text:active,
.tz-btn.type-primary.ghost-text-hover:active {
  border-color: transparent;
  color: var(--color-primary-dark);
}
.tz-btn.type-primary.ghost-text-hover {
  color: var(--color-text);
}
.tz-btn.type-primary.ghost-text-hover:hover {
  color: var(--color-primary-hover);
}
.tz-btn.type-primary.ghost-text-hover:active {
  color: var(--color-primary-dark);
}
.tz-btn.type-danger {
  color: #fff;
  background-color: var(--color-danger);
  border-color: var(--color-danger);
}
.tz-btn.type-danger:hover {
  background-color: var(--color-danger-hover);
  border-color: var(--color-danger-hover);
}
.tz-btn.type-danger:active {
  background-color: var(--color-danger-dark);
  border-color: var(--color-danger-dark);
}
.tz-btn.type-danger.ghost-solid,
.tz-btn.type-danger.ghost-dashed {
  border-color: var(--color-danger);
  background-color: #fff;
  color: var(--color-danger);
}
.tz-btn.type-danger.ghost-solid:hover,
.tz-btn.type-danger.ghost-dashed:hover {
  color: var(--color-danger);
  border-color: var(--color-danger);
  background-color: var(--color-danger-light);
}
.tz-btn.type-danger.ghost-solid:active,
.tz-btn.type-danger.ghost-dashed:active {
  color: var(--color-danger-dark);
  border-color: var(--color-danger-dark);
  background-color: var(--color-danger-light);
}
.tz-btn.type-danger.ghost-ghost {
  border-color: var(--color-danger);
  background-color: transparent;
  color: var(--color-danger);
}
.tz-btn.type-danger.ghost-ghost:hover {
  color: var(--color-danger-hover);
  border-color: var(--color-danger-hover);
}
.tz-btn.type-danger.ghost-ghost:active {
  color: var(--color-danger-dark);
  border-color: var(--color-danger-dark);
}
.tz-btn.type-danger.ghost-reverse {
  color: var(--color-danger);
  border-color: var(--color-danger);
  background-color: #fff;
}
.tz-btn.type-danger.ghost-reverse:hover {
  color: #fff;
  border-color: var(--color-danger-hover);
  background-color: var(--color-danger-hover);
}
.tz-btn.type-danger.ghost-reverse:active {
  color: #fff;
  border-color: var(--color-danger-dark);
  background-color: var(--color-danger-dark);
}
.tz-btn.type-danger.ghost-text {
  color: var(--color-danger);
}
.tz-btn.type-danger.ghost-text-hover {
  color: var(--color-text);
}
.tz-btn.type-danger.ghost-text,
.tz-btn.type-danger.ghost-text-hover {
  border-color: transparent;
  background-color: transparent;
}
.tz-btn.type-danger.ghost-text:hover,
.tz-btn.type-danger.ghost-text-hover:hover {
  color: var(--color-danger-hover);
  border-color: transparent;
}
.tz-btn.type-danger.ghost-text:active,
.tz-btn.type-danger.ghost-text-hover:active {
  color: var(--color-danger-dark);
  border-color: transparent;
}
.tz-btn.checkable {
  color: var(--color-text);
  border-color: transparent;
  background-color: transparent;
}
.tz-btn.checkable:hover {
  border-color: transparent;
  background-color: var(--color-bg-dark);
}
.tz-btn.checkable.checked {
  color: var(--color-primary);
  background-color: var(--color-primary-slight);
}
.tz-btn.checkable.checked:hover {
  background-color: var(--color-primary-active);
}
.tz-btn.checkable.type-primary {
  color: var(--color-primary);
}
.tz-btn.checkable.type-primary.checked {
  color: var(--color-primary-dark);
  background-color: var(--color-primary-slight);
}
.tz-btn.checkable.type-primary.checked:hover {
  background-color: var(--color-primary-active);
}
.tz-btn.checkable.type-danger {
  color: var(--color-danger);
}
.tz-btn.checkable.type-danger.checked {
  color: var(--color-danger);
  background-color: var(--color-danger-light);
}
.tz-btn.checkable.type-danger.checked:hover {
  background-color: var(--color-bg-dark);
}
.tz-btn.block {
  display: block;
  width: 100%;
}
.tz-btn[disabled],
.tz-btn.ghost-solid[disabled],
.tz-btn.ghost-reverse[disabled],
.tz-btn.ghost-dashed[disabled],
.tz-btn.disabled,
.tz-btn.ghost-solid.disabled,
.tz-btn.ghost-reverse.disabled,
.tz-btn.ghost-dashed.disabled,
.tz-btn.disabled:hover,
.tz-btn.ghost-solid.disabled:hover,
.tz-btn.ghost-reverse.disabled:hover,
.tz-btn.ghost-dashed.disabled:hover,
.tz-btn.disabled:active,
.tz-btn.ghost-solid.disabled:active,
.tz-btn.ghost-reverse.disabled:active,
.tz-btn.ghost-dashed.disabled:active {
  color: var(--color-text-disabled);
  border-color: var(--color-border-dark);
  background-color: var(--color-bg-dark);
}
.tz-btn.ghost-text[disabled],
.tz-btn.ghost-text-hover[disabled],
.tz-btn.ghost-text.disabled,
.tz-btn.ghost-text-hover.disabled,
.tz-btn.ghost-text.disabled:hover,
.tz-btn.ghost-text-hover.disabled:hover,
.tz-btn.ghost-text.disabled:active,
.tz-btn.ghost-text-hover.disabled:active {
  color: var(--color-text-disabled);
  border-color: transparent;
  background-color: transparent;
}
.tz-btn[disabled],
.tz-btn.disabled {
  cursor: not-allowed;
}
.tz-btn.with-disabled-click {
  cursor: default;
}
.tz-btn.loading {
  opacity: 0.6;
  cursor: progress;
}
.tz-btn.loading .anticon {
  display: none;
}
.tz-btn.loading .btn-loading-icon {
  display: inline-block;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-alert {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  padding: 8px 15px 8px 37px;
  word-wrap: break-word;
  border-radius: 4px;
}
.ant-alert.ant-alert-no-icon {
  padding: 8px 15px;
}
.ant-alert.ant-alert-closable {
  padding-right: 30px;
}
.ant-alert-icon {
  position: absolute;
  top: 12.9px;
  left: 16px;
}
.ant-alert-description {
  display: none;
  font-size: 14px;
  line-height: 22px;
}
.ant-alert-success {
  background-color: #e6fff4;
  border: 1px solid #88f2cd;
}
.ant-alert-success .ant-alert-icon {
  color: var(--color-success);
}
.ant-alert-info {
  background-color: #f0faff;
  border: 1px solid #b0e1ff;
}
.ant-alert-info .ant-alert-icon {
  color: var(--color-progress);
}
.ant-alert-warning {
  background-color: #fffbf0;
  border: 1px solid #ffe3ab;
}
.ant-alert-warning .ant-alert-icon {
  color: var(--color-warning);
}
.ant-alert-error {
  background-color: #fff1f0;
  border: 1px solid #ffc2bf;
}
.ant-alert-error .ant-alert-icon {
  color: var(--color-danger);
}
.ant-alert-close-icon {
  position: absolute;
  top: 8px;
  right: 16px;
  padding: 0;
  overflow: hidden;
  font-size: 12px;
  line-height: 22px;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.ant-alert-close-icon .anticon-close {
  color: var(--color-text-light);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.ant-alert-close-icon .anticon-close:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-alert-close-text {
  color: var(--color-text-light);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.ant-alert-close-text:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-alert-with-description {
  position: relative;
  padding: 15px 15px 15px 64px;
  color: var(--color-text-dark);
  line-height: 1.7;
  border-radius: 4px;
}
.ant-alert-with-description.ant-alert-no-icon {
  padding: 15px;
}
.ant-alert-with-description .ant-alert-icon {
  position: absolute;
  top: 16px;
  left: 24px;
  font-size: 24px;
}
.ant-alert-with-description .ant-alert-close-icon {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 14px;
  cursor: pointer;
}
.ant-alert-with-description .ant-alert-message {
  display: block;
  margin-bottom: 4px;
  color: var(--color-text-dark);
  font-size: 16px;
}
.ant-alert-message {
  color: var(--color-text-dark);
}
.ant-alert-with-description .ant-alert-description {
  display: block;
}
.ant-alert.ant-alert-closing {
  height: 0 !important;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-alert-slide-up-leave {
  -webkit-animation: antAlertSlideUpOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation: antAlertSlideUpOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.ant-alert-banner {
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
}
@-webkit-keyframes antAlertSlideUpIn {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antAlertSlideUpIn {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antAlertSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antAlertSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}

.ant-popover {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  cursor: auto;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}
.ant-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  content: '';
}
.ant-popover-hidden {
  display: none;
}
.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
  padding-bottom: 10px;
}
.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
  padding-left: 10px;
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding-top: 10px;
}
.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
  padding-right: 10px;
}
.ant-popover-inner {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-popover {
    /* IE10+ */
  }
  .ant-popover-inner {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  }
}
.ant-popover-title {
  min-width: 177px;
  min-height: 32px;
  margin: 0;
  padding: 5px 16px 4px;
  color: var(--color-text-dark);
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
}
.ant-popover-inner-content {
  padding: 12px 16px;
  color: var(--color-text-dark);
}
.ant-popover-message {
  position: relative;
  padding: 4px 0 12px;
  color: var(--color-text-dark);
  font-size: 14px;
}
.ant-popover-message > .anticon {
  position: absolute;
  top: 8px;
  color: var(--color-warning);
  font-size: 14px;
}
.ant-popover-message-title {
  padding-left: 22px;
}
.ant-popover-buttons {
  margin-bottom: 4px;
  text-align: right;
}
.ant-popover-buttons button {
  margin-left: 8px;
}
.ant-popover-arrow {
  position: absolute;
  display: block;
  width: 8.48528137px;
  height: 8.48528137px;
  background: transparent;
  border-style: solid;
  border-width: 4.24264069px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  bottom: 6.2px;
  border-top-color: transparent;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: transparent;
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  left: 6px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #fff;
  border-left-color: #fff;
  -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  top: 6px;
  border-top-color: #fff;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #fff;
  -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
          box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  right: 6px;
  border-top-color: #fff;
  border-right-color: #fff;
  border-bottom-color: transparent;
  border-left-color: transparent;
  -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-popover-inner {
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.ant-popover-title {
  color: inherit;
  border: none;
  min-height: none;
}
.ant-popover.ghosted {
  pointer-events: none;
}
.ant-popover.size-small .ant-popover-title {
  font-size: 14px;
  line-height: 20px;
  padding: 8px 12px;
}
.ant-popover.size-small .ant-popover-inner-content {
  padding: 12px;
  font-size: 12px;
}
.ant-popover.size-small .ant-popover-title + .ant-popover-inner-content {
  padding-top: 0;
}
.ant-popover.size-large .ant-popover-title {
  font-size: 16px;
  line-height: 28px;
  padding: 16px 24px 8px;
}
.ant-popover.size-large .ant-popover-inner-content {
  padding: 20px 24px;
}
.ant-popover.size-large .ant-popover-title + .ant-popover-inner-content {
  padding-top: 0;
}
.ant-popover.size-large .ant-popover-arrow {
  width: 12px;
  height: 12px;
  border-width: 6px;
}
.ant-popover.size-large.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
.ant-popover.size-large.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover.size-large.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  top: 4px;
}
.ant-popover.size-large.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
.ant-popover.size-large.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover.size-large.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  bottom: 4px;
}
.ant-popover.size-large.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
.ant-popover.size-large.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover.size-large.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  right: 4px;
}
.ant-popover.size-large.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
.ant-popover.size-large.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover.size-large.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  left: 4px;
}
.layout-filled .ant-popover-inner-content {
  padding: 0;
}
.ant-popover-title + .ant-popover-inner-content {
  padding-top: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/

.ant-input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  height: 36px;
  padding: 6px 16px;
  color: var(--color-text-dark);
  font-size: 14px;
  line-height: 1.7;
  background-color: #fff;
  background-image: none;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-input::-moz-placeholder {
  color: var(--color-text-light);
  opacity: 1;
}
.ant-input:-ms-input-placeholder {
  color: var(--color-text-light);
}
.ant-input::-webkit-input-placeholder {
  color: var(--color-text-light);
}
.ant-input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input:hover {
  border-color: var(--color-primary);
  border-right-width: 1px !important;
}
.ant-input:focus {
  border-color: var(--color-primary);
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 var(--color-primary);
          box-shadow: 0 0 0 0 var(--color-primary);
}
.ant-input-disabled {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-disabled:hover {
  border-color: var(--color-border);
  border-right-width: 1px !important;
}
.ant-input[disabled] {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  cursor: not-allowed;
  opacity: 1;
}
.ant-input[disabled]:hover {
  border-color: var(--color-border);
  border-right-width: 1px !important;
}
textarea.ant-input {
  max-width: 100%;
  height: auto;
  min-height: 36px;
  line-height: 1.7;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-input-lg {
  height: 48px;
  padding: 12px 16px;
  font-size: 16px;
}
.ant-input-sm {
  height: 28px;
  padding: 2px 12px;
}
.ant-input-group {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-input-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.ant-input-group > [class*='col-'] {
  padding-right: 8px;
}
.ant-input-group > [class*='col-']:last-child {
  padding-right: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group > .ant-input {
  display: table-cell;
}
.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.ant-input-group-wrap > * {
  display: block !important;
}
.ant-input-group .ant-input {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit;
}
.ant-input-group .ant-input:focus {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group .ant-input:hover {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group-addon {
  position: relative;
  padding: 0 16px;
  color: var(--color-text-dark);
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  background-color: var(--color-bg-light);
  border: 1px solid var(--color-border);
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-input-group-addon .ant-select {
  margin: -7px -16px;
}
.ant-input-group-addon .ant-select .ant-select-selection {
  margin: -1px;
  background-color: inherit;
  border: 1px solid transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-input-group-addon .ant-select-open .ant-select-selection,
.ant-input-group-addon .ant-select-focused .ant-select-selection {
  color: var(--color-primary);
}
.ant-input-group-addon > i:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}
.ant-input-group > .ant-input:first-child,
.ant-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input:first-child .ant-select .ant-select-selection,
.ant-input-group-addon:first-child .ant-select .ant-select-selection {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group-addon:first-child {
  border-right: 0;
}
.ant-input-group-addon:last-child {
  border-left: 0;
}
.ant-input-group > .ant-input:last-child,
.ant-input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input:last-child .ant-select .ant-select-selection,
.ant-input-group-addon:last-child .ant-select .ant-select-selection {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
  height: 48px;
  padding: 12px 16px;
  font-size: 16px;
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
  height: 28px;
  padding: 2px 12px;
}
.ant-input-group-lg .ant-select-selection--single {
  height: 48px;
}
.ant-input-group-sm .ant-select-selection--single {
  height: 28px;
}
.ant-input-group .ant-input-affix-wrapper {
  display: table-cell;
  float: left;
  width: 100%;
}
.ant-input-group.ant-input-group-compact {
  display: block;
  zoom: 1;
}
.ant-input-group.ant-input-group-compact::before,
.ant-input-group.ant-input-group-compact::after {
  display: table;
  content: '';
}
.ant-input-group.ant-input-group-compact::after {
  clear: both;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > * {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact .ant-input {
  float: none;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
  border-right-width: 1px;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:hover,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:hover,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:hover,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:focus,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:focus,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:focus,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:first-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:first-child .ant-time-picker-input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input {
  border-right-width: 1px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
  vertical-align: top;
}
.ant-input-group-wrapper {
  display: inline-block;
  width: 100%;
  text-align: start;
  vertical-align: top;
}
.ant-input-affix-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: start;
}
.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: var(--color-primary);
  border-right-width: 1px !important;
}
.ant-input-affix-wrapper .ant-input {
  position: relative;
  text-align: inherit;
}
.ant-input-affix-wrapper .ant-input-prefix,
.ant-input-affix-wrapper .ant-input-suffix {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--color-text-dark);
  line-height: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ant-input-affix-wrapper .ant-input-prefix :not(.anticon),
.ant-input-affix-wrapper .ant-input-suffix :not(.anticon) {
  line-height: 1.7;
}
.ant-input-affix-wrapper .ant-input-disabled ~ .ant-input-suffix .anticon {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
.ant-input-affix-wrapper .ant-input-prefix {
  left: 17px;
}
.ant-input-affix-wrapper .ant-input-suffix {
  right: 17px;
}
.ant-input-affix-wrapper .ant-input:not(:first-child) {
  padding-left: 35px;
}
.ant-input-affix-wrapper .ant-input:not(:last-child) {
  padding-right: 35px;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-input-with-clear-btn .ant-input:not(:last-child) {
  padding-right: 54px;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input {
  padding-right: 22px;
}
.ant-input-affix-wrapper .ant-input {
  min-height: 100%;
}
.ant-input-password-icon {
  color: var(--color-text-light);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-input-password-icon:hover {
  color: #333;
}
.ant-input-clear-icon {
  color: var(--color-text-disabled);
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  vertical-align: 0;
}
.ant-input-clear-icon:hover {
  color: var(--color-text-light);
}
.ant-input-clear-icon:active {
  color: var(--color-text-dark);
}
.ant-input-clear-icon + i {
  margin-left: 6px;
}
.ant-input-textarea-clear-icon {
  color: var(--color-text-disabled);
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  position: absolute;
  top: 0;
  right: 0;
  margin: 8px 8px 0 0;
}
.ant-input-textarea-clear-icon:hover {
  color: var(--color-text-light);
}
.ant-input-textarea-clear-icon:active {
  color: var(--color-text-dark);
}
.ant-input-textarea-clear-icon + i {
  margin-left: 6px;
}
.ant-input-search-icon {
  color: var(--color-text-light);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-input-search-icon:hover {
  color: rgba(0, 0, 0, 0.8);
}
.ant-input-search-enter-button input {
  border-right: 0;
}
.ant-input-search-enter-button + .ant-input-group-addon,
.ant-input-search-enter-button input + .ant-input-group-addon {
  padding: 0;
  border: 0;
}
.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button,
.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.editable-text {
  display: inline-block;
  position: relative;
  max-width: 100%;
}
.editable-text::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: var(--color-primary);
  opacity: 0;
}
.editable-text.editing::after {
  opacity: 1;
}
.editable-text.editing .edit-value {
  display: none;
}
.editable-text.editing .edit-input {
  display: block;
}
.editable-text.fixed-value-width .edit-value {
  width: 100%;
}
.editable-text .edit-value {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  padding-right: 20px;
  max-width: 100%;
}
.editable-text .edit-placeholder {
  color: var(--color-text-light);
}
.editable-text .edit-icon {
  position: absolute;
  height: 1em;
  width: 1em;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  color: var(--color-primary);
}
.editable-text .edit-icon:hover {
  color: var(--color-primary-dark);
}
.editable-text .edit-input {
  display: none;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
  line-height: inherit;
  font-size: inherit;
  outline: none;
}
.ant-input {
  line-height: 22px;
}
.ant-input-lg {
  font-size: 14px;
}
.textarea-wrap {
  position: relative;
}
.textarea-wrap .input-indicator {
  position: absolute;
  bottom: -21px;
  right: 0;
  font-size: 12px;
  line-height: 20px;
}
.textarea-wrap .indicator-danger {
  color: var(--color-danger);
}
.ant-form-item-control .textarea-wrap .input-indicator {
  bottom: -17px;
}
.ant-input-sm {
  font-size: 12px;
}
.ant-input-affix-wrapper-sm {
  font-size: 12px;
}
.ant-input-affix-wrapper .ant-input-prefix,
.ant-input-affix-wrapper .ant-input-suffix {
  color: var(--color-text-light);
}
.ant-input-affix-wrapper .ant-input:not(:first-child) {
  padding-left: 40px;
}
.ant-input-affix-wrapper .ant-input:not(:last-child) {
  padding-right: 40px;
}
.tui-input-wrap {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}
.tui-input-wrap .ant-input {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.tui-input-wrap .input-clear {
  display: none;
  padding: 4px;
}
.tui-input-wrap .input-clear:hover {
  color: var(--color-text-dark);
}
.tui-input-wrap .input-clear.lonely {
  margin: -4px;
}
.tui-input-wrap .input-clear.near-addon {
  position: absolute;
  left: -26px;
}
.tui-input-wrap .input-clear.near-suffix {
  margin-right: 4px;
}
.tui-input-wrap .tui-input-prefix,
.tui-input-wrap .tui-input-suffix {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  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: 14px;
  height: 36px;
  color: var(--color-text-light);
  background-color: #fff;
}
.tui-input-wrap .tui-input-prefix.type-addon,
.tui-input-wrap .tui-input-suffix.type-addon {
  padding: 0 10px;
}
.tui-input-wrap .tui-input-prefix {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding-left: 16px;
  border: 1px solid var(--color-border-dark);
  border-right: none;
  border-radius: 4px 0 0 4px;
}
.tui-input-wrap .tui-input-prefix.type-addon {
  border-right: 1px solid var(--color-border-dark) !important;
}
.tui-input-wrap .tui-input-suffix {
  position: relative;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  padding-right: 16px;
  border: 1px solid var(--color-border-dark);
  border-left: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tui-input-wrap .tui-input-suffix.type-addon {
  border-left: 1px solid var(--color-border-dark) !important;
}
.tui-input-wrap.with-prefix .ant-input {
  padding-left: 12px;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tui-input-wrap.with-suffix .ant-input {
  padding-right: 12px;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tui-input-wrap:not(.disabled):hover > * {
  border-color: var(--color-primary);
}
.tui-input-wrap .ant-input:focus ~ * {
  border-color: var(--color-primary);
}
.tui-input-wrap .tui-select-wrap {
  margin: 0 -16px;
}
.tui-input-wrap .tui-select-wrap .ant-select-bg {
  display: none;
}
.tui-input-wrap .ant-select-selection {
  border: none;
  height: 34px;
}
.tui-input-wrap.has-value .input-clear {
  display: block;
}
.tui-input-wrap.disabled .input-clear:hover {
  color: inherit;
  cursor: not-allowed;
}
.tui-input-wrap.disabled .tui-input-prefix,
.tui-input-wrap.disabled .tui-input-suffix {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  cursor: not-allowed;
}
.tui-input-wrap.size-small .tui-input-prefix,
.tui-input-wrap.size-small .tui-input-suffix {
  font-size: 12px;
  height: 28px;
}
.tui-input-wrap.size-small .tui-input-prefix.type-addon,
.tui-input-wrap.size-small .tui-input-suffix.type-addon {
  padding: 0 7px;
}
.tui-input-wrap.size-small .tui-input-prefix {
  padding-left: 12px;
}
.tui-input-wrap.size-small .tui-input-suffix {
  padding-right: 12px;
}
.tui-input-wrap.size-small .input-clear.near-addon {
  left: -24px;
}
.tui-input-wrap.size-small.with-prefix .ant-input {
  padding-left: 8px;
}
.tui-input-wrap.size-small.with-suffix .ant-input {
  padding-right: 8px;
}
.tui-input-wrap.size-large .tui-input-prefix,
.tui-input-wrap.size-large .tui-input-suffix {
  height: 48px;
}
.tui-input-wrap.size-large .tui-input-prefix.type-addon,
.tui-input-wrap.size-large .tui-input-suffix.type-addon {
  padding: 0 16px;
}
.tz-input-state-error.tui-input-wrap:not(.disabled):hover > * {
  border-color: var(--color-danger);
}
.tz-input-state-error.tui-input-wrap .tui-input-prefix,
.tz-input-state-error.tui-input-wrap .tui-input-suffix,
.tz-input-state-error.tui-input-wrap .ant-input {
  border-color: var(--color-danger);
}
.tz-input-state-error.ant-input,
.tz-input-state-error.ant-input:hover,
.tz-input-state-error.ant-input:active {
  border-color: var(--color-danger) !important;
}
.ant-input-group-addon {
  background-color: transparent;
  padding: 0 10px;
}
.ant-input-group-addon .tui-select-wrap {
  margin: 0px -16px;
}
.ant-input-group-wrapper-sm .ant-input-group-addon {
  padding: 0 8px;
}
.ant-input-group-wrapper-lg .ant-input-group-addon {
  padding: 0 16px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-input-affix-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.tzui-input-affix-wrapper::-webkit-input-placeholder {
  color: var(--color-text-light);
  -webkit-user-select: none;
          user-select: none;
}
.tzui-input-affix-wrapper::-moz-placeholder {
  color: var(--color-text-light);
  -moz-user-select: none;
       user-select: none;
}
.tzui-input-affix-wrapper:-ms-input-placeholder {
  color: var(--color-text-light);
  -ms-user-select: none;
      user-select: none;
}
.tzui-input-affix-wrapper::-ms-input-placeholder {
  color: var(--color-text-light);
  -ms-user-select: none;
      user-select: none;
}
.tzui-input-affix-wrapper::placeholder {
  color: var(--color-text-light);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tzui-input-affix-wrapper:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.tzui-input-affix-wrapper:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.tzui-input-affix-wrapper:placeholder-shown {
  text-overflow: ellipsis;
}
.tzui-input-affix-wrapper:hover {
  border-color: var(--color-primary-hover);
  border-right-width: 1px;
}
.tzui-input-rtl .tzui-input-affix-wrapper:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.tzui-input-affix-wrapper:focus,
.tzui-input-affix-wrapper-focused {
  border-color: var(--color-primary-hover);
  -webkit-box-shadow: 0 0 0 0 var(--tzui-primary-color-outline);
          box-shadow: 0 0 0 0 var(--tzui-primary-color-outline);
  border-right-width: 1px;
  outline: 0;
}
.tzui-input-rtl .tzui-input-affix-wrapper:focus,
.tzui-input-rtl .tzui-input-affix-wrapper-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.tzui-input-affix-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: var(--color-border);
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.tzui-input-affix-wrapper-disabled:hover {
  border-color: var(--color-border);
  border-right-width: 1px;
}
.tzui-input-affix-wrapper[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: var(--color-border);
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.tzui-input-affix-wrapper[disabled]:hover {
  border-color: var(--color-border);
  border-right-width: 1px;
}
.tzui-input-affix-wrapper-borderless,
.tzui-input-affix-wrapper-borderless:hover,
.tzui-input-affix-wrapper-borderless:focus,
.tzui-input-affix-wrapper-borderless-focused,
.tzui-input-affix-wrapper-borderless-disabled,
.tzui-input-affix-wrapper-borderless[disabled] {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
textarea.tzui-input-affix-wrapper {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.tzui-input-affix-wrapper-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.tzui-input-affix-wrapper-sm {
  padding: 0px 7px;
}
.tzui-input-affix-wrapper-rtl {
  direction: rtl;
}
.tzui-input-affix-wrapper:not(.tzui-input-affix-wrapper-disabled):hover {
  border-color: var(--color-primary-hover);
  border-right-width: 1px;
  z-index: 1;
}
.tzui-input-rtl .tzui-input-affix-wrapper:not(.tzui-input-affix-wrapper-disabled):hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.tzui-input-search-with-button .tzui-input-affix-wrapper:not(.tzui-input-affix-wrapper-disabled):hover {
  z-index: 0;
}
.tzui-input-affix-wrapper-focused,
.tzui-input-affix-wrapper:focus {
  z-index: 1;
}
.tzui-input-affix-wrapper-disabled .tzui-input[disabled] {
  background: rgba(255, 255, 255, 0);
}
.tzui-input-affix-wrapper > .tzui-input {
  font-size: inherit;
  border: none;
  outline: none;
}
.tzui-input-affix-wrapper > .tzui-input:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.tzui-input-affix-wrapper > .tzui-input:not(textarea) {
  padding: 0;
}
.tzui-input-affix-wrapper::before {
  width: 0;
  visibility: hidden;
  content: '\a0';
}
.tzui-input-prefix,
.tzui-input-suffix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tzui-input-prefix > *:not(:last-child),
.tzui-input-suffix > *:not(:last-child) {
  margin-right: 8px;
}
.tzui-input-show-count-suffix {
  color: #858e99;
}
.tzui-input-show-count-has-suffix {
  margin-right: 2px;
}
.tzui-input-prefix {
  margin-right: 4px;
}
.tzui-input-suffix {
  margin-left: 4px;
}
.anticon.tzui-input-clear-icon,
.tzui-input-clear-icon {
  margin: 0;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  vertical-align: -1px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.anticon.tzui-input-clear-icon:hover,
.tzui-input-clear-icon:hover {
  color: #858e99;
}
.anticon.tzui-input-clear-icon:active,
.tzui-input-clear-icon:active {
  color: rgba(0, 0, 0, 0.85);
}
.anticon.tzui-input-clear-icon-hidden,
.tzui-input-clear-icon-hidden {
  visibility: hidden;
}
.anticon.tzui-input-clear-icon-has-suffix,
.tzui-input-clear-icon-has-suffix {
  margin: 0 4px;
}
.tzui-input-affix-wrapper.tzui-input-affix-wrapper-textarea-with-clear-btn {
  padding: 0;
}
.tzui-input-affix-wrapper.tzui-input-affix-wrapper-textarea-with-clear-btn .tzui-input-clear-icon {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
}
.tzui-input-status-error:not(.tzui-input-disabled):not(.tzui-input-borderless).tzui-input,
.tzui-input-status-error:not(.tzui-input-disabled):not(.tzui-input-borderless).tzui-input:hover {
  background: #fff;
  border-color: var(--color-danger);
}
.tzui-input-status-error:not(.tzui-input-disabled):not(.tzui-input-borderless).tzui-input:focus,
.tzui-input-status-error:not(.tzui-input-disabled):not(.tzui-input-borderless).tzui-input-focused {
  border-color: var(--color-danger-hover);
  -webkit-box-shadow: 0 0 0 0 var(--tzui-error-color-outline);
          box-shadow: 0 0 0 0 var(--tzui-error-color-outline);
  border-right-width: 1px;
  outline: 0;
}
.tzui-input-status-error .tzui-input-prefix {
  color: var(--color-danger);
}
.tzui-input-status-warning:not(.tzui-input-disabled):not(.tzui-input-borderless).tzui-input,
.tzui-input-status-warning:not(.tzui-input-disabled):not(.tzui-input-borderless).tzui-input:hover {
  background: #fff;
  border-color: var(--color-warning);
}
.tzui-input-status-warning:not(.tzui-input-disabled):not(.tzui-input-borderless).tzui-input:focus,
.tzui-input-status-warning:not(.tzui-input-disabled):not(.tzui-input-borderless).tzui-input-focused {
  border-color: var(--tzui-warning-color-hover);
  -webkit-box-shadow: 0 0 0 0 var(--tzui-warning-color-outline);
          box-shadow: 0 0 0 0 var(--tzui-warning-color-outline);
  border-right-width: 1px;
  outline: 0;
}
.tzui-input-status-warning .tzui-input-prefix {
  color: var(--color-warning);
}
.tzui-input-affix-wrapper-status-error:not(.tzui-input-affix-wrapper-disabled):not(.tzui-input-affix-wrapper-borderless).tzui-input-affix-wrapper,
.tzui-input-affix-wrapper-status-error:not(.tzui-input-affix-wrapper-disabled):not(.tzui-input-affix-wrapper-borderless).tzui-input-affix-wrapper:hover {
  background: #fff;
  border-color: var(--color-danger);
}
.tzui-input-affix-wrapper-status-error:not(.tzui-input-affix-wrapper-disabled):not(.tzui-input-affix-wrapper-borderless).tzui-input-affix-wrapper:focus,
.tzui-input-affix-wrapper-status-error:not(.tzui-input-affix-wrapper-disabled):not(.tzui-input-affix-wrapper-borderless).tzui-input-affix-wrapper-focused {
  border-color: var(--color-danger-hover);
  -webkit-box-shadow: 0 0 0 0 var(--tzui-error-color-outline);
          box-shadow: 0 0 0 0 var(--tzui-error-color-outline);
  border-right-width: 1px;
  outline: 0;
}
.tzui-input-affix-wrapper-status-error .tzui-input-prefix {
  color: var(--color-danger);
}
.tzui-input-affix-wrapper-status-warning:not(.tzui-input-affix-wrapper-disabled):not(.tzui-input-affix-wrapper-borderless).tzui-input-affix-wrapper,
.tzui-input-affix-wrapper-status-warning:not(.tzui-input-affix-wrapper-disabled):not(.tzui-input-affix-wrapper-borderless).tzui-input-affix-wrapper:hover {
  background: #fff;
  border-color: var(--color-warning);
}
.tzui-input-affix-wrapper-status-warning:not(.tzui-input-affix-wrapper-disabled):not(.tzui-input-affix-wrapper-borderless).tzui-input-affix-wrapper:focus,
.tzui-input-affix-wrapper-status-warning:not(.tzui-input-affix-wrapper-disabled):not(.tzui-input-affix-wrapper-borderless).tzui-input-affix-wrapper-focused {
  border-color: var(--tzui-warning-color-hover);
  -webkit-box-shadow: 0 0 0 0 var(--tzui-warning-color-outline);
          box-shadow: 0 0 0 0 var(--tzui-warning-color-outline);
  border-right-width: 1px;
  outline: 0;
}
.tzui-input-affix-wrapper-status-warning .tzui-input-prefix {
  color: var(--color-warning);
}
.tzui-input-textarea-status-error.tzui-input-textarea-has-feedback .tzui-input,
.tzui-input-textarea-status-warning.tzui-input-textarea-has-feedback .tzui-input,
.tzui-input-textarea-status-success.tzui-input-textarea-has-feedback .tzui-input,
.tzui-input-textarea-status-validating.tzui-input-textarea-has-feedback .tzui-input {
  padding-right: 24px;
}
.tzui-input-group-wrapper-status-error .tzui-input-group-addon {
  color: var(--color-danger);
  border-color: var(--color-danger);
}
.tzui-input-group-wrapper-status-warning .tzui-input-group-addon {
  color: var(--color-warning);
  border-color: var(--color-warning);
}
.tzui-input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-input::-webkit-input-placeholder {
  color: var(--color-text-light);
  -webkit-user-select: none;
          user-select: none;
}
.tzui-input::-moz-placeholder {
  color: var(--color-text-light);
  -moz-user-select: none;
       user-select: none;
}
.tzui-input:-ms-input-placeholder {
  color: var(--color-text-light);
  -ms-user-select: none;
      user-select: none;
}
.tzui-input::-ms-input-placeholder {
  color: var(--color-text-light);
  -ms-user-select: none;
      user-select: none;
}
.tzui-input::placeholder {
  color: var(--color-text-light);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tzui-input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.tzui-input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.tzui-input:placeholder-shown {
  text-overflow: ellipsis;
}
.tzui-input:hover {
  border-color: var(--color-primary-hover);
  border-right-width: 1px;
}
.tzui-input-rtl .tzui-input:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.tzui-input:focus,
.tzui-input-focused {
  border-color: var(--color-primary-hover);
  -webkit-box-shadow: 0 0 0 0 var(--tzui-primary-color-outline);
          box-shadow: 0 0 0 0 var(--tzui-primary-color-outline);
  border-right-width: 1px;
  outline: 0;
}
.tzui-input-rtl .tzui-input:focus,
.tzui-input-rtl .tzui-input-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.tzui-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: var(--color-border);
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.tzui-input-disabled:hover {
  border-color: var(--color-border);
  border-right-width: 1px;
}
.tzui-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: var(--color-border);
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.tzui-input[disabled]:hover {
  border-color: var(--color-border);
  border-right-width: 1px;
}
.tzui-input-borderless,
.tzui-input-borderless:hover,
.tzui-input-borderless:focus,
.tzui-input-borderless-focused,
.tzui-input-borderless-disabled,
.tzui-input-borderless[disabled] {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
textarea.tzui-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.tzui-input-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.tzui-input-sm {
  padding: 0px 7px;
}
.tzui-input-rtl {
  direction: rtl;
}
.tzui-input-group {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.tzui-input-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.tzui-input-group > [class*='col-'] {
  padding-right: 8px;
}
.tzui-input-group > [class*='col-']:last-child {
  padding-right: 0;
}
.tzui-input-group-addon,
.tzui-input-group-wrap,
.tzui-input-group > .tzui-input {
  display: table-cell;
}
.tzui-input-group-addon:not(:first-child):not(:last-child),
.tzui-input-group-wrap:not(:first-child):not(:last-child),
.tzui-input-group > .tzui-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.tzui-input-group-addon,
.tzui-input-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.tzui-input-group-wrap > * {
  display: block !important;
}
.tzui-input-group .tzui-input {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit;
}
.tzui-input-group .tzui-input:focus {
  z-index: 1;
  border-right-width: 1px;
}
.tzui-input-group .tzui-input:hover {
  z-index: 1;
  border-right-width: 1px;
}
.tzui-input-search-with-button .tzui-input-group .tzui-input:hover {
  z-index: 0;
}
.tzui-input-group-addon {
  position: relative;
  padding: 0 11px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-input-group-addon .tzui-select {
  margin: -5px -11px;
}
.tzui-input-group-addon .tzui-select.tzui-select-single:not(.tzui-select-customize-input) .tzui-select-selector {
  background-color: inherit;
  border: 1px solid transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-input-group-addon .tzui-select-open .tzui-select-selector,
.tzui-input-group-addon .tzui-select-focused .tzui-select-selector {
  color: var(--color-primary);
}
.tzui-input-group-addon .tzui-cascader-picker {
  margin: -9px -12px;
  background-color: transparent;
}
.tzui-input-group-addon .tzui-cascader-picker .tzui-cascader-input {
  text-align: left;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-input-group > .tzui-input:first-child,
.tzui-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tzui-input-group > .tzui-input:first-child .tzui-select .tzui-select-selector,
.tzui-input-group-addon:first-child .tzui-select .tzui-select-selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tzui-input-group > .tzui-input-affix-wrapper:not(:first-child) .tzui-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tzui-input-group > .tzui-input-affix-wrapper:not(:last-child) .tzui-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tzui-input-group-addon:first-child {
  border-right: 0;
}
.tzui-input-group-addon:last-child {
  border-left: 0;
}
.tzui-input-group > .tzui-input:last-child,
.tzui-input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tzui-input-group > .tzui-input:last-child .tzui-select .tzui-select-selector,
.tzui-input-group-addon:last-child .tzui-select .tzui-select-selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tzui-input-group-lg .tzui-input,
.tzui-input-group-lg > .tzui-input-group-addon {
  padding: 6.5px 11px;
  font-size: 16px;
}
.tzui-input-group-sm .tzui-input,
.tzui-input-group-sm > .tzui-input-group-addon {
  padding: 0px 7px;
}
.tzui-input-group-lg .tzui-select-single .tzui-select-selector {
  height: 40px;
}
.tzui-input-group-sm .tzui-select-single .tzui-select-selector {
  height: 24px;
}
.tzui-input-group .tzui-input-affix-wrapper:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tzui-input-search .tzui-input-group .tzui-input-affix-wrapper:not(:last-child) {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tzui-input-group .tzui-input-affix-wrapper:not(:first-child),
.tzui-input-search .tzui-input-group .tzui-input-affix-wrapper:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tzui-input-group.tzui-input-group-compact {
  display: block;
}
.tzui-input-group.tzui-input-group-compact::before {
  display: table;
  content: '';
}
.tzui-input-group.tzui-input-group-compact::after {
  display: table;
  clear: both;
  content: '';
}
.tzui-input-group.tzui-input-group-compact-addon:not(:first-child):not(:last-child),
.tzui-input-group.tzui-input-group-compact-wrap:not(:first-child):not(:last-child),
.tzui-input-group.tzui-input-group-compact > .tzui-input:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}
.tzui-input-group.tzui-input-group-compact-addon:not(:first-child):not(:last-child):hover,
.tzui-input-group.tzui-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
.tzui-input-group.tzui-input-group-compact > .tzui-input:not(:first-child):not(:last-child):hover {
  z-index: 1;
}
.tzui-input-group.tzui-input-group-compact-addon:not(:first-child):not(:last-child):focus,
.tzui-input-group.tzui-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
.tzui-input-group.tzui-input-group-compact > .tzui-input:not(:first-child):not(:last-child):focus {
  z-index: 1;
}
.tzui-input-group.tzui-input-group-compact > * {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0;
}
.tzui-input-group.tzui-input-group-compact > .tzui-input-affix-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.tzui-input-group.tzui-input-group-compact > .tzui-picker-range {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.tzui-input-group.tzui-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
  border-right-width: 1px;
}
.tzui-input-group.tzui-input-group-compact .tzui-input {
  float: none;
}
.tzui-input-group.tzui-input-group-compact > .tzui-select > .tzui-select-selector,
.tzui-input-group.tzui-input-group-compact > .tzui-select-auto-complete .tzui-input,
.tzui-input-group.tzui-input-group-compact > .tzui-cascader-picker .tzui-input,
.tzui-input-group.tzui-input-group-compact > .tzui-input-group-wrapper .tzui-input {
  border-right-width: 1px;
  border-radius: 0;
}
.tzui-input-group.tzui-input-group-compact > .tzui-select > .tzui-select-selector:hover,
.tzui-input-group.tzui-input-group-compact > .tzui-select-auto-complete .tzui-input:hover,
.tzui-input-group.tzui-input-group-compact > .tzui-cascader-picker .tzui-input:hover,
.tzui-input-group.tzui-input-group-compact > .tzui-input-group-wrapper .tzui-input:hover {
  z-index: 1;
}
.tzui-input-group.tzui-input-group-compact > .tzui-select > .tzui-select-selector:focus,
.tzui-input-group.tzui-input-group-compact > .tzui-select-auto-complete .tzui-input:focus,
.tzui-input-group.tzui-input-group-compact > .tzui-cascader-picker .tzui-input:focus,
.tzui-input-group.tzui-input-group-compact > .tzui-input-group-wrapper .tzui-input:focus {
  z-index: 1;
}
.tzui-input-group.tzui-input-group-compact > .tzui-select-focused {
  z-index: 1;
}
.tzui-input-group.tzui-input-group-compact > .tzui-select > .tzui-select-arrow {
  z-index: 1;
}
.tzui-input-group.tzui-input-group-compact > *:first-child,
.tzui-input-group.tzui-input-group-compact > .tzui-select:first-child > .tzui-select-selector,
.tzui-input-group.tzui-input-group-compact > .tzui-select-auto-complete:first-child .tzui-input,
.tzui-input-group.tzui-input-group-compact > .tzui-cascader-picker:first-child .tzui-input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tzui-input-group.tzui-input-group-compact > *:last-child,
.tzui-input-group.tzui-input-group-compact > .tzui-select:last-child > .tzui-select-selector,
.tzui-input-group.tzui-input-group-compact > .tzui-cascader-picker:last-child .tzui-input,
.tzui-input-group.tzui-input-group-compact > .tzui-cascader-picker-focused:last-child .tzui-input {
  border-right-width: 1px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tzui-input-group.tzui-input-group-compact > .tzui-select-auto-complete .tzui-input {
  vertical-align: top;
}
.tzui-input-group.tzui-input-group-compact .tzui-input-group-wrapper + .tzui-input-group-wrapper {
  margin-left: -1px;
}
.tzui-input-group.tzui-input-group-compact .tzui-input-group-wrapper + .tzui-input-group-wrapper .tzui-input-affix-wrapper {
  border-radius: 0;
}
.tzui-input-group.tzui-input-group-compact .tzui-input-group-wrapper:not(:last-child).tzui-input-search > .tzui-input-group > .tzui-input-group-addon > .tzui-input-search-button {
  border-radius: 0;
}
.tzui-input-group.tzui-input-group-compact .tzui-input-group-wrapper:not(:last-child).tzui-input-search > .tzui-input-group > .tzui-input {
  border-radius: 4px 0 0 4px;
}
.tzui-input-group > .tzui-input-rtl:first-child,
.tzui-input-group-rtl .tzui-input-group-addon:first-child {
  border-radius: 0 4px 4px 0;
}
.tzui-input-group-rtl .tzui-input-group-addon:first-child {
  border-right: 1px solid var(--color-border);
  border-left: 0;
}
.tzui-input-group-rtl .tzui-input-group-addon:last-child {
  border-right: 0;
  border-left: 1px solid var(--color-border);
  border-radius: 4px 0 0 4px;
}
.tzui-input-group-rtl.tzui-input-group > .tzui-input:last-child,
.tzui-input-group-rtl.tzui-input-group-addon:last-child {
  border-radius: 4px 0 0 4px;
}
.tzui-input-group-rtl.tzui-input-group .tzui-input-affix-wrapper:not(:first-child) {
  border-radius: 4px 0 0 4px;
}
.tzui-input-group-rtl.tzui-input-group .tzui-input-affix-wrapper:not(:last-child) {
  border-radius: 0 4px 4px 0;
}
.tzui-input-group-rtl.tzui-input-group.tzui-input-group-compact > *:not(:last-child) {
  margin-right: 0;
  margin-left: -1px;
  border-left-width: 1px;
}
.tzui-input-group-rtl.tzui-input-group.tzui-input-group-compact > *:first-child,
.tzui-input-group-rtl.tzui-input-group.tzui-input-group-compact > .tzui-select:first-child > .tzui-select-selector,
.tzui-input-group-rtl.tzui-input-group.tzui-input-group-compact > .tzui-select-auto-complete:first-child .tzui-input,
.tzui-input-group-rtl.tzui-input-group.tzui-input-group-compact > .tzui-cascader-picker:first-child .tzui-input {
  border-radius: 0 4px 4px 0;
}
.tzui-input-group-rtl.tzui-input-group.tzui-input-group-compact > *:last-child,
.tzui-input-group-rtl.tzui-input-group.tzui-input-group-compact > .tzui-select:last-child > .tzui-select-selector,
.tzui-input-group-rtl.tzui-input-group.tzui-input-group-compact > .tzui-select-auto-complete:last-child .tzui-input,
.tzui-input-group-rtl.tzui-input-group.tzui-input-group-compact > .tzui-cascader-picker:last-child .tzui-input,
.tzui-input-group-rtl.tzui-input-group.tzui-input-group-compact > .tzui-cascader-picker-focused:last-child .tzui-input {
  border-left-width: 1px;
  border-radius: 4px 0 0 4px;
}
.tzui-input-group.tzui-input-group-compact .tzui-input-group-wrapper-rtl + .tzui-input-group-wrapper-rtl {
  margin-right: -1px;
  margin-left: 0;
}
.tzui-input-group.tzui-input-group-compact .tzui-input-group-wrapper-rtl:not(:last-child).tzui-input-search > .tzui-input-group > .tzui-input {
  border-radius: 0 4px 4px 0;
}
.tzui-input-group-wrapper {
  display: inline-block;
  width: 100%;
  text-align: start;
  vertical-align: top;
}
.tzui-input-password-icon.anticon {
  color: #858e99;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-input-password-icon.anticon:hover {
  color: rgba(0, 0, 0, 0.85);
}
.tzui-input[type='color'] {
  height: 32px;
}
.tzui-input[type='color'].tzui-input-lg {
  height: 40px;
}
.tzui-input[type='color'].tzui-input-sm {
  height: 24px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.tzui-input-textarea-show-count > .tzui-input {
  height: 100%;
}
.tzui-input-textarea-show-count::after {
  float: right;
  color: #858e99;
  white-space: nowrap;
  content: attr(data-count);
  pointer-events: none;
}
.tzui-input-textarea-show-count.tzui-input-textarea-in-form-item::after {
  margin-bottom: -22px;
}
.tzui-input-textarea-suffix {
  position: absolute;
  top: 0;
  right: 11px;
  bottom: 0;
  z-index: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
}
.tzui-input-compact-item:not(.tzui-input-compact-last-item):not(.tzui-input-compact-item-rtl) {
  margin-right: -1px;
}
.tzui-input-compact-item:not(.tzui-input-compact-last-item).tzui-input-compact-item-rtl {
  margin-left: -1px;
}
.tzui-input-compact-item:hover,
.tzui-input-compact-item:focus,
.tzui-input-compact-item:active {
  z-index: 2;
}
.tzui-input-compact-item[disabled] {
  z-index: 0;
}
.tzui-input-compact-item:not(.tzui-input-compact-first-item):not(.tzui-input-compact-last-item).tzui-input {
  border-radius: 0;
}
.tzui-input-compact-item.tzui-input.tzui-input-compact-first-item:not(.tzui-input-compact-last-item):not(.tzui-input-compact-item-rtl) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tzui-input-compact-item.tzui-input.tzui-input-compact-last-item:not(.tzui-input-compact-first-item):not(.tzui-input-compact-item-rtl) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tzui-input-compact-item.tzui-input.tzui-input-compact-item-rtl.tzui-input-compact-first-item:not(.tzui-input-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tzui-input-compact-item.tzui-input.tzui-input-compact-item-rtl.tzui-input-compact-last-item:not(.tzui-input-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tzui-input-search .tzui-input:hover,
.tzui-input-search .tzui-input:focus {
  border-color: var(--color-primary-hover);
}
.tzui-input-search .tzui-input:hover + .tzui-input-group-addon .tzui-input-search-button:not(.tzui-btn-primary),
.tzui-input-search .tzui-input:focus + .tzui-input-group-addon .tzui-input-search-button:not(.tzui-btn-primary) {
  border-left-color: var(--color-primary-hover);
}
.tzui-input-search .tzui-input-affix-wrapper {
  border-radius: 0;
}
.tzui-input-search .tzui-input-lg {
  line-height: 1.5713;
}
.tzui-input-search > .tzui-input-group > .tzui-input-group-addon:last-child {
  left: -1px;
  padding: 0;
  border: 0;
}
.tzui-input-search > .tzui-input-group > .tzui-input-group-addon:last-child .tzui-input-search-button {
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0 4px 4px 0;
}
.tzui-input-search > .tzui-input-group > .tzui-input-group-addon:last-child .tzui-input-search-button:not(.tzui-btn-primary) {
  color: #858e99;
}
.tzui-input-search > .tzui-input-group > .tzui-input-group-addon:last-child .tzui-input-search-button:not(.tzui-btn-primary).tzui-btn-loading::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tzui-input-search-button {
  height: 32px;
}
.tzui-input-search-button:hover,
.tzui-input-search-button:focus {
  z-index: 1;
}
.tzui-input-search-large .tzui-input-search-button {
  height: 40px;
}
.tzui-input-search-small .tzui-input-search-button {
  height: 24px;
}
.tzui-input-search.tzui-input-compact-item:not(.tzui-input-compact-item-rtl):not(.tzui-input-compact-last-item) .tzui-input-group-addon .tzui-input-search-button {
  margin-right: -1px;
  border-radius: 0;
}
.tzui-input-search.tzui-input-compact-item:not(.tzui-input-compact-first-item) .tzui-input,
.tzui-input-search.tzui-input-compact-item:not(.tzui-input-compact-first-item) .tzui-input-affix-wrapper {
  border-radius: 0;
}
.tzui-input-search.tzui-input-compact-item > .tzui-input-group-addon .tzui-input-search-button:hover,
.tzui-input-search.tzui-input-compact-item > .tzui-input:hover,
.tzui-input-search.tzui-input-compact-item .tzui-input-affix-wrapper:hover,
.tzui-input-search.tzui-input-compact-item > .tzui-input-group-addon .tzui-input-search-button:focus,
.tzui-input-search.tzui-input-compact-item > .tzui-input:focus,
.tzui-input-search.tzui-input-compact-item .tzui-input-affix-wrapper:focus,
.tzui-input-search.tzui-input-compact-item > .tzui-input-group-addon .tzui-input-search-button:active,
.tzui-input-search.tzui-input-compact-item > .tzui-input:active,
.tzui-input-search.tzui-input-compact-item .tzui-input-affix-wrapper:active {
  z-index: 2;
}
.tzui-input-search.tzui-input-compact-item > .tzui-input-affix-wrapper-focused {
  z-index: 2;
}
.tzui-input-search.tzui-input-compact-item-rtl:not(.tzui-input-compact-last-item) .tzui-input-group-addon:last-child .tzui-input-search-button {
  margin-left: -1px;
  border-radius: 0;
}
.tzui-input-group-wrapper-rtl {
  direction: rtl;
}
.tzui-input-group-rtl {
  direction: rtl;
}
.tzui-input-affix-wrapper.tzui-input-affix-wrapper-rtl > input.tzui-input {
  border: none;
  outline: none;
}
.tzui-input-affix-wrapper-rtl .tzui-input-prefix {
  margin: 0 0 0 4px;
}
.tzui-input-affix-wrapper-rtl .tzui-input-suffix {
  margin: 0 4px 0 0;
}
.tzui-input-textarea-rtl {
  direction: rtl;
}
.tzui-input-textarea-rtl.tzui-input-textarea-show-count::after {
  text-align: left;
}
.tzui-input-affix-wrapper-rtl .tzui-input-clear-icon-has-suffix {
  margin-right: 0;
  margin-left: 4px;
}
.tzui-input-affix-wrapper-rtl .tzui-input-clear-icon {
  right: auto;
  left: 8px;
}
.tzui-input-search-rtl {
  direction: rtl;
}
.tzui-input-search-rtl .tzui-input:hover + .tzui-input-group-addon .tzui-input-search-button:not(.tzui-btn-primary),
.tzui-input-search-rtl .tzui-input:focus + .tzui-input-group-addon .tzui-input-search-button:not(.tzui-btn-primary) {
  border-left-color: var(--color-border);
}
.tzui-input-search-rtl .tzui-input:hover + .tzui-input-group-addon .tzui-input-search-button:not(.tzui-btn-primary):hover,
.tzui-input-search-rtl .tzui-input:focus + .tzui-input-group-addon .tzui-input-search-button:not(.tzui-btn-primary):hover {
  border-left-color: var(--color-primary-hover);
}
.tzui-input-search-rtl > .tzui-input-group > .tzui-input-affix-wrapper:hover,
.tzui-input-search-rtl > .tzui-input-group > .tzui-input-affix-wrapper-focused {
  border-right-color: var(--color-primary-hover);
}
.tzui-input-search-rtl > .tzui-input-group > .tzui-input-group-addon:last-child {
  right: -1px;
  left: auto;
}
.tzui-input-search-rtl > .tzui-input-group > .tzui-input-group-addon:last-child .tzui-input-search-button {
  border-radius: 4px 0 0 4px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .tzui-input {
    height: 32px;
  }
  .tzui-input-lg {
    height: 40px;
  }
  .tzui-input-sm {
    height: 24px;
  }
  .tzui-input-affix-wrapper > input.tzui-input {
    height: auto;
  }
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-input-medium {
  padding: 6px 14px;
  font-size: 14px;
}
.tzui-input-medium.tzui-input-affix-wrapper {
  padding: 6px 14px;
  font-size: 14px;
}
.tzui-input-group-wrapper.tzui-input-medium {
  padding: 0;
}
.tzui-input-group-wrapper.tzui-input-medium .tzui-input {
  padding: 6px 14px;
  font-size: 14px;
}
.tzui-input-search-medium .tzui-input {
  padding: 6px 14px;
  font-size: 14px;
}
.tzui-input-search-medium .tzui-input-search-button {
  height: 36px;
}
.tzui-input-group-medium .tzui-input,
.tzui-input-group-medium > .tzui-input-group-addon {
  padding: 6px 14px;
  font-size: 14px;
}
.tzui-input-group-medium .tzui-select-single .tzui-select-selector {
  height: 36px;
}
.tzui-input[type='color'].tzui-input-medium {
  height: 36px;
}
.tzui-input-search .tzui-input-medium {
  line-height: 1.5713;
}
.tzui-input-password-medium {
  padding: 6px 14px;
  font-size: 14px;
}
.tzui-input-smedium {
  padding: 2px 10px;
  font-size: 14px;
}
.tzui-input-smedium.tzui-input-affix-wrapper {
  padding: 2px 10px;
  font-size: 14px;
}
.tzui-input-group-wrapper.tzui-input-smedium {
  padding: 0;
}
.tzui-input-group-wrapper.tzui-input-smedium .tzui-input {
  padding: 2px 10px;
  font-size: 14px;
}
.tzui-input-search-smedium .tzui-input {
  padding: 2px 10px;
  font-size: 14px;
}
.tzui-input-search-smedium .tzui-input-search-button {
  height: 28px;
}
.tzui-input-group-smedium .tzui-input,
.tzui-input-group-smedium > .tzui-input-group-addon {
  padding: 2px 10px;
  font-size: 14px;
}
.tzui-input-group-smedium .tzui-select-single .tzui-select-selector {
  height: 28px;
}
.tzui-input[type='color'].tzui-input-smedium {
  height: 28px;
}
.tzui-input-search .tzui-input-smedium {
  line-height: 1.5713;
}
.tzui-input-password-smedium {
  padding: 2px 10px;
  font-size: 14px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .tzui-input-medium {
    height: 36px;
  }
  .tzui-input-smedium {
    height: 28px;
  }
}
.tzui-input-affix-wrapper {
  border-radius: 6px;
}
.tzui-input-affix-wrapper.tzui-input-smedium,
.tzui-input-affix-wrapper.tzui-input-affix-wrapper-sm {
  border-radius: 4px;
}
.tzui-input {
  border-radius: 6px;
}
.tzui-input.tzui-input-smedium,
.tzui-input.tzui-input-sm {
  border-radius: 4px;
}
.tzui-input-group-addon {
  border-radius: 6px;
}
.tzui-input-smedium .tzui-input-group-addon,
.tzui-input-group-wrapper-sm .tzui-input-group-addon {
  border-radius: 4px;
}
.tzui-input-search-smedium .tzui-input,
.tzui-input-search-smedium .tzui-input-group-addon {
  border-radius: 4px;
}
.tzui-input-password-smedium {
  border-radius: 4px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-radio-group {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-radio-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  margin-right: 8px;
  white-space: nowrap;
  cursor: pointer;
}
.ant-radio {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: sub;
  outline: none;
  cursor: pointer;
}
.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner,
.ant-radio-input:focus + .ant-radio-inner {
  border-color: var(--color-primary);
}
.ant-radio-input:focus + .ant-radio-inner {
  -webkit-box-shadow: 0 0 0 3px #ccc;
          box-shadow: 0 0 0 3px #ccc;
}
.ant-radio-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-primary);
  border-radius: 50%;
  visibility: hidden;
  -webkit-animation: antRadioEffect 0.36s ease-in-out;
          animation: antRadioEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  content: '';
}
.ant-radio:hover::after,
.ant-radio-wrapper:hover .ant-radio::after {
  visibility: visible;
}
.ant-radio-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-color: var(--color-border);
  border-style: solid;
  border-width: 1px;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-radio-inner::after {
  position: absolute;
  top: 3px;
  left: 3px;
  display: table;
  width: 8px;
  height: 8px;
  background-color: var(--color-primary);
  border-top: 0;
  border-left: 0;
  border-radius: 8px;
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}
.ant-radio-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}
.ant-radio-checked .ant-radio-inner {
  border-color: var(--color-primary);
}
.ant-radio-checked .ant-radio-inner::after {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-radio-disabled .ant-radio-inner {
  background-color: var(--color-bg-light);
  border-color: var(--color-border) !important;
  cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner::after {
  background-color: rgba(0, 0, 0, 0.2);
}
.ant-radio-disabled .ant-radio-input {
  cursor: not-allowed;
}
.ant-radio-disabled + span {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
span.ant-radio + * {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-radio-button-wrapper {
  position: relative;
  display: inline-block;
  height: 36px;
  margin: 0;
  padding: 0 15px;
  color: var(--color-text-dark);
  line-height: 34px;
  background: #fff;
  border: 1px solid var(--color-border);
  border-top-width: 1.02px;
  border-left: 0;
  cursor: pointer;
  -webkit-transition: color 0.3s, background 0.3s, border-color 0.3s;
  transition: color 0.3s, background 0.3s, border-color 0.3s;
}
.ant-radio-button-wrapper a {
  color: var(--color-text-dark);
}
.ant-radio-button-wrapper > .ant-radio-button {
  display: block;
  width: 0;
  height: 0;
  margin-left: 0;
}
.ant-radio-group-large .ant-radio-button-wrapper {
  height: 48px;
  font-size: 16px;
  line-height: 46px;
}
.ant-radio-group-small .ant-radio-button-wrapper {
  height: 28px;
  padding: 0 7px;
  line-height: 26px;
}
.ant-radio-button-wrapper:not(:first-child)::before {
  position: absolute;
  top: 0;
  left: -1px;
  display: block;
  width: 1px;
  height: 100%;
  background-color: var(--color-border);
  content: '';
}
.ant-radio-button-wrapper:first-child {
  border-left: 1px solid var(--color-border);
  border-radius: 4px 0 0 4px;
}
.ant-radio-button-wrapper:last-child {
  border-radius: 0 4px 4px 0;
}
.ant-radio-button-wrapper:first-child:last-child {
  border-radius: 4px;
}
.ant-radio-button-wrapper:hover {
  position: relative;
  color: var(--color-primary);
}
.ant-radio-button-wrapper:focus-within {
  outline: 3px solid #ccc;
}
.ant-radio-button-wrapper .ant-radio-inner,
.ant-radio-button-wrapper input[type='checkbox'],
.ant-radio-button-wrapper input[type='radio'] {
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  z-index: 1;
  color: var(--color-primary);
  background: #fff;
  border-color: var(--color-primary);
  -webkit-box-shadow: -1px 0 0 0 var(--color-primary);
          box-shadow: -1px 0 0 0 var(--color-primary);
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: var(--color-primary) !important;
  opacity: 0.1;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
  border-color: var(--color-primary);
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  -webkit-box-shadow: -1px 0 0 0 var(--color-primary-hover);
          box-shadow: -1px 0 0 0 var(--color-primary-hover);
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
  -webkit-box-shadow: -1px 0 0 0 var(--color-primary-dark);
          box-shadow: -1px 0 0 0 var(--color-primary-dark);
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  outline: 3px solid #ccc;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #fff;
  background: var(--color-primary);
  border-color: var(--color-primary);
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #fff;
  background: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #fff;
  background: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  outline: 3px solid #ccc;
}
.ant-radio-button-wrapper-disabled {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  cursor: not-allowed;
}
.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled:hover {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
}
.ant-radio-button-wrapper-disabled:first-child {
  border-left-color: var(--color-border);
}
.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  color: #fff;
  background-color: #e6e6e6;
  border-color: var(--color-border);
  -webkit-box-shadow: none;
          box-shadow: none;
}
@-webkit-keyframes antRadioEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
@keyframes antRadioEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  .ant-radio {
    vertical-align: text-bottom;
  }
}
.ant-radio-inner::after {
  -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.ant-radio-checked::after {
  display: none;
  content: '';
}
.ant-radio-inner {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-color: var(--color-border-dark);
}
.ant-radio-disabled .ant-radio-inner {
  background-color: var(--color-bg-dark);
  border-color: var(--color-border-dark) !important;
}
.ant-radio-disabled .ant-radio-inner:after {
  background-color: var(--color-border-dark);
}
.ant-radio-button-wrapper {
  outline: none !important;
}
.ant-radio-button-wrapper {
  height: 36px;
  line-height: 34px;
}
.ant-radio-group-small .ant-radio-button-wrapper {
  font-size: 12px;
}
.ant-radio-group.layout-rows .ant-radio-wrapper {
  display: block;
  padding: 4px 0;
  margin: 0;
}

.ant-tooltip {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1060;
  display: block;
  max-width: 250px;
  visibility: visible;
}
.ant-tooltip-hidden {
  display: none;
}
.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
  padding-bottom: 4px;
}
.ant-tooltip-placement-right,
.ant-tooltip-placement-rightTop,
.ant-tooltip-placement-rightBottom {
  padding-left: 4px;
}
.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
  padding-top: 4px;
}
.ant-tooltip-placement-left,
.ant-tooltip-placement-leftTop,
.ant-tooltip-placement-leftBottom {
  padding-right: 4px;
}
.ant-tooltip-inner {
  min-width: 30px;
  min-height: 32px;
  padding: 6px 8px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-tooltip-arrow {
  position: absolute;
  display: block;
  width: 13.07106781px;
  height: 13.07106781px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.ant-tooltip-arrow::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.75);
  content: '';
  pointer-events: auto;
}
.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  bottom: -9.07106781px;
}
.ant-tooltip-placement-top .ant-tooltip-arrow::before,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow::before,
.ant-tooltip-placement-topRight .ant-tooltip-arrow::before {
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateY(-6.53553391px) rotate(45deg);
          transform: translateY(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  left: -9.07106781px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow::before,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow::before,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow::before {
  -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateX(6.53553391px) rotate(45deg);
          transform: translateX(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-right .ant-tooltip-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  right: -9.07106781px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow::before,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow::before,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow::before {
  -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateX(-6.53553391px) rotate(45deg);
          transform: translateX(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-left .ant-tooltip-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  top: -9.07106781px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow::before,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow::before,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow::before {
  -webkit-box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateY(6.53553391px) rotate(45deg);
          transform: translateY(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  right: 13px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-tooltip-inner {
  border-radius: 4px;
  padding: 3px 8px;
  min-height: auto;
}
.ant-tooltip.ghosted {
  pointer-events: none;
}
.tui-tooltip-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
}
.tui-tooltip-text-inner {
  position: absolute;
  opacity: 0;
  white-space: nowrap;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
[class^=tzui-]::-ms-clear,
[class*= tzui-]::-ms-clear,
[class^=tzui-] input::-ms-clear,
[class*= tzui-] input::-ms-clear,
[class^=tzui-] input::-ms-reveal,
[class*= tzui-] input::-ms-reveal {
  display: none;
}
/* stylelint-disable property-no-vendor-prefix, at-rule-no-vendor-prefix */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
body {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-variant: tabular-nums;
  line-height: 1.5715;
  background-color: #fff;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
[tabindex='-1']:focus {
  outline: none !important;
}
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: var(--color-primary);
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: var(--color-primary-hover);
}
a:active {
  color: var(--color-primary-dark);
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}
a:focus {
  text-decoration: none;
  outline: 0;
}
a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  color: #858e99;
  text-align: left;
  caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}
::-moz-selection {
  color: #fff;
  background: var(--color-primary);
}
::selection {
  color: #fff;
  background: var(--color-primary);
}
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon[tabindex] {
  cursor: pointer;
}
.anticon-spin::before {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
          animation: loadingCircle 1s infinite linear;
}
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
          animation: loadingCircle 1s infinite linear;
}
.tzui-fade-enter,
.tzui-fade-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-fade-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-fade-enter.tzui-fade-enter-active,
.tzui-fade-appear.tzui-fade-appear-active {
  -webkit-animation-name: antFadeIn;
          animation-name: antFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-fade-leave.tzui-fade-leave-active {
  -webkit-animation-name: antFadeOut;
          animation-name: antFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-fade-enter,
.tzui-fade-appear {
  opacity: 0;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.tzui-fade-leave {
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
@-webkit-keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.tzui-move-up-enter,
.tzui-move-up-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-up-enter.tzui-move-up-enter-active,
.tzui-move-up-appear.tzui-move-up-appear-active {
  -webkit-animation-name: antMoveUpIn;
          animation-name: antMoveUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-move-up-leave.tzui-move-up-leave-active {
  -webkit-animation-name: antMoveUpOut;
          animation-name: antMoveUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-move-up-enter,
.tzui-move-up-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-move-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.tzui-move-down-enter,
.tzui-move-down-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-down-enter.tzui-move-down-enter-active,
.tzui-move-down-appear.tzui-move-down-appear-active {
  -webkit-animation-name: antMoveDownIn;
          animation-name: antMoveDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-move-down-leave.tzui-move-down-leave-active {
  -webkit-animation-name: antMoveDownOut;
          animation-name: antMoveDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-move-down-enter,
.tzui-move-down-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-move-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.tzui-move-left-enter,
.tzui-move-left-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-left-enter.tzui-move-left-enter-active,
.tzui-move-left-appear.tzui-move-left-appear-active {
  -webkit-animation-name: antMoveLeftIn;
          animation-name: antMoveLeftIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-move-left-leave.tzui-move-left-leave-active {
  -webkit-animation-name: antMoveLeftOut;
          animation-name: antMoveLeftOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-move-left-enter,
.tzui-move-left-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-move-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.tzui-move-right-enter,
.tzui-move-right-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-right-enter.tzui-move-right-enter-active,
.tzui-move-right-appear.tzui-move-right-appear-active {
  -webkit-animation-name: antMoveRightIn;
          animation-name: antMoveRightIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-move-right-leave.tzui-move-right-leave-active {
  -webkit-animation-name: antMoveRightOut;
          animation-name: antMoveRightOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-move-right-enter,
.tzui-move-right-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-move-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@-webkit-keyframes antMoveDownIn {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveDownIn {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveDownOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveDownOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveLeftOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveLeftOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveRightIn {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveRightIn {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveRightOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveRightOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveUpIn {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveUpIn {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveUpOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveUpOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
[tzui-click-animating='true'],
[tzui-click-animating-without-extra-node='true'] {
  position: relative;
}
html {
  --antd-wave-shadow-color: var(--color-primary);
  --scroll-bar: 0;
}
[tzui-click-animating-without-extra-node='true']::after,
.tzui-click-animating-node {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: inherit;
  -webkit-box-shadow: 0 0 0 0 var(--color-primary);
          box-shadow: 0 0 0 0 var(--color-primary);
  -webkit-box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
          box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  opacity: 0.2;
  -webkit-animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
          animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
@-webkit-keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 var(--color-primary);
            box-shadow: 0 0 0 var(--color-primary);
    -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
            box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 var(--color-primary);
            box-shadow: 0 0 0 var(--color-primary);
    -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
            box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@-webkit-keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
.tzui-slide-up-enter,
.tzui-slide-up-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-up-enter.tzui-slide-up-enter-active,
.tzui-slide-up-appear.tzui-slide-up-appear-active {
  -webkit-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-slide-up-leave.tzui-slide-up-leave-active {
  -webkit-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-slide-up-enter,
.tzui-slide-up-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.tzui-slide-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.tzui-slide-down-enter,
.tzui-slide-down-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-down-enter.tzui-slide-down-enter-active,
.tzui-slide-down-appear.tzui-slide-down-appear-active {
  -webkit-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-slide-down-leave.tzui-slide-down-leave-active {
  -webkit-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-slide-down-enter,
.tzui-slide-down-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.tzui-slide-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.tzui-slide-left-enter,
.tzui-slide-left-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-left-enter.tzui-slide-left-enter-active,
.tzui-slide-left-appear.tzui-slide-left-appear-active {
  -webkit-animation-name: antSlideLeftIn;
          animation-name: antSlideLeftIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-slide-left-leave.tzui-slide-left-leave-active {
  -webkit-animation-name: antSlideLeftOut;
          animation-name: antSlideLeftOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-slide-left-enter,
.tzui-slide-left-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.tzui-slide-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.tzui-slide-right-enter,
.tzui-slide-right-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-right-enter.tzui-slide-right-enter-active,
.tzui-slide-right-appear.tzui-slide-right-appear-active {
  -webkit-animation-name: antSlideRightIn;
          animation-name: antSlideRightIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-slide-right-leave.tzui-slide-right-leave-active {
  -webkit-animation-name: antSlideRightOut;
          animation-name: antSlideRightOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-slide-right-enter,
.tzui-slide-right-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.tzui-slide-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@-webkit-keyframes antSlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes antSlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes antSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideLeftIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideLeftIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideLeftOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideLeftOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideRightIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes antSlideRightIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideRightOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
}
@keyframes antSlideRightOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
}
.tzui-zoom-enter,
.tzui-zoom-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-enter.tzui-zoom-enter-active,
.tzui-zoom-appear.tzui-zoom-appear-active {
  -webkit-animation-name: antZoomIn;
          animation-name: antZoomIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-zoom-leave.tzui-zoom-leave-active {
  -webkit-animation-name: antZoomOut;
          animation-name: antZoomOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-zoom-enter,
.tzui-zoom-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-zoom-enter-prepare,
.tzui-zoom-appear-prepare {
  -webkit-transform: none;
          transform: none;
}
.tzui-zoom-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.tzui-zoom-big-enter,
.tzui-zoom-big-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-big-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-big-enter.tzui-zoom-big-enter-active,
.tzui-zoom-big-appear.tzui-zoom-big-appear-active {
  -webkit-animation-name: antZoomBigIn;
          animation-name: antZoomBigIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-zoom-big-leave.tzui-zoom-big-leave-active {
  -webkit-animation-name: antZoomBigOut;
          animation-name: antZoomBigOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-zoom-big-enter,
.tzui-zoom-big-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-zoom-big-enter-prepare,
.tzui-zoom-big-appear-prepare {
  -webkit-transform: none;
          transform: none;
}
.tzui-zoom-big-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.tzui-zoom-big-fast-enter,
.tzui-zoom-big-fast-appear {
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-big-fast-leave {
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-big-fast-enter.tzui-zoom-big-fast-enter-active,
.tzui-zoom-big-fast-appear.tzui-zoom-big-fast-appear-active {
  -webkit-animation-name: antZoomBigIn;
          animation-name: antZoomBigIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-zoom-big-fast-leave.tzui-zoom-big-fast-leave-active {
  -webkit-animation-name: antZoomBigOut;
          animation-name: antZoomBigOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-zoom-big-fast-enter,
.tzui-zoom-big-fast-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-zoom-big-fast-enter-prepare,
.tzui-zoom-big-fast-appear-prepare {
  -webkit-transform: none;
          transform: none;
}
.tzui-zoom-big-fast-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.tzui-zoom-up-enter,
.tzui-zoom-up-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-up-enter.tzui-zoom-up-enter-active,
.tzui-zoom-up-appear.tzui-zoom-up-appear-active {
  -webkit-animation-name: antZoomUpIn;
          animation-name: antZoomUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-zoom-up-leave.tzui-zoom-up-leave-active {
  -webkit-animation-name: antZoomUpOut;
          animation-name: antZoomUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-zoom-up-enter,
.tzui-zoom-up-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-zoom-up-enter-prepare,
.tzui-zoom-up-appear-prepare {
  -webkit-transform: none;
          transform: none;
}
.tzui-zoom-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.tzui-zoom-down-enter,
.tzui-zoom-down-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-down-enter.tzui-zoom-down-enter-active,
.tzui-zoom-down-appear.tzui-zoom-down-appear-active {
  -webkit-animation-name: antZoomDownIn;
          animation-name: antZoomDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-zoom-down-leave.tzui-zoom-down-leave-active {
  -webkit-animation-name: antZoomDownOut;
          animation-name: antZoomDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-zoom-down-enter,
.tzui-zoom-down-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-zoom-down-enter-prepare,
.tzui-zoom-down-appear-prepare {
  -webkit-transform: none;
          transform: none;
}
.tzui-zoom-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.tzui-zoom-left-enter,
.tzui-zoom-left-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-left-enter.tzui-zoom-left-enter-active,
.tzui-zoom-left-appear.tzui-zoom-left-appear-active {
  -webkit-animation-name: antZoomLeftIn;
          animation-name: antZoomLeftIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-zoom-left-leave.tzui-zoom-left-leave-active {
  -webkit-animation-name: antZoomLeftOut;
          animation-name: antZoomLeftOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-zoom-left-enter,
.tzui-zoom-left-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-zoom-left-enter-prepare,
.tzui-zoom-left-appear-prepare {
  -webkit-transform: none;
          transform: none;
}
.tzui-zoom-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.tzui-zoom-right-enter,
.tzui-zoom-right-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-right-enter.tzui-zoom-right-enter-active,
.tzui-zoom-right-appear.tzui-zoom-right-appear-active {
  -webkit-animation-name: antZoomRightIn;
          animation-name: antZoomRightIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-zoom-right-leave.tzui-zoom-right-leave-active {
  -webkit-animation-name: antZoomRightOut;
          animation-name: antZoomRightOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-zoom-right-enter,
.tzui-zoom-right-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-zoom-right-enter-prepare,
.tzui-zoom-right-appear-prepare {
  -webkit-transform: none;
          transform: none;
}
.tzui-zoom-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@-webkit-keyframes antZoomIn {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomIn {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
}
@-webkit-keyframes antZoomBigIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomBigIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}
@-webkit-keyframes antZoomUpIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}
@keyframes antZoomUpIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}
@-webkit-keyframes antZoomUpOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes antZoomUpOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomLeftIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
}
@keyframes antZoomLeftIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
}
@-webkit-keyframes antZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes antZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomRightIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
}
@keyframes antZoomRightIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
}
@-webkit-keyframes antZoomRightOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes antZoomRightOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomDownIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}
@keyframes antZoomDownIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}
@-webkit-keyframes antZoomDownOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
}
@keyframes antZoomDownOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
}
.ant-motion-collapse-legacy {
  overflow: hidden;
}
.ant-motion-collapse-legacy-active {
  -webkit-transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-motion-collapse {
  overflow: hidden;
  -webkit-transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
:root {
  --color-primary-slight: #e6fff8;
  --color-primary-active: #adf7e5;
  --color-primary-light: #7febd3;
  --color-primary-hover-lighter: #54dec5;
  --color-primary-hover: #2ed1b9;
  --color-primary: #0cc5ae;
  --color-primary-dark: #029e91;
  --color-border-light: #e6ebf0;
  --color-border: #dce1e5;
  --color-border-dark: #d3d7db;
  --color-bg-light: #f8f9fa;
  --color-bg: #f3f5f7;
  --color-bg-dark: #edf0f2;
  --color-text-disabled: #b1b8c2;
  --color-text-light: #858e99;
  --color-text: #576272;
  --color-text-dark: #263035;
  --color-success-light: #88f2cd;
  --color-success: #11cb9e;
  --color-success-dark: #05a683;
  --color-progress-light: #b0e1ff;
  --color-progress: #349af9;
  --color-progress-dark: #2278d4;
  --color-hint-light: #ffbed7;
  --color-hint: #ff7daf;
  --color-hint-dark: #eb689b;
  --color-warning-light: #ffe3ab;
  --color-warning: #ffa730;
  --color-warning-dark: #d9821e;
  --color-danger-light: #ffeae8;
  --color-danger-hover: #ff6e70;
  --color-danger: #f9434d;
  --color-danger-dark: #d42f3c;
  --color-help-light: #f6ebca;
  --color-help: #edd196;
  --color-help-dark: #e0c283;
  --color-highlight: #f0fbf9;
  --color-white: #fff;
  --color-dark: #000;
}
[tzui-click-animating-without-extra-node='true']::after,
.tzui-click-animating-node {
  -webkit-animation: none;
          animation: none;
  -webkit-transition: none;
  transition: none;
  display: none;
}
body ::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  background-color: transparent;
}
body ::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.2);
  background-clip: content-box;
  border: 2px solid transparent;
}
body ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tz-select-lock-height .tzui-select-clear {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 100%;
}
.tz-select-lock-height .tzui-select-selector {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
  overflow: auto;
}
.tz-select-lock-height .tzui-select-selector::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.tz-select-lock-height .tzui-select-selection-overflow {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  max-width: none;
  overflow: visible;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-select-single .tzui-select-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tzui-select-single .tzui-select-selector .tzui-select-selection-search {
  position: absolute;
  top: 0;
  right: 11px;
  bottom: 0;
  left: 11px;
}
.tzui-select-single .tzui-select-selector .tzui-select-selection-search-input {
  width: 100%;
}
.tzui-select-single .tzui-select-selector .tzui-select-selection-item,
.tzui-select-single .tzui-select-selector .tzui-select-selection-placeholder {
  padding: 0;
  line-height: 30px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-select-single .tzui-select-selector .tzui-select-selection-item {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tzui-select-single .tzui-select-selector .tzui-select-selection-placeholder {
  -webkit-transition: none;
  transition: none;
  pointer-events: none;
}
.tzui-select-single .tzui-select-selector::after,
.tzui-select-single .tzui-select-selector .tzui-select-selection-item::after,
.tzui-select-single .tzui-select-selector .tzui-select-selection-placeholder::after {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '\a0';
}
.tzui-select-single.tzui-select-show-arrow .tzui-select-selection-search {
  right: 25px;
}
.tzui-select-single.tzui-select-show-arrow .tzui-select-selection-item,
.tzui-select-single.tzui-select-show-arrow .tzui-select-selection-placeholder {
  padding-right: 18px;
}
.tzui-select-single.tzui-select-open .tzui-select-selection-item {
  color: var(--color-text-light);
}
.tzui-select-single:not(.tzui-select-customize-input) .tzui-select-selector {
  width: 100%;
  height: 32px;
  padding: 0 11px;
}
.tzui-select-single:not(.tzui-select-customize-input) .tzui-select-selector .tzui-select-selection-search-input {
  height: 30px;
}
.tzui-select-single:not(.tzui-select-customize-input) .tzui-select-selector::after {
  line-height: 30px;
}
.tzui-select-single.tzui-select-customize-input .tzui-select-selector::after {
  display: none;
}
.tzui-select-single.tzui-select-customize-input .tzui-select-selector .tzui-select-selection-search {
  position: static;
  width: 100%;
}
.tzui-select-single.tzui-select-customize-input .tzui-select-selector .tzui-select-selection-placeholder {
  position: absolute;
  right: 0;
  left: 0;
  padding: 0 11px;
}
.tzui-select-single.tzui-select-customize-input .tzui-select-selector .tzui-select-selection-placeholder::after {
  display: none;
}
.tzui-select-single.tzui-select-lg:not(.tzui-select-customize-input) .tzui-select-selector {
  height: 40px;
}
.tzui-select-single.tzui-select-lg:not(.tzui-select-customize-input) .tzui-select-selector::after,
.tzui-select-single.tzui-select-lg:not(.tzui-select-customize-input) .tzui-select-selector .tzui-select-selection-item,
.tzui-select-single.tzui-select-lg:not(.tzui-select-customize-input) .tzui-select-selector .tzui-select-selection-placeholder {
  line-height: 38px;
}
.tzui-select-single.tzui-select-lg:not(.tzui-select-customize-input):not(.tzui-select-customize-input) .tzui-select-selection-search-input {
  height: 38px;
}
.tzui-select-single.tzui-select-sm:not(.tzui-select-customize-input) .tzui-select-selector {
  height: 24px;
}
.tzui-select-single.tzui-select-sm:not(.tzui-select-customize-input) .tzui-select-selector::after,
.tzui-select-single.tzui-select-sm:not(.tzui-select-customize-input) .tzui-select-selector .tzui-select-selection-item,
.tzui-select-single.tzui-select-sm:not(.tzui-select-customize-input) .tzui-select-selector .tzui-select-selection-placeholder {
  line-height: 22px;
}
.tzui-select-single.tzui-select-sm:not(.tzui-select-customize-input):not(.tzui-select-customize-input) .tzui-select-selection-search-input {
  height: 22px;
}
.tzui-select-single.tzui-select-sm:not(.tzui-select-customize-input) .tzui-select-selection-search {
  right: 7px;
  left: 7px;
}
.tzui-select-single.tzui-select-sm:not(.tzui-select-customize-input) .tzui-select-selector {
  padding: 0 7px;
}
.tzui-select-single.tzui-select-sm:not(.tzui-select-customize-input).tzui-select-show-arrow .tzui-select-selection-search {
  right: 28px;
}
.tzui-select-single.tzui-select-sm:not(.tzui-select-customize-input).tzui-select-show-arrow .tzui-select-selection-item,
.tzui-select-single.tzui-select-sm:not(.tzui-select-customize-input).tzui-select-show-arrow .tzui-select-selection-placeholder {
  padding-right: 21px;
}
.tzui-select-single.tzui-select-lg:not(.tzui-select-customize-input) .tzui-select-selector {
  padding: 0 11px;
}
/**
 * Do not merge `height` & `line-height` under style with `selection` & `search`,
 * since chrome may update to redesign with its align logic.
 */
.tzui-select-selection-overflow {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 100%;
}
.tzui-select-selection-overflow-item {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -ms-flex-item-align: center;
      align-self: center;
  max-width: 100%;
}
.tzui-select-multiple .tzui-select-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1px 4px;
}
.tzui-select-show-search.tzui-select-multiple .tzui-select-selector {
  cursor: text;
}
.tzui-select-disabled.tzui-select-multiple .tzui-select-selector {
  background: var(--color-bg);
  cursor: not-allowed;
}
.tzui-select-multiple .tzui-select-selector::after {
  display: inline-block;
  width: 0;
  margin: 2px 0;
  line-height: 24px;
  content: '\a0';
}
.tzui-select-multiple.tzui-select-show-arrow .tzui-select-selector,
.tzui-select-multiple.tzui-select-allow-clear .tzui-select-selector {
  padding-right: 24px;
}
.tzui-select-multiple .tzui-select-selection-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
  height: 24px;
  margin-top: 2px;
  margin-bottom: 2px;
  line-height: 22px;
  background: #f5f5f5;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  cursor: default;
  -webkit-transition: font-size 0.3s, line-height 0.3s, height 0.3s;
  transition: font-size 0.3s, line-height 0.3s, height 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-margin-end: 4px;
          margin-inline-end: 4px;
  -webkit-padding-start: 8px;
          padding-inline-start: 8px;
  -webkit-padding-end: 4px;
          padding-inline-end: 4px;
}
.tzui-select-disabled.tzui-select-multiple .tzui-select-selection-item {
  color: #bfbfbf;
  border-color: var(--color-border-dark);
  cursor: not-allowed;
}
.tzui-select-multiple .tzui-select-selection-item-content {
  display: inline-block;
  margin-right: 4px;
  overflow: hidden;
  white-space: pre;
  text-overflow: ellipsis;
}
.tzui-select-multiple .tzui-select-selection-item-remove {
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  color: #858e99;
  font-weight: bold;
  font-size: 10px;
  line-height: inherit;
  cursor: pointer;
}
.tzui-select-multiple .tzui-select-selection-item-remove > * {
  line-height: 1;
}
.tzui-select-multiple .tzui-select-selection-item-remove svg {
  display: inline-block;
}
.tzui-select-multiple .tzui-select-selection-item-remove::before {
  display: none;
}
.tzui-select-multiple .tzui-select-selection-item-remove .tzui-select-multiple .tzui-select-selection-item-remove-icon {
  display: block;
}
.tzui-select-multiple .tzui-select-selection-item-remove > .anticon {
  vertical-align: middle;
}
.tzui-select-multiple .tzui-select-selection-item-remove:hover {
  color: rgba(0, 0, 0, 0.75);
}
.tzui-select-multiple .tzui-select-selection-overflow-item + .tzui-select-selection-overflow-item .tzui-select-selection-search {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.tzui-select-multiple .tzui-select-selection-search {
  position: relative;
  max-width: 100%;
  -webkit-margin-start: 7px;
          margin-inline-start: 7px;
}
.tzui-select-multiple .tzui-select-selection-search-input,
.tzui-select-multiple .tzui-select-selection-search-mirror {
  height: 24px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  line-height: 24px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-select-multiple .tzui-select-selection-search-input {
  width: 100%;
  min-width: 4.1px;
}
.tzui-select-multiple .tzui-select-selection-search-mirror {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  white-space: pre;
  visibility: hidden;
}
.tzui-select-multiple .tzui-select-selection-placeholder {
  position: absolute;
  top: 50%;
  right: 11px;
  left: 11px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-select-multiple.tzui-select-lg .tzui-select-selector::after {
  line-height: 32px;
}
.tzui-select-multiple.tzui-select-lg .tzui-select-selection-item {
  height: 32px;
  line-height: 30px;
}
.tzui-select-multiple.tzui-select-lg .tzui-select-selection-search {
  height: 32px;
  line-height: 32px;
}
.tzui-select-multiple.tzui-select-lg .tzui-select-selection-search-input,
.tzui-select-multiple.tzui-select-lg .tzui-select-selection-search-mirror {
  height: 32px;
  line-height: 30px;
}
.tzui-select-multiple.tzui-select-sm .tzui-select-selector::after {
  line-height: 16px;
}
.tzui-select-multiple.tzui-select-sm .tzui-select-selection-item {
  height: 16px;
  line-height: 14px;
}
.tzui-select-multiple.tzui-select-sm .tzui-select-selection-search {
  height: 16px;
  line-height: 16px;
}
.tzui-select-multiple.tzui-select-sm .tzui-select-selection-search-input,
.tzui-select-multiple.tzui-select-sm .tzui-select-selection-search-mirror {
  height: 16px;
  line-height: 14px;
}
.tzui-select-multiple.tzui-select-sm .tzui-select-selection-placeholder {
  left: 7px;
}
.tzui-select-multiple.tzui-select-sm .tzui-select-selection-search {
  -webkit-margin-start: 3px;
          margin-inline-start: 3px;
}
.tzui-select-multiple.tzui-select-lg .tzui-select-selection-item {
  height: 32px;
  line-height: 32px;
}
.tzui-select-disabled .tzui-select-selection-item-remove {
  display: none;
}
.tzui-select-status-error.tzui-select:not(.tzui-select-disabled):not(.tzui-select-customize-input):not(.tzui-pagination-size-changer) .tzui-select-selector {
  background-color: #fff;
  border-color: var(--color-danger) !important;
}
.tzui-select-status-error.tzui-select:not(.tzui-select-disabled):not(.tzui-select-customize-input):not(.tzui-pagination-size-changer).tzui-select-open .tzui-select-selector,
.tzui-select-status-error.tzui-select:not(.tzui-select-disabled):not(.tzui-select-customize-input):not(.tzui-pagination-size-changer).tzui-select-focused .tzui-select-selector {
  border-color: var(--color-danger-hover);
  -webkit-box-shadow: 0 0 0 0 var(--tzui-error-color-outline);
          box-shadow: 0 0 0 0 var(--tzui-error-color-outline);
  border-right-width: 1px;
  outline: 0;
}
.tzui-select-status-warning.tzui-select:not(.tzui-select-disabled):not(.tzui-select-customize-input):not(.tzui-pagination-size-changer) .tzui-select-selector {
  background-color: #fff;
  border-color: var(--color-warning) !important;
}
.tzui-select-status-warning.tzui-select:not(.tzui-select-disabled):not(.tzui-select-customize-input):not(.tzui-pagination-size-changer).tzui-select-open .tzui-select-selector,
.tzui-select-status-warning.tzui-select:not(.tzui-select-disabled):not(.tzui-select-customize-input):not(.tzui-pagination-size-changer).tzui-select-focused .tzui-select-selector {
  border-color: var(--tzui-warning-color-hover);
  -webkit-box-shadow: 0 0 0 0 var(--tzui-warning-color-outline);
          box-shadow: 0 0 0 0 var(--tzui-warning-color-outline);
  border-right-width: 1px;
  outline: 0;
}
.tzui-select-status-error.tzui-select-has-feedback .tzui-select-clear,
.tzui-select-status-warning.tzui-select-has-feedback .tzui-select-clear,
.tzui-select-status-success.tzui-select-has-feedback .tzui-select-clear,
.tzui-select-status-validating.tzui-select-has-feedback .tzui-select-clear {
  right: 32px;
}
.tzui-select-status-error.tzui-select-has-feedback .tzui-select-selection-selected-value,
.tzui-select-status-warning.tzui-select-has-feedback .tzui-select-selection-selected-value,
.tzui-select-status-success.tzui-select-has-feedback .tzui-select-selection-selected-value,
.tzui-select-status-validating.tzui-select-has-feedback .tzui-select-selection-selected-value {
  padding-right: 42px;
}
/* Reset search input style */
.tzui-select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.tzui-select:not(.tzui-select-customize-input) .tzui-select-selector {
  position: relative;
  background-color: #fff;
  border: 1px solid var(--color-border-dark);
  border-radius: 4px;
  -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);
}
.tzui-select:not(.tzui-select-customize-input) .tzui-select-selector input {
  cursor: pointer;
}
.tzui-select-show-search.tzui-select:not(.tzui-select-customize-input) .tzui-select-selector {
  cursor: text;
}
.tzui-select-show-search.tzui-select:not(.tzui-select-customize-input) .tzui-select-selector input {
  cursor: auto;
}
.tzui-select-focused:not(.tzui-select-disabled).tzui-select:not(.tzui-select-customize-input) .tzui-select-selector {
  border-color: var(--color-primary-hover);
  -webkit-box-shadow: 0 0 0 0 var(--tzui-primary-color-outline);
          box-shadow: 0 0 0 0 var(--tzui-primary-color-outline);
  border-right-width: 1px;
  outline: 0;
}
.tzui-select-disabled.tzui-select:not(.tzui-select-customize-input) .tzui-select-selector {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  cursor: not-allowed;
}
.tzui-select-multiple.tzui-select-disabled.tzui-select:not(.tzui-select-customize-input) .tzui-select-selector {
  background: var(--color-bg);
}
.tzui-select-disabled.tzui-select:not(.tzui-select-customize-input) .tzui-select-selector input {
  cursor: not-allowed;
}
.tzui-select:not(.tzui-select-customize-input) .tzui-select-selector .tzui-select-selection-search-input {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.tzui-select:not(.tzui-select-customize-input) .tzui-select-selector .tzui-select-selection-search-input::-webkit-search-cancel-button {
  display: none;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-appearance: none;
}
.tzui-select:not(.tzui-select-disabled):hover .tzui-select-selector {
  border-color: var(--color-primary-hover);
  border-right-width: 1px;
}
.tzui-select-selection-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media all and (-ms-high-contrast: none) {
  .tzui-select-selection-item *::-ms-backdrop,
  .tzui-select-selection-item {
    -ms-flex: auto;
        flex: auto;
  }
}
.tzui-select-selection-placeholder {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  color: var(--color-text-light);
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
@media all and (-ms-high-contrast: none) {
  .tzui-select-selection-placeholder *::-ms-backdrop,
  .tzui-select-selection-placeholder {
    -ms-flex: auto;
        flex: auto;
  }
}
.tzui-select-arrow {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 1;
  text-align: center;
  pointer-events: none;
}
.tzui-select-arrow > * {
  line-height: 1;
}
.tzui-select-arrow svg {
  display: inline-block;
}
.tzui-select-arrow::before {
  display: none;
}
.tzui-select-arrow .tzui-select-arrow-icon {
  display: block;
}
.tzui-select-arrow .anticon {
  vertical-align: top;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.tzui-select-arrow .anticon > svg {
  vertical-align: top;
}
.tzui-select-arrow .anticon:not(.tzui-select-suffix) {
  pointer-events: auto;
}
.tzui-select-disabled .tzui-select-arrow {
  cursor: not-allowed;
}
.tzui-select-arrow > *:not(:last-child) {
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
}
.tzui-select-clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  font-style: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: color 0.3s ease, opacity 0.15s ease;
  transition: color 0.3s ease, opacity 0.15s ease;
  text-rendering: auto;
}
.tzui-select-clear::before {
  display: block;
}
.tzui-select-clear:hover {
  color: #858e99;
}
.tzui-select:hover .tzui-select-clear {
  opacity: 1;
}
.tzui-select-dropdown {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 4px 0;
  overflow: hidden;
  font-size: 14px;
  font-variant: initial;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
          box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
}
.tzui-select-dropdown.tzui-slide-up-enter.tzui-slide-up-enter-active.tzui-select-dropdown-placement-bottomLeft,
.tzui-select-dropdown.tzui-slide-up-appear.tzui-slide-up-appear-active.tzui-select-dropdown-placement-bottomLeft {
  -webkit-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
}
.tzui-select-dropdown.tzui-slide-up-enter.tzui-slide-up-enter-active.tzui-select-dropdown-placement-topLeft,
.tzui-select-dropdown.tzui-slide-up-appear.tzui-slide-up-appear-active.tzui-select-dropdown-placement-topLeft {
  -webkit-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
}
.tzui-select-dropdown.tzui-slide-up-leave.tzui-slide-up-leave-active.tzui-select-dropdown-placement-bottomLeft {
  -webkit-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
}
.tzui-select-dropdown.tzui-slide-up-leave.tzui-slide-up-leave-active.tzui-select-dropdown-placement-topLeft {
  -webkit-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
}
.tzui-select-dropdown-hidden {
  display: none;
}
.tzui-select-dropdown-empty {
  color: rgba(0, 0, 0, 0.25);
}
.tzui-select-item-empty {
  position: relative;
  display: block;
  min-height: 32px;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.25);
}
.tzui-select-item {
  position: relative;
  display: block;
  min-height: 32px;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.tzui-select-item-group {
  color: #858e99;
  font-size: 12px;
  cursor: default;
}
.tzui-select-item-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tzui-select-item-option-content {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tzui-select-item-option-state {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.tzui-select-item-option-active:not(.tzui-select-item-option-disabled) {
  background-color: var(--color-bg);
}
.tzui-select-item-option-selected:not(.tzui-select-item-option-disabled) {
  color: var(--color-primary);
  font-weight: 400;
  background-color: transparent;
}
.tzui-select-item-option-selected:not(.tzui-select-item-option-disabled) .tzui-select-item-option-state {
  color: var(--color-primary);
}
.tzui-select-item-option-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.tzui-select-item-option-disabled.tzui-select-item-option-selected {
  background-color: var(--color-bg);
}
.tzui-select-item-option-grouped {
  padding-left: 24px;
}
.tzui-select-lg {
  font-size: 16px;
}
.tzui-select-borderless .tzui-select-selector {
  background-color: transparent !important;
  border-color: transparent !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.tzui-select.tzui-select-in-form-item {
  width: 100%;
}
.tzui-select-compact-item:not(.tzui-select-compact-last-item) {
  margin-right: -1px;
}
.tzui-select-compact-item:not(.tzui-select-compact-last-item).tzui-select-compact-item-rtl {
  margin-right: 0;
  margin-left: -1px;
}
.tzui-select-compact-item:hover > *,
.tzui-select-compact-item:focus > *,
.tzui-select-compact-item:active > * {
  z-index: 2;
}
.tzui-select-compact-item.tzui-select-focused > * {
  z-index: 2;
}
.tzui-select-compact-item[disabled] > * {
  z-index: 0;
}
.tzui-select-compact-item:not(.tzui-select-compact-first-item):not(.tzui-select-compact-last-item).tzui-select > .tzui-select-selector {
  border-radius: 0;
}
.tzui-select-compact-item.tzui-select-compact-first-item.tzui-select:not(.tzui-select-compact-last-item):not(.tzui-select-compact-item-rtl) > .tzui-select-selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tzui-select-compact-item.tzui-select-compact-last-item.tzui-select:not(.tzui-select-compact-first-item):not(.tzui-select-compact-item-rtl) > .tzui-select-selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tzui-select-compact-item.tzui-select.tzui-select-compact-first-item.tzui-select-compact-item-rtl:not(.tzui-select-compact-last-item) > .tzui-select-selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tzui-select-compact-item.tzui-select.tzui-select-compact-last-item.tzui-select-compact-item-rtl:not(.tzui-select-compact-first-item) > .tzui-select-selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tzui-select-rtl {
  direction: rtl;
}
.tzui-select-rtl .tzui-select-arrow {
  right: initial;
  left: 11px;
}
.tzui-select-rtl .tzui-select-clear {
  right: initial;
  left: 11px;
}
.tzui-select-dropdown-rtl {
  direction: rtl;
}
.tzui-select-dropdown-rtl .tzui-select-item-option-grouped {
  padding-right: 24px;
  padding-left: 12px;
}
.tzui-select-rtl.tzui-select-multiple.tzui-select-show-arrow .tzui-select-selector,
.tzui-select-rtl.tzui-select-multiple.tzui-select-allow-clear .tzui-select-selector {
  padding-right: 4px;
  padding-left: 24px;
}
.tzui-select-rtl.tzui-select-multiple .tzui-select-selection-item {
  text-align: right;
}
.tzui-select-rtl.tzui-select-multiple .tzui-select-selection-item-content {
  margin-right: 0;
  margin-left: 4px;
  text-align: right;
}
.tzui-select-rtl.tzui-select-multiple .tzui-select-selection-search-mirror {
  right: 0;
  left: auto;
}
.tzui-select-rtl.tzui-select-multiple .tzui-select-selection-placeholder {
  right: 11px;
  left: auto;
}
.tzui-select-rtl.tzui-select-multiple.tzui-select-sm .tzui-select-selection-placeholder {
  right: 7px;
}
.tzui-select-rtl.tzui-select-single .tzui-select-selector .tzui-select-selection-item,
.tzui-select-rtl.tzui-select-single .tzui-select-selector .tzui-select-selection-placeholder {
  right: 0;
  left: 9px;
  text-align: right;
}
.tzui-select-rtl.tzui-select-single.tzui-select-show-arrow .tzui-select-selection-search {
  right: 11px;
  left: 25px;
}
.tzui-select-rtl.tzui-select-single.tzui-select-show-arrow .tzui-select-selection-item,
.tzui-select-rtl.tzui-select-single.tzui-select-show-arrow .tzui-select-selection-placeholder {
  padding-right: 0;
  padding-left: 18px;
}
.tzui-select-rtl.tzui-select-single.tzui-select-sm:not(.tzui-select-customize-input).tzui-select-show-arrow .tzui-select-selection-search {
  right: 6px;
}
.tzui-select-rtl.tzui-select-single.tzui-select-sm:not(.tzui-select-customize-input).tzui-select-show-arrow .tzui-select-selection-item,
.tzui-select-rtl.tzui-select-single.tzui-select-sm:not(.tzui-select-customize-input).tzui-select-show-arrow .tzui-select-selection-placeholder {
  padding-right: 0;
  padding-left: 21px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-select-multiple .tzui-select-selection-item {
  color: #fff;
  background-color: var(--color-primary);
  border: none;
  border-radius: 20px;
  -webkit-padding-start: 14px;
          padding-inline-start: 14px;
  -webkit-padding-end: 12px;
          padding-inline-end: 12px;
}
.tzui-select-multiple .tzui-select-selection-item-remove {
  color: #fff;
  opacity: 0.8;
}
.tzui-select-disabled.tzui-select-multiple .tzui-select-selection-item {
  color: #fff;
  background-color: var(--color-primary);
  opacity: 0.5;
}
.tzui-select-multiple .tzui-select-selection-item-remove:hover {
  color: #fff;
  opacity: 1;
}
.tzui-select-single.tzui-select-medium:not(.tzui-select-customize-input) .tzui-select-selector {
  height: 36px;
}
.tzui-select-single.tzui-select-medium:not(.tzui-select-customize-input) .tzui-select-selector::after,
.tzui-select-single.tzui-select-medium:not(.tzui-select-customize-input) .tzui-select-selector .tzui-select-selection-item,
.tzui-select-single.tzui-select-medium:not(.tzui-select-customize-input) .tzui-select-selector .tzui-select-selection-placeholder {
  line-height: 34px;
}
.tzui-select-single.tzui-select-medium:not(.tzui-select-customize-input):not(.tzui-select-customize-input) .tzui-select-selection-search-input {
  height: 34px;
}
.tzui-select-single.tzui-select-medium:not(.tzui-select-customize-input) .tzui-select-selector {
  padding: 0 11px;
}
.tzui-select-multiple.tzui-select-medium .tzui-select-selector::after {
  line-height: 28px;
}
.tzui-select-multiple.tzui-select-medium .tzui-select-selection-item {
  height: 28px;
  line-height: 28px;
}
.tzui-select-multiple.tzui-select-medium .tzui-select-selection-search {
  height: 28px;
  line-height: 28px;
}
.tzui-select-multiple.tzui-select-medium .tzui-select-selection-search-input,
.tzui-select-multiple.tzui-select-medium .tzui-select-selection-search-mirror {
  height: 28px;
  line-height: 26px;
}
.tzui-select-multiple.tzui-select-medium .tzui-select-selection-item {
  height: 28px;
  line-height: 28px;
}
.tzui-select-medium {
  font-size: 14px;
}
.tzui-select-single.tzui-select-smedium:not(.tzui-select-customize-input) .tzui-select-selector {
  height: 28px;
}
.tzui-select-single.tzui-select-smedium:not(.tzui-select-customize-input) .tzui-select-selector::after,
.tzui-select-single.tzui-select-smedium:not(.tzui-select-customize-input) .tzui-select-selector .tzui-select-selection-item,
.tzui-select-single.tzui-select-smedium:not(.tzui-select-customize-input) .tzui-select-selector .tzui-select-selection-placeholder {
  line-height: 26px;
}
.tzui-select-single.tzui-select-smedium:not(.tzui-select-customize-input):not(.tzui-select-customize-input) .tzui-select-selection-search-input {
  height: 26px;
}
.tzui-select-single.tzui-select-smedium:not(.tzui-select-customize-input) .tzui-select-selector {
  padding: 0 11px;
}
.tzui-select-multiple.tzui-select-smedium .tzui-select-selector::after {
  line-height: 20px;
}
.tzui-select-multiple.tzui-select-smedium .tzui-select-selection-item {
  height: 20px;
  line-height: 20px;
}
.tzui-select-multiple.tzui-select-smedium .tzui-select-selection-search {
  height: 20px;
  line-height: 20px;
}
.tzui-select-multiple.tzui-select-smedium .tzui-select-selection-search-input,
.tzui-select-multiple.tzui-select-smedium .tzui-select-selection-search-mirror {
  height: 20px;
  line-height: 16px;
}
.tzui-select-multiple.tzui-select-smedium .tzui-select-selection-item {
  height: 20px;
  line-height: 20px;
}
.tzui-select-smedium {
  font-size: 14px;
}
.tzui-select:not(.tzui-select-customize-input) .tzui-select-selector {
  border-radius: 6px;
}
.tzui-select-sm.tzui-select:not(.tzui-select-customize-input) .tzui-select-selector,
.tzui-select-smedium.tzui-select:not(.tzui-select-customize-input) .tzui-select-selector {
  border-radius: 4px;
}
.tzui-select-multiple.tzui-select-sm .tzui-select-selection-item {
  font-size: 12px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-empty {
  margin: 0 8px;
  font-size: 14px;
  line-height: 1.5715;
  text-align: center;
}
.tzui-empty-image {
  height: 100px;
  margin-bottom: 8px;
}
.tzui-empty-image img {
  height: 100%;
}
.tzui-empty-image svg {
  height: 100%;
  margin: auto;
}
.tzui-empty-footer {
  margin-top: 16px;
}
.tzui-empty-normal {
  margin: 32px 0;
  color: rgba(0, 0, 0, 0.25);
}
.tzui-empty-normal .tzui-empty-image {
  height: 40px;
}
.tzui-empty-small {
  margin: 8px 0;
  color: rgba(0, 0, 0, 0.25);
}
.tzui-empty-small .tzui-empty-image {
  height: 35px;
}
.tzui-empty-img-default-ellipse {
  fill: #f5f5f5;
  fill-opacity: 0.8;
}
.tzui-empty-img-default-path-1 {
  fill: #aeb8c2;
}
.tzui-empty-img-default-path-2 {
  fill: url('#linearGradient-1');
}
.tzui-empty-img-default-path-3 {
  fill: #f5f5f7;
}
.tzui-empty-img-default-path-4 {
  fill: #dce0e6;
}
.tzui-empty-img-default-path-5 {
  fill: #dce0e6;
}
.tzui-empty-img-default-g {
  fill: #fff;
}
.tzui-empty-img-simple-ellipse {
  fill: #f5f5f5;
}
.tzui-empty-img-simple-g {
  stroke: #d9d9d9;
}
.tzui-empty-img-simple-path {
  fill: #fafafa;
}
.tzui-empty-rtl {
  direction: rtl;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-empty {
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 8px;
  color: var(--color-text-light);
  font-size: 14px;
  line-height: 1.7;
  text-align: center;
}
.tzui-empty::before,
.tzui-empty::after {
  display: block;
  width: 100%;
  content: '';
}
.tzui-empty::before {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.tzui-empty::after {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}
.tzui-empty-image {
  height: 80px;
  margin-bottom: 12px;
}
.tzui-empty-image img {
  height: 100%;
}
.tzui-empty-image svg {
  height: 100%;
  margin: auto;
}
.tzui-empty-description {
  margin: 0;
}
.tzui-empty-footer {
  margin-top: 16px;
}
.empty-size-large .tzui-empty-image {
  height: 120px;
  margin-bottom: 16px;
}
.empty-size-large .tzui-empty-description {
  font-size: 16px;
}
.empty-size-small .tzui-empty-image {
  height: 60px;
  margin-bottom: 8px;
}
.empty-size-small .tzui-empty-description {
  font-size: 12px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-message {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: fixed;
  top: 8px;
  left: 0;
  z-index: 1010;
  width: 100%;
  pointer-events: none;
}
.tzui-message-notice {
  padding: 8px;
  text-align: center;
}
.tzui-message-notice-content {
  display: inline-block;
  padding: 10px 16px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  pointer-events: all;
}
.tzui-message-success .anticon {
  color: var(--color-success);
}
.tzui-message-error .anticon {
  color: var(--color-danger);
}
.tzui-message-warning .anticon {
  color: var(--color-warning);
}
.tzui-message-info .anticon,
.tzui-message-loading .anticon {
  color: var(--color-progress);
}
.tzui-message .anticon {
  position: relative;
  top: 1px;
  margin-right: 8px;
  font-size: 16px;
}
.tzui-message-notice.tzui-move-up-leave.tzui-move-up-leave-active {
  -webkit-animation-name: MessageMoveOut;
          animation-name: MessageMoveOut;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}
@-webkit-keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}
.tzui-message-rtl {
  direction: rtl;
}
.tzui-message-rtl span {
  direction: rtl;
}
.tzui-message-rtl .anticon {
  margin-right: 0;
  margin-left: 8px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

@-webkit-keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
@keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
.ant-select-tree-checkbox {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {
  border-color: var(--color-primary);
}
.ant-select-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-primary);
  border-radius: 2px;
  visibility: hidden;
  -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
          animation: antCheckboxEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  content: '';
}
.ant-select-tree-checkbox:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after {
  visibility: visible;
}
.ant-select-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid var(--color-border);
  border-radius: 2px;
  border-collapse: separate;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-select-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
          transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-select-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
          transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.ant-select-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  border-color: var(--color-text-disabled);
  -webkit-animation-name: none;
          animation-name: none;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
  background-color: var(--color-bg-light);
  border-color: var(--color-border) !important;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  border-color: var(--color-bg-light);
  border-collapse: separate;
  -webkit-animation-name: none;
          animation-name: none;
}
.ant-select-tree-checkbox-disabled + span {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled::after {
  visibility: hidden;
}
.ant-select-tree-checkbox-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-select-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-select-tree-checkbox-group {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-select-tree-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}
.ant-select-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
  background-color: #fff;
  border-color: var(--color-border);
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: var(--color-primary);
  border: 0;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  background-color: var(--color-text-disabled);
  border-color: var(--color-text-disabled);
}
.ant-select-tree {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  margin: 0;
  margin-top: -4px;
  padding: 0 4px;
}
.ant-select-tree li {
  margin: 8px 0;
  padding: 0;
  white-space: nowrap;
  list-style: none;
  outline: 0;
}
.ant-select-tree li.filter-node > span {
  font-weight: 500;
}
.ant-select-tree li ul {
  margin: 0;
  padding: 0 0 0 18px;
}
.ant-select-tree li .ant-select-tree-node-content-wrapper {
  display: inline-block;
  width: calc(100% - 24px);
  margin: 0;
  padding: 3px 5px;
  color: var(--color-text-dark);
  text-decoration: none;
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-select-tree li .ant-select-tree-node-content-wrapper:hover {
  background-color: var(--color-bg);
}
.ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  background-color: var(--color-primary-active);
}
.ant-select-tree li span.ant-select-tree-checkbox {
  margin: 0 4px 0 0;
}
.ant-select-tree li span.ant-select-tree-checkbox + .ant-select-tree-node-content-wrapper {
  width: calc(100% - 46px);
}
.ant-select-tree li span.ant-select-tree-switcher,
.ant-select-tree li span.ant-select-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
  border: 0 none;
  outline: none;
  cursor: pointer;
}
.ant-select-tree li span.ant-select-icon_loading .ant-select-switcher-loading-icon {
  position: absolute;
  left: 0;
  display: inline-block;
  color: var(--color-primary);
  font-size: 14px;
  -webkit-transform: none;
          transform: none;
}
.ant-select-tree li span.ant-select-icon_loading .ant-select-switcher-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-select-tree li span.ant-select-tree-switcher {
  position: relative;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher-noop {
  cursor: auto;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
  display: inline-block;
  font-weight: bold;
}
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon,
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
  display: inline-block;
  font-weight: bold;
}
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon,
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon svg {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-loading-icon,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-loading-icon {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  color: var(--color-primary);
  font-size: 14px;
  -webkit-transform: none;
          transform: none;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-loading-icon svg,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-select-tree .ant-select-tree-treenode-loading .ant-select-tree-iconEle {
  display: none;
}
.ant-select-tree-child-tree {
  display: none;
}
.ant-select-tree-child-tree-open {
  display: block;
}
li.ant-select-tree-treenode-disabled > span:not(.ant-select-tree-switcher),
li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper,
li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper span {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-select-tree-icon__open {
  margin-right: 2px;
  vertical-align: top;
}
.ant-select-tree-icon__close {
  margin-right: 2px;
  vertical-align: top;
}
.ant-select-tree-dropdown {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
.ant-select-tree-dropdown .ant-select-dropdown-search {
  position: sticky;
  top: 0;
  z-index: 1;
  display: block;
  padding: 4px;
  background: #fff;
}
.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field__wrap {
  width: 100%;
}
.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 4px 7px;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  outline: none;
}
.ant-select-tree-dropdown .ant-select-dropdown-search.ant-select-search--hide {
  display: none;
}
.ant-select-tree-dropdown .ant-select-not-found {
  display: block;
  padding: 7px 16px;
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  background-color: transparent;
  color: var(--color-primary);
}
.ant-select-tree {
  padding-top: 4px;
}
.ant-select-tree-dropdown.tree-switcher-hidden .ant-select-tree li span.ant-select-tree-switcher {
  display: none;
}
.ant-select-tree-dropdown.tree-switcher-hidden .ant-select-tree-treenode-switcher-close {
  padding-left: 10px;
}
.ant-select-tree-dropdown .ant-select-tree-switcher-noop + .ant-select-tree-node-content-wrapper {
  margin-left: -5px;
}
.ant-select-tree-dropdown .ant-select-dropdown-search {
  padding: 12px 12px 0;
}
.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field {
  border-radius: 2px;
  padding: 4px 12px;
  line-height: 26px;
}
.tui-tree-select-dropdown {
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  padding: 0 4px;
}
.tui-tree-select-wrap.lock-height .ant-select-selection__rendered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tui-tree-select-wrap.lock-height .ant-select-selection__rendered li {
  float: none;
  overflow: visible;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher-noop {
  width: 0;
}
.ant-select-tree > li > span.ant-select-tree-switcher.ant-select-tree-switcher-noop {
  padding-left: 10px;
}
.ant-select-tree li span.ant-select-tree-checkbox {
  margin: 0 4px;
}
.ant-select-tree li ul {
  padding: 0 0 0 28px;
}
.ant-select-tree-checkbox-inner {
  border-radius: 4px;
}
.ant-select-tree-checkbox-checked::after {
  content: none;
}

.ant-select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  outline: 0;
}
.ant-select ul,
.ant-select ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-select > ul > li > a {
  padding: 0;
  background-color: #fff;
}
.ant-select-arrow {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -6px;
  color: var(--color-text-disabled);
  font-size: 12px;
  line-height: 1;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.ant-select-arrow > * {
  line-height: 1;
}
.ant-select-arrow svg {
  display: inline-block;
}
.ant-select-arrow::before {
  display: none;
}
.ant-select-arrow .ant-select-arrow-icon {
  display: block;
}
.ant-select-arrow .ant-select-arrow-icon svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.ant-select-selection {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  border: 1px solid var(--color-border);
  border-top-width: 1.02px;
  border-radius: 4px;
  outline: none;
  -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);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-select-selection:hover {
  border-color: var(--color-primary);
  border-right-width: 1px !important;
}
.ant-select-focused .ant-select-selection,
.ant-select-selection:focus,
.ant-select-selection:active {
  border-color: var(--color-primary);
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 var(--color-primary);
          box-shadow: 0 0 0 0 var(--color-primary);
}
.ant-select-selection__clear {
  position: absolute;
  top: 50%;
  right: 15px;
  z-index: 1;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: var(--color-text-disabled);
  font-size: 12px;
  font-style: normal;
  line-height: 12px;
  text-align: center;
  text-transform: none;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: color 0.3s ease, opacity 0.15s ease;
  transition: color 0.3s ease, opacity 0.15s ease;
  text-rendering: auto;
}
.ant-select-selection__clear::before {
  display: block;
}
.ant-select-selection__clear:hover {
  color: var(--color-text-light);
}
.ant-select-selection:hover .ant-select-selection__clear {
  opacity: 1;
}
.ant-select-selection-selected-value {
  float: left;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-select-no-arrow .ant-select-selection-selected-value {
  padding-right: 0;
}
.ant-select-disabled {
  color: var(--color-text-disabled);
}
.ant-select-disabled .ant-select-selection {
  background: var(--color-bg-light);
  cursor: not-allowed;
}
.ant-select-disabled .ant-select-selection:hover,
.ant-select-disabled .ant-select-selection:focus,
.ant-select-disabled .ant-select-selection:active {
  border-color: var(--color-border);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-select-disabled .ant-select-selection__clear {
  display: none;
  visibility: hidden;
  pointer-events: none;
}
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice {
  padding-right: 10px;
  color: rgba(0, 0, 0, 0.33);
  background: var(--color-bg);
}
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice__remove {
  display: none;
}
.ant-select-selection--single {
  position: relative;
  height: 36px;
  cursor: pointer;
}
.ant-select-selection--single .ant-select-selection__rendered {
  margin-right: 24px;
}
.ant-select-no-arrow .ant-select-selection__rendered {
  margin-right: 15px;
}
.ant-select-selection__rendered {
  position: relative;
  display: block;
  margin-right: 15px;
  margin-left: 15px;
  line-height: 34px;
}
.ant-select-selection__rendered::after {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '.';
  pointer-events: none;
}
.ant-select-lg {
  font-size: 16px;
}
.ant-select-lg .ant-select-selection--single {
  height: 48px;
}
.ant-select-lg .ant-select-selection__rendered {
  line-height: 46px;
}
.ant-select-lg .ant-select-selection--multiple {
  min-height: 48px;
}
.ant-select-lg .ant-select-selection--multiple .ant-select-selection__rendered li {
  height: 40px;
  line-height: 40px;
}
.ant-select-lg .ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-lg .ant-select-selection--multiple .ant-select-arrow {
  top: 24px;
}
.ant-select-sm .ant-select-selection--single {
  height: 28px;
}
.ant-select-sm .ant-select-selection__rendered {
  margin-left: 7px;
  line-height: 26px;
}
.ant-select-sm .ant-select-selection--multiple {
  min-height: 28px;
}
.ant-select-sm .ant-select-selection--multiple .ant-select-selection__rendered li {
  height: 20px;
  line-height: 18px;
}
.ant-select-sm .ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-sm .ant-select-selection--multiple .ant-select-arrow {
  top: 14px;
}
.ant-select-sm .ant-select-selection__clear,
.ant-select-sm .ant-select-arrow {
  right: 8px;
}
.ant-select-disabled .ant-select-selection__choice__remove {
  color: var(--color-text-disabled);
  cursor: default;
}
.ant-select-disabled .ant-select-selection__choice__remove:hover {
  color: var(--color-text-disabled);
}
.ant-select-search__field__wrap {
  position: relative;
  display: inline-block;
}
.ant-select-selection__placeholder,
.ant-select-search__field__placeholder {
  position: absolute;
  top: 50%;
  right: 9px;
  left: 0;
  max-width: 100%;
  height: 20px;
  margin-top: -10px;
  overflow: hidden;
  color: var(--color-text-light);
  line-height: 20px;
  white-space: nowrap;
  text-align: left;
  text-overflow: ellipsis;
}
.ant-select-search__field__placeholder {
  left: 16px;
}
.ant-select-search__field__mirror {
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre;
  opacity: 0;
  pointer-events: none;
}
.ant-select-search--inline {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ant-select-search--inline .ant-select-search__field__wrap {
  width: 100%;
  height: 100%;
}
.ant-select-search--inline .ant-select-search__field {
  width: 100%;
  height: 100%;
  font-size: 100%;
  line-height: 1;
  background: transparent;
  border-width: 0;
  border-radius: 4px;
  outline: 0;
}
.ant-select-search--inline > i {
  float: right;
}
.ant-select-selection--multiple {
  min-height: 36px;
  padding-bottom: 3px;
  cursor: text;
  zoom: 1;
}
.ant-select-selection--multiple::before,
.ant-select-selection--multiple::after {
  display: table;
  content: '';
}
.ant-select-selection--multiple::after {
  clear: both;
}
.ant-select-selection--multiple .ant-select-search--inline {
  position: static;
  float: left;
  width: auto;
  max-width: 100%;
  padding: 0;
}
.ant-select-selection--multiple .ant-select-search--inline .ant-select-search__field {
  width: 0.75em;
  max-width: 100%;
  padding: 1px;
}
.ant-select-selection--multiple .ant-select-selection__rendered {
  height: auto;
  margin-bottom: -3px;
  margin-left: 5px;
}
.ant-select-selection--multiple .ant-select-selection__placeholder {
  margin-left: 6px;
}
.ant-select-selection--multiple > ul > li,
.ant-select-selection--multiple .ant-select-selection__rendered > ul > li {
  height: 28px;
  margin-top: 3px;
  line-height: 26px;
}
.ant-select-selection--multiple .ant-select-selection__choice {
  position: relative;
  float: left;
  max-width: 99%;
  margin-right: 4px;
  padding: 0 20px 0 10px;
  overflow: hidden;
  color: var(--color-text-dark);
  background-color: var(--color-bg-light);
  border: 1px solid var(--color-border-light);
  border-radius: 2px;
  cursor: default;
  -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select-selection--multiple .ant-select-selection__choice__disabled {
  padding: 0 10px;
}
.ant-select-selection--multiple .ant-select-selection__choice__content {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select-selection--multiple .ant-select-selection__choice__remove {
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 4px;
  color: var(--color-text-light);
  font-weight: bold;
  line-height: inherit;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
}
.ant-select-selection--multiple .ant-select-selection__choice__remove > * {
  line-height: 1;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove svg {
  display: inline-block;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove::before {
  display: none;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove .ant-select-selection--multiple .ant-select-selection__choice__remove-icon {
  display: block;
}
:root .ant-select-selection--multiple .ant-select-selection__choice__remove {
  font-size: 12px;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-selection--multiple .ant-select-arrow {
  top: 18px;
}
.ant-select-allow-clear .ant-select-selection--multiple .ant-select-selection__rendered,
.ant-select-show-arrow .ant-select-selection--multiple .ant-select-selection__rendered {
  margin-right: 20px;
}
.ant-select-open .ant-select-arrow-icon svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ant-select-open .ant-select-selection {
  border-color: var(--color-primary);
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 var(--color-primary);
          box-shadow: 0 0 0 0 var(--color-primary);
}
.ant-select-combobox .ant-select-arrow {
  display: none;
}
.ant-select-combobox .ant-select-search--inline {
  float: none;
  width: 100%;
  height: 100%;
}
.ant-select-combobox .ant-select-search__field__wrap {
  width: 100%;
  height: 100%;
}
.ant-select-combobox .ant-select-search__field {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0s;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0s;
}
.ant-select-combobox.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered,
.ant-select-combobox.ant-select-show-arrow .ant-select-selection:hover .ant-select-selection__rendered {
  margin-right: 20px;
}
.ant-select-dropdown {
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  font-variant: initial;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
  -webkit-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft {
  -webkit-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
  -webkit-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft {
  -webkit-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
}
.ant-select-dropdown-hidden {
  display: none;
}
.ant-select-dropdown-menu {
  max-height: 250px;
  margin-bottom: 0;
  padding: 4px 0;
  padding-left: 0;
  overflow: auto;
  list-style: none;
  outline: none;
}
.ant-select-dropdown-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-select-dropdown-menu-item-group-list > .ant-select-dropdown-menu-item {
  padding-left: 20px;
}
.ant-select-dropdown-menu-item-group-title {
  height: 32px;
  padding: 0 16px;
  color: var(--color-text-light);
  font-size: 12px;
  line-height: 32px;
}
.ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:first-child:not(:last-child),
.ant-select-dropdown-menu-item-group:not(:last-child) .ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:last-child {
  border-radius: 0;
}
.ant-select-dropdown-menu-item {
  position: relative;
  display: block;
  padding: 5px 16px;
  overflow: hidden;
  color: var(--color-text-dark);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: var(--color-bg);
}
.ant-select-dropdown-menu-item-selected {
  color: var(--color-text-dark);
  font-weight: 600;
  background-color: var(--color-bg-light);
}
.ant-select-dropdown-menu-item-disabled {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
.ant-select-dropdown-menu-item-disabled:hover {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: transparent;
}
.ant-select-dropdown-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  line-height: 0;
  background-color: var(--color-border-light);
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item {
  padding-right: 36px;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item .ant-select-selected-icon {
  position: absolute;
  top: 50%;
  right: 16px;
  color: transparent;
  font-weight: bold;
  font-size: 12px;
  text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover .ant-select-selected-icon {
  color: rgba(0, 0, 0, 0.87);
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-disabled .ant-select-selected-icon {
  display: none;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon,
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon {
  display: inline-block;
  color: var(--color-primary);
}
.ant-select-dropdown--empty.ant-select-dropdown--multiple .ant-select-dropdown-menu-item {
  padding-right: 16px;
}
.ant-select-dropdown-container-open .ant-select-dropdown,
.ant-select-dropdown-open .ant-select-dropdown {
  display: block;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-select-selection {
  border-top-width: 1px;
}
.ant-select .ant-select-selection__rendered {
  margin-left: 16px;
  margin-right: 24px;
}
.ant-select .ant-select-selection--multiple .ant-select-selection__placeholder {
  margin-left: 0;
}
.ant-select .ant-select-selection--multiple .ant-select-selection__rendered .ant-select-selection__choice {
  background-color: var(--color-primary);
  border: none;
  border-radius: 20px;
  color: #fff;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  padding-left: 16px;
  padding-right: 25px;
  margin-top: 5px;
}
.ant-select .ant-select-selection--multiple .ant-select-selection__choice__remove {
  color: #fff;
  right: 10px;
}
.ant-select .ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
  opacity: 0.6;
}
.ant-select-lg {
  font-size: 14px;
}
.ant-select-lg .ant-select-selection--multiple .ant-select-selection__rendered .ant-select-selection__choice {
  margin-top: 9px;
  height: 28px;
  line-height: 28px;
}
.ant-select-sm {
  font-size: 12px;
}
.ant-select-sm .ant-select-selection__rendered {
  margin-left: 12px;
  margin-right: 20px;
}
.ant-select-sm .ant-select-selection--multiple .ant-select-selection__rendered .ant-select-selection__choice {
  height: 18px;
  line-height: 18px;
  margin-top: 4px;
}
.ant-select-disabled .ant-select-selection__choice {
  opacity: 0.5;
}
.ant-select-selection__clear {
  right: 10px;
}
.ant-select-arrow {
  right: 10px;
}
.ant-select-dropdown {
  -webkit-box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
          box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
}
.ant-select-dropdown-menu-item {
  padding: 11px 16px;
}
.ant-select-dropdown-menu-item-selected,
.ant-select-dropdown-menu-item-selected:hover {
  color: var(--color-primary);
  font-weight: normal;
  background-color: transparent;
}
.ant-select-dropdown-menu-item-selected:hover {
  background-color: var(--color-bg);
}
.ant-select-dropdown-menu .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: var(--color-bg);
}
.ant-select-dropdown-menu-item-group::before {
  display: block;
  content: "";
  margin: 10px 16px 10px;
  height: 1px;
  background-color: var(--color-border);
}
.ant-select-dropdown-menu-item-group:first-child::before {
  display: none;
}
.tui-select-wrap {
  display: inline-block;
  position: relative;
}
.tui-select-wrap .ant-select-bg {
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 2;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid var(--color-border-dark);
}
.tui-select-wrap .ant-select {
  position: relative;
  z-index: 3;
  display: block;
}
.tui-select-wrap .ant-select-selection {
  border-color: transparent;
  background-color: transparent;
}
.tui-select-wrap .addon-before,
.tui-select-wrap .addon-after {
  position: absolute;
  z-index: 9;
  display: block;
  text-align: center;
  top: 1px;
  bottom: 1px;
  width: 36px;
  line-height: 34px;
  font-size: 16px;
}
.tui-select-wrap .addon-before.with-action:hover,
.tui-select-wrap .addon-after.with-action:hover {
  cursor: pointer;
  color: var(--color-primary);
}
.tui-select-wrap .addon-before {
  left: 0;
  border-right: 1px solid var(--color-border-dark);
}
.tui-select-wrap .addon-after {
  right: 0;
  border-left: 1px solid var(--color-border-dark);
}
.tui-select-wrap.block {
  display: block;
  width: 100%;
}
.tui-select-wrap.block .ant-select {
  width: 100%;
}
.tui-select-wrap.size-large .addon-before,
.tui-select-wrap.size-large .addon-after {
  width: 48px;
  line-height: 46px;
  font-size: 18px;
}
.tui-select-wrap.size-small .addon-before,
.tui-select-wrap.size-small .addon-after {
  width: 28px;
  line-height: 26px;
  font-size: 13px;
}
.tui-select-wrap.with-addon-before .ant-select-selection {
  padding-left: 30px;
}
.tui-select-wrap.with-addon-before.size-large .ant-select-selection {
  padding-left: 40px;
}
.tui-select-wrap.with-addon-before.size-small .ant-select-selection {
  padding-left: 20px;
}
.tui-select-wrap.with-addon-after .ant-select-selection {
  padding-right: 30px;
}
.tui-select-wrap.with-addon-after .ant-select-selection__clear {
  right: 42px;
}
.tui-select-wrap.with-addon-after.size-large .ant-select-selection {
  padding-right: 40px;
}
.tui-select-wrap.with-addon-after.size-large .ant-select-selection__clear {
  right: 60px;
}
.tui-select-wrap.with-addon-after.size-small .ant-select-selection {
  padding-right: 24px;
}
.tui-select-wrap.with-addon-after.size-small .ant-select-selection__clear {
  right: 32px;
}
.ant-select:hover + .ant-select-bg {
  border-color: var(--color-primary);
}
.ant-select-focused + .ant-select-bg {
  border-color: var(--color-primary);
}
.has-error .ant-select + .ant-select-bg {
  border-color: var(--color-danger);
}
.ant-select.ant-select-disabled + .ant-select-bg {
  border-color: var(--color-border-dark);
  background: var(--color-bg);
}
.tui-select-wrap.type-dropdown .ant-select-bg {
  display: none;
}
.tui-select-wrap.type-dropdown .ant-select-selection--single {
  border: none;
  height: auto;
}
.tui-select-wrap.type-dropdown .ant-select-selection__rendered {
  line-height: inherit;
  margin: 0;
  padding-right: 20px;
}
.tui-select-wrap.type-dropdown .ant-select-arrow {
  right: 0;
}
.tui-select-wrap.type-dropdown .ant-select-selection__placeholder {
  position: static;
  height: auto;
  line-height: inherit;
  margin-top: 0;
  float: left;
}
.tui-select-wrap.type-dropdown .ant-select-selection-selected-value {
  color: var(--color-primary);
}
.tui-select-wrap.lock-height .ant-select-selection__rendered {
  overflow: hidden;
}
.tui-select-wrap.lock-height .ant-select-selection__rendered ul {
  min-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tui-select-wrap.lock-height .ant-select-selection__rendered ul li {
  float: none;
  overflow: visible;
}
.tui-select-filter-panel .panel-head {
  padding: 10px 8px;
}
.tui-select-filter-panel .list-item {
  cursor: pointer;
  color: var(--color-text);
}
.tui-select-filter-panel .list-item .item-default-render {
  padding: 11px 16px;
  line-height: 22px;
  font-size: 14px;
}
.tui-select-filter-panel .list-item:hover {
  background-color: var(--color-bg);
}
.tui-select-filter-panel .list-item.selected {
  color: var(--color-primary);
}
.tui-select-filter-panel .list-item.disabled {
  color: var(--color-text-light);
  cursor: not-allowed;
  background-color: transparent;
}

.ant-empty {
  margin: 0 8px;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}
.ant-empty-image {
  height: 100px;
  margin-bottom: 8px;
}
.ant-empty-image img {
  height: 100%;
}
.ant-empty-image svg {
  height: 100%;
  margin: auto;
}
.ant-empty-description {
  margin: 0;
}
.ant-empty-footer {
  margin-top: 16px;
}
.ant-empty-normal {
  margin: 32px 0;
  color: var(--color-text-disabled);
}
.ant-empty-normal .ant-empty-image {
  height: 40px;
}
.ant-empty-small {
  margin: 8px 0;
  color: var(--color-text-disabled);
}
.ant-empty-small .ant-empty-image {
  height: 35px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-empty {
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.7;
  color: var(--color-text-light);
}
.ant-empty::before,
.ant-empty::after {
  display: block;
  width: 100%;
  content: '';
}
.ant-empty::before {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.ant-empty::after {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}
.ant-empty-image {
  height: 80px;
  margin-bottom: 12px;
}
.ant-empty.size-small .ant-empty-image {
  height: 60px;
  margin-bottom: 8px;
}
.ant-empty.size-small .ant-empty-description {
  font-size: 12px;
}
.ant-empty.size-large .ant-empty-image {
  height: 120px;
  margin-bottom: 16px;
}
.ant-empty.size-large .ant-empty-description {
  font-size: 16px;
}

@-webkit-keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
@keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
.ant-checkbox {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: var(--color-primary);
}
.ant-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-primary);
  border-radius: 2px;
  visibility: hidden;
  -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
          animation: antCheckboxEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  content: '';
}
.ant-checkbox:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox::after {
  visibility: visible;
}
.ant-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid var(--color-border);
  border-radius: 2px;
  border-collapse: separate;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
          transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-checkbox-checked .ant-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
          transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-checkbox-checked .ant-checkbox-inner {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.ant-checkbox-disabled {
  cursor: not-allowed;
}
.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: var(--color-text-disabled);
  -webkit-animation-name: none;
          animation-name: none;
}
.ant-checkbox-disabled .ant-checkbox-input {
  cursor: not-allowed;
}
.ant-checkbox-disabled .ant-checkbox-inner {
  background-color: var(--color-bg-light);
  border-color: var(--color-border) !important;
}
.ant-checkbox-disabled .ant-checkbox-inner::after {
  border-color: var(--color-bg-light);
  border-collapse: separate;
  -webkit-animation-name: none;
          animation-name: none;
}
.ant-checkbox-disabled + span {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
.ant-checkbox-disabled:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
  visibility: hidden;
}
.ant-checkbox-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 8px;
}
.ant-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-checkbox-group {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}
.ant-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 0;
}
.ant-checkbox-indeterminate .ant-checkbox-inner {
  background-color: #fff;
  border-color: var(--color-border);
}
.ant-checkbox-indeterminate .ant-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: var(--color-primary);
  border: 0;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
  background-color: var(--color-text-disabled);
  border-color: var(--color-text-disabled);
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-checkbox-inner {
  border-radius: 4px;
  border-color: var(--color-border-dark);
}
.ant-checkbox-inner::after {
  left: 22%;
}
.ant-checkbox-checked::after {
  border-radius: 4px;
}
.ant-checkbox-checked::after {
  -webkit-animation: none;
          animation: none;
}
.ant-checkbox-group.layout-vertical .ant-checkbox-wrapper {
  display: block;
  margin: 0;
  margin-top: 10px;
}
.ant-checkbox-group.layout-vertical .ant-checkbox-wrapper:first-child {
  margin-top: 0;
}
.ant-checkbox-disabled .ant-checkbox-inner {
  background-color: var(--color-bg-dark);
  border-color: var(--color-border-dark) !important;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
@-webkit-keyframes tz-img-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
@keyframes tz-img-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.tz-img-wrap {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.tz-img-indicator {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  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-transition: opacity 400ms;
  transition: opacity 400ms;
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  opacity: 0;
}
.tz-img-indicator.loading {
  opacity: 1;
  -webkit-animation: tz-img-loading 1.4s ease infinite;
          animation: tz-img-loading 1.4s ease infinite;
}
.tz-img-indicator.error {
  background: transparent;
  opacity: 1;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-file-select {
  position: relative;
  cursor: pointer;
}
.tzui-file-select .input-wrap {
  z-index: 9;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
}
.tzui-file-select .input-wrap input {
  cursor: pointer;
  display: block;
  width: 100%;
  height: 100%;
}
.tzui-file-select .input-wrap input::-ms-value {
  display: none;
  width: 0;
}
.tzui-file-select .input-wrap input::-ms-browse {
  width: 100%;
}
.tzui-file-select .select-box {
  background-color: var(--color-bg-light);
  padding: 30px;
  border: 1px dashed var(--color-border-dark);
  border-radius: 2px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.tzui-file-select .select-box.fix-height {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.tzui-file-select:hover .select-box,
.tzui-file-select:focus .select-box {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.tzui-file-select .box-icon {
  font-size: 40px;
  line-height: 1em;
  margin-bottom: 20px;
  text-align: center;
}
.tzui-file-select .box-title {
  text-align: center;
  font-size: 14px;
  margin-bottom: 5px;
  color: var(--color-text);
}
.tzui-file-select .box-subtitle {
  text-align: center;
  font-size: 12px;
  color: var(--color-text-light);
}
.tzui-file-select.disabled .select-box {
  background-color: var(--color-bg);
  border-color: var(--color-border-dark);
  cursor: not-allowed;
  color: var(--color-text);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
[class^=tzui-]::-ms-clear,
[class*= tzui-]::-ms-clear,
[class^=tzui-] input::-ms-clear,
[class*= tzui-] input::-ms-clear,
[class^=tzui-] input::-ms-reveal,
[class*= tzui-] input::-ms-reveal {
  display: none;
}
/* stylelint-disable property-no-vendor-prefix, at-rule-no-vendor-prefix */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
body {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-variant: tabular-nums;
  line-height: 1.5715;
  background-color: #fff;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
[tabindex='-1']:focus {
  outline: none !important;
}
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: var(--color-primary);
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: var(--color-primary-hover);
}
a:active {
  color: var(--color-primary-dark);
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}
a:focus {
  text-decoration: none;
  outline: 0;
}
a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  color: #858e99;
  text-align: left;
  caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}
::-moz-selection {
  color: #fff;
  background: var(--color-primary);
}
::selection {
  color: #fff;
  background: var(--color-primary);
}
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon[tabindex] {
  cursor: pointer;
}
.anticon-spin::before {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
          animation: loadingCircle 1s infinite linear;
}
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
          animation: loadingCircle 1s infinite linear;
}
.tzui-fade-enter,
.tzui-fade-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-fade-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-fade-enter.tzui-fade-enter-active,
.tzui-fade-appear.tzui-fade-appear-active {
  -webkit-animation-name: antFadeIn;
          animation-name: antFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-fade-leave.tzui-fade-leave-active {
  -webkit-animation-name: antFadeOut;
          animation-name: antFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-fade-enter,
.tzui-fade-appear {
  opacity: 0;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.tzui-fade-leave {
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
@-webkit-keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.tzui-move-up-enter,
.tzui-move-up-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-up-enter.tzui-move-up-enter-active,
.tzui-move-up-appear.tzui-move-up-appear-active {
  -webkit-animation-name: antMoveUpIn;
          animation-name: antMoveUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-move-up-leave.tzui-move-up-leave-active {
  -webkit-animation-name: antMoveUpOut;
          animation-name: antMoveUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-move-up-enter,
.tzui-move-up-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-move-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.tzui-move-down-enter,
.tzui-move-down-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-down-enter.tzui-move-down-enter-active,
.tzui-move-down-appear.tzui-move-down-appear-active {
  -webkit-animation-name: antMoveDownIn;
          animation-name: antMoveDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-move-down-leave.tzui-move-down-leave-active {
  -webkit-animation-name: antMoveDownOut;
          animation-name: antMoveDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-move-down-enter,
.tzui-move-down-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-move-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.tzui-move-left-enter,
.tzui-move-left-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-left-enter.tzui-move-left-enter-active,
.tzui-move-left-appear.tzui-move-left-appear-active {
  -webkit-animation-name: antMoveLeftIn;
          animation-name: antMoveLeftIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-move-left-leave.tzui-move-left-leave-active {
  -webkit-animation-name: antMoveLeftOut;
          animation-name: antMoveLeftOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-move-left-enter,
.tzui-move-left-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-move-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.tzui-move-right-enter,
.tzui-move-right-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-right-enter.tzui-move-right-enter-active,
.tzui-move-right-appear.tzui-move-right-appear-active {
  -webkit-animation-name: antMoveRightIn;
          animation-name: antMoveRightIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-move-right-leave.tzui-move-right-leave-active {
  -webkit-animation-name: antMoveRightOut;
          animation-name: antMoveRightOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-move-right-enter,
.tzui-move-right-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-move-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@-webkit-keyframes antMoveDownIn {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveDownIn {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveDownOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveDownOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveLeftOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveLeftOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveRightIn {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveRightIn {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveRightOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveRightOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveUpIn {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveUpIn {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveUpOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveUpOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
[tzui-click-animating='true'],
[tzui-click-animating-without-extra-node='true'] {
  position: relative;
}
html {
  --antd-wave-shadow-color: var(--color-primary);
  --scroll-bar: 0;
}
[tzui-click-animating-without-extra-node='true']::after,
.tzui-click-animating-node {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: inherit;
  -webkit-box-shadow: 0 0 0 0 var(--color-primary);
          box-shadow: 0 0 0 0 var(--color-primary);
  -webkit-box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
          box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  opacity: 0.2;
  -webkit-animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
          animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
@-webkit-keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 var(--color-primary);
            box-shadow: 0 0 0 var(--color-primary);
    -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
            box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 var(--color-primary);
            box-shadow: 0 0 0 var(--color-primary);
    -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
            box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@-webkit-keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
.tzui-slide-up-enter,
.tzui-slide-up-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-up-enter.tzui-slide-up-enter-active,
.tzui-slide-up-appear.tzui-slide-up-appear-active {
  -webkit-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-slide-up-leave.tzui-slide-up-leave-active {
  -webkit-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-slide-up-enter,
.tzui-slide-up-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.tzui-slide-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.tzui-slide-down-enter,
.tzui-slide-down-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-down-enter.tzui-slide-down-enter-active,
.tzui-slide-down-appear.tzui-slide-down-appear-active {
  -webkit-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-slide-down-leave.tzui-slide-down-leave-active {
  -webkit-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-slide-down-enter,
.tzui-slide-down-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.tzui-slide-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.tzui-slide-left-enter,
.tzui-slide-left-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-left-enter.tzui-slide-left-enter-active,
.tzui-slide-left-appear.tzui-slide-left-appear-active {
  -webkit-animation-name: antSlideLeftIn;
          animation-name: antSlideLeftIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-slide-left-leave.tzui-slide-left-leave-active {
  -webkit-animation-name: antSlideLeftOut;
          animation-name: antSlideLeftOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-slide-left-enter,
.tzui-slide-left-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.tzui-slide-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.tzui-slide-right-enter,
.tzui-slide-right-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-right-enter.tzui-slide-right-enter-active,
.tzui-slide-right-appear.tzui-slide-right-appear-active {
  -webkit-animation-name: antSlideRightIn;
          animation-name: antSlideRightIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-slide-right-leave.tzui-slide-right-leave-active {
  -webkit-animation-name: antSlideRightOut;
          animation-name: antSlideRightOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-slide-right-enter,
.tzui-slide-right-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.tzui-slide-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@-webkit-keyframes antSlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes antSlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes antSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideLeftIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideLeftIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideLeftOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideLeftOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideRightIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes antSlideRightIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideRightOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
}
@keyframes antSlideRightOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
}
.tzui-zoom-enter,
.tzui-zoom-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-enter.tzui-zoom-enter-active,
.tzui-zoom-appear.tzui-zoom-appear-active {
  -webkit-animation-name: antZoomIn;
          animation-name: antZoomIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-zoom-leave.tzui-zoom-leave-active {
  -webkit-animation-name: antZoomOut;
          animation-name: antZoomOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-zoom-enter,
.tzui-zoom-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-zoom-enter-prepare,
.tzui-zoom-appear-prepare {
  -webkit-transform: none;
          transform: none;
}
.tzui-zoom-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.tzui-zoom-big-enter,
.tzui-zoom-big-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-big-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-big-enter.tzui-zoom-big-enter-active,
.tzui-zoom-big-appear.tzui-zoom-big-appear-active {
  -webkit-animation-name: antZoomBigIn;
          animation-name: antZoomBigIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-zoom-big-leave.tzui-zoom-big-leave-active {
  -webkit-animation-name: antZoomBigOut;
          animation-name: antZoomBigOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-zoom-big-enter,
.tzui-zoom-big-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-zoom-big-enter-prepare,
.tzui-zoom-big-appear-prepare {
  -webkit-transform: none;
          transform: none;
}
.tzui-zoom-big-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.tzui-zoom-big-fast-enter,
.tzui-zoom-big-fast-appear {
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-big-fast-leave {
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-big-fast-enter.tzui-zoom-big-fast-enter-active,
.tzui-zoom-big-fast-appear.tzui-zoom-big-fast-appear-active {
  -webkit-animation-name: antZoomBigIn;
          animation-name: antZoomBigIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-zoom-big-fast-leave.tzui-zoom-big-fast-leave-active {
  -webkit-animation-name: antZoomBigOut;
          animation-name: antZoomBigOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-zoom-big-fast-enter,
.tzui-zoom-big-fast-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-zoom-big-fast-enter-prepare,
.tzui-zoom-big-fast-appear-prepare {
  -webkit-transform: none;
          transform: none;
}
.tzui-zoom-big-fast-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.tzui-zoom-up-enter,
.tzui-zoom-up-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-up-enter.tzui-zoom-up-enter-active,
.tzui-zoom-up-appear.tzui-zoom-up-appear-active {
  -webkit-animation-name: antZoomUpIn;
          animation-name: antZoomUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-zoom-up-leave.tzui-zoom-up-leave-active {
  -webkit-animation-name: antZoomUpOut;
          animation-name: antZoomUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-zoom-up-enter,
.tzui-zoom-up-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-zoom-up-enter-prepare,
.tzui-zoom-up-appear-prepare {
  -webkit-transform: none;
          transform: none;
}
.tzui-zoom-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.tzui-zoom-down-enter,
.tzui-zoom-down-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-down-enter.tzui-zoom-down-enter-active,
.tzui-zoom-down-appear.tzui-zoom-down-appear-active {
  -webkit-animation-name: antZoomDownIn;
          animation-name: antZoomDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-zoom-down-leave.tzui-zoom-down-leave-active {
  -webkit-animation-name: antZoomDownOut;
          animation-name: antZoomDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-zoom-down-enter,
.tzui-zoom-down-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-zoom-down-enter-prepare,
.tzui-zoom-down-appear-prepare {
  -webkit-transform: none;
          transform: none;
}
.tzui-zoom-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.tzui-zoom-left-enter,
.tzui-zoom-left-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-left-enter.tzui-zoom-left-enter-active,
.tzui-zoom-left-appear.tzui-zoom-left-appear-active {
  -webkit-animation-name: antZoomLeftIn;
          animation-name: antZoomLeftIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-zoom-left-leave.tzui-zoom-left-leave-active {
  -webkit-animation-name: antZoomLeftOut;
          animation-name: antZoomLeftOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-zoom-left-enter,
.tzui-zoom-left-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-zoom-left-enter-prepare,
.tzui-zoom-left-appear-prepare {
  -webkit-transform: none;
          transform: none;
}
.tzui-zoom-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.tzui-zoom-right-enter,
.tzui-zoom-right-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-right-enter.tzui-zoom-right-enter-active,
.tzui-zoom-right-appear.tzui-zoom-right-appear-active {
  -webkit-animation-name: antZoomRightIn;
          animation-name: antZoomRightIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-zoom-right-leave.tzui-zoom-right-leave-active {
  -webkit-animation-name: antZoomRightOut;
          animation-name: antZoomRightOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-zoom-right-enter,
.tzui-zoom-right-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-zoom-right-enter-prepare,
.tzui-zoom-right-appear-prepare {
  -webkit-transform: none;
          transform: none;
}
.tzui-zoom-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@-webkit-keyframes antZoomIn {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomIn {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
}
@-webkit-keyframes antZoomBigIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomBigIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}
@-webkit-keyframes antZoomUpIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}
@keyframes antZoomUpIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}
@-webkit-keyframes antZoomUpOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes antZoomUpOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomLeftIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
}
@keyframes antZoomLeftIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
}
@-webkit-keyframes antZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes antZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomRightIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
}
@keyframes antZoomRightIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
}
@-webkit-keyframes antZoomRightOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes antZoomRightOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomDownIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}
@keyframes antZoomDownIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}
@-webkit-keyframes antZoomDownOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
}
@keyframes antZoomDownOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
}
.ant-motion-collapse-legacy {
  overflow: hidden;
}
.ant-motion-collapse-legacy-active {
  -webkit-transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-motion-collapse {
  overflow: hidden;
  -webkit-transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
:root {
  --color-primary-slight: #e6fff8;
  --color-primary-active: #adf7e5;
  --color-primary-light: #7febd3;
  --color-primary-hover-lighter: #54dec5;
  --color-primary-hover: #2ed1b9;
  --color-primary: #0cc5ae;
  --color-primary-dark: #029e91;
  --color-border-light: #e6ebf0;
  --color-border: #dce1e5;
  --color-border-dark: #d3d7db;
  --color-bg-light: #f8f9fa;
  --color-bg: #f3f5f7;
  --color-bg-dark: #edf0f2;
  --color-text-disabled: #b1b8c2;
  --color-text-light: #858e99;
  --color-text: #576272;
  --color-text-dark: #263035;
  --color-success-light: #88f2cd;
  --color-success: #11cb9e;
  --color-success-dark: #05a683;
  --color-progress-light: #b0e1ff;
  --color-progress: #349af9;
  --color-progress-dark: #2278d4;
  --color-hint-light: #ffbed7;
  --color-hint: #ff7daf;
  --color-hint-dark: #eb689b;
  --color-warning-light: #ffe3ab;
  --color-warning: #ffa730;
  --color-warning-dark: #d9821e;
  --color-danger-light: #ffeae8;
  --color-danger-hover: #ff6e70;
  --color-danger: #f9434d;
  --color-danger-dark: #d42f3c;
  --color-help-light: #f6ebca;
  --color-help: #edd196;
  --color-help-dark: #e0c283;
  --color-highlight: #f0fbf9;
  --color-white: #fff;
  --color-dark: #000;
}
[tzui-click-animating-without-extra-node='true']::after,
.tzui-click-animating-node {
  -webkit-animation: none;
          animation: none;
  -webkit-transition: none;
  transition: none;
  display: none;
}
body ::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  background-color: transparent;
}
body ::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.2);
  background-clip: content-box;
  border: 2px solid transparent;
}
body ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-file-select {
  position: relative;
  cursor: pointer;
}
.tzui-file-select .input-wrap {
  z-index: 9;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
}
.tzui-file-select .input-wrap input {
  cursor: pointer;
  display: block;
  width: 100%;
  height: 100%;
}
.tzui-file-select .input-wrap input::-ms-value {
  display: none;
  width: 0;
}
.tzui-file-select .input-wrap input::-ms-browse {
  width: 100%;
}
.tzui-file-select .select-box {
  background-color: var(--color-bg-light);
  padding: 30px;
  border: 1px dashed var(--color-border-dark);
  border-radius: 2px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.tzui-file-select .select-box.fix-height {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.tzui-file-select:hover .select-box,
.tzui-file-select:focus .select-box {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.tzui-file-select .box-icon {
  font-size: 40px;
  line-height: 1em;
  margin-bottom: 20px;
  text-align: center;
}
.tzui-file-select .box-title {
  text-align: center;
  font-size: 14px;
  margin-bottom: 5px;
  color: var(--color-text);
}
.tzui-file-select .box-subtitle {
  text-align: center;
  font-size: 12px;
  color: var(--color-text-light);
}
.tzui-file-select.disabled .select-box {
  background-color: var(--color-bg);
  border-color: var(--color-border-dark);
  cursor: not-allowed;
  color: var(--color-text);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-message {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: fixed;
  top: 8px;
  left: 0;
  z-index: 1010;
  width: 100%;
  pointer-events: none;
}
.tzui-message-notice {
  padding: 8px;
  text-align: center;
}
.tzui-message-notice-content {
  display: inline-block;
  padding: 10px 16px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  pointer-events: all;
}
.tzui-message-success .anticon {
  color: var(--color-success);
}
.tzui-message-error .anticon {
  color: var(--color-danger);
}
.tzui-message-warning .anticon {
  color: var(--color-warning);
}
.tzui-message-info .anticon,
.tzui-message-loading .anticon {
  color: var(--color-progress);
}
.tzui-message .anticon {
  position: relative;
  top: 1px;
  margin-right: 8px;
  font-size: 16px;
}
.tzui-message-notice.tzui-move-up-leave.tzui-move-up-leave-active {
  -webkit-animation-name: MessageMoveOut;
          animation-name: MessageMoveOut;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}
@-webkit-keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}
.tzui-message-rtl {
  direction: rtl;
}
.tzui-message-rtl span {
  direction: rtl;
}
.tzui-message-rtl .anticon {
  margin-right: 0;
  margin-left: 8px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-tooltip {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1070;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  width: intrinsic;
  max-width: 250px;
  visibility: visible;
}
.tzui-tooltip-content {
  position: relative;
}
.tzui-tooltip-hidden {
  display: none;
}
.tzui-tooltip-placement-top,
.tzui-tooltip-placement-topLeft,
.tzui-tooltip-placement-topRight {
  padding-bottom: 8px;
}
.tzui-tooltip-placement-right,
.tzui-tooltip-placement-rightTop,
.tzui-tooltip-placement-rightBottom {
  padding-left: 8px;
}
.tzui-tooltip-placement-bottom,
.tzui-tooltip-placement-bottomLeft,
.tzui-tooltip-placement-bottomRight {
  padding-top: 8px;
}
.tzui-tooltip-placement-left,
.tzui-tooltip-placement-leftTop,
.tzui-tooltip-placement-leftBottom {
  padding-right: 8px;
}
.tzui-tooltip-inner {
  min-width: 30px;
  min-height: 32px;
  padding: 6px 8px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  -webkit-box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
          box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
}
.tzui-tooltip-arrow {
  position: absolute;
  z-index: 2;
  display: block;
  width: 13.07106781px;
  height: 13.07106781px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.tzui-tooltip-arrow-content {
  --antd-arrow-background-color: linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  margin: auto;
  content: '';
  pointer-events: auto;
  border-radius: 0 0 4px;
  pointer-events: none;
}
.tzui-tooltip-arrow-content::before {
  position: absolute;
  top: -5px;
  left: -5px;
  width: 15px;
  height: 15px;
  background: var(--antd-arrow-background-color);
  background-repeat: no-repeat;
  background-position: -4px -4px;
  content: '';
  clip-path: inset(33% 33%);
  clip-path: path('M 3.5355339059327373 11.464466094067262 A 5 5 0 0 1 7.071067811865475 10 L 6 10 A 4 4 0 0 0 10 6 L 10 7.071067811865475 A 5 5 0 0 1 11.464466094067262 3.5355339059327373 L 10.464466094067262 3.5355339059327373 L 3.5355339059327373 10.464466094067262 Z');
}
.tzui-tooltip-placement-top .tzui-tooltip-arrow,
.tzui-tooltip-placement-topLeft .tzui-tooltip-arrow,
.tzui-tooltip-placement-topRight .tzui-tooltip-arrow {
  bottom: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.tzui-tooltip-placement-top .tzui-tooltip-arrow-content,
.tzui-tooltip-placement-topLeft .tzui-tooltip-arrow-content,
.tzui-tooltip-placement-topRight .tzui-tooltip-arrow-content {
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateY(-6.53553391px) rotate(45deg);
          transform: translateY(-6.53553391px) rotate(45deg);
}
.tzui-tooltip-placement-top .tzui-tooltip-arrow {
  left: 50%;
  -webkit-transform: translateY(100%) translateX(-50%);
          transform: translateY(100%) translateX(-50%);
}
.tzui-tooltip-placement-topLeft .tzui-tooltip-arrow {
  left: 13px;
}
.tzui-tooltip-placement-topRight .tzui-tooltip-arrow {
  right: 13px;
}
.tzui-tooltip-placement-right .tzui-tooltip-arrow,
.tzui-tooltip-placement-rightTop .tzui-tooltip-arrow,
.tzui-tooltip-placement-rightBottom .tzui-tooltip-arrow {
  left: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.tzui-tooltip-placement-right .tzui-tooltip-arrow-content,
.tzui-tooltip-placement-rightTop .tzui-tooltip-arrow-content,
.tzui-tooltip-placement-rightBottom .tzui-tooltip-arrow-content {
  -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateX(6.53553391px) rotate(135deg);
          transform: translateX(6.53553391px) rotate(135deg);
}
.tzui-tooltip-placement-right .tzui-tooltip-arrow {
  top: 50%;
  -webkit-transform: translateX(-100%) translateY(-50%);
          transform: translateX(-100%) translateY(-50%);
}
.tzui-tooltip-placement-rightTop .tzui-tooltip-arrow {
  top: 5px;
}
.tzui-tooltip-placement-rightBottom .tzui-tooltip-arrow {
  bottom: 5px;
}
.tzui-tooltip-placement-left .tzui-tooltip-arrow,
.tzui-tooltip-placement-leftTop .tzui-tooltip-arrow,
.tzui-tooltip-placement-leftBottom .tzui-tooltip-arrow {
  right: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.tzui-tooltip-placement-left .tzui-tooltip-arrow-content,
.tzui-tooltip-placement-leftTop .tzui-tooltip-arrow-content,
.tzui-tooltip-placement-leftBottom .tzui-tooltip-arrow-content {
  -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateX(-6.53553391px) rotate(315deg);
          transform: translateX(-6.53553391px) rotate(315deg);
}
.tzui-tooltip-placement-left .tzui-tooltip-arrow {
  top: 50%;
  -webkit-transform: translateX(100%) translateY(-50%);
          transform: translateX(100%) translateY(-50%);
}
.tzui-tooltip-placement-leftTop .tzui-tooltip-arrow {
  top: 5px;
}
.tzui-tooltip-placement-leftBottom .tzui-tooltip-arrow {
  bottom: 5px;
}
.tzui-tooltip-placement-bottom .tzui-tooltip-arrow,
.tzui-tooltip-placement-bottomLeft .tzui-tooltip-arrow,
.tzui-tooltip-placement-bottomRight .tzui-tooltip-arrow {
  top: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.tzui-tooltip-placement-bottom .tzui-tooltip-arrow-content,
.tzui-tooltip-placement-bottomLeft .tzui-tooltip-arrow-content,
.tzui-tooltip-placement-bottomRight .tzui-tooltip-arrow-content {
  -webkit-box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateY(6.53553391px) rotate(225deg);
          transform: translateY(6.53553391px) rotate(225deg);
}
.tzui-tooltip-placement-bottom .tzui-tooltip-arrow {
  left: 50%;
  -webkit-transform: translateY(-100%) translateX(-50%);
          transform: translateY(-100%) translateX(-50%);
}
.tzui-tooltip-placement-bottomLeft .tzui-tooltip-arrow {
  left: 13px;
}
.tzui-tooltip-placement-bottomRight .tzui-tooltip-arrow {
  right: 13px;
}
.tzui-tooltip-pink .tzui-tooltip-inner {
  background-color: #eb2f96;
}
.tzui-tooltip-pink .tzui-tooltip-arrow-content::before {
  background: #eb2f96;
}
.tzui-tooltip-magenta .tzui-tooltip-inner {
  background-color: #eb2f96;
}
.tzui-tooltip-magenta .tzui-tooltip-arrow-content::before {
  background: #eb2f96;
}
.tzui-tooltip-red .tzui-tooltip-inner {
  background-color: #f5222d;
}
.tzui-tooltip-red .tzui-tooltip-arrow-content::before {
  background: #f5222d;
}
.tzui-tooltip-volcano .tzui-tooltip-inner {
  background-color: #fa541c;
}
.tzui-tooltip-volcano .tzui-tooltip-arrow-content::before {
  background: #fa541c;
}
.tzui-tooltip-orange .tzui-tooltip-inner {
  background-color: #fa8c16;
}
.tzui-tooltip-orange .tzui-tooltip-arrow-content::before {
  background: #fa8c16;
}
.tzui-tooltip-yellow .tzui-tooltip-inner {
  background-color: #fadb14;
}
.tzui-tooltip-yellow .tzui-tooltip-arrow-content::before {
  background: #fadb14;
}
.tzui-tooltip-gold .tzui-tooltip-inner {
  background-color: #faad14;
}
.tzui-tooltip-gold .tzui-tooltip-arrow-content::before {
  background: #faad14;
}
.tzui-tooltip-cyan .tzui-tooltip-inner {
  background-color: #13c2c2;
}
.tzui-tooltip-cyan .tzui-tooltip-arrow-content::before {
  background: #13c2c2;
}
.tzui-tooltip-lime .tzui-tooltip-inner {
  background-color: #a0d911;
}
.tzui-tooltip-lime .tzui-tooltip-arrow-content::before {
  background: #a0d911;
}
.tzui-tooltip-green .tzui-tooltip-inner {
  background-color: #52c41a;
}
.tzui-tooltip-green .tzui-tooltip-arrow-content::before {
  background: #52c41a;
}
.tzui-tooltip-blue .tzui-tooltip-inner {
  background-color: #1890ff;
}
.tzui-tooltip-blue .tzui-tooltip-arrow-content::before {
  background: #1890ff;
}
.tzui-tooltip-geekblue .tzui-tooltip-inner {
  background-color: #2f54eb;
}
.tzui-tooltip-geekblue .tzui-tooltip-arrow-content::before {
  background: #2f54eb;
}
.tzui-tooltip-purple .tzui-tooltip-inner {
  background-color: #722ed1;
}
.tzui-tooltip-purple .tzui-tooltip-arrow-content::before {
  background: #722ed1;
}
.tzui-tooltip-rtl {
  direction: rtl;
}
.tzui-tooltip-rtl .tzui-tooltip-inner {
  text-align: right;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-tooltip.ghosted {
  pointer-events: none;
}
.tzui-tooltip-arrow .tzui-tooltip-arrow-content::before {
  clip-path: polygon(0 75%, 75% 0, 75% 75%);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-btn {
  line-height: 1;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
          box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  -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);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  height: 32px;
  padding: 4px 15px;
  font-size: 14px;
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.85);
  border-color: var(--color-border);
  background: #fff;
}
.tzui-btn > .anticon {
  line-height: 1;
}
.tzui-btn,
.tzui-btn:active,
.tzui-btn:focus {
  outline: 0;
}
.tzui-btn:not([disabled]):hover {
  text-decoration: none;
}
.tzui-btn:not([disabled]):active {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-btn[disabled] {
  cursor: not-allowed;
}
.tzui-btn[disabled] > * {
  pointer-events: none;
}
.tzui-btn-lg {
  height: 40px;
  padding: 6.4px 15px;
  font-size: 16px;
  border-radius: 6px;
}
.tzui-btn-sm {
  height: 24px;
  padding: 0px 7px;
  font-size: 14px;
  border-radius: 4px;
}
.tzui-btn > a:only-child {
  color: currentcolor;
}
.tzui-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn:hover,
.tzui-btn:focus {
  color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  background: #fff;
}
.tzui-btn:hover > a:only-child,
.tzui-btn:focus > a:only-child {
  color: currentcolor;
}
.tzui-btn:hover > a:only-child::after,
.tzui-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn:active {
  color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
  background: #fff;
}
.tzui-btn:active > a:only-child {
  color: currentcolor;
}
.tzui-btn:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn[disabled],
.tzui-btn[disabled]:hover,
.tzui-btn[disabled]:focus,
.tzui-btn[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: var(--color-border);
  background: #f5f5f5;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-btn[disabled] > a:only-child,
.tzui-btn[disabled]:hover > a:only-child,
.tzui-btn[disabled]:focus > a:only-child,
.tzui-btn[disabled]:active > a:only-child {
  color: currentcolor;
}
.tzui-btn[disabled] > a:only-child::after,
.tzui-btn[disabled]:hover > a:only-child::after,
.tzui-btn[disabled]:focus > a:only-child::after,
.tzui-btn[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn:hover,
.tzui-btn:focus,
.tzui-btn:active {
  text-decoration: none;
  background: #fff;
}
.tzui-btn > span {
  display: inline-block;
}
.tzui-btn-primary {
  color: #fff;
  border-color: var(--color-primary);
  background: var(--color-primary);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
          box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.tzui-btn-primary > a:only-child {
  color: currentcolor;
}
.tzui-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-primary:hover,
.tzui-btn-primary:focus {
  color: #fff;
  border-color: var(--color-primary-hover);
  background: var(--color-primary-hover);
}
.tzui-btn-primary:hover > a:only-child,
.tzui-btn-primary:focus > a:only-child {
  color: currentcolor;
}
.tzui-btn-primary:hover > a:only-child::after,
.tzui-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-primary:active {
  color: #fff;
  border-color: var(--color-primary-dark);
  background: var(--color-primary-dark);
}
.tzui-btn-primary:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-primary[disabled],
.tzui-btn-primary[disabled]:hover,
.tzui-btn-primary[disabled]:focus,
.tzui-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: var(--color-border);
  background: #f5f5f5;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-btn-primary[disabled] > a:only-child,
.tzui-btn-primary[disabled]:hover > a:only-child,
.tzui-btn-primary[disabled]:focus > a:only-child,
.tzui-btn-primary[disabled]:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-primary[disabled] > a:only-child::after,
.tzui-btn-primary[disabled]:hover > a:only-child::after,
.tzui-btn-primary[disabled]:focus > a:only-child::after,
.tzui-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-group .tzui-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: rgba(255, 255, 255, 0.3);
  border-left-color: rgba(255, 255, 255, 0.3);
}
.tzui-btn-group .tzui-btn-primary:not(:first-child):not(:last-child):disabled {
  border-color: var(--color-border);
}
.tzui-btn-group .tzui-btn-primary:first-child:not(:last-child) {
  border-right-color: rgba(255, 255, 255, 0.3);
}
.tzui-btn-group .tzui-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: var(--color-border);
}
.tzui-btn-group .tzui-btn-primary:last-child:not(:first-child),
.tzui-btn-group .tzui-btn-primary + .tzui-btn-primary {
  border-left-color: rgba(255, 255, 255, 0.3);
}
.tzui-btn-group .tzui-btn-primary:last-child:not(:first-child)[disabled],
.tzui-btn-group .tzui-btn-primary + .tzui-btn-primary[disabled] {
  border-left-color: var(--color-border);
}
.tzui-btn-ghost {
  color: rgba(0, 0, 0, 0.85);
  border-color: var(--color-border);
  background: transparent;
}
.tzui-btn-ghost > a:only-child {
  color: currentcolor;
}
.tzui-btn-ghost > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-ghost:hover,
.tzui-btn-ghost:focus {
  color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  background: transparent;
}
.tzui-btn-ghost:hover > a:only-child,
.tzui-btn-ghost:focus > a:only-child {
  color: currentcolor;
}
.tzui-btn-ghost:hover > a:only-child::after,
.tzui-btn-ghost:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-ghost:active {
  color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
  background: transparent;
}
.tzui-btn-ghost:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-ghost:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-ghost[disabled],
.tzui-btn-ghost[disabled]:hover,
.tzui-btn-ghost[disabled]:focus,
.tzui-btn-ghost[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: var(--color-border);
  background: #f5f5f5;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-btn-ghost[disabled] > a:only-child,
.tzui-btn-ghost[disabled]:hover > a:only-child,
.tzui-btn-ghost[disabled]:focus > a:only-child,
.tzui-btn-ghost[disabled]:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-ghost[disabled] > a:only-child::after,
.tzui-btn-ghost[disabled]:hover > a:only-child::after,
.tzui-btn-ghost[disabled]:focus > a:only-child::after,
.tzui-btn-ghost[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-dashed {
  color: rgba(0, 0, 0, 0.85);
  border-color: var(--color-border);
  background: #fff;
  border-style: dashed;
}
.tzui-btn-dashed > a:only-child {
  color: currentcolor;
}
.tzui-btn-dashed > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-dashed:hover,
.tzui-btn-dashed:focus {
  color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  background: #fff;
}
.tzui-btn-dashed:hover > a:only-child,
.tzui-btn-dashed:focus > a:only-child {
  color: currentcolor;
}
.tzui-btn-dashed:hover > a:only-child::after,
.tzui-btn-dashed:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-dashed:active {
  color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
  background: #fff;
}
.tzui-btn-dashed:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-dashed:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-dashed[disabled],
.tzui-btn-dashed[disabled]:hover,
.tzui-btn-dashed[disabled]:focus,
.tzui-btn-dashed[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: var(--color-border);
  background: #f5f5f5;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-btn-dashed[disabled] > a:only-child,
.tzui-btn-dashed[disabled]:hover > a:only-child,
.tzui-btn-dashed[disabled]:focus > a:only-child,
.tzui-btn-dashed[disabled]:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-dashed[disabled] > a:only-child::after,
.tzui-btn-dashed[disabled]:hover > a:only-child::after,
.tzui-btn-dashed[disabled]:focus > a:only-child::after,
.tzui-btn-dashed[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-danger {
  color: #fff;
  border-color: var(--color-danger);
  background: var(--color-danger);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
          box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.tzui-btn-danger > a:only-child {
  color: currentcolor;
}
.tzui-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-danger:hover,
.tzui-btn-danger:focus {
  color: #fff;
  border-color: var(--color-danger-hover);
  background: var(--color-danger-hover);
}
.tzui-btn-danger:hover > a:only-child,
.tzui-btn-danger:focus > a:only-child {
  color: currentcolor;
}
.tzui-btn-danger:hover > a:only-child::after,
.tzui-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-danger:active {
  color: #fff;
  border-color: var(--color-danger-dark);
  background: var(--color-danger-dark);
}
.tzui-btn-danger:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-danger:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-danger[disabled],
.tzui-btn-danger[disabled]:hover,
.tzui-btn-danger[disabled]:focus,
.tzui-btn-danger[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: var(--color-border);
  background: #f5f5f5;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-btn-danger[disabled] > a:only-child,
.tzui-btn-danger[disabled]:hover > a:only-child,
.tzui-btn-danger[disabled]:focus > a:only-child,
.tzui-btn-danger[disabled]:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-danger[disabled] > a:only-child::after,
.tzui-btn-danger[disabled]:hover > a:only-child::after,
.tzui-btn-danger[disabled]:focus > a:only-child::after,
.tzui-btn-danger[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-link {
  color: var(--color-primary);
  border-color: transparent;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-btn-link > a:only-child {
  color: currentcolor;
}
.tzui-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-link:hover,
.tzui-btn-link:focus {
  color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  background: transparent;
}
.tzui-btn-link:hover > a:only-child,
.tzui-btn-link:focus > a:only-child {
  color: currentcolor;
}
.tzui-btn-link:hover > a:only-child::after,
.tzui-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-link:active {
  color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
  background: transparent;
}
.tzui-btn-link:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-link[disabled],
.tzui-btn-link[disabled]:hover,
.tzui-btn-link[disabled]:focus,
.tzui-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: var(--color-border);
  background: #f5f5f5;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-btn-link[disabled] > a:only-child,
.tzui-btn-link[disabled]:hover > a:only-child,
.tzui-btn-link[disabled]:focus > a:only-child,
.tzui-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-link[disabled] > a:only-child::after,
.tzui-btn-link[disabled]:hover > a:only-child::after,
.tzui-btn-link[disabled]:focus > a:only-child::after,
.tzui-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-link:hover {
  background: transparent;
}
.tzui-btn-link:hover,
.tzui-btn-link:focus,
.tzui-btn-link:active {
  border-color: transparent;
}
.tzui-btn-link[disabled],
.tzui-btn-link[disabled]:hover,
.tzui-btn-link[disabled]:focus,
.tzui-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-btn-link[disabled] > a:only-child,
.tzui-btn-link[disabled]:hover > a:only-child,
.tzui-btn-link[disabled]:focus > a:only-child,
.tzui-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-link[disabled] > a:only-child::after,
.tzui-btn-link[disabled]:hover > a:only-child::after,
.tzui-btn-link[disabled]:focus > a:only-child::after,
.tzui-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-text {
  color: rgba(0, 0, 0, 0.85);
  border-color: transparent;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-btn-text > a:only-child {
  color: currentcolor;
}
.tzui-btn-text > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-text:hover,
.tzui-btn-text:focus {
  color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  background: transparent;
}
.tzui-btn-text:hover > a:only-child,
.tzui-btn-text:focus > a:only-child {
  color: currentcolor;
}
.tzui-btn-text:hover > a:only-child::after,
.tzui-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-text:active {
  color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
  background: transparent;
}
.tzui-btn-text:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-text[disabled],
.tzui-btn-text[disabled]:hover,
.tzui-btn-text[disabled]:focus,
.tzui-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: var(--color-border);
  background: #f5f5f5;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-btn-text[disabled] > a:only-child,
.tzui-btn-text[disabled]:hover > a:only-child,
.tzui-btn-text[disabled]:focus > a:only-child,
.tzui-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-text[disabled] > a:only-child::after,
.tzui-btn-text[disabled]:hover > a:only-child::after,
.tzui-btn-text[disabled]:focus > a:only-child::after,
.tzui-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-text:hover,
.tzui-btn-text:focus {
  color: rgba(0, 0, 0, 0.85);
  background: rgba(0, 0, 0, 0.018);
  border-color: transparent;
}
.tzui-btn-text:active {
  color: rgba(0, 0, 0, 0.85);
  background: rgba(0, 0, 0, 0.028);
  border-color: transparent;
}
.tzui-btn-text[disabled],
.tzui-btn-text[disabled]:hover,
.tzui-btn-text[disabled]:focus,
.tzui-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-btn-text[disabled] > a:only-child,
.tzui-btn-text[disabled]:hover > a:only-child,
.tzui-btn-text[disabled]:focus > a:only-child,
.tzui-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-text[disabled] > a:only-child::after,
.tzui-btn-text[disabled]:hover > a:only-child::after,
.tzui-btn-text[disabled]:focus > a:only-child::after,
.tzui-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-dangerous {
  color: var(--color-danger);
  border-color: var(--color-danger);
  background: #fff;
}
.tzui-btn-dangerous > a:only-child {
  color: currentcolor;
}
.tzui-btn-dangerous > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-dangerous:hover,
.tzui-btn-dangerous:focus {
  color: var(--color-danger-hover);
  border-color: var(--color-danger-hover);
  background: #fff;
}
.tzui-btn-dangerous:hover > a:only-child,
.tzui-btn-dangerous:focus > a:only-child {
  color: currentcolor;
}
.tzui-btn-dangerous:hover > a:only-child::after,
.tzui-btn-dangerous:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-dangerous:active {
  color: var(--color-danger-dark);
  border-color: var(--color-danger-dark);
  background: #fff;
}
.tzui-btn-dangerous:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-dangerous:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-dangerous[disabled],
.tzui-btn-dangerous[disabled]:hover,
.tzui-btn-dangerous[disabled]:focus,
.tzui-btn-dangerous[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: var(--color-border);
  background: #f5f5f5;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-btn-dangerous[disabled] > a:only-child,
.tzui-btn-dangerous[disabled]:hover > a:only-child,
.tzui-btn-dangerous[disabled]:focus > a:only-child,
.tzui-btn-dangerous[disabled]:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-dangerous[disabled] > a:only-child::after,
.tzui-btn-dangerous[disabled]:hover > a:only-child::after,
.tzui-btn-dangerous[disabled]:focus > a:only-child::after,
.tzui-btn-dangerous[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-dangerous.tzui-btn-primary {
  color: #fff;
  border-color: var(--color-danger);
  background: var(--color-danger);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
          box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.tzui-btn-dangerous.tzui-btn-primary > a:only-child {
  color: currentcolor;
}
.tzui-btn-dangerous.tzui-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-dangerous.tzui-btn-primary:hover,
.tzui-btn-dangerous.tzui-btn-primary:focus {
  color: #fff;
  border-color: var(--color-danger-hover);
  background: var(--color-danger-hover);
}
.tzui-btn-dangerous.tzui-btn-primary:hover > a:only-child,
.tzui-btn-dangerous.tzui-btn-primary:focus > a:only-child {
  color: currentcolor;
}
.tzui-btn-dangerous.tzui-btn-primary:hover > a:only-child::after,
.tzui-btn-dangerous.tzui-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-dangerous.tzui-btn-primary:active {
  color: #fff;
  border-color: var(--color-danger-dark);
  background: var(--color-danger-dark);
}
.tzui-btn-dangerous.tzui-btn-primary:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-dangerous.tzui-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-dangerous.tzui-btn-primary[disabled],
.tzui-btn-dangerous.tzui-btn-primary[disabled]:hover,
.tzui-btn-dangerous.tzui-btn-primary[disabled]:focus,
.tzui-btn-dangerous.tzui-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: var(--color-border);
  background: #f5f5f5;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-btn-dangerous.tzui-btn-primary[disabled] > a:only-child,
.tzui-btn-dangerous.tzui-btn-primary[disabled]:hover > a:only-child,
.tzui-btn-dangerous.tzui-btn-primary[disabled]:focus > a:only-child,
.tzui-btn-dangerous.tzui-btn-primary[disabled]:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-dangerous.tzui-btn-primary[disabled] > a:only-child::after,
.tzui-btn-dangerous.tzui-btn-primary[disabled]:hover > a:only-child::after,
.tzui-btn-dangerous.tzui-btn-primary[disabled]:focus > a:only-child::after,
.tzui-btn-dangerous.tzui-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-dangerous.tzui-btn-link {
  color: var(--color-danger);
  border-color: transparent;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-btn-dangerous.tzui-btn-link > a:only-child {
  color: currentcolor;
}
.tzui-btn-dangerous.tzui-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-dangerous.tzui-btn-link:hover,
.tzui-btn-dangerous.tzui-btn-link:focus {
  color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  background: transparent;
}
.tzui-btn-dangerous.tzui-btn-link:hover > a:only-child,
.tzui-btn-dangerous.tzui-btn-link:focus > a:only-child {
  color: currentcolor;
}
.tzui-btn-dangerous.tzui-btn-link:hover > a:only-child::after,
.tzui-btn-dangerous.tzui-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-dangerous.tzui-btn-link:active {
  color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
  background: transparent;
}
.tzui-btn-dangerous.tzui-btn-link:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-dangerous.tzui-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-dangerous.tzui-btn-link[disabled],
.tzui-btn-dangerous.tzui-btn-link[disabled]:hover,
.tzui-btn-dangerous.tzui-btn-link[disabled]:focus,
.tzui-btn-dangerous.tzui-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: var(--color-border);
  background: #f5f5f5;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-btn-dangerous.tzui-btn-link[disabled] > a:only-child,
.tzui-btn-dangerous.tzui-btn-link[disabled]:hover > a:only-child,
.tzui-btn-dangerous.tzui-btn-link[disabled]:focus > a:only-child,
.tzui-btn-dangerous.tzui-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-dangerous.tzui-btn-link[disabled] > a:only-child::after,
.tzui-btn-dangerous.tzui-btn-link[disabled]:hover > a:only-child::after,
.tzui-btn-dangerous.tzui-btn-link[disabled]:focus > a:only-child::after,
.tzui-btn-dangerous.tzui-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-dangerous.tzui-btn-link:hover,
.tzui-btn-dangerous.tzui-btn-link:focus {
  color: var(--color-danger-hover);
  border-color: transparent;
  background: transparent;
}
.tzui-btn-dangerous.tzui-btn-link:hover > a:only-child,
.tzui-btn-dangerous.tzui-btn-link:focus > a:only-child {
  color: currentcolor;
}
.tzui-btn-dangerous.tzui-btn-link:hover > a:only-child::after,
.tzui-btn-dangerous.tzui-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-dangerous.tzui-btn-link:active {
  color: var(--color-danger-dark);
  border-color: transparent;
  background: transparent;
}
.tzui-btn-dangerous.tzui-btn-link:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-dangerous.tzui-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-dangerous.tzui-btn-link[disabled],
.tzui-btn-dangerous.tzui-btn-link[disabled]:hover,
.tzui-btn-dangerous.tzui-btn-link[disabled]:focus,
.tzui-btn-dangerous.tzui-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-btn-dangerous.tzui-btn-link[disabled] > a:only-child,
.tzui-btn-dangerous.tzui-btn-link[disabled]:hover > a:only-child,
.tzui-btn-dangerous.tzui-btn-link[disabled]:focus > a:only-child,
.tzui-btn-dangerous.tzui-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-dangerous.tzui-btn-link[disabled] > a:only-child::after,
.tzui-btn-dangerous.tzui-btn-link[disabled]:hover > a:only-child::after,
.tzui-btn-dangerous.tzui-btn-link[disabled]:focus > a:only-child::after,
.tzui-btn-dangerous.tzui-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-dangerous.tzui-btn-text {
  color: var(--color-danger);
  border-color: transparent;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-btn-dangerous.tzui-btn-text > a:only-child {
  color: currentcolor;
}
.tzui-btn-dangerous.tzui-btn-text > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-dangerous.tzui-btn-text:hover,
.tzui-btn-dangerous.tzui-btn-text:focus {
  color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  background: transparent;
}
.tzui-btn-dangerous.tzui-btn-text:hover > a:only-child,
.tzui-btn-dangerous.tzui-btn-text:focus > a:only-child {
  color: currentcolor;
}
.tzui-btn-dangerous.tzui-btn-text:hover > a:only-child::after,
.tzui-btn-dangerous.tzui-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-dangerous.tzui-btn-text:active {
  color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
  background: transparent;
}
.tzui-btn-dangerous.tzui-btn-text:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-dangerous.tzui-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-dangerous.tzui-btn-text[disabled],
.tzui-btn-dangerous.tzui-btn-text[disabled]:hover,
.tzui-btn-dangerous.tzui-btn-text[disabled]:focus,
.tzui-btn-dangerous.tzui-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: var(--color-border);
  background: #f5f5f5;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-btn-dangerous.tzui-btn-text[disabled] > a:only-child,
.tzui-btn-dangerous.tzui-btn-text[disabled]:hover > a:only-child,
.tzui-btn-dangerous.tzui-btn-text[disabled]:focus > a:only-child,
.tzui-btn-dangerous.tzui-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-dangerous.tzui-btn-text[disabled] > a:only-child::after,
.tzui-btn-dangerous.tzui-btn-text[disabled]:hover > a:only-child::after,
.tzui-btn-dangerous.tzui-btn-text[disabled]:focus > a:only-child::after,
.tzui-btn-dangerous.tzui-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-dangerous.tzui-btn-text:hover,
.tzui-btn-dangerous.tzui-btn-text:focus {
  color: var(--color-danger-hover);
  border-color: transparent;
  background: rgba(0, 0, 0, 0.018);
}
.tzui-btn-dangerous.tzui-btn-text:hover > a:only-child,
.tzui-btn-dangerous.tzui-btn-text:focus > a:only-child {
  color: currentcolor;
}
.tzui-btn-dangerous.tzui-btn-text:hover > a:only-child::after,
.tzui-btn-dangerous.tzui-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-dangerous.tzui-btn-text:active {
  color: var(--color-danger-dark);
  border-color: transparent;
  background: rgba(0, 0, 0, 0.028);
}
.tzui-btn-dangerous.tzui-btn-text:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-dangerous.tzui-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-dangerous.tzui-btn-text[disabled],
.tzui-btn-dangerous.tzui-btn-text[disabled]:hover,
.tzui-btn-dangerous.tzui-btn-text[disabled]:focus,
.tzui-btn-dangerous.tzui-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-btn-dangerous.tzui-btn-text[disabled] > a:only-child,
.tzui-btn-dangerous.tzui-btn-text[disabled]:hover > a:only-child,
.tzui-btn-dangerous.tzui-btn-text[disabled]:focus > a:only-child,
.tzui-btn-dangerous.tzui-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-dangerous.tzui-btn-text[disabled] > a:only-child::after,
.tzui-btn-dangerous.tzui-btn-text[disabled]:hover > a:only-child::after,
.tzui-btn-dangerous.tzui-btn-text[disabled]:focus > a:only-child::after,
.tzui-btn-dangerous.tzui-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-icon-only {
  width: 32px;
  height: 32px;
  padding: 2.4px 0;
  font-size: 16px;
  border-radius: 6px;
  vertical-align: -3px;
}
.tzui-btn-icon-only > * {
  font-size: 16px;
}
.tzui-btn-icon-only.tzui-btn-lg {
  width: 40px;
  height: 40px;
  padding: 4.9px 0;
  font-size: 18px;
  border-radius: 6px;
}
.tzui-btn-icon-only.tzui-btn-lg > * {
  font-size: 18px;
}
.tzui-btn-icon-only.tzui-btn-sm {
  width: 24px;
  height: 24px;
  padding: 0px 0;
  font-size: 14px;
  border-radius: 6px;
}
.tzui-btn-icon-only.tzui-btn-sm > * {
  font-size: 14px;
}
.tzui-btn-icon-only > .anticon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tzui-btn-icon-only .anticon-loading {
  padding: 0 !important;
}
a.tzui-btn-icon-only {
  vertical-align: -1px;
}
a.tzui-btn-icon-only > .anticon {
  display: inline;
}
.tzui-btn-round {
  height: 32px;
  padding: 4px 16px;
  font-size: 14px;
  border-radius: 32px;
}
.tzui-btn-round.tzui-btn-lg {
  height: 40px;
  padding: 6.4px 20px;
  font-size: 16px;
  border-radius: 40px;
}
.tzui-btn-round.tzui-btn-sm {
  height: 24px;
  padding: 0px 12px;
  font-size: 14px;
  border-radius: 24px;
}
.tzui-btn-round.tzui-btn-icon-only {
  width: auto;
}
.tzui-btn-circle {
  min-width: 32px;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  border-radius: 50%;
}
.tzui-btn-circle.tzui-btn-lg {
  min-width: 40px;
  border-radius: 50%;
}
.tzui-btn-circle.tzui-btn-sm {
  min-width: 24px;
  border-radius: 50%;
}
.tzui-btn::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 1;
  display: none;
  background: #fff;
  border-radius: inherit;
  opacity: 0.35;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  content: '';
  pointer-events: none;
}
.tzui-btn .anticon {
  -webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tzui-btn .anticon.anticon-plus > svg,
.tzui-btn .anticon.anticon-minus > svg {
  shape-rendering: optimizespeed;
}
.tzui-btn.tzui-btn-loading {
  position: relative;
  cursor: default;
}
.tzui-btn.tzui-btn-loading::before {
  display: block;
}
.tzui-btn > .tzui-btn-loading-icon {
  -webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tzui-btn > .tzui-btn-loading-icon .anticon {
  padding-right: 8px;
  -webkit-animation: none;
          animation: none;
}
.tzui-btn > .tzui-btn-loading-icon .anticon svg {
  -webkit-animation: loadingCircle 1s infinite linear;
          animation: loadingCircle 1s infinite linear;
}
.tzui-btn-group {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.tzui-btn-group > .tzui-btn,
.tzui-btn-group > span > .tzui-btn {
  position: relative;
}
.tzui-btn-group > .tzui-btn:hover,
.tzui-btn-group > span > .tzui-btn:hover,
.tzui-btn-group > .tzui-btn:focus,
.tzui-btn-group > span > .tzui-btn:focus,
.tzui-btn-group > .tzui-btn:active,
.tzui-btn-group > span > .tzui-btn:active {
  z-index: 2;
}
.tzui-btn-group > .tzui-btn[disabled],
.tzui-btn-group > span > .tzui-btn[disabled] {
  z-index: 0;
}
.tzui-btn-group .tzui-btn-icon-only {
  font-size: 14px;
}
.tzui-btn-group .tzui-btn + .tzui-btn,
.tzui-btn + .tzui-btn-group,
.tzui-btn-group span + .tzui-btn,
.tzui-btn-group .tzui-btn + span,
.tzui-btn-group > span + span,
.tzui-btn-group + .tzui-btn,
.tzui-btn-group + .tzui-btn-group {
  margin-left: -1px;
}
.tzui-btn-group .tzui-btn-primary + .tzui-btn:not(.tzui-btn-primary):not([disabled]) {
  border-left-color: transparent;
}
.tzui-btn-group .tzui-btn {
  border-radius: 0;
}
.tzui-btn-group > .tzui-btn:first-child,
.tzui-btn-group > span:first-child > .tzui-btn {
  margin-left: 0;
}
.tzui-btn-group > .tzui-btn:only-child {
  border-radius: 6px;
}
.tzui-btn-group > span:only-child > .tzui-btn {
  border-radius: 6px;
}
.tzui-btn-group > .tzui-btn:first-child:not(:last-child),
.tzui-btn-group > span:first-child:not(:last-child) > .tzui-btn {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.tzui-btn-group > .tzui-btn:last-child:not(:first-child),
.tzui-btn-group > span:last-child:not(:first-child) > .tzui-btn {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.tzui-btn-group-sm > .tzui-btn:only-child {
  border-radius: 4px;
}
.tzui-btn-group-sm > span:only-child > .tzui-btn {
  border-radius: 4px;
}
.tzui-btn-group-sm > .tzui-btn:first-child:not(:last-child),
.tzui-btn-group-sm > span:first-child:not(:last-child) > .tzui-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tzui-btn-group-sm > .tzui-btn:last-child:not(:first-child),
.tzui-btn-group-sm > span:last-child:not(:first-child) > .tzui-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tzui-btn-group > .tzui-btn-group {
  float: left;
}
.tzui-btn-group > .tzui-btn-group:not(:first-child):not(:last-child) > .tzui-btn {
  border-radius: 0;
}
.tzui-btn-group > .tzui-btn-group:first-child:not(:last-child) > .tzui-btn:last-child {
  padding-right: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tzui-btn-group > .tzui-btn-group:last-child:not(:first-child) > .tzui-btn:first-child {
  padding-left: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tzui-btn-rtl.tzui-btn-group .tzui-btn + .tzui-btn,
.tzui-btn-rtl.tzui-btn + .tzui-btn-group,
.tzui-btn-rtl.tzui-btn-group span + .tzui-btn,
.tzui-btn-rtl.tzui-btn-group .tzui-btn + span,
.tzui-btn-rtl.tzui-btn-group > span + span,
.tzui-btn-rtl.tzui-btn-group + .tzui-btn,
.tzui-btn-rtl.tzui-btn-group + .tzui-btn-group,
.tzui-btn-group-rtl.tzui-btn-group .tzui-btn + .tzui-btn,
.tzui-btn-group-rtl.tzui-btn + .tzui-btn-group,
.tzui-btn-group-rtl.tzui-btn-group span + .tzui-btn,
.tzui-btn-group-rtl.tzui-btn-group .tzui-btn + span,
.tzui-btn-group-rtl.tzui-btn-group > span + span,
.tzui-btn-group-rtl.tzui-btn-group + .tzui-btn,
.tzui-btn-group-rtl.tzui-btn-group + .tzui-btn-group {
  margin-right: -1px;
  margin-left: auto;
}
.tzui-btn-group.tzui-btn-group-rtl {
  direction: rtl;
}
.tzui-btn-group-rtl.tzui-btn-group > .tzui-btn:first-child:not(:last-child),
.tzui-btn-group-rtl.tzui-btn-group > span:first-child:not(:last-child) > .tzui-btn {
  border-radius: 0 6px 6px 0;
}
.tzui-btn-group-rtl.tzui-btn-group > .tzui-btn:last-child:not(:first-child),
.tzui-btn-group-rtl.tzui-btn-group > span:last-child:not(:first-child) > .tzui-btn {
  border-radius: 6px 0 0 6px;
}
.tzui-btn-group-rtl.tzui-btn-group-sm > .tzui-btn:first-child:not(:last-child),
.tzui-btn-group-rtl.tzui-btn-group-sm > span:first-child:not(:last-child) > .tzui-btn {
  border-radius: 0 4px 4px 0;
}
.tzui-btn-group-rtl.tzui-btn-group-sm > .tzui-btn:last-child:not(:first-child),
.tzui-btn-group-rtl.tzui-btn-group-sm > span:last-child:not(:first-child) > .tzui-btn {
  border-radius: 4px 0 0 4px;
}
.tzui-btn:focus > span,
.tzui-btn:active > span {
  position: relative;
}
.tzui-btn > .anticon + span,
.tzui-btn > span + .anticon {
  margin-left: 8px;
}
.tzui-btn.tzui-btn-background-ghost {
  color: #fff;
  border-color: #fff;
}
.tzui-btn.tzui-btn-background-ghost,
.tzui-btn.tzui-btn-background-ghost:hover,
.tzui-btn.tzui-btn-background-ghost:active,
.tzui-btn.tzui-btn-background-ghost:focus {
  background: transparent;
}
.tzui-btn.tzui-btn-background-ghost:hover,
.tzui-btn.tzui-btn-background-ghost:focus {
  color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.tzui-btn.tzui-btn-background-ghost:active {
  color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.tzui-btn.tzui-btn-background-ghost[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border-color: var(--color-border);
}
.tzui-btn-background-ghost.tzui-btn-primary {
  color: var(--color-primary);
  border-color: var(--color-primary);
  text-shadow: none;
}
.tzui-btn-background-ghost.tzui-btn-primary > a:only-child {
  color: currentcolor;
}
.tzui-btn-background-ghost.tzui-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-background-ghost.tzui-btn-primary:hover,
.tzui-btn-background-ghost.tzui-btn-primary:focus {
  color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  background: transparent;
}
.tzui-btn-background-ghost.tzui-btn-primary:hover > a:only-child,
.tzui-btn-background-ghost.tzui-btn-primary:focus > a:only-child {
  color: currentcolor;
}
.tzui-btn-background-ghost.tzui-btn-primary:hover > a:only-child::after,
.tzui-btn-background-ghost.tzui-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-background-ghost.tzui-btn-primary:active {
  color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
  background: transparent;
}
.tzui-btn-background-ghost.tzui-btn-primary:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-background-ghost.tzui-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-background-ghost.tzui-btn-primary[disabled],
.tzui-btn-background-ghost.tzui-btn-primary[disabled]:hover,
.tzui-btn-background-ghost.tzui-btn-primary[disabled]:focus,
.tzui-btn-background-ghost.tzui-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: var(--color-border);
  background: #f5f5f5;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-btn-background-ghost.tzui-btn-primary[disabled] > a:only-child,
.tzui-btn-background-ghost.tzui-btn-primary[disabled]:hover > a:only-child,
.tzui-btn-background-ghost.tzui-btn-primary[disabled]:focus > a:only-child,
.tzui-btn-background-ghost.tzui-btn-primary[disabled]:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-background-ghost.tzui-btn-primary[disabled] > a:only-child::after,
.tzui-btn-background-ghost.tzui-btn-primary[disabled]:hover > a:only-child::after,
.tzui-btn-background-ghost.tzui-btn-primary[disabled]:focus > a:only-child::after,
.tzui-btn-background-ghost.tzui-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-background-ghost.tzui-btn-danger {
  color: var(--color-danger);
  border-color: var(--color-danger);
  text-shadow: none;
}
.tzui-btn-background-ghost.tzui-btn-danger > a:only-child {
  color: currentcolor;
}
.tzui-btn-background-ghost.tzui-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-background-ghost.tzui-btn-danger:hover,
.tzui-btn-background-ghost.tzui-btn-danger:focus {
  color: var(--color-danger-hover);
  border-color: var(--color-danger-hover);
  background: transparent;
}
.tzui-btn-background-ghost.tzui-btn-danger:hover > a:only-child,
.tzui-btn-background-ghost.tzui-btn-danger:focus > a:only-child {
  color: currentcolor;
}
.tzui-btn-background-ghost.tzui-btn-danger:hover > a:only-child::after,
.tzui-btn-background-ghost.tzui-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-background-ghost.tzui-btn-danger:active {
  color: var(--color-danger-dark);
  border-color: var(--color-danger-dark);
  background: transparent;
}
.tzui-btn-background-ghost.tzui-btn-danger:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-background-ghost.tzui-btn-danger:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-background-ghost.tzui-btn-danger[disabled],
.tzui-btn-background-ghost.tzui-btn-danger[disabled]:hover,
.tzui-btn-background-ghost.tzui-btn-danger[disabled]:focus,
.tzui-btn-background-ghost.tzui-btn-danger[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: var(--color-border);
  background: #f5f5f5;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-btn-background-ghost.tzui-btn-danger[disabled] > a:only-child,
.tzui-btn-background-ghost.tzui-btn-danger[disabled]:hover > a:only-child,
.tzui-btn-background-ghost.tzui-btn-danger[disabled]:focus > a:only-child,
.tzui-btn-background-ghost.tzui-btn-danger[disabled]:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-background-ghost.tzui-btn-danger[disabled] > a:only-child::after,
.tzui-btn-background-ghost.tzui-btn-danger[disabled]:hover > a:only-child::after,
.tzui-btn-background-ghost.tzui-btn-danger[disabled]:focus > a:only-child::after,
.tzui-btn-background-ghost.tzui-btn-danger[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-background-ghost.tzui-btn-dangerous {
  color: var(--color-danger);
  border-color: var(--color-danger);
  text-shadow: none;
}
.tzui-btn-background-ghost.tzui-btn-dangerous > a:only-child {
  color: currentcolor;
}
.tzui-btn-background-ghost.tzui-btn-dangerous > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-background-ghost.tzui-btn-dangerous:hover,
.tzui-btn-background-ghost.tzui-btn-dangerous:focus {
  color: var(--color-danger-hover);
  border-color: var(--color-danger-hover);
  background: transparent;
}
.tzui-btn-background-ghost.tzui-btn-dangerous:hover > a:only-child,
.tzui-btn-background-ghost.tzui-btn-dangerous:focus > a:only-child {
  color: currentcolor;
}
.tzui-btn-background-ghost.tzui-btn-dangerous:hover > a:only-child::after,
.tzui-btn-background-ghost.tzui-btn-dangerous:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-background-ghost.tzui-btn-dangerous:active {
  color: var(--color-danger-dark);
  border-color: var(--color-danger-dark);
  background: transparent;
}
.tzui-btn-background-ghost.tzui-btn-dangerous:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-background-ghost.tzui-btn-dangerous:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-background-ghost.tzui-btn-dangerous[disabled],
.tzui-btn-background-ghost.tzui-btn-dangerous[disabled]:hover,
.tzui-btn-background-ghost.tzui-btn-dangerous[disabled]:focus,
.tzui-btn-background-ghost.tzui-btn-dangerous[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: var(--color-border);
  background: #f5f5f5;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-btn-background-ghost.tzui-btn-dangerous[disabled] > a:only-child,
.tzui-btn-background-ghost.tzui-btn-dangerous[disabled]:hover > a:only-child,
.tzui-btn-background-ghost.tzui-btn-dangerous[disabled]:focus > a:only-child,
.tzui-btn-background-ghost.tzui-btn-dangerous[disabled]:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-background-ghost.tzui-btn-dangerous[disabled] > a:only-child::after,
.tzui-btn-background-ghost.tzui-btn-dangerous[disabled]:hover > a:only-child::after,
.tzui-btn-background-ghost.tzui-btn-dangerous[disabled]:focus > a:only-child::after,
.tzui-btn-background-ghost.tzui-btn-dangerous[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-background-ghost.tzui-btn-dangerous.tzui-btn-link {
  color: var(--color-danger);
  border-color: transparent;
  text-shadow: none;
}
.tzui-btn-background-ghost.tzui-btn-dangerous.tzui-btn-link > a:only-child {
  color: currentcolor;
}
.tzui-btn-background-ghost.tzui-btn-dangerous.tzui-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-background-ghost.tzui-btn-dangerous.tzui-btn-link:hover,
.tzui-btn-background-ghost.tzui-btn-dangerous.tzui-btn-link:focus {
  color: var(--color-danger-dark);
  border-color: transparent;
  background: transparent;
}
.tzui-btn-background-ghost.tzui-btn-dangerous.tzui-btn-link:hover > a:only-child,
.tzui-btn-background-ghost.tzui-btn-dangerous.tzui-btn-link:focus > a:only-child {
  color: currentcolor;
}
.tzui-btn-background-ghost.tzui-btn-dangerous.tzui-btn-link:hover > a:only-child::after,
.tzui-btn-background-ghost.tzui-btn-dangerous.tzui-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-background-ghost.tzui-btn-dangerous.tzui-btn-link:active {
  color: var(--color-danger-dark);
  border-color: transparent;
  background: transparent;
}
.tzui-btn-background-ghost.tzui-btn-dangerous.tzui-btn-link:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-background-ghost.tzui-btn-dangerous.tzui-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-background-ghost.tzui-btn-dangerous.tzui-btn-link[disabled],
.tzui-btn-background-ghost.tzui-btn-dangerous.tzui-btn-link[disabled]:hover,
.tzui-btn-background-ghost.tzui-btn-dangerous.tzui-btn-link[disabled]:focus,
.tzui-btn-background-ghost.tzui-btn-dangerous.tzui-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: var(--color-border);
  background: #f5f5f5;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-btn-background-ghost.tzui-btn-dangerous.tzui-btn-link[disabled] > a:only-child,
.tzui-btn-background-ghost.tzui-btn-dangerous.tzui-btn-link[disabled]:hover > a:only-child,
.tzui-btn-background-ghost.tzui-btn-dangerous.tzui-btn-link[disabled]:focus > a:only-child,
.tzui-btn-background-ghost.tzui-btn-dangerous.tzui-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.tzui-btn-background-ghost.tzui-btn-dangerous.tzui-btn-link[disabled] > a:only-child::after,
.tzui-btn-background-ghost.tzui-btn-dangerous.tzui-btn-link[disabled]:hover > a:only-child::after,
.tzui-btn-background-ghost.tzui-btn-dangerous.tzui-btn-link[disabled]:focus > a:only-child::after,
.tzui-btn-background-ghost.tzui-btn-dangerous.tzui-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.tzui-btn-two-chinese-chars::first-letter {
  letter-spacing: 0.34em;
}
.tzui-btn-two-chinese-chars > *:not(.anticon) {
  margin-right: -0.34em;
  letter-spacing: 0.34em;
}
.tzui-btn.tzui-btn-block {
  width: 100%;
}
.tzui-btn:empty {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '\a0';
}
a.tzui-btn {
  padding-top: 0.01px !important;
  line-height: 30px;
}
a.tzui-btn-disabled {
  cursor: not-allowed;
}
a.tzui-btn-disabled > * {
  pointer-events: none;
}
a.tzui-btn-disabled,
a.tzui-btn-disabled:hover,
a.tzui-btn-disabled:focus,
a.tzui-btn-disabled:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
a.tzui-btn-disabled > a:only-child,
a.tzui-btn-disabled:hover > a:only-child,
a.tzui-btn-disabled:focus > a:only-child,
a.tzui-btn-disabled:active > a:only-child {
  color: currentcolor;
}
a.tzui-btn-disabled > a:only-child::after,
a.tzui-btn-disabled:hover > a:only-child::after,
a.tzui-btn-disabled:focus > a:only-child::after,
a.tzui-btn-disabled:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
a.tzui-btn-lg {
  line-height: 38px;
}
a.tzui-btn-sm {
  line-height: 22px;
}
.tzui-btn-compact-item:not(.tzui-btn-compact-last-item):not(.tzui-btn-compact-item-rtl) {
  margin-right: -1px;
}
.tzui-btn-compact-item:not(.tzui-btn-compact-last-item).tzui-btn-compact-item-rtl {
  margin-left: -1px;
}
.tzui-btn-compact-item:hover,
.tzui-btn-compact-item:focus,
.tzui-btn-compact-item:active {
  z-index: 2;
}
.tzui-btn-compact-item[disabled] {
  z-index: 0;
}
.tzui-btn-compact-item:not(.tzui-btn-compact-first-item):not(.tzui-btn-compact-last-item).tzui-btn {
  border-radius: 0;
}
.tzui-btn-compact-item.tzui-btn.tzui-btn-compact-first-item:not(.tzui-btn-compact-last-item):not(.tzui-btn-compact-item-rtl) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tzui-btn-compact-item.tzui-btn.tzui-btn-compact-last-item:not(.tzui-btn-compact-first-item):not(.tzui-btn-compact-item-rtl) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tzui-btn-compact-item.tzui-btn.tzui-btn-compact-item-rtl.tzui-btn-compact-first-item:not(.tzui-btn-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tzui-btn-compact-item.tzui-btn.tzui-btn-compact-item-rtl.tzui-btn-compact-last-item:not(.tzui-btn-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tzui-btn-icon-only.tzui-btn-compact-item {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.tzui-btn-compact-item.tzui-btn-primary:not([disabled]) + .tzui-btn-compact-item.tzui-btn-primary:not([disabled]) {
  position: relative;
}
.tzui-btn-compact-item.tzui-btn-primary:not([disabled]) + .tzui-btn-compact-item.tzui-btn-primary:not([disabled])::after {
  position: absolute;
  top: -1px;
  left: -1px;
  display: inline-block;
  width: 1px;
  height: calc(100% + 1px * 2);
  background-color: rgba(255, 255, 255, 0.3);
  content: ' ';
}
.tzui-btn-compact-item-rtl.tzui-btn-compact-first-item.tzui-btn-compact-item-rtl:not(.tzui-btn-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tzui-btn-compact-item-rtl.tzui-btn-compact-last-item.tzui-btn-compact-item-rtl:not(.tzui-btn-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tzui-btn-compact-item-rtl.tzui-btn-sm.tzui-btn-compact-first-item.tzui-btn-compact-item-rtl.tzui-btn-sm:not(.tzui-btn-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tzui-btn-compact-item-rtl.tzui-btn-sm.tzui-btn-compact-last-item.tzui-btn-compact-item-rtl.tzui-btn-sm:not(.tzui-btn-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tzui-btn-compact-item-rtl.tzui-btn-primary:not([disabled]) + .tzui-btn-compact-item-rtl.tzui-btn-primary:not([disabled])::after {
  right: -1px;
}
.tzui-btn-compact-vertical-item:not(.tzui-btn-compact-vertical-last-item) {
  margin-bottom: -1px;
}
.tzui-btn-compact-vertical-item:hover,
.tzui-btn-compact-vertical-item:focus,
.tzui-btn-compact-vertical-item:active {
  z-index: 2;
}
.tzui-btn-compact-vertical-item[disabled] {
  z-index: 0;
}
.tzui-btn-compact-vertical-item:not(.tzui-btn-compact-vertical-first-item):not(.tzui-btn-compact-vertical-last-item) {
  border-radius: 0;
}
.tzui-btn-compact-vertical-item.tzui-btn-compact-vertical-first-item:not(.tzui-btn-compact-vertical-last-item) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.tzui-btn-compact-vertical-item.tzui-btn-compact-vertical-last-item:not(.tzui-btn-compact-vertical-first-item) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.tzui-btn-compact-vertical-item.tzui-btn-primary:not([disabled]) + .tzui-btn-compact-vertical-item.tzui-btn-primary:not([disabled]) {
  position: relative;
}
.tzui-btn-compact-vertical-item.tzui-btn-primary:not([disabled]) + .tzui-btn-compact-vertical-item.tzui-btn-primary:not([disabled])::after {
  position: absolute;
  top: -1px;
  left: -1px;
  display: inline-block;
  width: calc(100% + 1px * 2);
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
  content: ' ';
}
.tzui-btn-rtl {
  direction: rtl;
}
.tzui-btn-group-rtl.tzui-btn-group .tzui-btn-primary:last-child:not(:first-child),
.tzui-btn-group-rtl.tzui-btn-group .tzui-btn-primary + .tzui-btn-primary {
  border-right-color: rgba(255, 255, 255, 0.3);
  border-left-color: var(--color-border);
}
.tzui-btn-group-rtl.tzui-btn-group .tzui-btn-primary:last-child:not(:first-child)[disabled],
.tzui-btn-group-rtl.tzui-btn-group .tzui-btn-primary + .tzui-btn-primary[disabled] {
  border-right-color: var(--color-border);
  border-left-color: rgba(255, 255, 255, 0.3);
}
.tzui-btn-rtl.tzui-btn > .tzui-btn-loading-icon .anticon {
  padding-right: 0;
  padding-left: 8px;
}
.tzui-btn-rtl.tzui-btn > .anticon + span,
.tzui-btn-rtl.tzui-btn > span + .anticon {
  margin-right: 8px;
  margin-left: 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-btn.tzui-btn-medium {
  height: 36px;
  padding: 6.4px 14px;
  font-size: 14px;
  border-radius: 6px;
}
.tzui-btn-icon-only.tzui-btn-medium {
  width: 36px;
  height: 36px;
  padding: 4.9px 0;
  font-size: 18px;
  border-radius: 6px;
}
.tzui-btn-icon-only.tzui-btn-medium > * {
  font-size: 18px;
}
.tzui-btn-round.tzui-btn-medium {
  width: auto;
  height: 36px;
  padding: 6.4px 20px;
  font-size: 14px;
  border-radius: 36px;
}
.tzui-btn-circle.tzui-btn-medium {
  min-width: 36px;
  border-radius: 50%;
}
a.tzui-btn-medium {
  line-height: 36px;
}
.tzui-btn.tzui-btn-smedium {
  height: 28px;
  padding: 0px 10px;
  font-size: 14px;
  border-radius: 4px;
}
.tzui-btn-icon-only.tzui-btn-smedium {
  width: 28px;
  height: 28px;
  padding: 0px 0;
  font-size: 14px;
  border-radius: 4px;
}
.tzui-btn-icon-only.tzui-btn-smedium > * {
  font-size: 14px;
}
.tzui-btn-round.tzui-btn-smedium {
  width: auto;
  height: 28px;
  padding: 0px 12px;
  font-size: 14px;
  border-radius: 28px;
}
.tzui-btn-circle.tzui-btn-smedium {
  min-width: 28px;
  border-radius: 50%;
}
.tzui-btn-group-smedium > .tzui-btn:only-child {
  border-radius: 4px;
}
.tzui-btn-group-smedium > span:only-child > .tzui-btn {
  border-radius: 4px;
}
.tzui-btn-group-smedium > .tzui-btn:first-child:not(:last-child),
.tzui-btn-group-smedium > span:first-child:not(:last-child) > .tzui-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tzui-btn-group-smedium > .tzui-btn:last-child:not(:first-child),
.tzui-btn-group-smedium > span:last-child:not(:first-child) > .tzui-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
a.tzui-btn-smedium {
  line-height: 28px;
}
.tzui-btn > .anticon {
  height: 1em;
  vertical-align: -0.09em;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-popover {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  cursor: auto;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}
.tzui-popover-content {
  position: relative;
}
.tzui-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  content: '';
}
.tzui-popover-hidden {
  display: none;
}
.tzui-popover-placement-top,
.tzui-popover-placement-topLeft,
.tzui-popover-placement-topRight {
  padding-bottom: 16px;
}
.tzui-popover-placement-right,
.tzui-popover-placement-rightTop,
.tzui-popover-placement-rightBottom {
  padding-left: 16px;
}
.tzui-popover-placement-bottom,
.tzui-popover-placement-bottomLeft,
.tzui-popover-placement-bottomRight {
  padding-top: 16px;
}
.tzui-popover-placement-left,
.tzui-popover-placement-leftTop,
.tzui-popover-placement-leftBottom {
  padding-right: 16px;
}
.tzui-popover-inner {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
          box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .tzui-popover {
    /* IE10+ */
  }
  .tzui-popover-inner {
    -webkit-box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
            box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
  }
}
.tzui-popover-title {
  min-width: 177px;
  min-height: 32px;
  margin: 0;
  padding: 5px 16px 4px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.tzui-popover-inner-content {
  padding: 12px 16px;
  color: rgba(0, 0, 0, 0.85);
}
.tzui-popover-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 0 12px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.tzui-popover-message-icon {
  display: inline-block;
  margin-right: 8px;
  color: var(--color-warning);
  font-size: 14px;
}
.tzui-popover-buttons {
  margin-bottom: 4px;
  text-align: right;
}
.tzui-popover-buttons button:not(:first-child) {
  margin-left: 8px;
}
.tzui-popover-arrow {
  position: absolute;
  display: block;
  width: 22.97056275px;
  height: 22.97056275px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.tzui-popover-arrow-content {
  --antd-arrow-background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 12px;
  height: 12px;
  margin: auto;
  content: '';
  pointer-events: auto;
  border-radius: 0 0 4px;
  pointer-events: none;
}
.tzui-popover-arrow-content::before {
  position: absolute;
  top: -12px;
  left: -12px;
  width: 36px;
  height: 36px;
  background: var(--antd-arrow-background-color);
  background-repeat: no-repeat;
  background-position: -11px -11px;
  content: '';
  clip-path: inset(33% 33%);
  clip-path: path('M 10.535533905932738 25.464466094067262 A 5 5 0 0 1 14.071067811865476 24 L 20 24 A 4 4 0 0 0 24 20 L 24 14.071067811865476 A 5 5 0 0 1 25.464466094067262 10.535533905932738 L 24.464466094067262 10.535533905932738 L 10.535533905932738 24.464466094067262 Z');
}
.tzui-popover-placement-top .tzui-popover-arrow,
.tzui-popover-placement-topLeft .tzui-popover-arrow,
.tzui-popover-placement-topRight .tzui-popover-arrow {
  bottom: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.tzui-popover-placement-top .tzui-popover-arrow-content,
.tzui-popover-placement-topLeft .tzui-popover-arrow-content,
.tzui-popover-placement-topRight .tzui-popover-arrow-content {
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateY(-11.48528137px) rotate(45deg);
          transform: translateY(-11.48528137px) rotate(45deg);
}
.tzui-popover-placement-top .tzui-popover-arrow {
  left: 50%;
  -webkit-transform: translateY(100%) translateX(-50%);
          transform: translateY(100%) translateX(-50%);
}
.tzui-popover-placement-topLeft .tzui-popover-arrow {
  left: 16px;
}
.tzui-popover-placement-topRight .tzui-popover-arrow {
  right: 16px;
}
.tzui-popover-placement-right .tzui-popover-arrow,
.tzui-popover-placement-rightTop .tzui-popover-arrow,
.tzui-popover-placement-rightBottom .tzui-popover-arrow {
  left: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.tzui-popover-placement-right .tzui-popover-arrow-content,
.tzui-popover-placement-rightTop .tzui-popover-arrow-content,
.tzui-popover-placement-rightBottom .tzui-popover-arrow-content {
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateX(11.48528137px) rotate(135deg);
          transform: translateX(11.48528137px) rotate(135deg);
}
.tzui-popover-placement-right .tzui-popover-arrow {
  top: 50%;
  -webkit-transform: translateX(-100%) translateY(-50%);
          transform: translateX(-100%) translateY(-50%);
}
.tzui-popover-placement-rightTop .tzui-popover-arrow {
  top: 12px;
}
.tzui-popover-placement-rightBottom .tzui-popover-arrow {
  bottom: 12px;
}
.tzui-popover-placement-bottom .tzui-popover-arrow,
.tzui-popover-placement-bottomLeft .tzui-popover-arrow,
.tzui-popover-placement-bottomRight .tzui-popover-arrow {
  top: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.tzui-popover-placement-bottom .tzui-popover-arrow-content,
.tzui-popover-placement-bottomLeft .tzui-popover-arrow-content,
.tzui-popover-placement-bottomRight .tzui-popover-arrow-content {
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);
  -webkit-transform: translateY(11.48528137px) rotate(-135deg);
          transform: translateY(11.48528137px) rotate(-135deg);
}
.tzui-popover-placement-bottom .tzui-popover-arrow {
  left: 50%;
  -webkit-transform: translateY(-100%) translateX(-50%);
          transform: translateY(-100%) translateX(-50%);
}
.tzui-popover-placement-bottomLeft .tzui-popover-arrow {
  left: 16px;
}
.tzui-popover-placement-bottomRight .tzui-popover-arrow {
  right: 16px;
}
.tzui-popover-placement-left .tzui-popover-arrow,
.tzui-popover-placement-leftTop .tzui-popover-arrow,
.tzui-popover-placement-leftBottom .tzui-popover-arrow {
  right: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.tzui-popover-placement-left .tzui-popover-arrow-content,
.tzui-popover-placement-leftTop .tzui-popover-arrow-content,
.tzui-popover-placement-leftBottom .tzui-popover-arrow-content {
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateX(-11.48528137px) rotate(-45deg);
          transform: translateX(-11.48528137px) rotate(-45deg);
}
.tzui-popover-placement-left .tzui-popover-arrow {
  top: 50%;
  -webkit-transform: translateX(100%) translateY(-50%);
          transform: translateX(100%) translateY(-50%);
}
.tzui-popover-placement-leftTop .tzui-popover-arrow {
  top: 12px;
}
.tzui-popover-placement-leftBottom .tzui-popover-arrow {
  bottom: 12px;
}
.tzui-popover-pink .tzui-popover-inner {
  background-color: #eb2f96;
}
.tzui-popover-pink .tzui-popover-arrow-content {
  background-color: #eb2f96;
}
.tzui-popover-magenta .tzui-popover-inner {
  background-color: #eb2f96;
}
.tzui-popover-magenta .tzui-popover-arrow-content {
  background-color: #eb2f96;
}
.tzui-popover-red .tzui-popover-inner {
  background-color: #f5222d;
}
.tzui-popover-red .tzui-popover-arrow-content {
  background-color: #f5222d;
}
.tzui-popover-volcano .tzui-popover-inner {
  background-color: #fa541c;
}
.tzui-popover-volcano .tzui-popover-arrow-content {
  background-color: #fa541c;
}
.tzui-popover-orange .tzui-popover-inner {
  background-color: #fa8c16;
}
.tzui-popover-orange .tzui-popover-arrow-content {
  background-color: #fa8c16;
}
.tzui-popover-yellow .tzui-popover-inner {
  background-color: #fadb14;
}
.tzui-popover-yellow .tzui-popover-arrow-content {
  background-color: #fadb14;
}
.tzui-popover-gold .tzui-popover-inner {
  background-color: #faad14;
}
.tzui-popover-gold .tzui-popover-arrow-content {
  background-color: #faad14;
}
.tzui-popover-cyan .tzui-popover-inner {
  background-color: #13c2c2;
}
.tzui-popover-cyan .tzui-popover-arrow-content {
  background-color: #13c2c2;
}
.tzui-popover-lime .tzui-popover-inner {
  background-color: #a0d911;
}
.tzui-popover-lime .tzui-popover-arrow-content {
  background-color: #a0d911;
}
.tzui-popover-green .tzui-popover-inner {
  background-color: #52c41a;
}
.tzui-popover-green .tzui-popover-arrow-content {
  background-color: #52c41a;
}
.tzui-popover-blue .tzui-popover-inner {
  background-color: #1890ff;
}
.tzui-popover-blue .tzui-popover-arrow-content {
  background-color: #1890ff;
}
.tzui-popover-geekblue .tzui-popover-inner {
  background-color: #2f54eb;
}
.tzui-popover-geekblue .tzui-popover-arrow-content {
  background-color: #2f54eb;
}
.tzui-popover-purple .tzui-popover-inner {
  background-color: #722ed1;
}
.tzui-popover-purple .tzui-popover-arrow-content {
  background-color: #722ed1;
}
.tzui-popover-rtl {
  direction: rtl;
  text-align: right;
}
.tzui-popover-rtl .tzui-popover-message-icon {
  margin-right: 0;
  margin-left: 8px;
}
.tzui-popover-rtl .tzui-popover-message-title {
  padding-left: 16px;
}
.tzui-popover-rtl .tzui-popover-buttons {
  text-align: left;
}
.tzui-popover-rtl .tzui-popover-buttons button {
  margin-right: 8px;
  margin-left: 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-empty {
  margin: 0 8px;
  font-size: 14px;
  line-height: 1.5715;
  text-align: center;
}
.tzui-empty-image {
  height: 100px;
  margin-bottom: 8px;
}
.tzui-empty-image img {
  height: 100%;
}
.tzui-empty-image svg {
  height: 100%;
  margin: auto;
}
.tzui-empty-footer {
  margin-top: 16px;
}
.tzui-empty-normal {
  margin: 32px 0;
  color: rgba(0, 0, 0, 0.25);
}
.tzui-empty-normal .tzui-empty-image {
  height: 40px;
}
.tzui-empty-small {
  margin: 8px 0;
  color: rgba(0, 0, 0, 0.25);
}
.tzui-empty-small .tzui-empty-image {
  height: 35px;
}
.tzui-empty-img-default-ellipse {
  fill: #f5f5f5;
  fill-opacity: 0.8;
}
.tzui-empty-img-default-path-1 {
  fill: #aeb8c2;
}
.tzui-empty-img-default-path-2 {
  fill: url('#linearGradient-1');
}
.tzui-empty-img-default-path-3 {
  fill: #f5f5f7;
}
.tzui-empty-img-default-path-4 {
  fill: #dce0e6;
}
.tzui-empty-img-default-path-5 {
  fill: #dce0e6;
}
.tzui-empty-img-default-g {
  fill: #fff;
}
.tzui-empty-img-simple-ellipse {
  fill: #f5f5f5;
}
.tzui-empty-img-simple-g {
  stroke: #d9d9d9;
}
.tzui-empty-img-simple-path {
  fill: #fafafa;
}
.tzui-empty-rtl {
  direction: rtl;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-editable-text {
  position: relative;
  display: inline-block;
  max-width: 100%;
}
.tzui-editable-text::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 1px;
  background-color: var(--color-primary);
  opacity: 0;
  content: '';
}
.tzui-editable-text-editing::after {
  opacity: 1;
}
.tzui-editable-text-editing .tzui-editable-text-value {
  display: none;
}
.tzui-editable-text-editing .tzui-editable-text-input {
  display: block;
}
.tzui-editable-text-placeholder {
  color: var(--color-text-light);
}
.tzui-editable-text-full-width {
  width: 100%;
}
.tzui-editable-text-value {
  position: relative;
  display: inline-block;
  max-width: 100%;
  padding-right: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.tzui-editable-text-value .tzui-editable-text-icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1em;
  height: 1em;
  margin: auto;
  color: var(--color-primary);
  cursor: pointer;
}
.tzui-editable-text-value .tzui-editable-text-icon:hover {
  color: var(--color-primary-dark);
}
.tzui-editable-text-placeholder {
  color: var(--color-text-light);
}
.tzui-editable-text-input {
  display: none;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  border: none;
  outline: none;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.tz-video-control-progress {
  position: relative;
}
.tz-video-control-progress:hover .progress-bg,
.tz-video-control-progress:hover .progress-loaded,
.tz-video-control-progress:hover .progress-value {
  opacity: 0.5;
}
.tz-video-control-progress .progress-bg,
.tz-video-control-progress .progress-loaded,
.tz-video-control-progress .progress-value {
  position: absolute;
  z-index: 0;
  height: 4px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 3px;
}
.tz-video-control-progress .progress-bg {
  width: 100%;
  background: rgba(255, 255, 255, 0.3);
}
.tz-video-control-progress .progress-loaded {
  background: rgba(255, 255, 255, 0.5);
}
.tz-video-control-progress .progress-value {
  background: var(--color-primary);
}
.tz-video-control-progress input {
  cursor: pointer;
  position: relative;
  z-index: 3;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: none;
  outline: none;
  color: var(--color-primary);
  display: block;
  height: 20px;
  margin: 0;
  padding: 0;
  width: 100%;
}
.tz-video-control-progress input::-webkit-slider-thumb {
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: var(--color-primary);
  cursor: pointer;
}
.tz-video-control-progress input::-ms-track {
  color: transparent;
  background: transparent;
  border: none;
}
.tz-video-control-progress input::-ms-fill-upper {
  background: transparent;
}
.tz-video-control-progress input::-ms-fill-lower {
  background: transparent;
}
.tz-video-control-progress input::-ms-thumb {
  box-sizing: border-box;
  border: none;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: var(--color-primary);
  cursor: pointer;
}
.tz-video-control-progress input::-ms-tooltip {
  display: none;
}
.tz-video-control-progress input::-moz-range-track {
  background-color: transparent;
}
.tz-video-control-progress input::-moz-range-thumb {
  box-sizing: border-box;
  border: none;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: var(--color-primary);
  cursor: pointer;
}
.tz-video-control-progress input::-moz-range-progress {
  background: transparent;
}
.tz-video-wrap {
  position: relative;
  overflow: hidden;
  background-color: #333;
  height: 0;
  width: 100%;
}
.tz-video-wrap:hover .tz-video-control-bar {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.tz-video-wrap video {
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  outline: none;
}
.tz-video-wrap.size-small .tz-video-main-control .control-btn {
  width: 60px;
  height: 60px;
  font-size: 30px;
  padding: 15px 0;
}
.tz-video-wrap.size-small .tz-video-control-bar {
  height: 32px;
  padding: 0;
}
.tz-video-wrap.size-small .tz-video-control-bar .control-btn {
  width: 32px;
  height: 32px;
  font-size: 14px;
  line-height: 32px;
  padding: 0;
  margin: 0;
  text-align: center;
  color: #fff;
}
.tz-video-wrap.size-small .tz-video-control-bar .control-btn:hover {
  color: var(--color-primary);
  background-color: transparent;
}
.tz-video-wrap.size-small .tz-video-control-bar .control-progress {
  margin: 0;
}
.tz-video-wrap video,
.tz-video-main-control,
.tz-video-main-control .control-btn,
.tz-video-poster,
.tz-video-error {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.tz-video-wrap.height-auto video {
  height: auto;
  position: static;
}
.tz-video-poster {
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  transition: opacity 500ms;
}
.tz-video-poster.active {
  opacity: 1;
}
.tz-video-error {
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3));
}
.tz-video-error .error-icon {
  font-size: 40px;
  color: var(--color-danger);
}
.tz-video-error .error-text {
  font-size: 16px;
  color: var(--color-text-light);
  margin-top: 16px;
}
.tz-vide-tip-pr {
  position: absolute;
  top: 20px;
  right: 24px;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  padding: 5px 10px;
  background-color: rgba(51, 51, 51, 0.6);
}
.tz-video-main-control {
  -webkit-transition: opacity 600ms;
  transition: opacity 600ms;
  opacity: 1;
}
.tz-video-main-control .control-btn {
  display: block;
  cursor: pointer;
  color: #fff;
  margin: auto;
  width: 88px;
  height: 88px;
  font-size: 44px;
  line-height: 1em;
  padding: 22px 0;
  border-radius: 50%;
  background-color: var(--color-primary);
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
  opacity: 1;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
.tz-video-main-control .control-btn:hover {
  opacity: 0.8;
}
.tz-video-main-control.hide {
  opacity: 0;
}
.tz-video-sound-slider {
  width: 48px;
  border-radius: 2px;
  padding: 12px 0;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.tz-video-sound-slider .sound-value {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 4px;
}
.tz-video-sound-slider .slider-inner {
  height: 100px;
}
.tz-video-sound-slider .ant-slider-vertical {
  margin-left: auto;
  margin-right: auto;
}
.tz-video-sound-slider .ant-slider-vertical .ant-slider-handle {
  width: 10px;
  height: 10px;
  margin-left: -3px;
  margin-bottom: 0;
  border: none;
  background-color: var(--color-primary);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tz-video-control-bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 8px;
  height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
  -webkit-transform: translate3d(0, 52px, 0);
          transform: translate3d(0, 52px, 0);
}
.tz-video-control-bar .control-btn {
  width: 32px;
  height: 32px;
  font-size: 18px;
  line-height: 1em;
  padding: 7px 0;
  margin: 2px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
}
.tz-video-control-bar .control-btn:hover {
  background-color: var(--color-primary);
}
.tz-video-control-bar .control-progress {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 8px;
  position: relative;
}
.tz-video-control-bar .control-progress:hover .progress-tip {
  opacity: 1;
}
.tz-video-control-bar .control-volume {
  width: 70px;
  margin: 0 8px;
}
.tz-video-control-bar .progress-tip {
  background: #fff;
  border-radius: 3px;
  bottom: 100%;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  color: var(--color-text);
  font-size: 14px;
  left: 50%;
  line-height: 20px;
  margin-bottom: 10px;
  opacity: 0;
  padding: 5px 8px;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translate(-50%, 10px) scale(0.8);
          transform: translate(-50%, 10px) scale(0.8);
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transition: opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  transition: opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  white-space: nowrap;
  z-index: 2;
}
.tz-video-control-bar .progress-tip::before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #fff;
  bottom: -4px;
  content: '';
  height: 0;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.tz-video-control-pr .drop-select-wrap {
  min-width: 90px;
  text-align: center;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.drop-select-wrap {
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid var(--color-border-light);
  -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}
.drop-select-title {
  color: var(--color-text-dark);
  padding: 11px 16px;
  line-height: 22px;
  font-size: 14px;
  border-bottom: 1px solid var(--color-border);
}
.drop-select-option {
  padding: 11px 16px;
  line-height: 22px;
  font-size: 14px;
  color: var(--color-text);
  cursor: pointer;
}
.drop-select-option:hover {
  background-color: var(--color-bg);
}
.drop-select-option.selected {
  color: var(--color-primary);
}
.drop-select-option.disabled {
  color: var(--color-text-light);
  cursor: not-allowed;
  background-color: transparent;
}

.ant-btn {
  line-height: 1.699;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  -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);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  height: 36px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 4px;
  color: var(--color-text-dark);
  background-color: #fff;
  border-color: var(--color-border);
}
.ant-btn > .anticon {
  line-height: 1;
}
.ant-btn,
.ant-btn:active,
.ant-btn:focus {
  outline: 0;
}
.ant-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-btn:not([disabled]):active {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn.disabled,
.ant-btn[disabled] {
  cursor: not-allowed;
}
.ant-btn.disabled > *,
.ant-btn[disabled] > * {
  pointer-events: none;
}
.ant-btn-lg {
  height: 48px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 4px;
}
.ant-btn-sm {
  height: 28px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
}
.ant-btn > a:only-child {
  color: currentColor;
}
.ant-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus {
  color: var(--color-text-dark);
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.ant-btn:hover > a:only-child,
.ant-btn:focus > a:only-child {
  color: currentColor;
}
.ant-btn:hover > a:only-child::after,
.ant-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:active,
.ant-btn.active {
  color: var(--color-text-dark);
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.ant-btn:active > a:only-child,
.ant-btn.active > a:only-child {
  color: currentColor;
}
.ant-btn:active > a:only-child::after,
.ant-btn.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-disabled,
.ant-btn.disabled,
.ant-btn[disabled],
.ant-btn-disabled:hover,
.ant-btn.disabled:hover,
.ant-btn[disabled]:hover,
.ant-btn-disabled:focus,
.ant-btn.disabled:focus,
.ant-btn[disabled]:focus,
.ant-btn-disabled:active,
.ant-btn.disabled:active,
.ant-btn[disabled]:active,
.ant-btn-disabled.active,
.ant-btn.disabled.active,
.ant-btn[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-disabled > a:only-child,
.ant-btn.disabled > a:only-child,
.ant-btn[disabled] > a:only-child,
.ant-btn-disabled:hover > a:only-child,
.ant-btn.disabled:hover > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn-disabled:focus > a:only-child,
.ant-btn.disabled:focus > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn-disabled:active > a:only-child,
.ant-btn.disabled:active > a:only-child,
.ant-btn[disabled]:active > a:only-child,
.ant-btn-disabled.active > a:only-child,
.ant-btn.disabled.active > a:only-child,
.ant-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-disabled > a:only-child::after,
.ant-btn.disabled > a:only-child::after,
.ant-btn[disabled] > a:only-child::after,
.ant-btn-disabled:hover > a:only-child::after,
.ant-btn.disabled:hover > a:only-child::after,
.ant-btn[disabled]:hover > a:only-child::after,
.ant-btn-disabled:focus > a:only-child::after,
.ant-btn.disabled:focus > a:only-child::after,
.ant-btn[disabled]:focus > a:only-child::after,
.ant-btn-disabled:active > a:only-child::after,
.ant-btn.disabled:active > a:only-child::after,
.ant-btn[disabled]:active > a:only-child::after,
.ant-btn-disabled.active > a:only-child::after,
.ant-btn.disabled.active > a:only-child::after,
.ant-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active,
.ant-btn.active {
  text-decoration: none;
  background: #fff;
}
.ant-btn > i,
.ant-btn > span {
  display: inline-block;
  -webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  pointer-events: none;
}
.ant-btn-primary {
  color: #fff;
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: #fff;
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.ant-btn-primary:hover > a:only-child,
.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-primary:hover > a:only-child::after,
.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:active,
.ant-btn-primary.active {
  color: #fff;
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.ant-btn-primary:active > a:only-child,
.ant-btn-primary.active > a:only-child {
  color: currentColor;
}
.ant-btn-primary:active > a:only-child::after,
.ant-btn-primary.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary-disabled,
.ant-btn-primary.disabled,
.ant-btn-primary[disabled],
.ant-btn-primary-disabled:hover,
.ant-btn-primary.disabled:hover,
.ant-btn-primary[disabled]:hover,
.ant-btn-primary-disabled:focus,
.ant-btn-primary.disabled:focus,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary-disabled:active,
.ant-btn-primary.disabled:active,
.ant-btn-primary[disabled]:active,
.ant-btn-primary-disabled.active,
.ant-btn-primary.disabled.active,
.ant-btn-primary[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-primary-disabled > a:only-child,
.ant-btn-primary.disabled > a:only-child,
.ant-btn-primary[disabled] > a:only-child,
.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-primary-disabled > a:only-child::after,
.ant-btn-primary.disabled > a:only-child::after,
.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-primary-disabled:hover > a:only-child::after,
.ant-btn-primary.disabled:hover > a:only-child::after,
.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-primary-disabled:focus > a:only-child::after,
.ant-btn-primary.disabled:focus > a:only-child::after,
.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-primary-disabled:active > a:only-child::after,
.ant-btn-primary.disabled:active > a:only-child::after,
.ant-btn-primary[disabled]:active > a:only-child::after,
.ant-btn-primary-disabled.active > a:only-child::after,
.ant-btn-primary.disabled.active > a:only-child::after,
.ant-btn-primary[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: rgba(255, 255, 255, 0.3);
  border-left-color: rgba(255, 255, 255, 0.3);
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
  border-color: var(--color-border);
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  border-right-color: rgba(255, 255, 255, 0.3);
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: var(--color-border);
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-left-color: rgba(255, 255, 255, 0.3);
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-left-color: var(--color-border);
}
.ant-btn-ghost {
  color: var(--color-text-dark);
  background-color: transparent;
  border-color: var(--color-border);
}
.ant-btn-ghost > a:only-child {
  color: currentColor;
}
.ant-btn-ghost > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
  color: var(--color-text-dark);
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.ant-btn-ghost:hover > a:only-child,
.ant-btn-ghost:focus > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:hover > a:only-child::after,
.ant-btn-ghost:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:active,
.ant-btn-ghost.active {
  color: var(--color-text-dark);
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.ant-btn-ghost:active > a:only-child,
.ant-btn-ghost.active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:active > a:only-child::after,
.ant-btn-ghost.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost-disabled,
.ant-btn-ghost.disabled,
.ant-btn-ghost[disabled],
.ant-btn-ghost-disabled:hover,
.ant-btn-ghost.disabled:hover,
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost-disabled:focus,
.ant-btn-ghost.disabled:focus,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost-disabled:active,
.ant-btn-ghost.disabled:active,
.ant-btn-ghost[disabled]:active,
.ant-btn-ghost-disabled.active,
.ant-btn-ghost.disabled.active,
.ant-btn-ghost[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-ghost-disabled > a:only-child,
.ant-btn-ghost.disabled > a:only-child,
.ant-btn-ghost[disabled] > a:only-child,
.ant-btn-ghost-disabled:hover > a:only-child,
.ant-btn-ghost.disabled:hover > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost-disabled:focus > a:only-child,
.ant-btn-ghost.disabled:focus > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost-disabled:active > a:only-child,
.ant-btn-ghost.disabled:active > a:only-child,
.ant-btn-ghost[disabled]:active > a:only-child,
.ant-btn-ghost-disabled.active > a:only-child,
.ant-btn-ghost.disabled.active > a:only-child,
.ant-btn-ghost[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost-disabled > a:only-child::after,
.ant-btn-ghost.disabled > a:only-child::after,
.ant-btn-ghost[disabled] > a:only-child::after,
.ant-btn-ghost-disabled:hover > a:only-child::after,
.ant-btn-ghost.disabled:hover > a:only-child::after,
.ant-btn-ghost[disabled]:hover > a:only-child::after,
.ant-btn-ghost-disabled:focus > a:only-child::after,
.ant-btn-ghost.disabled:focus > a:only-child::after,
.ant-btn-ghost[disabled]:focus > a:only-child::after,
.ant-btn-ghost-disabled:active > a:only-child::after,
.ant-btn-ghost.disabled:active > a:only-child::after,
.ant-btn-ghost[disabled]:active > a:only-child::after,
.ant-btn-ghost-disabled.active > a:only-child::after,
.ant-btn-ghost.disabled.active > a:only-child::after,
.ant-btn-ghost[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed {
  color: var(--color-text-dark);
  background-color: #fff;
  border-color: var(--color-border);
  border-style: dashed;
}
.ant-btn-dashed > a:only-child {
  color: currentColor;
}
.ant-btn-dashed > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
  color: var(--color-text-dark);
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.ant-btn-dashed:hover > a:only-child,
.ant-btn-dashed:focus > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:hover > a:only-child::after,
.ant-btn-dashed:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:active,
.ant-btn-dashed.active {
  color: var(--color-text-dark);
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.ant-btn-dashed:active > a:only-child,
.ant-btn-dashed.active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:active > a:only-child::after,
.ant-btn-dashed.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed-disabled,
.ant-btn-dashed.disabled,
.ant-btn-dashed[disabled],
.ant-btn-dashed-disabled:hover,
.ant-btn-dashed.disabled:hover,
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed-disabled:focus,
.ant-btn-dashed.disabled:focus,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed-disabled:active,
.ant-btn-dashed.disabled:active,
.ant-btn-dashed[disabled]:active,
.ant-btn-dashed-disabled.active,
.ant-btn-dashed.disabled.active,
.ant-btn-dashed[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-dashed-disabled > a:only-child,
.ant-btn-dashed.disabled > a:only-child,
.ant-btn-dashed[disabled] > a:only-child,
.ant-btn-dashed-disabled:hover > a:only-child,
.ant-btn-dashed.disabled:hover > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed-disabled:focus > a:only-child,
.ant-btn-dashed.disabled:focus > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed-disabled:active > a:only-child,
.ant-btn-dashed.disabled:active > a:only-child,
.ant-btn-dashed[disabled]:active > a:only-child,
.ant-btn-dashed-disabled.active > a:only-child,
.ant-btn-dashed.disabled.active > a:only-child,
.ant-btn-dashed[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed-disabled > a:only-child::after,
.ant-btn-dashed.disabled > a:only-child::after,
.ant-btn-dashed[disabled] > a:only-child::after,
.ant-btn-dashed-disabled:hover > a:only-child::after,
.ant-btn-dashed.disabled:hover > a:only-child::after,
.ant-btn-dashed[disabled]:hover > a:only-child::after,
.ant-btn-dashed-disabled:focus > a:only-child::after,
.ant-btn-dashed.disabled:focus > a:only-child::after,
.ant-btn-dashed[disabled]:focus > a:only-child::after,
.ant-btn-dashed-disabled:active > a:only-child::after,
.ant-btn-dashed.disabled:active > a:only-child::after,
.ant-btn-dashed[disabled]:active > a:only-child::after,
.ant-btn-dashed-disabled.active > a:only-child::after,
.ant-btn-dashed.disabled.active > a:only-child::after,
.ant-btn-dashed[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger {
  color: var(--color-danger);
  background-color: var(--color-bg);
  border-color: var(--color-bg);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:hover,
.ant-btn-danger:focus {
  color: var(--color-danger);
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.ant-btn-danger:hover > a:only-child,
.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-danger:hover > a:only-child::after,
.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:active,
.ant-btn-danger.active {
  color: var(--color-danger);
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.ant-btn-danger:active > a:only-child,
.ant-btn-danger.active > a:only-child {
  color: currentColor;
}
.ant-btn-danger:active > a:only-child::after,
.ant-btn-danger.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger-disabled,
.ant-btn-danger.disabled,
.ant-btn-danger[disabled],
.ant-btn-danger-disabled:hover,
.ant-btn-danger.disabled:hover,
.ant-btn-danger[disabled]:hover,
.ant-btn-danger-disabled:focus,
.ant-btn-danger.disabled:focus,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger-disabled:active,
.ant-btn-danger.disabled:active,
.ant-btn-danger[disabled]:active,
.ant-btn-danger-disabled.active,
.ant-btn-danger.disabled.active,
.ant-btn-danger[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-danger-disabled > a:only-child,
.ant-btn-danger.disabled > a:only-child,
.ant-btn-danger[disabled] > a:only-child,
.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-danger-disabled > a:only-child::after,
.ant-btn-danger.disabled > a:only-child::after,
.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-danger-disabled:hover > a:only-child::after,
.ant-btn-danger.disabled:hover > a:only-child::after,
.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-danger-disabled:focus > a:only-child::after,
.ant-btn-danger.disabled:focus > a:only-child::after,
.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-danger-disabled:active > a:only-child::after,
.ant-btn-danger.disabled:active > a:only-child::after,
.ant-btn-danger[disabled]:active > a:only-child::after,
.ant-btn-danger-disabled.active > a:only-child::after,
.ant-btn-danger.disabled.active > a:only-child::after,
.ant-btn-danger[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link {
  color: var(--color-primary);
  background-color: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus {
  color: var(--color-primary);
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.ant-btn-link:hover > a:only-child,
.ant-btn-link:focus > a:only-child {
  color: currentColor;
}
.ant-btn-link:hover > a:only-child::after,
.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:active,
.ant-btn-link.active {
  color: var(--color-primary);
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.ant-btn-link:active > a:only-child,
.ant-btn-link.active > a:only-child {
  color: currentColor;
}
.ant-btn-link:active > a:only-child::after,
.ant-btn-link.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link-disabled,
.ant-btn-link.disabled,
.ant-btn-link[disabled],
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled]:hover,
.ant-btn-link-disabled:focus,
.ant-btn-link.disabled:focus,
.ant-btn-link[disabled]:focus,
.ant-btn-link-disabled:active,
.ant-btn-link.disabled:active,
.ant-btn-link[disabled]:active,
.ant-btn-link-disabled.active,
.ant-btn-link.disabled.active,
.ant-btn-link[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-link-disabled > a:only-child::after,
.ant-btn-link.disabled > a:only-child::after,
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus,
.ant-btn-link:active {
  border-color: transparent;
}
.ant-btn-link-disabled,
.ant-btn-link.disabled,
.ant-btn-link[disabled],
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled]:hover,
.ant-btn-link-disabled:focus,
.ant-btn-link.disabled:focus,
.ant-btn-link[disabled]:focus,
.ant-btn-link-disabled:active,
.ant-btn-link.disabled:active,
.ant-btn-link[disabled]:active,
.ant-btn-link-disabled.active,
.ant-btn-link.disabled.active,
.ant-btn-link[disabled].active {
  color: var(--color-text-disabled);
  background-color: transparent;
  border-color: transparent;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-link-disabled > a:only-child::after,
.ant-btn-link.disabled > a:only-child::after,
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-icon-only {
  width: 36px;
  height: 36px;
  padding: 0;
  font-size: 16px;
  border-radius: 4px;
}
.ant-btn-icon-only.ant-btn-lg {
  width: 48px;
  height: 48px;
  padding: 0;
  font-size: 18px;
  border-radius: 4px;
}
.ant-btn-icon-only.ant-btn-sm {
  width: 28px;
  height: 28px;
  padding: 0;
  font-size: 14px;
  border-radius: 4px;
}
.ant-btn-icon-only > i {
  vertical-align: middle;
}
.ant-btn-round {
  height: 36px;
  padding: 0 18px;
  font-size: 14px;
  border-radius: 36px;
}
.ant-btn-round.ant-btn-lg {
  height: 48px;
  padding: 0 24px;
  font-size: 16px;
  border-radius: 48px;
}
.ant-btn-round.ant-btn-sm {
  height: 28px;
  padding: 0 14px;
  font-size: 14px;
  border-radius: 28px;
}
.ant-btn-round.ant-btn-icon-only {
  width: auto;
}
.ant-btn-circle,
.ant-btn-circle-outline {
  min-width: 36px;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-lg,
.ant-btn-circle-outline.ant-btn-lg {
  min-width: 48px;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-sm,
.ant-btn-circle-outline.ant-btn-sm {
  min-width: 28px;
  border-radius: 50%;
}
.ant-btn::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 1;
  display: none;
  background: #fff;
  border-radius: inherit;
  opacity: 0.35;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  content: '';
  pointer-events: none;
}
.ant-btn .anticon {
  -webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn .anticon.anticon-plus > svg,
.ant-btn .anticon.anticon-minus > svg {
  shape-rendering: optimizeSpeed;
}
.ant-btn.ant-btn-loading {
  position: relative;
}
.ant-btn.ant-btn-loading:not([disabled]) {
  pointer-events: none;
}
.ant-btn.ant-btn-loading::before {
  display: block;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 29px;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon:not(:last-child) {
  margin-left: -14px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 24px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon {
  margin-left: -17px;
}
.ant-btn-group {
  position: relative;
  display: inline-block;
}
.ant-btn-group > .ant-btn,
.ant-btn-group > span > .ant-btn {
  position: relative;
}
.ant-btn-group > .ant-btn:hover,
.ant-btn-group > span > .ant-btn:hover,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > span > .ant-btn:focus,
.ant-btn-group > .ant-btn:active,
.ant-btn-group > span > .ant-btn:active,
.ant-btn-group > .ant-btn.active,
.ant-btn-group > span > .ant-btn.active {
  z-index: 2;
}
.ant-btn-group > .ant-btn:disabled,
.ant-btn-group > span > .ant-btn:disabled {
  z-index: 0;
}
.ant-btn-group > .ant-btn-icon-only {
  font-size: 14px;
}
.ant-btn-group-lg > .ant-btn,
.ant-btn-group-lg > span > .ant-btn {
  height: 48px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 0;
  line-height: 46px;
}
.ant-btn-group-lg > .ant-btn.ant-btn-icon-only {
  width: 48px;
  height: 48px;
  padding-right: 0;
  padding-left: 0;
}
.ant-btn-group-sm > .ant-btn,
.ant-btn-group-sm > span > .ant-btn {
  height: 28px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 0;
  line-height: 26px;
}
.ant-btn-group-sm > .ant-btn > .anticon,
.ant-btn-group-sm > span > .ant-btn > .anticon {
  font-size: 14px;
}
.ant-btn-group-sm > .ant-btn.ant-btn-icon-only {
  width: 28px;
  height: 28px;
  padding-right: 0;
  padding-left: 0;
}
.ant-btn-group .ant-btn + .ant-btn,
.ant-btn + .ant-btn-group,
.ant-btn-group span + .ant-btn,
.ant-btn-group .ant-btn + span,
.ant-btn-group > span + span,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group {
  margin-left: -1px;
}
.ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
  border-left-color: transparent;
}
.ant-btn-group .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn:first-child,
.ant-btn-group > span:first-child > .ant-btn {
  margin-left: 0;
}
.ant-btn-group > .ant-btn:only-child {
  border-radius: 4px;
}
.ant-btn-group > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:only-child {
  border-radius: 4px;
}
.ant-btn-group-sm > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-btn-group > .ant-btn-group {
  float: left;
}
.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
  padding-right: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  padding-left: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn:focus > span,
.ant-btn:active > span {
  position: relative;
}
.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 8px;
}
.ant-btn-background-ghost {
  color: #fff;
  background: transparent !important;
  border-color: #fff;
}
.ant-btn-background-ghost.ant-btn-primary {
  color: var(--color-primary);
  background-color: transparent;
  border-color: var(--color-primary);
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
  color: var(--color-primary);
  background-color: transparent;
  border-color: var(--color-primary);
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:active,
.ant-btn-background-ghost.ant-btn-primary.active {
  color: var(--color-primary);
  background-color: transparent;
  border-color: var(--color-primary);
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary-disabled,
.ant-btn-background-ghost.ant-btn-primary.disabled,
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary-disabled:hover,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary-disabled:active,
.ant-btn-background-ghost.ant-btn-primary.disabled:active,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active,
.ant-btn-background-ghost.ant-btn-primary-disabled.active,
.ant-btn-background-ghost.ant-btn-primary.disabled.active,
.ant-btn-background-ghost.ant-btn-primary[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger {
  color: var(--color-border);
  background-color: transparent;
  border-color: var(--color-border);
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
  color: var(--color-border);
  background-color: transparent;
  border-color: var(--color-border);
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:active,
.ant-btn-background-ghost.ant-btn-danger.active {
  color: var(--color-border);
  background-color: transparent;
  border-color: var(--color-border);
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger-disabled,
.ant-btn-background-ghost.ant-btn-danger.disabled,
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger-disabled:hover,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger-disabled:active,
.ant-btn-background-ghost.ant-btn-danger.disabled:active,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active,
.ant-btn-background-ghost.ant-btn-danger-disabled.active,
.ant-btn-background-ghost.ant-btn-danger.disabled.active,
.ant-btn-background-ghost.ant-btn-danger[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link {
  color: var(--color-primary);
  background-color: transparent;
  border-color: transparent;
  text-shadow: none;
  color: #fff;
}
.ant-btn-background-ghost.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link:hover,
.ant-btn-background-ghost.ant-btn-link:focus {
  color: var(--color-primary);
  background-color: transparent;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-link:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link:active,
.ant-btn-background-ghost.ant-btn-link.active {
  color: var(--color-primary);
  background-color: transparent;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-link:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link-disabled,
.ant-btn-background-ghost.ant-btn-link.disabled,
.ant-btn-background-ghost.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-link-disabled:hover,
.ant-btn-background-ghost.ant-btn-link.disabled:hover,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover,
.ant-btn-background-ghost.ant-btn-link-disabled:focus,
.ant-btn-background-ghost.ant-btn-link.disabled:focus,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-link-disabled:active,
.ant-btn-background-ghost.ant-btn-link.disabled:active,
.ant-btn-background-ghost.ant-btn-link[disabled]:active,
.ant-btn-background-ghost.ant-btn-link-disabled.active,
.ant-btn-background-ghost.ant-btn-link.disabled.active,
.ant-btn-background-ghost.ant-btn-link[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-two-chinese-chars::first-letter {
  letter-spacing: 0.34em;
}
.ant-btn-two-chinese-chars > *:not(.anticon) {
  margin-right: -0.34em;
  letter-spacing: 0.34em;
}
.ant-btn-block {
  width: 100%;
}
.ant-btn:empty {
  vertical-align: top;
}
a.ant-btn {
  padding-top: 0.1px;
  line-height: 34px;
}
a.ant-btn-lg {
  line-height: 46px;
}
a.ant-btn-sm {
  line-height: 26px;
}
.ant-dropdown {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}
.ant-dropdown::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: -7px;
  left: -7px;
  z-index: -9999;
  opacity: 0.0001;
  content: ' ';
}
.ant-dropdown-wrap {
  position: relative;
}
.ant-dropdown-wrap .ant-btn > .anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-wrap .ant-btn > .anticon-down {
  font-size: 12px;
}
.ant-dropdown-wrap .anticon-down::before {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.ant-dropdown-wrap-open .anticon-down::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ant-dropdown-hidden,
.ant-dropdown-menu-hidden {
  display: none;
}
.ant-dropdown-menu {
  position: relative;
  margin: 0;
  padding: 4px 0;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate3d(0, 0, 0);
}
.ant-dropdown-menu-item-group-title {
  padding: 5px 16px;
  color: var(--color-text-light);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-dropdown-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
}
.ant-dropdown-menu-submenu-popup > .ant-dropdown-menu {
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.ant-dropdown-menu-submenu-popup ul,
.ant-dropdown-menu-submenu-popup li {
  list-style: none;
}
.ant-dropdown-menu-submenu-popup ul {
  margin-right: 0.3em;
  margin-left: 0.3em;
  padding: 0;
}
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  clear: both;
  margin: 0;
  padding: 5px 16px;
  color: var(--color-text-dark);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-dropdown-menu-item > .anticon:first-child,
.ant-dropdown-menu-submenu-title > .anticon:first-child,
.ant-dropdown-menu-item > span > .anticon:first-child,
.ant-dropdown-menu-submenu-title > span > .anticon:first-child {
  min-width: 12px;
  margin-right: 8px;
  font-size: 12px;
}
.ant-dropdown-menu-item > a,
.ant-dropdown-menu-submenu-title > a {
  display: block;
  margin: -5px -16px;
  padding: 5px 16px;
  color: var(--color-text-dark);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected,
.ant-dropdown-menu-item-selected > a,
.ant-dropdown-menu-submenu-title-selected > a {
  color: var(--color-primary);
  background-color: transparent;
}
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover {
  background-color: var(--color-bg);
}
.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-submenu-title-disabled {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-submenu-title-disabled:hover {
  color: var(--color-text-disabled);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-item-divider,
.ant-dropdown-menu-submenu-title-divider {
  height: 1px;
  margin: 4px 0;
  overflow: hidden;
  line-height: 0;
  background-color: var(--color-border-light);
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow {
  position: absolute;
  right: 8px;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: var(--color-text-light);
  font-style: normal;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
:root .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  font-size: 12px;
}
.ant-dropdown-menu-item-group-list {
  margin: 0 8px;
  padding: 0;
  list-style: none;
}
.ant-dropdown-menu-submenu-title {
  padding-right: 26px;
}
.ant-dropdown-menu-submenu-vertical {
  position: relative;
}
.ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 100%;
  margin-left: 4px;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: var(--color-text-disabled);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title {
  color: var(--color-primary);
}
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomRight,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomRight {
  -webkit-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
}
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topRight,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topRight {
  -webkit-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
}
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomRight {
  -webkit-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
}
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topRight {
  -webkit-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
}
.ant-dropdown-trigger > .anticon.anticon-down,
.ant-dropdown-link > .anticon.anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-trigger > .anticon.anticon-down,
:root .ant-dropdown-link > .anticon.anticon-down {
  font-size: 12px;
}
.ant-dropdown-button {
  white-space: nowrap;
}
.ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child) {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-dropdown-button .anticon.anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-button .anticon.anticon-down {
  font-size: 12px;
}
.ant-dropdown-menu-dark,
.ant-dropdown-menu-dark .ant-dropdown-menu {
  background: #001529;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover {
  color: #fff;
  background: transparent;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
  color: #fff;
  background: var(--color-primary);
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-dropdown-menu {
  border: 1px solid var(--color-border-light);
  -webkit-box-shadow: 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
          box-shadow: 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
}
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  line-height: 30px;
}
.tz-dropdown-btn-group {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.ant-slider {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  height: 12px;
  margin: 14px 6px 10px;
  padding: 4px 0;
  cursor: pointer;
  -ms-touch-action: none;
      touch-action: none;
}
.ant-slider-vertical {
  width: 12px;
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px;
}
.ant-slider-vertical .ant-slider-rail {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-track {
  width: 4px;
}
.ant-slider-vertical .ant-slider-handle {
  margin-bottom: -7px;
  margin-left: -5px;
}
.ant-slider-vertical .ant-slider-mark {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-mark-text {
  left: 4px;
  white-space: nowrap;
}
.ant-slider-vertical .ant-slider-step {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-dot {
  top: auto;
  left: 2px;
  margin-bottom: -4px;
}
.ant-slider-tooltip .ant-tooltip-inner {
  min-width: unset;
}
.ant-slider-with-marks {
  margin-bottom: 28px;
}
.ant-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: var(--color-bg);
  border-radius: 2px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.ant-slider-track {
  position: absolute;
  height: 4px;
  background-color: var(--color-primary);
  border-radius: 4px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.ant-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  background-color: #fff;
  border: solid 2px var(--color-primary);
  border-radius: 50%;
  -webkit-box-shadow: 0;
          box-shadow: 0;
  cursor: pointer;
  -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: border-color 0.3s, -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.ant-slider-handle:focus {
  border-color: var(--color-primary-hover);
  outline: none;
  -webkit-box-shadow: 0 0 0 5px var(--color-primary-slight);
          box-shadow: 0 0 0 5px var(--color-primary-slight);
}
.ant-slider-handle.ant-tooltip-open {
  border-color: var(--color-primary);
}
.ant-slider:hover .ant-slider-rail {
  background-color: #e1e1e1;
}
.ant-slider:hover .ant-slider-track {
  background-color: var(--color-primary-hover-lighter);
}
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: var(--color-primary-hover-lighter);
}
.ant-slider-mark {
  position: absolute;
  top: 14px;
  left: 0;
  width: 100%;
  font-size: 14px;
}
.ant-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: var(--color-text-light);
  text-align: center;
  word-break: keep-all;
  cursor: pointer;
}
.ant-slider-mark-text-active {
  color: var(--color-text-dark);
}
.ant-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.ant-slider-dot {
  position: absolute;
  top: -2px;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  background-color: #fff;
  border: 2px solid var(--color-border-light);
  border-radius: 50%;
  cursor: pointer;
}
.ant-slider-dot:first-child {
  margin-left: -4px;
}
.ant-slider-dot:last-child {
  margin-left: -4px;
}
.ant-slider-dot-active {
  border-color: var(--color-primary-active);
}
.ant-slider-disabled {
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-track {
  background-color: var(--color-text-disabled) !important;
}
.ant-slider-disabled .ant-slider-handle,
.ant-slider-disabled .ant-slider-dot {
  background-color: #fff;
  border-color: var(--color-text-disabled) !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-mark-text,
.ant-slider-disabled .ant-slider-dot {
  cursor: not-allowed !important;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-slider-track {
  background-color: var(--color-primary);
}
.ant-slider-handle {
  border-color: var(--color-primary);
}

.ant-input-number {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  width: 100%;
  height: 36px;
  padding: 6px 16px;
  color: var(--color-text-dark);
  font-size: 14px;
  line-height: 1.7;
  background-color: #fff;
  background-image: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
  width: 90px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--color-border);
  border-radius: 4px;
}
.ant-input-number::-moz-placeholder {
  color: var(--color-text-light);
  opacity: 1;
}
.ant-input-number:-ms-input-placeholder {
  color: var(--color-text-light);
}
.ant-input-number::-webkit-input-placeholder {
  color: var(--color-text-light);
}
.ant-input-number:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-input-number:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number:hover {
  border-color: var(--color-primary);
  border-right-width: 1px !important;
}
.ant-input-number:focus {
  border-color: var(--color-primary);
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 var(--color-primary);
          box-shadow: 0 0 0 0 var(--color-primary);
}
.ant-input-number-disabled {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: var(--color-border);
  border-right-width: 1px !important;
}
.ant-input-number[disabled] {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number[disabled]:hover {
  border-color: var(--color-border);
  border-right-width: 1px !important;
}
textarea.ant-input-number {
  max-width: 100%;
  height: auto;
  min-height: 36px;
  line-height: 1.7;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-input-number-lg {
  height: 48px;
  padding: 12px 16px;
  font-size: 16px;
}
.ant-input-number-sm {
  height: 28px;
  padding: 2px 12px;
}
.ant-input-number-handler {
  position: relative;
  display: block;
  width: 100%;
  height: 50%;
  overflow: hidden;
  color: var(--color-text-light);
  font-weight: bold;
  line-height: 0;
  text-align: center;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.ant-input-number-handler:active {
  background: var(--color-bg-dark);
}
.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
  color: var(--color-primary-hover);
}
.ant-input-number-handler-up-inner,
.ant-input-number-handler-down-inner {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 4px;
  width: 12px;
  height: 12px;
  color: var(--color-text-light);
  line-height: 12px;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-input-number-handler-up-inner > *,
.ant-input-number-handler-down-inner > * {
  line-height: 1;
}
.ant-input-number-handler-up-inner svg,
.ant-input-number-handler-down-inner svg {
  display: inline-block;
}
.ant-input-number-handler-up-inner::before,
.ant-input-number-handler-down-inner::before {
  display: none;
}
.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
  display: block;
}
.ant-input-number:hover {
  border-color: var(--color-primary);
  border-right-width: 1px !important;
}
.ant-input-number-focused {
  border-color: var(--color-primary);
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 var(--color-primary);
          box-shadow: 0 0 0 0 var(--color-primary);
}
.ant-input-number-disabled {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: var(--color-border);
  border-right-width: 1px !important;
}
.ant-input-number-disabled .ant-input-number-input {
  cursor: not-allowed;
}
.ant-input-number-disabled .ant-input-number-handler-wrap {
  display: none;
}
.ant-input-number-input {
  width: 100%;
  height: 34px;
  padding: 0 15px;
  text-align: left;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  outline: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -moz-appearance: textfield !important;
}
.ant-input-number-input::-moz-placeholder {
  color: var(--color-text-light);
  opacity: 1;
}
.ant-input-number-input:-ms-input-placeholder {
  color: var(--color-text-light);
}
.ant-input-number-input::-webkit-input-placeholder {
  color: var(--color-text-light);
}
.ant-input-number-input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number-input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-input-number-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number-input[type='number']::-webkit-inner-spin-button,
.ant-input-number-input[type='number']::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.ant-input-number-lg {
  padding: 0;
  font-size: 16px;
}
.ant-input-number-lg input {
  height: 46px;
}
.ant-input-number-sm {
  padding: 0;
}
.ant-input-number-sm input {
  height: 26px;
  padding: 0 7px;
}
.ant-input-number-handler-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 100%;
  background: #fff;
  border-left: 1px solid var(--color-border);
  border-radius: 0 4px 4px 0;
  opacity: 0;
  -webkit-transition: opacity 0.24s linear 0.1s;
  transition: opacity 0.24s linear 0.1s;
}
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  display: inline-block;
  font-size: 12px;
  font-size: 7px \9;
  -webkit-transform: scale(0.58333333) rotate(0deg);
          transform: scale(0.58333333) rotate(0deg);
  min-width: auto;
  margin-right: 0;
}
:root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
:root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  font-size: 12px;
}
.ant-input-number-handler-wrap:hover .ant-input-number-handler {
  height: 40%;
}
.ant-input-number:hover .ant-input-number-handler-wrap {
  opacity: 1;
}
.ant-input-number-handler-up {
  border-top-right-radius: 4px;
  cursor: pointer;
}
.ant-input-number-handler-up-inner {
  top: 50%;
  margin-top: -5px;
  text-align: center;
}
.ant-input-number-handler-up:hover {
  height: 60% !important;
}
.ant-input-number-handler-down {
  top: 0;
  border-top: 1px solid var(--color-border);
  border-bottom-right-radius: 4px;
  cursor: pointer;
}
.ant-input-number-handler-down-inner {
  top: 50%;
  margin-top: -6px;
  text-align: center;
}
.ant-input-number-handler-down:hover {
  height: 60% !important;
}
.ant-input-number-handler-up-disabled,
.ant-input-number-handler-down-disabled {
  cursor: not-allowed;
}
.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
  color: var(--color-text-disabled);
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-input-number-sm input {
  font-size: 12px;
  height: 26px;
  padding: 0 11px;
}
.ant-input-number-lg {
  font-size: 14px;
}
.ant-input-number.no-indicated .ant-input-number-handler-wrap {
  display: none;
}
.ant-input-number.no-indicated ~ .tui-input-suffix {
  right: 0 !important;
}
.ant-input-number.controls-balance {
  padding: 0 24px;
  border: none;
}
.ant-input-number.controls-balance.ant-input-number-focused .ant-input-number-input-wrap::after {
  opacity: 1;
}
.ant-input-number.controls-balance.ant-input-number-focused .ant-input-number-handler-wrap:hover + .ant-input-number-input-wrap::after {
  opacity: 0;
}
.ant-input-number.controls-balance .ant-input-number-handler-wrap {
  opacity: 1;
  width: 100%;
  left: 0;
  right: 0;
  border: none;
  background-color: transparent;
}
.ant-input-number.controls-balance .ant-input-number-input-wrap {
  position: relative;
  border: 1px solid var(--color-border-dark);
}
.ant-input-number.controls-balance .ant-input-number-input-wrap input {
  position: relative;
  z-index: 3;
  text-align: center;
  padding: 0 10px;
}
.ant-input-number.controls-balance .ant-input-number-input-wrap::after {
  z-index: 1;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  display: block;
  content: '';
  opacity: 0;
  border: 2px solid var(--color-primary);
  -webkit-transition: opacity 400ms;
  transition: opacity 400ms;
}
.ant-input-number.controls-balance .ant-input-number-input-wrap:hover::after {
  opacity: 1;
}
.ant-input-number.controls-balance .ant-input-number-handler {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100% !important;
  width: 25px;
  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 var(--color-border-dark);
  background-color: var(--color-border-light);
  border-radius: 0;
}
.ant-input-number.controls-balance .ant-input-number-handler:hover:not([aria-disabled="true"]) {
  color: var(--color-primary);
  border-color: var(--color-primary);
  z-index: 9;
}
.ant-input-number.controls-balance .ant-input-number-handler[aria-disabled="true"] {
  opacity: 0.6;
}
.ant-input-number.controls-balance .ant-input-number-handler svg {
  display: none;
}
.ant-input-number.controls-balance .ant-input-number-handler::before,
.ant-input-number.controls-balance .ant-input-number-handler::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: currentColor;
}
.ant-input-number.controls-balance .ant-input-number-handler::before {
  width: 10px;
  height: 1px;
}
.ant-input-number.controls-balance .ant-input-number-handler::after {
  width: 1px;
  height: 10px;
}
.ant-input-number.controls-balance .ant-input-number-handler-up {
  right: 0;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.ant-input-number.controls-balance .ant-input-number-handler-down {
  left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.ant-input-number.controls-balance .ant-input-number-handler-down::after {
  display: none;
}
.tui-input-number-wrap {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tui-input-number-wrap .ant-input-number {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.tui-input-number-wrap .ant-input-number-input {
  -webkit-transition: all 0.3s linear, padding 0s;
  transition: all 0.3s linear, padding 0s;
}
.tui-input-number-wrap .tui-input-prefix,
.tui-input-number-wrap .tui-input-suffix {
  font-size: 14px;
  color: var(--color-text-light);
  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;
  pointer-events: none;
  height: 36px;
}
.tui-input-number-wrap .tui-input-prefix {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding-left: 16px;
  border: 1px solid var(--color-border-dark);
  border-right: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tui-input-number-wrap .tui-input-suffix {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: right 0.24s linear 0.1s;
  transition: right 0.24s linear 0.1s;
  padding-right: 16px;
}
.tui-input-number-wrap.with-prefix .ant-input-number {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tui-input-number-wrap.with-prefix .ant-input-number input {
  padding-left: 12px;
}
.tui-input-number-wrap:not(.disabled):hover > * {
  border-color: var(--color-primary);
}
.tui-input-number-wrap .ant-input-number-focused ~ .tui-input-prefix {
  border-color: var(--color-primary);
}
.tui-input-number-wrap.disabled .tui-input-prefix {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  cursor: not-allowed;
}
.tui-input-number-wrap.size-small .tui-input-prefix,
.tui-input-number-wrap.size-small .tui-input-suffix {
  font-size: 12px;
  height: 28px;
}
.tui-input-number-wrap.size-small .tui-input-prefix {
  padding-left: 11px;
}
.tui-input-number-wrap.size-small .tui-input-suffix {
  padding-right: 16px;
}
.tui-input-number-wrap.size-small .ant-input-number input {
  padding-left: 8px;
}
.tui-input-number-wrap.size-large .tui-input-prefix,
.tui-input-number-wrap.size-large .tui-input-suffix {
  height: 48px;
}
.tui-input-number-wrap.size-large .ant-input-number input {
  padding-left: 12px;
}
.tui-input-number-wrap:hover .tui-input-suffix {
  right: 12px;
}
.has-error .tui-input-number-wrap:not(.disabled):hover > * {
  border-color: var(--color-danger);
}
.has-error .tui-input-number-wrap .tui-input-prefix,
.has-error .tui-input-number-wrap .tui-input-suffix {
  border-color: var(--color-danger);
}
.tui-input-number-addon-wrap {
  display: inline-block;
  width: 100%;
  position: relative;
}
.tui-input-number-addon-wrap .tui-input-addon-before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 3;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 35px;
  border-right: 1px solid var(--color-border-dark);
}
.tui-input-number-addon-wrap .ant-input-number {
  display: block;
  width: 100%;
}
.tui-input-number-addon-wrap.size-small .tui-input-addon-before {
  width: 27px;
}
.tui-input-number-addon-wrap.size-large .tui-input-addon-before {
  width: 47px;
}
.tui-input-number-addon-wrap.with-addon-before .ant-input-number-input {
  padding-left: 45px;
}
.tui-input-number-addon-wrap.with-addon-before.size-small .ant-input-number-input {
  padding-left: 34px;
}
.tui-input-number-addon-wrap.with-addon-before.size-large .ant-input-number-input {
  padding-left: 60px;
}
.input-number-option.active {
  color: var(--color-primary);
}
.ant-input-number.controls-balance .ant-input-number-handler {
  background-color: var(--color-bg-light);
}

.ant-calendar-picker-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1050;
  font-family: "helvetica neue", helvetica, "pingfang sc", "hiragino sans gb", "microsoft yahei", arial, sans-serif;
}
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topRight,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topRight {
  -webkit-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
}
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomRight,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomRight {
  -webkit-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
}
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topRight {
  -webkit-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
}
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomRight {
  -webkit-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
}
.ant-calendar-picker {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  outline: none;
  cursor: text;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ant-calendar-picker-input {
  outline: none;
}
.ant-calendar-picker-input.ant-input {
  line-height: 1.7;
}
.ant-calendar-picker-input.ant-input-sm {
  padding-top: 0;
  padding-bottom: 0;
}
.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: var(--color-primary);
}
.ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: var(--color-primary);
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 var(--color-primary);
          box-shadow: 0 0 0 0 var(--color-primary);
}
.ant-calendar-picker-clear,
.ant-calendar-picker-icon {
  position: absolute;
  top: 50%;
  right: 16px;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  font-size: 12px;
  line-height: 14px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-calendar-picker-clear {
  z-index: 2;
  color: var(--color-text-disabled);
  font-size: 14px;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
}
.ant-calendar-picker-clear:hover {
  color: var(--color-text-light);
}
.ant-calendar-picker:hover .ant-calendar-picker-clear {
  opacity: 1;
  pointer-events: auto;
}
.ant-calendar-picker-icon {
  display: inline-block;
  color: var(--color-text-disabled);
  font-size: 14px;
  line-height: 1;
}
.ant-input-disabled + .ant-calendar-picker-icon {
  cursor: not-allowed;
}
.ant-calendar-picker-small .ant-calendar-picker-clear,
.ant-calendar-picker-small .ant-calendar-picker-icon {
  right: 8px;
}
.ant-calendar {
  position: relative;
  width: 280px;
  font-size: 14px;
  line-height: 1.7;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #fff;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-calendar-input-wrap {
  height: 34px;
  padding: 6px 14px;
  border-bottom: 1px solid var(--color-border-light);
}
.ant-calendar-input {
  width: 100%;
  height: 22px;
  color: var(--color-text-dark);
  background: #fff;
  border: 0;
  outline: 0;
  cursor: auto;
}
.ant-calendar-input::-moz-placeholder {
  color: var(--color-text-light);
  opacity: 1;
}
.ant-calendar-input:-ms-input-placeholder {
  color: var(--color-text-light);
}
.ant-calendar-input::-webkit-input-placeholder {
  color: var(--color-text-light);
}
.ant-calendar-input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-calendar-input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-calendar-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-calendar-week-number {
  width: 286px;
}
.ant-calendar-week-number-cell {
  text-align: center;
}
.ant-calendar-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid var(--color-border-light);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-calendar-header a:hover {
  color: var(--color-primary-dark);
}
.ant-calendar-header .ant-calendar-century-select,
.ant-calendar-header .ant-calendar-decade-select,
.ant-calendar-header .ant-calendar-year-select,
.ant-calendar-header .ant-calendar-month-select {
  display: inline-block;
  padding: 0 2px;
  color: var(--color-text-dark);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-header .ant-calendar-century-select-arrow,
.ant-calendar-header .ant-calendar-decade-select-arrow,
.ant-calendar-header .ant-calendar-year-select-arrow,
.ant-calendar-header .ant-calendar-month-select-arrow {
  display: none;
}
.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-prev-month-btn,
.ant-calendar-header .ant-calendar-next-month-btn,
.ant-calendar-header .ant-calendar-prev-year-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: var(--color-text-light);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-prev-year-btn {
  left: 7px;
  height: 100%;
}
.ant-calendar-header .ant-calendar-prev-century-btn::before,
.ant-calendar-header .ant-calendar-prev-decade-btn::before,
.ant-calendar-header .ant-calendar-prev-year-btn::before,
.ant-calendar-header .ant-calendar-prev-century-btn::after,
.ant-calendar-header .ant-calendar-prev-decade-btn::after,
.ant-calendar-header .ant-calendar-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-header .ant-calendar-prev-century-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-decade-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-year-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-century-btn:hover::after,
.ant-calendar-header .ant-calendar-prev-decade-btn:hover::after,
.ant-calendar-header .ant-calendar-prev-year-btn:hover::after {
  border-color: var(--color-text-dark);
}
.ant-calendar-header .ant-calendar-prev-century-btn::after,
.ant-calendar-header .ant-calendar-prev-decade-btn::after,
.ant-calendar-header .ant-calendar-prev-year-btn::after {
  display: none;
}
.ant-calendar-header .ant-calendar-prev-century-btn::after,
.ant-calendar-header .ant-calendar-prev-decade-btn::after,
.ant-calendar-header .ant-calendar-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block;
}
.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
  right: 7px;
  height: 100%;
}
.ant-calendar-header .ant-calendar-next-century-btn::before,
.ant-calendar-header .ant-calendar-next-decade-btn::before,
.ant-calendar-header .ant-calendar-next-year-btn::before,
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-header .ant-calendar-next-century-btn:hover::before,
.ant-calendar-header .ant-calendar-next-decade-btn:hover::before,
.ant-calendar-header .ant-calendar-next-year-btn:hover::before,
.ant-calendar-header .ant-calendar-next-century-btn:hover::after,
.ant-calendar-header .ant-calendar-next-decade-btn:hover::after,
.ant-calendar-header .ant-calendar-next-year-btn:hover::after {
  border-color: var(--color-text-dark);
}
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  display: none;
}
.ant-calendar-header .ant-calendar-next-century-btn::before,
.ant-calendar-header .ant-calendar-next-decade-btn::before,
.ant-calendar-header .ant-calendar-next-year-btn::before,
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  -webkit-transform: rotate(135deg) scale(0.8);
          transform: rotate(135deg) scale(0.8);
}
.ant-calendar-header .ant-calendar-next-century-btn::before,
.ant-calendar-header .ant-calendar-next-decade-btn::before,
.ant-calendar-header .ant-calendar-next-year-btn::before {
  position: relative;
  left: 3px;
}
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  display: inline-block;
}
.ant-calendar-header .ant-calendar-prev-month-btn {
  left: 29px;
  height: 100%;
}
.ant-calendar-header .ant-calendar-prev-month-btn::before,
.ant-calendar-header .ant-calendar-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-header .ant-calendar-prev-month-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-month-btn:hover::after {
  border-color: var(--color-text-dark);
}
.ant-calendar-header .ant-calendar-prev-month-btn::after {
  display: none;
}
.ant-calendar-header .ant-calendar-next-month-btn {
  right: 29px;
  height: 100%;
}
.ant-calendar-header .ant-calendar-next-month-btn::before,
.ant-calendar-header .ant-calendar-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-header .ant-calendar-next-month-btn:hover::before,
.ant-calendar-header .ant-calendar-next-month-btn:hover::after {
  border-color: var(--color-text-dark);
}
.ant-calendar-header .ant-calendar-next-month-btn::after {
  display: none;
}
.ant-calendar-header .ant-calendar-next-month-btn::before,
.ant-calendar-header .ant-calendar-next-month-btn::after {
  -webkit-transform: rotate(135deg) scale(0.8);
          transform: rotate(135deg) scale(0.8);
}
.ant-calendar-body {
  padding: 8px 12px;
}
.ant-calendar table {
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
}
.ant-calendar table,
.ant-calendar th,
.ant-calendar td {
  text-align: center;
  border: 0;
}
.ant-calendar-calendar-table {
  margin-bottom: 0;
  border-spacing: 0;
}
.ant-calendar-column-header {
  width: 33px;
  padding: 6px 0;
  line-height: 18px;
  text-align: center;
}
.ant-calendar-column-header .ant-calendar-column-header-inner {
  display: block;
  font-weight: normal;
}
.ant-calendar-week-number-header .ant-calendar-column-header-inner {
  display: none;
}
.ant-calendar-cell {
  height: 30px;
  padding: 3px 0;
}
.ant-calendar-date {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  padding: 0;
  color: var(--color-text-dark);
  line-height: 22px;
  text-align: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ant-calendar-date-panel {
  position: relative;
  outline: none;
}
.ant-calendar-date:hover {
  background: var(--color-bg);
  cursor: pointer;
}
.ant-calendar-date:active {
  color: #fff;
  background: var(--color-primary-hover);
}
.ant-calendar-today .ant-calendar-date {
  color: var(--color-primary);
  font-weight: bold;
  border-color: var(--color-primary);
}
.ant-calendar-selected-day .ant-calendar-date {
  background: var(--color-primary-active);
}
.ant-calendar-last-month-cell .ant-calendar-date,
.ant-calendar-next-month-btn-day .ant-calendar-date,
.ant-calendar-last-month-cell .ant-calendar-date:hover,
.ant-calendar-next-month-btn-day .ant-calendar-date:hover {
  color: var(--color-text-disabled);
  background: transparent;
  border-color: transparent;
}
.ant-calendar-disabled-cell .ant-calendar-date {
  position: relative;
  width: auto;
  color: var(--color-text-disabled);
  background: var(--color-bg-light);
  border: 1px solid transparent;
  border-radius: 0;
  cursor: not-allowed;
}
.ant-calendar-disabled-cell .ant-calendar-date:hover {
  background: var(--color-bg-light);
}
.ant-calendar-disabled-cell.ant-calendar-selected-day .ant-calendar-date::before {
  position: absolute;
  top: -1px;
  left: 5px;
  width: 24px;
  height: 24px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  content: '';
}
.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date {
  position: relative;
  padding-right: 5px;
  padding-left: 5px;
}
.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date::before {
  position: absolute;
  top: -1px;
  left: 5px;
  width: 24px;
  height: 24px;
  border: 1px solid var(--color-text-disabled);
  border-radius: 2px;
  content: ' ';
}
.ant-calendar-disabled-cell-first-of-row .ant-calendar-date {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-calendar-disabled-cell-last-of-row .ant-calendar-date {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-calendar-footer {
  padding: 0 12px;
  line-height: 38px;
  border-top: 1px solid var(--color-border-light);
}
.ant-calendar-footer:empty {
  border-top: 0;
}
.ant-calendar-footer-btn {
  display: block;
  text-align: center;
}
.ant-calendar-footer-extra {
  text-align: left;
}
.ant-calendar .ant-calendar-today-btn,
.ant-calendar .ant-calendar-clear-btn {
  display: inline-block;
  margin: 0 0 0 8px;
  text-align: center;
}
.ant-calendar .ant-calendar-today-btn-disabled,
.ant-calendar .ant-calendar-clear-btn-disabled {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
.ant-calendar .ant-calendar-today-btn:only-child,
.ant-calendar .ant-calendar-clear-btn:only-child {
  margin: 0;
}
.ant-calendar .ant-calendar-clear-btn {
  position: absolute;
  top: 7px;
  right: 5px;
  display: none;
  width: 20px;
  height: 20px;
  margin: 0;
  overflow: hidden;
  line-height: 20px;
  text-align: center;
  text-indent: -76px;
}
.ant-calendar .ant-calendar-clear-btn::after {
  display: inline-block;
  width: 20px;
  color: var(--color-text-disabled);
  font-size: 14px;
  line-height: 1;
  text-indent: 43px;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.ant-calendar .ant-calendar-clear-btn:hover::after {
  color: var(--color-text-light);
}
.ant-calendar .ant-calendar-ok-btn {
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  cursor: pointer;
  -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);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  height: 36px;
  padding: 0 15px;
  color: #fff;
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 28px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
  line-height: 26px;
}
.ant-calendar .ant-calendar-ok-btn > .anticon {
  line-height: 1;
}
.ant-calendar .ant-calendar-ok-btn,
.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn:focus {
  outline: 0;
}
.ant-calendar .ant-calendar-ok-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-calendar .ant-calendar-ok-btn:not([disabled]):active {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled] {
  cursor: not-allowed;
}
.ant-calendar .ant-calendar-ok-btn.disabled > *,
.ant-calendar .ant-calendar-ok-btn[disabled] > * {
  pointer-events: none;
}
.ant-calendar .ant-calendar-ok-btn-lg {
  height: 48px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 4px;
}
.ant-calendar .ant-calendar-ok-btn-sm {
  height: 28px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
}
.ant-calendar .ant-calendar-ok-btn > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn:hover,
.ant-calendar .ant-calendar-ok-btn:focus {
  color: #fff;
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.ant-calendar .ant-calendar-ok-btn:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn:focus > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn.active {
  color: #fff;
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.ant-calendar .ant-calendar-ok-btn:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn-disabled,
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled],
.ant-calendar .ant-calendar-ok-btn-disabled:hover,
.ant-calendar .ant-calendar-ok-btn.disabled:hover,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
.ant-calendar .ant-calendar-ok-btn-disabled:focus,
.ant-calendar .ant-calendar-ok-btn.disabled:focus,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus,
.ant-calendar .ant-calendar-ok-btn-disabled:active,
.ant-calendar .ant-calendar-ok-btn.disabled:active,
.ant-calendar .ant-calendar-ok-btn[disabled]:active,
.ant-calendar .ant-calendar-ok-btn-disabled.active,
.ant-calendar .ant-calendar-ok-btn.disabled.active,
.ant-calendar .ant-calendar-ok-btn[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn-disabled,
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled],
.ant-calendar .ant-calendar-ok-btn-disabled:hover,
.ant-calendar .ant-calendar-ok-btn.disabled:hover,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
.ant-calendar .ant-calendar-ok-btn-disabled:focus,
.ant-calendar .ant-calendar-ok-btn.disabled:focus,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus,
.ant-calendar .ant-calendar-ok-btn-disabled:active,
.ant-calendar .ant-calendar-ok-btn.disabled:active,
.ant-calendar .ant-calendar-ok-btn[disabled]:active,
.ant-calendar .ant-calendar-ok-btn-disabled.active,
.ant-calendar .ant-calendar-ok-btn.disabled.active,
.ant-calendar .ant-calendar-ok-btn[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar-range-picker-input {
  width: 44%;
  height: 99%;
  text-align: center;
  background-color: transparent;
  border: 0;
  outline: 0;
}
.ant-calendar-range-picker-input::-moz-placeholder {
  color: var(--color-text-light);
  opacity: 1;
}
.ant-calendar-range-picker-input:-ms-input-placeholder {
  color: var(--color-text-light);
}
.ant-calendar-range-picker-input::-webkit-input-placeholder {
  color: var(--color-text-light);
}
.ant-calendar-range-picker-input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-calendar-range-picker-input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-calendar-range-picker-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-calendar-range-picker-input[disabled] {
  cursor: not-allowed;
}
.ant-calendar-range-picker-separator {
  display: inline-block;
  min-width: 10px;
  height: 100%;
  color: var(--color-text-light);
  white-space: nowrap;
  text-align: center;
  vertical-align: top;
  pointer-events: none;
}
.ant-calendar-range {
  width: 552px;
  overflow: hidden;
}
.ant-calendar-range .ant-calendar-date-panel::after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: '.';
}
.ant-calendar-range-part {
  position: relative;
  width: 50%;
}
.ant-calendar-range-left {
  float: left;
}
.ant-calendar-range-left .ant-calendar-time-picker-inner {
  border-right: 1px solid var(--color-border-light);
}
.ant-calendar-range-right {
  float: right;
}
.ant-calendar-range-right .ant-calendar-time-picker-inner {
  border-left: 1px solid var(--color-border-light);
}
.ant-calendar-range-middle {
  position: absolute;
  left: 50%;
  z-index: 1;
  height: 34px;
  margin: 1px 0 0 0;
  padding: 0 200px 0 0;
  color: var(--color-text-light);
  line-height: 34px;
  text-align: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: none;
}
.ant-calendar-range-right .ant-calendar-date-input-wrap {
  margin-left: -90px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-range-middle {
  padding: 0 10px 0 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ant-calendar-range .ant-calendar-today :not(.ant-calendar-disabled-cell) :not(.ant-calendar-last-month-cell) :not(.ant-calendar-next-month-btn-day) .ant-calendar-date {
  color: var(--color-primary);
  background: var(--color-primary-active);
  border-color: var(--color-primary);
}
.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date {
  color: #fff;
  background: var(--color-primary);
  border: 1px solid transparent;
}
.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date:hover,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date:hover {
  background: var(--color-primary);
}
.ant-calendar-range.ant-calendar-time .ant-calendar-range-right .ant-calendar-date-input-wrap {
  margin-left: 0;
}
.ant-calendar-range .ant-calendar-input-wrap {
  position: relative;
  height: 34px;
}
.ant-calendar-range .ant-calendar-input,
.ant-calendar-range .ant-calendar-time-picker-input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 36px;
  padding: 6px 16px;
  color: var(--color-text-dark);
  font-size: 14px;
  line-height: 1.7;
  background-color: #fff;
  background-image: none;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 28px;
  padding-right: 0;
  padding-left: 0;
  line-height: 28px;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-calendar-range .ant-calendar-input::-moz-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-moz-placeholder {
  color: var(--color-text-light);
  opacity: 1;
}
.ant-calendar-range .ant-calendar-input:-ms-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input:-ms-input-placeholder {
  color: var(--color-text-light);
}
.ant-calendar-range .ant-calendar-input::-webkit-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-webkit-input-placeholder {
  color: var(--color-text-light);
}
.ant-calendar-range .ant-calendar-input:-moz-placeholder-shown, .ant-calendar-range .ant-calendar-time-picker-input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-calendar-range .ant-calendar-input:-ms-input-placeholder, .ant-calendar-range .ant-calendar-time-picker-input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-calendar-range .ant-calendar-input:placeholder-shown,
.ant-calendar-range .ant-calendar-time-picker-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-calendar-range .ant-calendar-input:hover,
.ant-calendar-range .ant-calendar-time-picker-input:hover {
  border-color: var(--color-primary);
  border-right-width: 1px !important;
}
.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
  border-color: var(--color-primary);
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 var(--color-primary);
          box-shadow: 0 0 0 0 var(--color-primary);
}
.ant-calendar-range .ant-calendar-input-disabled,
.ant-calendar-range .ant-calendar-time-picker-input-disabled {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  cursor: not-allowed;
  opacity: 1;
}
.ant-calendar-range .ant-calendar-input-disabled:hover,
.ant-calendar-range .ant-calendar-time-picker-input-disabled:hover {
  border-color: var(--color-border);
  border-right-width: 1px !important;
}
.ant-calendar-range .ant-calendar-input[disabled],
.ant-calendar-range .ant-calendar-time-picker-input[disabled] {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  cursor: not-allowed;
  opacity: 1;
}
.ant-calendar-range .ant-calendar-input[disabled]:hover,
.ant-calendar-range .ant-calendar-time-picker-input[disabled]:hover {
  border-color: var(--color-border);
  border-right-width: 1px !important;
}
textarea.ant-calendar-range .ant-calendar-input,
textarea.ant-calendar-range .ant-calendar-time-picker-input {
  max-width: 100%;
  height: auto;
  min-height: 36px;
  line-height: 1.7;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-calendar-range .ant-calendar-input-lg,
.ant-calendar-range .ant-calendar-time-picker-input-lg {
  height: 48px;
  padding: 12px 16px;
  font-size: 16px;
}
.ant-calendar-range .ant-calendar-input-sm,
.ant-calendar-range .ant-calendar-time-picker-input-sm {
  height: 28px;
  padding: 2px 12px;
}
.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-calendar-range .ant-calendar-time-picker-icon {
  display: none;
}
.ant-calendar-range.ant-calendar-week-number {
  width: 574px;
}
.ant-calendar-range.ant-calendar-week-number .ant-calendar-range-part {
  width: 286px;
}
.ant-calendar-range .ant-calendar-year-panel,
.ant-calendar-range .ant-calendar-month-panel,
.ant-calendar-range .ant-calendar-decade-panel {
  top: 34px;
}
.ant-calendar-range .ant-calendar-month-panel .ant-calendar-year-panel {
  top: 0;
}
.ant-calendar-range .ant-calendar-decade-panel-table,
.ant-calendar-range .ant-calendar-year-panel-table,
.ant-calendar-range .ant-calendar-month-panel-table {
  height: 208px;
}
.ant-calendar-range .ant-calendar-in-range-cell {
  position: relative;
  border-radius: 0;
}
.ant-calendar-range .ant-calendar-in-range-cell > div {
  position: relative;
  z-index: 1;
}
.ant-calendar-range .ant-calendar-in-range-cell::before {
  position: absolute;
  top: 4px;
  right: 0;
  bottom: 4px;
  left: 0;
  display: block;
  background: transparent;
  border: 0;
  border-radius: 0;
  content: '';
}
.ant-calendar-range .ant-calendar-footer-extra {
  float: left;
}
div.ant-calendar-range-quick-selector {
  text-align: left;
}
div.ant-calendar-range-quick-selector > a {
  margin-right: 8px;
}
.ant-calendar-range .ant-calendar-header,
.ant-calendar-range .ant-calendar-month-panel-header,
.ant-calendar-range .ant-calendar-year-panel-header,
.ant-calendar-range .ant-calendar-decade-panel-header {
  border-bottom: 0;
}
.ant-calendar-range .ant-calendar-body,
.ant-calendar-range .ant-calendar-month-panel-body,
.ant-calendar-range .ant-calendar-year-panel-body,
.ant-calendar-range .ant-calendar-decade-panel-body {
  border-top: 1px solid var(--color-border-light);
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker {
  top: 68px;
  z-index: 2;
  width: 100%;
  height: 207px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-panel {
  height: 267px;
  margin-top: -34px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-inner {
  height: 100%;
  padding-top: 40px;
  background: none;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox {
  display: inline-block;
  height: 100%;
  background-color: #fff;
  border-top: 1px solid var(--color-border-light);
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select {
  height: 100%;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select ul {
  max-height: 100%;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
  margin-right: 8px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-today-btn {
  height: 22px;
  margin: 8px 12px;
  line-height: 22px;
}
.ant-calendar-range-with-ranges.ant-calendar-time .ant-calendar-time-picker {
  height: 233px;
}
.ant-calendar-range.ant-calendar-show-time-picker .ant-calendar-body {
  border-top-color: transparent;
}
.ant-calendar-time-picker {
  position: absolute;
  top: 40px;
  width: 100%;
  background-color: #fff;
}
.ant-calendar-time-picker-panel {
  position: absolute;
  z-index: 1050;
  width: 100%;
}
.ant-calendar-time-picker-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  outline: none;
}
.ant-calendar-time-picker-combobox {
  width: 100%;
}
.ant-calendar-time-picker-column-1,
.ant-calendar-time-picker-column-1 .ant-calendar-time-picker-select {
  width: 100%;
}
.ant-calendar-time-picker-column-2 .ant-calendar-time-picker-select {
  width: 50%;
}
.ant-calendar-time-picker-column-3 .ant-calendar-time-picker-select {
  width: 33.33%;
}
.ant-calendar-time-picker-column-4 .ant-calendar-time-picker-select {
  width: 25%;
}
.ant-calendar-time-picker-input-wrap {
  display: none;
}
.ant-calendar-time-picker-select {
  position: relative;
  float: left;
  height: 226px;
  overflow: hidden;
  font-size: 14px;
  border-right: 1px solid var(--color-border-light);
}
.ant-calendar-time-picker-select:hover {
  overflow-y: auto;
}
.ant-calendar-time-picker-select:first-child {
  margin-left: 0;
  border-left: 0;
}
.ant-calendar-time-picker-select:last-child {
  border-right: 0;
}
.ant-calendar-time-picker-select ul {
  width: 100%;
  max-height: 206px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-calendar-time-picker-select li {
  width: 100%;
  height: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  list-style: none;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-calendar-time-picker-select li:last-child::after {
  display: block;
  height: 202px;
  content: '';
}
.ant-calendar-time-picker-select li:hover {
  background: var(--color-bg);
}
.ant-calendar-time-picker-select li:focus {
  color: var(--color-primary);
  font-weight: 600;
  outline: none;
}
li.ant-calendar-time-picker-select-option-selected {
  font-weight: 600;
  background: var(--color-bg);
}
li.ant-calendar-time-picker-select-option-disabled {
  color: var(--color-text-disabled);
}
li.ant-calendar-time-picker-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}
.ant-calendar-time .ant-calendar-day-select {
  display: inline-block;
  padding: 0 2px;
  color: var(--color-text-dark);
  font-weight: 500;
  line-height: 34px;
}
.ant-calendar-time .ant-calendar-footer {
  position: relative;
  height: auto;
}
.ant-calendar-time .ant-calendar-footer-btn {
  text-align: right;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-today-btn {
  float: left;
  margin: 0;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
  display: inline-block;
  margin-right: 8px;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn-disabled {
  color: var(--color-text-disabled);
}
.ant-calendar-month-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: #fff;
  border-radius: 4px;
  outline: none;
}
.ant-calendar-month-panel > div {
  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%;
}
.ant-calendar-month-panel-hidden {
  display: none;
}
.ant-calendar-month-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid var(--color-border-light);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
}
.ant-calendar-month-panel-header a:hover {
  color: var(--color-primary-dark);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: var(--color-text-dark);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select-arrow {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: var(--color-text-light);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn {
  left: 7px;
  height: 100%;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:hover::after {
  border-color: var(--color-text-dark);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
  right: 7px;
  height: 100%;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:hover::after {
  border-color: var(--color-text-dark);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  -webkit-transform: rotate(135deg) scale(0.8);
          transform: rotate(135deg) scale(0.8);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::before {
  position: relative;
  left: 3px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  display: inline-block;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn {
  left: 29px;
  height: 100%;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:hover::after {
  border-color: var(--color-text-dark);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::after {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn {
  right: 29px;
  height: 100%;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:hover::after {
  border-color: var(--color-text-dark);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after {
  -webkit-transform: rotate(135deg) scale(0.8);
          transform: rotate(135deg) scale(0.8);
}
.ant-calendar-month-panel-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ant-calendar-month-panel-footer {
  border-top: 1px solid var(--color-border-light);
}
.ant-calendar-month-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px;
}
.ant-calendar-month-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
  color: #fff;
  background: var(--color-primary);
}
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover {
  color: #fff;
  background: var(--color-primary);
}
.ant-calendar-month-panel-cell {
  text-align: center;
}
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month,
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover {
  color: var(--color-text-disabled);
  background: var(--color-bg-light);
  cursor: not-allowed;
}
.ant-calendar-month-panel-month {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 8px;
  color: var(--color-text-dark);
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ant-calendar-month-panel-month:hover {
  background: var(--color-bg);
  cursor: pointer;
}
.ant-calendar-year-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: #fff;
  border-radius: 4px;
  outline: none;
}
.ant-calendar-year-panel > div {
  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%;
}
.ant-calendar-year-panel-hidden {
  display: none;
}
.ant-calendar-year-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid var(--color-border-light);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
}
.ant-calendar-year-panel-header a:hover {
  color: var(--color-primary-dark);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: var(--color-text-dark);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select-arrow {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: var(--color-text-light);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn {
  left: 7px;
  height: 100%;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:hover::after {
  border-color: var(--color-text-dark);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
  right: 7px;
  height: 100%;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:hover::after {
  border-color: var(--color-text-dark);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  -webkit-transform: rotate(135deg) scale(0.8);
          transform: rotate(135deg) scale(0.8);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::before {
  position: relative;
  left: 3px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  display: inline-block;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn {
  left: 29px;
  height: 100%;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:hover::after {
  border-color: var(--color-text-dark);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::after {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn {
  right: 29px;
  height: 100%;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:hover::after {
  border-color: var(--color-text-dark);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after {
  -webkit-transform: rotate(135deg) scale(0.8);
          transform: rotate(135deg) scale(0.8);
}
.ant-calendar-year-panel-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ant-calendar-year-panel-footer {
  border-top: 1px solid var(--color-border-light);
}
.ant-calendar-year-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px;
}
.ant-calendar-year-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-calendar-year-panel-cell {
  text-align: center;
}
.ant-calendar-year-panel-year {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 8px;
  color: var(--color-text-dark);
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ant-calendar-year-panel-year:hover {
  background: var(--color-bg);
  cursor: pointer;
}
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year {
  color: #fff;
  background: var(--color-primary);
}
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
  color: #fff;
  background: var(--color-primary);
}
.ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,
.ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year {
  color: var(--color-text-disabled);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-calendar-decade-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  border-radius: 4px;
  outline: none;
}
.ant-calendar-decade-panel-hidden {
  display: none;
}
.ant-calendar-decade-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid var(--color-border-light);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
}
.ant-calendar-decade-panel-header a:hover {
  color: var(--color-primary-dark);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: var(--color-text-dark);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select-arrow {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: var(--color-text-light);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn {
  left: 7px;
  height: 100%;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:hover::after {
  border-color: var(--color-text-dark);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
  right: 7px;
  height: 100%;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:hover::after {
  border-color: var(--color-text-dark);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  -webkit-transform: rotate(135deg) scale(0.8);
          transform: rotate(135deg) scale(0.8);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::before {
  position: relative;
  left: 3px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  display: inline-block;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn {
  left: 29px;
  height: 100%;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:hover::after {
  border-color: var(--color-text-dark);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::after {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn {
  right: 29px;
  height: 100%;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  -webkit-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:hover::after {
  border-color: var(--color-text-dark);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after {
  -webkit-transform: rotate(135deg) scale(0.8);
          transform: rotate(135deg) scale(0.8);
}
.ant-calendar-decade-panel-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ant-calendar-decade-panel-footer {
  border-top: 1px solid var(--color-border-light);
}
.ant-calendar-decade-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px;
}
.ant-calendar-decade-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-calendar-decade-panel-cell {
  white-space: nowrap;
  text-align: center;
}
.ant-calendar-decade-panel-decade {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 6px;
  color: var(--color-text-dark);
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ant-calendar-decade-panel-decade:hover {
  background: var(--color-bg);
  cursor: pointer;
}
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade {
  color: #fff;
  background: var(--color-primary);
}
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover {
  color: #fff;
  background: var(--color-primary);
}
.ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade,
.ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade {
  color: var(--color-text-disabled);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-calendar-month .ant-calendar-month-header-wrap {
  position: relative;
  height: 288px;
}
.ant-calendar-month .ant-calendar-month-panel,
.ant-calendar-month .ant-calendar-year-panel {
  top: 0;
  height: 100%;
}
.ant-calendar-week-number-cell {
  opacity: 0.5;
}
.ant-calendar-week-number .ant-calendar-body tr {
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-calendar-week-number .ant-calendar-body tr:hover {
  background: var(--color-primary-slight);
}
.ant-calendar-week-number .ant-calendar-body tr.ant-calendar-active-week {
  font-weight: bold;
  background: var(--color-primary-active);
}
.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day .ant-calendar-date,
.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day:hover .ant-calendar-date {
  color: var(--color-text-dark);
  background: transparent;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-calendar-range .ant-calendar-in-range-cell {
  color: var(--color-primary-dark);
}
.ant-calendar-range .ant-calendar-in-range-cell::before {
  background-color: var(--color-primary-slight);
}
.ant-calendar-range .ant-calendar-in-range-cell .ant-calendar-date {
  color: var(--color-primary-dark);
}
.ant-calendar-input-wrap {
  height: auto;
}
.ant-calendar-range .ant-calendar-input-wrap {
  height: auto;
}
.ant-calendar-year-panel-tbody a:hover,
.ant-calendar-month-panel-tbody a:hover {
  color: inherit;
}
.ant-calendar-range .ant-calendar-year-panel,
.ant-calendar-range .ant-calendar-month-panel,
.ant-calendar-range .ant-calendar-decade-panel {
  top: 41px;
}
.ant-calendar-today .ant-calendar-date {
  color: var(--color-primary);
  font-weight: bold;
  border-color: var(--color-primary);
}
.ant-calendar-today .ant-calendar-date:hover {
  color: var(--color-primary-dark);
}
.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date {
  border-color: transparent;
  background: var(--color-bg);
}
.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date::before {
  border-color: var(--color-primary);
}
.ant-calendar-selected-day .ant-calendar-date {
  background-color: var(--color-primary);
  color: #fff;
}
.ant-calendar-picker-input.ant-input-sm {
  font-size: 12px;
  line-height: 26px;
}
.ant-calendar-range-quick-selector .ant-tag:hover {
  cursor: pointer;
  color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.ant-calendar-picker-container-placement-bottomLeft {
  padding-top: 3px;
}
.ant-calendar-week-number .ant-calendar-body tr.ant-calendar-active-week {
  background-color: var(--color-primary);
  color: #fff;
}
.ant-calendar-week-number .ant-calendar-body tr.ant-calendar-active-week .ant-calendar-selected-day .ant-calendar-date {
  color: #fff;
}

.ant-time-picker-panel {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1050;
  font-family: "helvetica neue", helvetica, "pingfang sc", "hiragino sans gb", "microsoft yahei", arial, sans-serif;
}
.ant-time-picker-panel-inner {
  position: relative;
  left: -2px;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-time-picker-panel-input {
  width: 100%;
  max-width: 150px;
  margin: 0;
  padding: 0;
  line-height: normal;
  border: 0;
  outline: 0;
  cursor: auto;
}
.ant-time-picker-panel-input::-moz-placeholder {
  color: var(--color-text-light);
  opacity: 1;
}
.ant-time-picker-panel-input:-ms-input-placeholder {
  color: var(--color-text-light);
}
.ant-time-picker-panel-input::-webkit-input-placeholder {
  color: var(--color-text-light);
}
.ant-time-picker-panel-input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-time-picker-panel-input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-time-picker-panel-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-time-picker-panel-input-wrap {
  position: relative;
  padding: 7px 2px 7px 16px;
  border-bottom: 1px solid var(--color-border-light);
}
.ant-time-picker-panel-input-invalid {
  border-color: var(--color-danger);
}
.ant-time-picker-panel-narrow .ant-time-picker-panel-input-wrap {
  max-width: 112px;
}
.ant-time-picker-panel-select {
  position: relative;
  float: left;
  width: 56px;
  max-height: 192px;
  overflow: hidden;
  font-size: 14px;
  border-left: 1px solid var(--color-border-light);
}
.ant-time-picker-panel-select:hover {
  overflow-y: auto;
}
.ant-time-picker-panel-select:first-child {
  margin-left: 0;
  border-left: 0;
}
.ant-time-picker-panel-select:last-child {
  border-right: 0;
}
.ant-time-picker-panel-select:only-child {
  width: 100%;
}
.ant-time-picker-panel-select ul {
  width: 56px;
  margin: 0;
  padding: 0 0 160px;
  list-style: none;
}
.ant-time-picker-panel-select li {
  width: 100%;
  height: 32px;
  margin: 0;
  padding: 0 0 0 16px;
  line-height: 32px;
  text-align: left;
  list-style: none;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-time-picker-panel-select li:focus {
  color: var(--color-primary);
  font-weight: 600;
  outline: none;
}
.ant-time-picker-panel-select li:hover {
  background: var(--color-bg);
}
li.ant-time-picker-panel-select-option-selected {
  font-weight: 600;
  background: var(--color-bg);
}
li.ant-time-picker-panel-select-option-selected:hover {
  background: var(--color-bg);
}
li.ant-time-picker-panel-select-option-disabled {
  color: var(--color-text-disabled);
}
li.ant-time-picker-panel-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}
li.ant-time-picker-panel-select-option-disabled:focus {
  color: var(--color-text-disabled);
  font-weight: inherit;
}
.ant-time-picker-panel-combobox {
  zoom: 1;
}
.ant-time-picker-panel-combobox::before,
.ant-time-picker-panel-combobox::after {
  display: table;
  content: '';
}
.ant-time-picker-panel-combobox::after {
  clear: both;
}
.ant-time-picker-panel-addon {
  padding: 8px;
  border-top: 1px solid var(--color-border-light);
}
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topRight {
  -webkit-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
}
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomRight {
  -webkit-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topRight {
  -webkit-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomRight {
  -webkit-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
}
.ant-time-picker {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 128px;
  outline: none;
  cursor: text;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ant-time-picker-input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 36px;
  padding: 6px 16px;
  color: var(--color-text-dark);
  font-size: 14px;
  line-height: 1.7;
  background-color: #fff;
  background-image: none;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-time-picker-input::-moz-placeholder {
  color: var(--color-text-light);
  opacity: 1;
}
.ant-time-picker-input:-ms-input-placeholder {
  color: var(--color-text-light);
}
.ant-time-picker-input::-webkit-input-placeholder {
  color: var(--color-text-light);
}
.ant-time-picker-input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-time-picker-input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-time-picker-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-time-picker-input:hover {
  border-color: var(--color-primary);
  border-right-width: 1px !important;
}
.ant-time-picker-input:focus {
  border-color: var(--color-primary);
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 var(--color-primary);
          box-shadow: 0 0 0 0 var(--color-primary);
}
.ant-time-picker-input-disabled {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input-disabled:hover {
  border-color: var(--color-border);
  border-right-width: 1px !important;
}
.ant-time-picker-input[disabled] {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input[disabled]:hover {
  border-color: var(--color-border);
  border-right-width: 1px !important;
}
textarea.ant-time-picker-input {
  max-width: 100%;
  height: auto;
  min-height: 36px;
  line-height: 1.7;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-time-picker-input-lg {
  height: 48px;
  padding: 12px 16px;
  font-size: 16px;
}
.ant-time-picker-input-sm {
  height: 28px;
  padding: 2px 12px;
}
.ant-time-picker-input[disabled] {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input[disabled]:hover {
  border-color: var(--color-border);
  border-right-width: 1px !important;
}
.ant-time-picker-open {
  opacity: 0;
}
.ant-time-picker-icon,
.ant-time-picker-clear {
  position: absolute;
  top: 50%;
  right: 15px;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  color: var(--color-text-disabled);
  line-height: 14px;
  -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);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-time-picker-icon .ant-time-picker-clock-icon,
.ant-time-picker-clear .ant-time-picker-clock-icon {
  display: block;
  color: var(--color-text-disabled);
  line-height: 1;
}
.ant-time-picker-clear {
  z-index: 2;
  background: #fff;
  opacity: 0;
  pointer-events: none;
}
.ant-time-picker-clear:hover {
  color: var(--color-text-light);
}
.ant-time-picker:hover .ant-time-picker-clear {
  opacity: 1;
  pointer-events: auto;
}
.ant-time-picker-large .ant-time-picker-input {
  height: 48px;
  padding: 12px 16px;
  font-size: 16px;
}
.ant-time-picker-small .ant-time-picker-input {
  height: 28px;
  padding: 2px 12px;
}
.ant-time-picker-small .ant-time-picker-icon,
.ant-time-picker-small .ant-time-picker-clear {
  right: 7px;
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .ant-input {
      line-height: 1.7;
    }
  }
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-time-picker-small .ant-time-picker-input {
  font-size: 12px;
}
.ant-time-picker-panel-inner {
  border: 1px solid var(--color-border-light);
}

.ant-tag {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
  height: auto;
  margin-right: 8px;
  padding: 0 7px;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  background: var(--color-bg-light);
  border: 1px solid var(--color-border);
  border-radius: 4px;
  cursor: default;
  opacity: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-tag:hover {
  opacity: 0.85;
}
.ant-tag,
.ant-tag a,
.ant-tag a:hover {
  color: var(--color-text-dark);
}
.ant-tag > a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px;
}
.ant-tag .anticon-close {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
  margin-left: 3px;
  color: var(--color-text-light);
  font-weight: bold;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
:root .ant-tag .anticon-close {
  font-size: 12px;
}
.ant-tag .anticon-close:hover {
  color: var(--color-text-dark);
}
.ant-tag-has-color {
  border-color: transparent;
}
.ant-tag-has-color,
.ant-tag-has-color a,
.ant-tag-has-color a:hover,
.ant-tag-has-color .anticon-close,
.ant-tag-has-color .anticon-close:hover {
  color: #fff;
}
.ant-tag-checkable {
  background-color: transparent;
  border-color: transparent;
}
.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  color: var(--color-primary);
}
.ant-tag-checkable:active,
.ant-tag-checkable-checked {
  color: #fff;
}
.ant-tag-checkable-checked {
  background-color: var(--color-primary);
}
.ant-tag-checkable:active {
  background-color: var(--color-primary-dark);
}
.ant-tag-hidden {
  display: none;
}
.ant-tag-blue {
  color: var(--color-primary);
  background: var(--color-primary-slight);
  border-color: var(--color-primary);
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.tz-tag {
  padding: 4px 10px;
  text-align: center;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px;
  line-height: 20px;
  vertical-align: text-bottom;
}
.tz-tag:hover {
  opacity: 0.9;
}
.tz-tag.size-middle {
  line-height: 16px;
}
.tz-tag.size-small {
  line-height: 12px;
}
.tz-tag-ellipsis .tz-tag-content {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tz-tag-default {
  background: var(--color-primary);
  color: var(--color-white);
  border-radius: 14px;
}
.tz-tag-simple {
  padding: 2px 10px;
  border: solid 1px var(--color-border);
  border-radius: 4px;
  background: var(--color-white);
  color: var(--color-text);
}
.tz-tag-closable {
  position: relative;
  cursor: pointer;
  padding-right: 24px;
}
.tz-tag-closable.tz-tag-default:hover {
  background: var(--color-primary-dark);
}
.tz-tag-closable .shut-icon {
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 12px;
  height: 12px;
  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;
}
.tz-tag-closable .shut-icon i {
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}
.tz-tag-heavy {
  background: var(--color-primary);
  color: var(--color-white);
  border-radius: 14px;
  padding-right: 10px;
  -webkit-transition: -webkit-transform linear 0.3s;
  transition: -webkit-transform linear 0.3s;
  transition: transform linear 0.3s;
  transition: transform linear 0.3s, -webkit-transform linear 0.3s;
}
.tz-tag-heavy.tz-tag-closable:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.tz-tag-heavy .shut-icon {
  visibility: hidden;
  border-radius: 50%;
  border: solid 2px var(--color-white);
  background: var(--color-primary);
  position: absolute;
  top: 0;
  right: -2px;
  width: 16px;
  height: 16px;
  -webkit-transform: translate(25%, -40%);
          transform: translate(25%, -40%);
}
.tz-tag-heavy:hover .shut-icon {
  visibility: visible;
}
.tz-tag-heavy .shut-icon i {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
.tz-tag-checkable {
  border: solid 1px rgba(220, 225, 229, 0.2);
  padding: 3px 10px;
  border-radius: 14px;
  background: var(--color-bg-light);
  color: var(--color-text);
  cursor: pointer;
  position: relative;
  -webkit-transition: -webkit-transform linear 0.3s;
  transition: -webkit-transform linear 0.3s;
  transition: transform linear 0.3s;
  transition: transform linear 0.3s, -webkit-transform linear 0.3s;
}
.tz-tag-checkable:hover {
  border: solid 1px var(--color-primary);
  color: var(--color-primary);
}
.tz-tag-checkable.tz-tag-checkable-checked {
  border: solid 1px var(--color-primary);
  padding: 3px 10px;
  border-radius: 14px;
  background: var(--color-primary);
  color: var(--color-white);
}
.tz-tag-checkable.tz-tag-checkable-checked:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.tz-tag-checkable .shut-icon {
  visibility: hidden;
  border-radius: 50%;
  border: solid 2px var(--color-white);
  background: var(--color-primary);
  position: absolute;
  top: 0;
  right: -2px;
  width: 16px;
  height: 16px;
  -webkit-transform: translate(25%, -40%);
          transform: translate(25%, -40%);
  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;
}
.tz-tag-checkable.tz-tag-checkable-checked:hover .shut-icon {
  visibility: visible;
}
.tz-tag-checkable .shut-icon i {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
.tz-status-tag {
  display: inline-block;
  vertical-align: middle;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  padding: 0 8px;
  border: 1px solid;
}
.tz-status-tag.size-small {
  line-height: 18px;
  font-size: 12px;
}
.tz-status-tag.size-large {
  font-size: 14px;
  line-height: 26px;
}
.tz-status-tag.status-error {
  border-color: var(--color-danger);
  background-color: var(--color-danger);
}
.tz-status-tag.status-error.ghost-true {
  color: var(--color-danger);
  border-color: var(--color-danger);
  background-color: transparent;
}
.tz-status-tag.status-error.ghost-half {
  color: var(--color-danger-dark);
  border-color: #fdbabd;
  background-color: #feeced;
}
.tz-status-tag.status-fail {
  border-color: #b2b8c1;
  background-color: #b2b8c1;
}
.tz-status-tag.status-fail.ghost-true,
.tz-status-tag.status-fail.ghost-half {
  color: #576272;
}
.tz-status-tag.status-fail.ghost-true {
  border-color: #858e99;
  background-color: transparent;
}
.tz-status-tag.status-fail.ghost-half {
  background-color: #e6ebf0;
  border-color: #d6dce2;
}
.tz-status-tag.status-warn {
  border-color: #ffa52f;
  background-color: #ffa52f;
}
.tz-status-tag.status-warn.ghost-true {
  color: #ffa52f;
  background-color: transparent;
}
.tz-status-tag.status-warn.ghost-half {
  color: #d9821e;
  border-color: #ffd7a4;
  background-color: #ffedd5;
}
.tz-status-tag.status-progress {
  border-color: var(--color-progress);
  background-color: var(--color-progress);
}
.tz-status-tag.status-progress.ghost-true {
  color: var(--color-progress);
  background-color: transparent;
}
.tz-status-tag.status-progress.ghost-half {
  color: var(--color-progress-dark);
  border-color: #a6d3fd;
  background-color: #d6ebfe;
}
.tz-status-tag.status-success {
  border-color: var(--color-success);
  background-color: var(--color-success);
}
.tz-status-tag.status-success.ghost-true {
  color: var(--color-success);
  background-color: transparent;
}
.tz-status-tag.status-success.ghost-half {
  color: var(--color-success-dark);
  border-color: #96e9d5;
  background-color: #cff5ec;
}

.rdw-option-wrapper {
  border: 1px solid #F1F1F1;
  padding: 5px;
  min-width: 25px;
  height: 20px;
  border-radius: 2px;
  margin: 0 4px;
  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;
  background: white;
  text-transform: capitalize;
}
.rdw-option-wrapper:hover {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD;
          box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-option-wrapper:active {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD inset;
          box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-option-active {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD inset;
          box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-option-disabled {
  opacity: 0.3;
  cursor: default;
}
.rdw-dropdown-wrapper {
  height: 30px;
  cursor: pointer;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  margin: 0 3px;
  text-transform: capitalize;
  background: white;
}
.rdw-dropdown-wrapper:focus {
  outline: none;
}
.rdw-dropdown-wrapper:hover {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD;
          box-shadow: 1px 1px 0px #BFBDBD;
  background-color: #FFFFFF;
}
.rdw-dropdown-wrapper:active {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD inset;
          box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-dropdown-carettoopen {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-top: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.rdw-dropdown-carettoclose {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-bottom: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.rdw-dropdown-selectedtext {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 5px;
}
.rdw-dropdown-optionwrapper {
  z-index: 100;
  position: relative;
  border: 1px solid #F1F1F1;
  width: 98%;
  background: white;
  border-radius: 2px;
  margin: 0;
  padding: 0;
  max-height: 250px;
  overflow-y: scroll;
}
.rdw-dropdown-optionwrapper:hover {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD;
          box-shadow: 1px 1px 0px #BFBDBD;
  background-color: #FFFFFF;
}
.rdw-dropdownoption-default {
  min-height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 5px;
}
.rdw-dropdownoption-highlighted {
  background: #F1F1F1;
}
.rdw-dropdownoption-active {
  background: #f5f5f5;
}
.rdw-dropdownoption-disabled {
  opacity: 0.3;
  cursor: default;
}
.rdw-inline-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.rdw-inline-dropdown {
  width: 50px;
}
.rdw-inline-dropdownoption {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rdw-block-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.rdw-block-dropdown {
  width: 110px;
}
.rdw-fontsize-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.rdw-fontsize-dropdown {
  min-width: 40px;
}
.rdw-fontsize-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rdw-fontfamily-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.rdw-fontfamily-dropdown {
  width: 115px;
}
.rdw-fontfamily-placeholder {
  white-space: nowrap;
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rdw-fontfamily-optionwrapper {
  width: 140px;
}
.rdw-list-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.rdw-list-dropdown {
  width: 50px;
  z-index: 90;
}
.rdw-list-dropdownOption {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rdw-text-align-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.rdw-text-align-dropdown {
  width: 50px;
  z-index: 90;
}
.rdw-text-align-dropdownOption {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rdw-right-aligned-block {
  text-align: right;
}
.rdw-left-aligned-block {
  text-align: left !important;
}
.rdw-center-aligned-block {
  text-align: center !important;
}
.rdw-justify-aligned-block {
  text-align: justify !important;
}
.rdw-right-aligned-block > div {
  display: inline-block;
}
.rdw-left-aligned-block > div {
  display: inline-block;
}
.rdw-center-aligned-block > div {
  display: inline-block;
}
.rdw-justify-aligned-block > div {
  display: inline-block;
}
.rdw-colorpicker-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.rdw-colorpicker-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 175px;
  height: 175px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  -webkit-box-shadow: 3px 3px 5px #BFBDBD;
          box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-colorpicker-modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 5px;
}
.rdw-colorpicker-modal-style-label {
  font-size: 15px;
  width: 50%;
  text-align: center;
  cursor: pointer;
  padding: 0 10px 5px;
}
.rdw-colorpicker-modal-style-label-active {
  border-bottom: 2px solid #0a66b7;
}
.rdw-colorpicker-modal-options {
  margin: 5px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: scroll;
}
.rdw-colorpicker-cube {
  width: 22px;
  height: 22px;
  border: 1px solid #F1F1F1;
}
.rdw-colorpicker-option {
  margin: 3px;
  padding: 0;
  min-height: 20px;
  border: none;
  width: 22px;
  height: 22px;
  min-width: 22px;
  -webkit-box-shadow: 1px 2px 1px #BFBDBD inset;
          box-shadow: 1px 2px 1px #BFBDBD inset;
}
.rdw-colorpicker-option:hover {
  -webkit-box-shadow: 1px 2px 1px #BFBDBD;
          box-shadow: 1px 2px 1px #BFBDBD;
}
.rdw-colorpicker-option:active {
  -webkit-box-shadow: -1px -2px 1px #BFBDBD;
          box-shadow: -1px -2px 1px #BFBDBD;
}
.rdw-colorpicker-option-active {
  -webkit-box-shadow: 0px 0px 2px 2px #BFBDBD;
          box-shadow: 0px 0px 2px 2px #BFBDBD;
}
.rdw-link-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.rdw-link-dropdown {
  width: 50px;
}
.rdw-link-dropdownOption {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rdw-link-dropdownPlaceholder {
  margin-left: 8px;
}
.rdw-link-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 235px;
  height: 205px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  -webkit-box-shadow: 3px 3px 5px #BFBDBD;
          box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-link-modal-label {
  font-size: 15px;
}
.rdw-link-modal-input {
  margin-top: 5px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  height: 25px;
  margin-bottom: 15px;
  padding: 0 5px;
}
.rdw-link-modal-input:focus {
  outline: none;
}
.rdw-link-modal-buttonsection {
  margin: 0 auto;
}
.rdw-link-modal-target-option {
  margin-bottom: 20px;
}
.rdw-link-modal-target-option > span {
  margin-left: 5px;
}
.rdw-link-modal-btn {
  margin-left: 10px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-link-modal-btn:hover {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD;
          box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-link-modal-btn:active {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD inset;
          box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-link-modal-btn:focus {
  outline: none !important;
}
.rdw-link-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-link-dropdownoption {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rdw-history-dropdown {
  width: 50px;
}
.rdw-embedded-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.rdw-embedded-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-shadow: 3px 3px 5px #BFBDBD;
          box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-embedded-modal-header {
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.rdw-embedded-modal-header-option {
  width: 50%;
  cursor: pointer;
  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-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rdw-embedded-modal-header-label {
  width: 95px;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7;
}
.rdw-embedded-modal-link-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rdw-embedded-modal-link-input {
  width: 88%;
  height: 35px;
  margin: 10px 0;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px;
}
.rdw-embedded-modal-link-input-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rdw-embedded-modal-link-input:focus {
  outline: none;
}
.rdw-embedded-modal-btn-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rdw-embedded-modal-btn {
  margin: 0 3px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-embedded-modal-btn:hover {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD;
          box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-embedded-modal-btn:active {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD inset;
          box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-embedded-modal-btn:focus {
  outline: none !important;
}
.rdw-embedded-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-embedded-modal-size {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 8px 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.rdw-embedded-modal-size-input {
  width: 80%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
}
.rdw-embedded-modal-size-input:focus {
  outline: none;
}
.rdw-emoji-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.rdw-emoji-modal {
  overflow: auto;
  position: absolute;
  top: 35px;
  left: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  -webkit-box-shadow: 3px 3px 5px #BFBDBD;
          box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-emoji-icon {
  margin: 2.5px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  font-size: 22px;
  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;
}
.rdw-spinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  width: 100%;
}
.rdw-spinner > div {
  width: 12px;
  height: 12px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.rdw-spinner .rdw-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.rdw-spinner .rdw-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.rdw-image-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.rdw-image-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 235px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  -webkit-box-shadow: 3px 3px 5px #BFBDBD;
          box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-image-modal-header {
  font-size: 15px;
  margin: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.rdw-image-modal-header-option {
  width: 50%;
  cursor: pointer;
  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-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rdw-image-modal-header-label {
  width: 80px;
  background: #f1f1f1;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
}
.rdw-image-modal-header-label-highlighted {
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7;
}
.rdw-image-modal-upload-option {
  width: 100%;
  color: gray;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: none;
  font-size: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #f1f1f1;
  outline: 2px dashed gray;
  outline-offset: -10px;
  margin: 10px 0;
  padding: 9px 0;
}
.rdw-image-modal-upload-option-highlighted {
  outline: 2px dashed #0a66b7;
}
.rdw-image-modal-upload-option-label {
  cursor: pointer;
  height: 100%;
  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;
  padding: 15px;
}
.rdw-image-modal-upload-option-label span {
  padding: 0 20px;
}
.rdw-image-modal-upload-option-image-preview {
  max-width: 100%;
  max-height: 200px;
}
.rdw-image-modal-upload-option-input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.rdw-image-modal-url-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rdw-image-modal-url-input {
  width: 90%;
  height: 35px;
  margin: 15px 0 12px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px;
}
.rdw-image-modal-btn-section {
  margin: 10px auto 0;
}
.rdw-image-modal-url-input:focus {
  outline: none;
}
.rdw-image-modal-btn {
  margin: 0 5px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-image-modal-btn:hover {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD;
          box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-image-modal-btn:active {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD inset;
          box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-image-modal-btn:focus {
  outline: none !important;
}
.rdw-image-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-image-modal-spinner {
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
.rdw-image-modal-alt-input {
  width: 70%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
  margin-left: 5px;
}
.rdw-image-modal-alt-input:focus {
  outline: none;
}
.rdw-image-modal-alt-lbl {
  font-size: 12px;
}
.rdw-image-modal-size {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 8px 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.rdw-image-modal-size-input {
  width: 40%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
}
.rdw-image-modal-size-input:focus {
  outline: none;
}
.rdw-image-mandatory-sign {
  color: red;
  margin-left: 3px;
  margin-right: 3px;
}
.rdw-remove-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.rdw-history-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.rdw-history-dropdownoption {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rdw-history-dropdown {
  width: 50px;
}
.rdw-link-decorator-wrapper {
  position: relative;
}
.rdw-link-decorator-icon {
  position: absolute;
  left: 40%;
  top: 0;
  cursor: pointer;
  background-color: white;
}
.rdw-mention-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px;
  position: relative;
}
.rdw-suggestion-wrapper {
  position: relative;
}
.rdw-suggestion-dropdown {
  border: 1px solid #F1F1F1;
  min-width: 120px;
  max-height: 300px;
  overflow: auto;
  background: #fff;
}
.tz-rdw-editor-mention-popup {
  position: fixed;
}
.rdw-suggestion-option {
  word-break: keep-all;
  white-space: nowrap;
}
.rdw-suggestion-option-active {
  background-color: #F1F1F1;
}
.rdw-hashtag-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px;
}
.rdw-image-alignment-options-popup {
  position: absolute;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 2px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  width: 105px;
  cursor: pointer;
  z-index: 100;
}
.rdw-alignment-option-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.rdw-image-alignment-option {
  height: 15px;
  width: 15px;
  min-width: 15px;
}
.rdw-image-alignment {
  position: relative;
}
.rdw-image-imagewrapper {
  position: relative;
}
.rdw-image-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rdw-image-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.rdw-image-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.rdw-image-alignment-options-popup-right {
  right: 0;
}
.rdw-editor-main {
  height: 100%;
  overflow: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.rdw-editor-toolbar {
  padding: 6px 5px 0;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background: white;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 15px;
  margin-bottom: 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.public-DraftStyleDefault-block {
  margin: 1em 0;
}
.rdw-editor-wrapper:focus {
  outline: none;
}
.rdw-editor-wrapper {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.rdw-editor-main blockquote {
  border-left: 5px solid #f1f1f1;
  padding-left: 5px;
}
.rdw-editor-main pre {
  background: #f1f1f1;
  border-radius: 3px;
  padding: 1px 10px;
}
/**
 * Draft v0.9.1
 *
 * Copyright (c) 2013-present, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */
.DraftEditor-editorContainer,
.DraftEditor-root,
.public-DraftEditor-content {
  height: inherit;
  text-align: initial;
}
.public-DraftEditor-content[contenteditable=true] {
  -webkit-user-modify: read-write-plaintext-only;
}
.DraftEditor-root {
  position: relative;
}
.DraftEditor-editorContainer {
  background-color: rgba(255, 255, 255, 0);
  border-left: 0.1px solid transparent;
  position: relative;
  z-index: 1;
}
.public-DraftEditor-block {
  position: relative;
}
.DraftEditor-alignLeft .public-DraftStyleDefault-block {
  text-align: left;
}
.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
  left: 0;
  text-align: left;
}
.DraftEditor-alignCenter .public-DraftStyleDefault-block {
  text-align: center;
}
.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.DraftEditor-alignRight .public-DraftStyleDefault-block {
  text-align: right;
}
.DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
  right: 0;
  text-align: right;
}
.public-DraftEditorPlaceholder-root {
  color: #9197a3;
  position: absolute;
  z-index: 0;
}
.public-DraftEditorPlaceholder-hasFocus {
  color: #bdc1c9;
}
.DraftEditorPlaceholder-hidden {
  display: none;
}
.public-DraftStyleDefault-block {
  position: relative;
  white-space: pre-wrap;
}
.public-DraftStyleDefault-ltr {
  direction: ltr;
  text-align: left;
}
.public-DraftStyleDefault-rtl {
  direction: rtl;
  text-align: right;
}
.public-DraftStyleDefault-listLTR {
  direction: ltr;
}
.public-DraftStyleDefault-listRTL {
  direction: rtl;
}
.public-DraftStyleDefault-ol,
.public-DraftStyleDefault-ul {
  margin: 16px 0;
  padding: 0;
}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
  margin-left: 1.5em;
}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
  margin-right: 1.5em;
}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
  margin-left: 3em;
}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
  margin-right: 3em;
}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
  margin-left: 4.5em;
}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
  margin-right: 4.5em;
}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
  margin-left: 6em;
}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
  margin-right: 6em;
}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
  margin-left: 7.5em;
}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
  margin-right: 7.5em;
}
.public-DraftStyleDefault-unorderedListItem {
  list-style-type: square;
  position: relative;
}
.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
  list-style-type: disc;
}
.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
  list-style-type: circle;
}
.public-DraftStyleDefault-orderedListItem {
  list-style-type: none;
  position: relative;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
  left: -36px;
  position: absolute;
  text-align: right;
  width: 30px;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
  position: absolute;
  right: -36px;
  text-align: left;
  width: 30px;
}
.public-DraftStyleDefault-orderedListItem:before {
  content: counter(ol0) ". ";
  counter-increment: ol0;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
  content: counter(ol1) ". ";
  counter-increment: ol1;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
  content: counter(ol2) ". ";
  counter-increment: ol2;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
  content: counter(ol3) ". ";
  counter-increment: ol3;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
  content: counter(ol4) ". ";
  counter-increment: ol4;
}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
  counter-reset: ol0;
}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
  counter-reset: ol1;
}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
  counter-reset: ol2;
}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
  counter-reset: ol3;
}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
  counter-reset: ol4;
}


/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.tz-editor-toolbar {
  position: relative;
  font-size: 14px;
  padding: 8px 4px 2px 8px;
  border: none;
  border-bottom: 1px solid #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tz-editor-toolbar > * {
  margin-bottom: 6px;
}
.tz-editor-toolbar .rdw-toolbar-divider {
  border-left: 1px dashed var(--color-border-dark);
  height: 24px;
  margin-right: 4px;
}
.tz-editor-toolbar .tz-controls-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tz-editor-toolbar .tz-control-btn {
  position: relative;
  cursor: pointer;
  color: var(--color-text);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 0;
  min-width: 24px;
  padding: 3px;
  text-align: center;
  margin-right: 4px;
  border-radius: 2px;
}
.tz-editor-toolbar .tz-control-btn.active {
  color: var(--color-primary);
  background: var(--color-primary-slight);
}
.tz-editor-toolbar .tz-control-btn.reverse {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.tz-editor-toolbar .tz-control-btn.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.tz-editor-toolbar .tz-control-btn:hover {
  background: var(--color-bg-dark);
}
.tz-editor-toolbar .e-color-picker {
  position: relative;
  width: 36px;
  height: 24px;
  padding: 3px;
  margin-right: 4px;
  border-radius: 2px;
  cursor: pointer;
}
.tz-editor-toolbar .e-color-picker.active {
  background: var(--color-primary-slight);
}
.tz-editor-toolbar .e-color-picker:hover {
  background: var(--color-bg-dark);
}
.tz-editor-toolbar .e-color-picker .picker-icon {
  display: block;
  font-size: 16px;
  margin-top: -1px;
  line-height: 0;
}
.tz-editor-toolbar .e-color-picker .picker-value {
  width: 14px;
  height: 3px;
  left: 4px;
  position: absolute;
  bottom: 3px;
}
.tz-editor-toolbar .e-color-picker:after {
  display: block;
  content: "";
  position: absolute;
  top: 9px;
  right: 6px;
  border-top: 5px solid #666;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
}
.tz-eidtor-tooltip {
  pointer-events: none;
}
.tz-editor-popover-form {
  width: 240px;
}
.tz-editor-popover-form .file-select .select-box {
  padding: 10px 20px;
}
.tz-editor-popover-form .file-select .select-box .box-icon {
  font-size: 30px;
  margin-bottom: 4px;
}
.tz-editor-popover-form .ant-tabs {
  margin-top: -12px;
}
.tz-editor-popover-form .ant-tabs-bar {
  margin-bottom: 8px;
}
.tz-editor-popover-form .e-form-item {
  margin-bottom: 12px;
}
.tz-editor-popover-form .e-form-item .item-label {
  margin-bottom: 4px;
}
.tz-editor-popover-form .e-form-inline-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.tz-editor-popover-form .e-form-inline-item .item-label {
  width: 30px;
}
.tz-editor-popover-form .e-form-inline-item .item-control {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tz-editor-popover-form .e-form-row {
  zoom: 1;
  margin: 12px -10px;
}
.tz-editor-popover-form .e-form-row::before,
.tz-editor-popover-form .e-form-row::after {
  display: table;
  content: '';
}
.tz-editor-popover-form .e-form-row::after {
  clear: both;
}
.tz-editor-popover-form .e-form-col {
  float: left;
  width: 50%;
  padding: 0 10px;
}
.tz-editor-popover-form .form-bar {
  text-align: right;
}
.tz-editor-popover-form .form-bar .tz-btn {
  margin-left: 8px;
}
.DraftEditor-root .DraftEditor-editorContainer {
  word-break: break-all;
}
.DraftEditor-root .DraftEditor-editorContainer a:hover {
  color: var(--color-primary);
  opacity: 0.65;
}
.DraftEditor-root .DraftEditor-editorContainer .public-DraftStyleDefault-ul {
  margin: 0;
}
.DraftEditor-root .DraftEditor-editorContainer .public-DraftStyleDefault-ol {
  margin: 0;
}
.DraftEditor-root .DraftEditor-editorContainer li > div {
  display: inline;
}
.DraftEditor-root .DraftEditor-editorContainer .public-DraftStyleDefault-orderedListItem:before {
  display: inline-block;
  position: static;
  margin-left: -30px;
  width: 30px;
  padding-right: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  text-align: right;
}
.DraftEditor-root .DraftEditor-editorContainer .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth0:before {
  content: counter(ol0) ".";
}
.DraftEditor-root .DraftEditor-editorContainer .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
  content: counter(ol1) ".";
}
.DraftEditor-root .DraftEditor-editorContainer .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
  content: counter(ol2) ".";
}
.DraftEditor-root .DraftEditor-editorContainer .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
  content: counter(ol3) ".";
}
.DraftEditor-root .DraftEditor-editorContainer .public-DraftStyleDefault-unorderedListItem {
  list-style: none;
}
.DraftEditor-root .DraftEditor-editorContainer .public-DraftStyleDefault-unorderedListItem:before {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: static;
  margin-left: -12px;
  margin-right: 6px;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-radius: 50%;
  background-color: currentColor;
  content: "";
}
.DraftEditor-root .DraftEditor-editorContainer .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1:before {
  border: 1px solid currentColor;
  background-color: transparent;
}
.DraftEditor-root .DraftEditor-editorContainer .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth2:before {
  border-radius: 0;
  background-color: currentColor;
}
.DraftEditor-root .DraftEditor-editorContainer .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth3:before {
  border-radius: 0;
  background-color: currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.DraftEditor-root .DraftEditor-editorContainer figure {
  margin: 0;
}
.DraftEditor-root .DraftEditor-editorContainer h1,
.DraftEditor-root .DraftEditor-editorContainer h2,
.DraftEditor-root .DraftEditor-editorContainer h3,
.DraftEditor-root .DraftEditor-editorContainer h4,
.DraftEditor-root .DraftEditor-editorContainer h5,
.DraftEditor-root .DraftEditor-editorContainer h6 {
  font-weight: normal;
  margin: 0;
}
.DraftEditor-root .DraftEditor-editorContainer h1 {
  font-size: 24px;
  line-height: 1.3;
}
.DraftEditor-root .DraftEditor-editorContainer h2 {
  font-size: 20px;
  line-height: 1.5;
}
.DraftEditor-root .DraftEditor-editorContainer h3 {
  font-size: 16px;
  line-height: 1.5;
}
.DraftEditor-root .DraftEditor-editorContainer h5 {
  font-size: 12px;
  line-height: 1.7;
}
.DraftEditor-root .DraftEditor-editorContainer .tz-editor-render-img {
  display: block;
  width: 100%;
  margin: 12px auto;
}
.DraftEditor-root .DraftEditor-editorContainer .tz-editor-render-video {
  margin: 12px auto;
}
.tz-editor-preview {
  word-break: break-all;
}
.tz-editor-preview h1,
.tz-editor-preview h2,
.tz-editor-preview h3,
.tz-editor-preview h4,
.tz-editor-preview h5,
.tz-editor-preview h6 {
  font-weight: normal;
  margin: 0;
}
.tz-editor-preview h1 {
  font-size: 24px;
  line-height: 1.3;
}
.tz-editor-preview h2 {
  font-size: 20px;
  line-height: 1.5;
}
.tz-editor-preview h3 {
  font-size: 16px;
  line-height: 1.5;
}
.tz-editor-preview h5 {
  font-size: 12px;
  line-height: 1.7;
}
.tz-editor-preview p {
  white-space: pre-wrap;
}
.tz-editor-preview a {
  color: var(--color-primary);
}
.tz-editor-preview a:hover {
  color: var(--color-primary);
  opacity: 0.65;
}
.tz-editor-preview img,
.tz-editor-preview video {
  display: block;
  width: 100%;
  margin: 12px auto;
}
.tz-editor-preview ol,
.tz-editor-preview ul {
  list-style: none;
  margin: 0;
  padding-left: 1.5em;
}
.tz-editor-preview li {
  margin: 0;
  padding: 0;
}
.tz-editor-preview ol li:before {
  display: inline-block;
  margin-left: -30px;
  width: 30px;
  padding-right: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  text-align: right;
}
.tz-editor-preview ol {
  counter-reset: tz-editor-section;
}
.tz-editor-preview ol li:before {
  content: counter(tz-editor-section) ".";
  counter-increment: tz-editor-section;
}
.tz-editor-preview ol > ol {
  counter-reset: tz-editor-section-1;
}
.tz-editor-preview ol > ol li:before {
  content: counter(tz-editor-section-1) ".";
  counter-increment: tz-editor-section-1;
}
.tz-editor-preview ol > ol > ol {
  counter-reset: tz-editor-section-2;
}
.tz-editor-preview ol > ol > ol li:before {
  content: counter(tz-editor-section-2) ".";
  counter-increment: tz-editor-section-2;
}
.tz-editor-preview ol > ol > ol > ol {
  counter-reset: tz-editor-section-3;
}
.tz-editor-preview ol > ol > ol > ol li:before {
  content: counter(tz-editor-section-3) ".";
  counter-increment: tz-editor-section-3;
}
.tz-editor-preview ul li:before {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: static;
  margin-left: -12px;
  margin-right: 6px;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-radius: 50%;
  background-color: currentColor;
  content: "";
}
.tz-editor-preview ul > ul > li:before {
  border: 1px solid currentColor;
  background-color: transparent;
}
.tz-editor-preview ul > ul > ul > li:before {
  border-radius: 0;
  background-color: currentColor;
}
.tz-editor-preview ul > ul > ul > ul > li:before {
  border-radius: 0;
  background-color: currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.tz-editor-wraper {
  position: relative;
  border: 1px solid var(--color-border-dark);
}
.tz-editor-wraper .rdw-option-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 24px;
  height: 24px;
  margin: 0 4px;
  padding: 0 6px;
  background: var(--color-bg-dark);
  border: none;
  border-radius: 2px;
}
.tz-editor-wraper .rdw-option-wrapper:hover {
  background: var(--color-primary-slight);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tz-editor-wraper .rdw-option-active {
  background: var(--color-primary-slight);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tz-editor-wraper .public-DraftEditorPlaceholder-root {
  color: var(--color-text-light);
}
.tz-editor-wraper .public-DraftEditorPlaceholder-hasFocus {
  color: var(--color-text-light);
}
.tz-editor-wraper .rdw-dropdown-wrapper {
  height: 24px;
  margin: 0;
  margin-right: 4px;
  font-size: 12px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tz-editor-wraper .rdw-dropdown-selectedtext {
  color: var(--color-text);
  border: 1px solid var(--color-border);
  border-radius: 2px;
}
.tz-editor-wraper .rdw-dropdown-optionwrapper {
  width: 100%;
  margin-top: 2px;
  overflow-y: auto;
  background: #fff;
  border-color: var(--color-border);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tz-editor-wraper .rdw-dropdown-carettoopen {
  top: 8px;
  border-top: 6px solid var(--color-text);
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.tz-editor-wraper .rdw-dropdown-carettoclose {
  top: 8px;
  border-right: 4px solid transparent;
  border-bottom: 6px solid var(--color-text);
  border-left: 4px solid transparent;
}
.tz-editor-wraper .rdw-dropdownoption-active {
  color: var(--color-primary);
}
.tz-editor-wraper .rdw-editor-main {
  padding: 4px 8px;
  overflow: initial;
}
.tz-editor-wraper .public-DraftEditor-content {
  min-height: 100px;
}
.tz-editor-wraper .public-DraftStyleDefault-block {
  margin: 0;
}
.tz-editor-wraper .rdw-link-decorator-wrapper {
  position: relative;
}
.tz-editor-wraper .rdw-link-decorator-wrapper::after {
  position: absolute;
  right: -14px;
  bottom: 100%;
  z-index: 2;
  display: none;
  width: 16px;
  height: 16px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADbSURBVHgB7dfdDcIwDATgAzEAI2QzYBLCJozIBqWWeGyK07ixo94nRUL89a51pQYgIopqalxL7sb/hzMGxwLeTiufTRXf1br+1pI8r1v5p/XHV91ERp7YeBOv6VVAEz5sgVL4NwYoUAqf55UQvMBaeJEQuMC/8CIhaAFNeJEQsIA2vEgIVqAmvEhQHv+C/Un4vPD+C+UCn3k90MjqCmToz7wpyxHK2Cl8jxESufC6We+nUXPD7wd6jdAWqgngltIbC3hjAW8s4I0FvB3qWchiX2yOI+Rt+AJERL6+SNm0HhCT2OsAAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-size: 100%;
  content: '';
}
.tz-editor-wraper .rdw-link-decorator-wrapper:hover::after {
  display: block;
}
.tz-editor-wraper .rdw-link-decorator-icon {
  position: absolute;
  top: -14px;
  right: -14px;
  left: auto;
  z-index: 3;
  width: 20px;
  height: 20px;
  background-color: white;
  cursor: pointer;
  opacity: 0;
}
.rdw-mention-link {
  padding: 0;
  color: var(--color-primary);
  background-color: transparent;
}
.rdw-suggestion-dropdown {
  display: block;
  min-width: 120px;
  padding: 6px 0;
  overflow-x: visible;
  overflow-y: auto;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.tz-rdw-editor-mention-popup {
  z-index: 99999;
}
.tz-editor-mention-dropdown {
  min-width: 120px;
  padding: 6px 0;
  background-color: #fff;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.tz-editor-mention-user {
  position: relative;
  height: 36px;
  padding: 6px 12px;
  padding-left: 44px;
  cursor: pointer;
}
.tz-editor-mention-user:hover {
  background-color: var(--color-bg);
}
.tz-editor-mention-user .user-avatar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 12px;
  display: block;
  width: 24px;
  height: 24px;
  margin: auto;
  border-radius: 50%;
}
.tz-editor-mention-user .user-label {
  color: var(--color-text-dark);
  line-height: 24px;
  white-space: nowrap;
  word-break: keep-all;
}
.tz-editor-mention-empty {
  padding: 6px 12px;
  color: var(--color-text-light);
  text-align: center;
}
.tz-editor-mention-empty img {
  display: block;
  width: 60px;
  margin: 0 auto 4px;
}

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container {
  height: 40px;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-ink-bar {
  visibility: hidden;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  height: 40px;
  margin: 0;
  margin-right: 2px;
  padding: 0 16px;
  line-height: 38px;
  background: var(--color-bg-light);
  border: 1px solid var(--color-border-light);
  border-radius: 4px 4px 0 0;
  -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);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  height: 40px;
  color: var(--color-primary);
  background: #fff;
  border-color: var(--color-border-light);
  border-bottom: 1px solid #fff;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active::before {
  border-top: 2px solid transparent;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-disabled {
  color: var(--color-primary);
  color: var(--color-text-disabled);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-inactive {
  padding: 0;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-wrap {
  margin-bottom: 0;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x {
  width: 16px;
  height: 16px;
  height: 14px;
  margin-right: -5px;
  margin-left: 3px;
  overflow: hidden;
  color: var(--color-text-light);
  font-size: 12px;
  vertical-align: middle;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x:hover {
  color: var(--color-text-dark);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane,
.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane {
  -webkit-transition: none !important;
  transition: none !important;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive,
.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive {
  overflow: hidden;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:hover .anticon-close {
  opacity: 1;
}
.ant-tabs-extra-content {
  line-height: 47.8px;
}
.ant-tabs-extra-content .ant-tabs-new-tab {
  position: relative;
  width: 20px;
  height: 20px;
  color: var(--color-text-dark);
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  border: 1px solid var(--color-border-light);
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-tabs-extra-content .ant-tabs-new-tab:hover {
  color: var(--color-primary);
  border-color: var(--color-primary);
}
.ant-tabs-extra-content .ant-tabs-new-tab svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-tabs.ant-tabs-large .ant-tabs-extra-content {
  line-height: 59.2px;
}
.ant-tabs.ant-tabs-small .ant-tabs-extra-content {
  line-height: 39.8px;
}
.ant-tabs.ant-tabs-card .ant-tabs-extra-content {
  line-height: 40px;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-container {
  height: 100%;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
  margin-bottom: 8px;
  border-bottom: 1px solid var(--color-border-light);
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active {
  padding-bottom: 4px;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab:last-child,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab:last-child {
  margin-bottom: 8px;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-new-tab,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-new-tab {
  width: 90%;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-wrap {
  margin-right: 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab {
  margin-right: 1px;
  border-right: 0;
  border-radius: 4px 0 0 4px;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active {
  margin-right: -1px;
  padding-right: 18px;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-left: 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
  margin-left: 1px;
  border-left: 0;
  border-radius: 0 4px 4px 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active {
  margin-left: -1px;
  padding-left: 18px;
}
.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab {
  height: auto;
  border-top: 0;
  border-bottom: 1px solid var(--color-border-light);
  border-radius: 0 0 4px 4px;
}
.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab-active {
  padding-top: 1px;
  padding-bottom: 0;
  color: var(--color-primary);
}
.ant-tabs {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  overflow: hidden;
  zoom: 1;
}
.ant-tabs::before,
.ant-tabs::after {
  display: table;
  content: '';
}
.ant-tabs::after {
  clear: both;
}
.ant-tabs-ink-bar {
  position: absolute;
  bottom: 1px;
  left: 0;
  z-index: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 0;
  height: 2px;
  background-color: var(--color-primary);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.ant-tabs-bar {
  margin: 0 0 16px 0;
  border-bottom: 1px solid var(--color-border-light);
  outline: none;
  -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav-container {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: -1px;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.7;
  white-space: nowrap;
  -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  zoom: 1;
}
.ant-tabs-nav-container::before,
.ant-tabs-nav-container::after {
  display: table;
  content: '';
}
.ant-tabs-nav-container::after {
  clear: both;
}
.ant-tabs-nav-container-scrolling {
  padding-right: 32px;
  padding-left: 32px;
}
.ant-tabs-bottom .ant-tabs-bottom-bar {
  margin-top: 16px;
  margin-bottom: 0;
  border-top: 1px solid var(--color-border-light);
  border-bottom: none;
}
.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-ink-bar {
  top: 1px;
  bottom: auto;
}
.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-nav-container {
  margin-top: -1px;
  margin-bottom: 0;
}
.ant-tabs-tab-prev,
.ant-tabs-tab-next {
  position: absolute;
  z-index: 2;
  width: 0;
  height: 100%;
  color: var(--color-text-light);
  text-align: center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.ant-tabs-tab-prev.ant-tabs-tab-arrow-show,
.ant-tabs-tab-next.ant-tabs-tab-arrow-show {
  width: 32px;
  height: 100%;
  opacity: 1;
  pointer-events: auto;
}
.ant-tabs-tab-prev:hover,
.ant-tabs-tab-next:hover {
  color: var(--color-text-dark);
}
.ant-tabs-tab-prev-icon,
.ant-tabs-tab-next-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  line-height: inherit;
  text-align: center;
  text-transform: none;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ant-tabs-tab-prev-icon-target,
.ant-tabs-tab-next-icon-target {
  display: block;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
}
:root .ant-tabs-tab-prev-icon-target,
:root .ant-tabs-tab-next-icon-target {
  font-size: 12px;
}
.ant-tabs-tab-btn-disabled {
  cursor: not-allowed;
}
.ant-tabs-tab-btn-disabled,
.ant-tabs-tab-btn-disabled:hover {
  color: var(--color-text-disabled);
}
.ant-tabs-tab-next {
  right: 2px;
}
.ant-tabs-tab-prev {
  left: 0;
}
:root .ant-tabs-tab-prev {
  -webkit-filter: none;
          filter: none;
}
.ant-tabs-nav-wrap {
  margin-bottom: -1px;
  overflow: hidden;
}
.ant-tabs-nav-scroll {
  overflow: hidden;
  white-space: nowrap;
}
.ant-tabs-nav {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding-left: 0;
  list-style: none;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav::before,
.ant-tabs-nav::after {
  display: table;
  content: ' ';
}
.ant-tabs-nav::after {
  clear: both;
}
.ant-tabs-nav .ant-tabs-tab {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  margin: 0 32px 0 0;
  padding: 12px 16px;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav .ant-tabs-tab::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  border-top: 2px solid transparent;
  border-radius: 4px 4px 0 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
  pointer-events: none;
}
.ant-tabs-nav .ant-tabs-tab:last-child {
  margin-right: 0;
}
.ant-tabs-nav .ant-tabs-tab:hover {
  color: var(--color-primary-hover);
}
.ant-tabs-nav .ant-tabs-tab:active {
  color: var(--color-primary-dark);
}
.ant-tabs-nav .ant-tabs-tab .anticon {
  margin-right: 8px;
}
.ant-tabs-nav .ant-tabs-tab-active {
  color: var(--color-primary);
  font-weight: 500;
}
.ant-tabs-nav .ant-tabs-tab-disabled,
.ant-tabs-nav .ant-tabs-tab-disabled:hover {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
.ant-tabs .ant-tabs-large-bar .ant-tabs-nav-container {
  font-size: 16px;
}
.ant-tabs .ant-tabs-large-bar .ant-tabs-tab {
  padding: 16px;
}
.ant-tabs .ant-tabs-small-bar .ant-tabs-nav-container {
  font-size: 14px;
}
.ant-tabs .ant-tabs-small-bar .ant-tabs-tab {
  padding: 8px 16px;
}
.ant-tabs-content::before {
  display: block;
  overflow: hidden;
  content: '';
}
.ant-tabs .ant-tabs-top-content,
.ant-tabs .ant-tabs-bottom-content {
  width: 100%;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  -webkit-backface-visibility: hidden;
  opacity: 1;
  -webkit-transition: opacity 0.45s;
  transition: opacity 0.45s;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive input,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}
.ant-tabs .ant-tabs-top-content.ant-tabs-content-animated,
.ant-tabs .ant-tabs-bottom-content.ant-tabs-content-animated {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: margin-left;
}
.ant-tabs .ant-tabs-left-bar,
.ant-tabs .ant-tabs-right-bar {
  height: 100%;
  border-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-arrow-show,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-arrow-show {
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab {
  display: block;
  float: none;
  margin: 0 0 16px 0;
  padding: 8px 24px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab:last-child,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab:last-child {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-extra-content,
.ant-tabs .ant-tabs-right-bar .ant-tabs-extra-content {
  text-align: center;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-scroll,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-scroll {
  width: auto;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  height: 100%;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling {
  padding: 32px 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav {
  width: 100%;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar,
.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {
  top: 0;
  bottom: auto;
  left: auto;
  width: 2px;
  height: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-next,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-next {
  right: 0;
  bottom: 0;
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-prev,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-prev {
  top: 0;
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-content,
.ant-tabs .ant-tabs-right-content {
  width: auto;
  margin-top: 0 !important;
  overflow: hidden;
}
.ant-tabs .ant-tabs-left-bar {
  float: left;
  margin-right: -1px;
  margin-bottom: 0;
  border-right: 1px solid var(--color-border-light);
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab {
  text-align: right;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container {
  margin-right: -1px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap {
  margin-right: -1px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar {
  right: 1px;
}
.ant-tabs .ant-tabs-left-content {
  padding-left: 24px;
  border-left: 1px solid var(--color-border-light);
}
.ant-tabs .ant-tabs-right-bar {
  float: right;
  margin-bottom: 0;
  margin-left: -1px;
  border-left: 1px solid var(--color-border-light);
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container {
  margin-left: -1px;
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-left: -1px;
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {
  left: 1px;
}
.ant-tabs .ant-tabs-right-content {
  padding-right: 24px;
  border-right: 1px solid var(--color-border-light);
}
.ant-tabs-top .ant-tabs-ink-bar-animated,
.ant-tabs-bottom .ant-tabs-ink-bar-animated {
  -webkit-transition: width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-left .ant-tabs-ink-bar-animated,
.ant-tabs-right .ant-tabs-ink-bar-animated {
  -webkit-transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.no-flex > .ant-tabs-content > .ant-tabs-content-animated,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-content-animated {
  margin-left: 0 !important;
  -webkit-transform: none !important;
          transform: none !important;
}
.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive input,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}
.ant-tabs-left-content > .ant-tabs-content-animated,
.ant-tabs-right-content > .ant-tabs-content-animated {
  margin-left: 0 !important;
  -webkit-transform: none !important;
          transform: none !important;
}
.ant-tabs-left-content > .ant-tabs-tabpane-inactive,
.ant-tabs-right-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.ant-tabs-left-content > .ant-tabs-tabpane-inactive input,
.ant-tabs-right-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-tabs-no-animation {
  overflow: visible;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane {
  -webkit-backface-visibility: hidden;
}
.ant-tabs-bar {
  margin-bottom: 24px;
}
.ant-tabs-nav .ant-tabs-tab {
  padding: 12px 0;
  margin: 0 40px 0 0;
}
.ant-tabs .ant-tabs-large-bar .ant-tabs-tab {
  padding: 12px 0;
}
.ant-tabs .ant-tabs-small-bar .ant-tabs-tab {
  font-size: 12px;
  padding: 8px 0;
}
.tab-position-top-right .ant-tabs-extra-content {
  float: left !important;
}
.tab-position-top-right .ant-tabs-nav-scroll {
  text-align: right;
}
.ant-tabs.ant-tabs-card.type-flexible-card {
  overflow: visible;
}
.ant-tabs.ant-tabs-card.type-flexible-card .ant-tabs-bar {
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-bottom: none;
  margin-bottom: 8px;
}
.ant-tabs.ant-tabs-card.type-flexible-card .ant-tabs-bar .ant-tabs-nav-container {
  height: auto;
}
.ant-tabs.ant-tabs-card.type-flexible-card .ant-tabs-bar .ant-tabs-tab {
  margin-right: 0;
  padding: 13px 0 11px;
  line-height: 1.75em;
  height: auto;
  border: none;
  background-color: transparent;
  border-bottom: 2px solid transparent;
}
.ant-tabs.ant-tabs-card.type-flexible-card .ant-tabs-bar .ant-tabs-tab-active {
  border-color: var(--color-primary);
}
.ant-tabs.ant-tabs-card.type-flexible-card .ant-tabs-bar.ant-tabs-large-bar .ant-tabs-tab {
  padding: 21px 0 19px;
}
.ant-tabs.ant-tabs-card.type-flexible-card .ant-tabs-bar.ant-tabs-small-bar .ant-tabs-tab {
  padding: 9px 0 7px;
  line-height: 22px;
}
.ant-tabs.ant-tabs-card.type-flexible-card .ant-tabs-content {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-radius: 6px;
}
.ant-tabs.ant-tabs-card.type-flexible-card .ant-tabs-nav {
  display: block;
  width: 100%;
  padding: 0 40px;
}
.ant-tabs.ant-tabs-card.type-flexible-card .ant-tabs-nav > div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ant-tabs.ant-tabs-card.type-nav-card {
  overflow: visible;
}
.ant-tabs.ant-tabs-card.type-nav-card .ant-tabs-bar {
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #fff;
  margin-bottom: 8px;
}
.ant-tabs.ant-tabs-card.type-nav-card .ant-tabs-bar .ant-tabs-nav-container {
  height: auto;
}
.ant-tabs.ant-tabs-card.type-nav-card .ant-tabs-bar .ant-tabs-tab {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
  text-align: center;
  margin-right: 0;
  padding-top: 2px;
  padding-bottom: 0;
  height: 50px;
  line-height: 24px;
  border: none;
  background-color: transparent;
  border-bottom: 2px solid transparent;
}
.ant-tabs.ant-tabs-card.type-nav-card .ant-tabs-bar .ant-tabs-tab-active {
  border-color: var(--color-primary);
  background-color: var(--color-primary-slight);
}
.ant-tabs.ant-tabs-card.type-nav-card .ant-tabs-bar .tab-title {
  font-size: 14px;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ant-tabs.ant-tabs-card.type-nav-card .ant-tabs-bar .tab-title.with-icon {
  font-size: 12px;
}
.ant-tabs.ant-tabs-card.type-nav-card .ant-tabs-bar .tab-title .anticon {
  font-size: 14px;
  margin-right: 0;
}
.ant-tabs.ant-tabs-card.type-nav-card .ant-tabs-bar.ant-tabs-large-bar .ant-tabs-tab {
  padding: 21px 0 19px;
}
.ant-tabs.ant-tabs-card.type-nav-card .ant-tabs-bar.ant-tabs-small-bar .ant-tabs-tab {
  padding: 9px 0 7px;
  line-height: 22px;
}
.ant-tabs.ant-tabs-card.type-nav-card .ant-tabs-content {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #fff;
  border-radius: 0;
}
.ant-tabs.ant-tabs-card.type-nav-card .ant-tabs-nav {
  display: block;
  width: 100%;
  padding: 0;
}
.ant-tabs.ant-tabs-card.type-nav-card .ant-tabs-nav > div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ant-tabs.ant-tabs-card.type-radio-card {
  overflow: visible;
}
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-nav {
  border-radius: 2px;
  padding: 2px;
  border: solid 1px var(--color-border);
  background-color: var(--color-bg-dark);
}
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-bar {
  border-bottom: none;
  margin-bottom: 8px;
}
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-bar .ant-tabs-nav-container {
  height: auto;
}
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-bar .ant-tabs-tab {
  position: relative;
  margin-right: 0;
  padding: 6px 24px;
  line-height: 1.75em;
  border-radius: 2px;
  height: auto;
  color: var(--color-text-light);
  border: none;
  background-color: transparent;
}
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-bar .ant-tabs-tab::before {
  display: block;
  position: absolute;
  opacity: 1;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
  content: "";
  width: 1px;
  left: 0;
  top: 8px;
  bottom: 8px;
  background-color: var(--color-border-dark);
}
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-bar .ant-tabs-tab:first-child::before {
  opacity: 0;
}
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-bar .ant-tabs-tab-active {
  color: #fff;
  background-color: var(--color-primary);
}
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-bar .ant-tabs-tab-active::before {
  opacity: 0;
}
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-bar .ant-tabs-tab-active + .ant-tabs-tab::before {
  opacity: 0;
}
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-bar.ant-tabs-large-bar .ant-tabs-nav {
  border-radius: 4px;
}
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-bar.ant-tabs-large-bar .ant-tabs-tab {
  padding: 8px 24px;
  border-radius: 4px;
}
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-bar.ant-tabs-small-bar .ant-tabs-tab {
  padding: 4px 16px;
  height: 30px;
  line-height: 22px;
}
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-nav .ant-tabs-tab-disabled,
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-nav .ant-tabs-tab-disabled:hover {
  opacity: 0.5;
}
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-nav .ant-tabs-tab-disabled::before,
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-nav .ant-tabs-tab-disabled:hover::before {
  background-color: #ccc;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.tz-resize-box .resize-inner {
  position: relative;
  margin: 0 auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tz-resize-box .resize-handle {
  position: absolute;
  z-index: 9;
  width: 8px;
  top: 0;
  bottom: 0;
  height: 60px;
  max-height: 90%;
  margin: auto;
  padding: 0 2px;
  cursor: col-resize;
  opacity: 0;
  -webkit-transition: all 400ms;
  transition: all 400ms;
}
.tz-resize-box .resize-handle:after {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--color-primary-light);
  border-radius: 2px;
}
.tz-resize-box .resize-handle-left {
  left: -8px;
}
.tz-resize-box .resize-handle-right {
  right: -8px;
}
.tz-resize-box:hover .resize-handle {
  opacity: 1;
}

.ant-spin {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  display: none;
  color: var(--color-primary);
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-spin-spinning {
  position: static;
  display: inline-block;
  opacity: 1;
}
.ant-spin-nested-loading {
  position: relative;
}
.ant-spin-nested-loading > div > .ant-spin {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 400px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 5px;
  text-shadow: 0 1px 2px #fff;
}
.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
  margin-top: -20px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
  margin: -7px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
  padding-top: 2px;
}
.ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
  margin-top: -17px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
  margin: -16px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
  padding-top: 11px;
}
.ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
  margin-top: -26px;
}
.ant-spin-container {
  position: relative;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ant-spin-container::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none \9;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
  pointer-events: none;
}
.ant-spin-blur {
  clear: both;
  overflow: hidden;
  opacity: 0.5;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.ant-spin-blur::after {
  opacity: 0.4;
  pointer-events: auto;
}
.ant-spin-tip {
  color: var(--color-text-light);
}
.ant-spin-dot {
  position: relative;
  display: inline-block;
  font-size: 20px;
  width: 1em;
  height: 1em;
}
.ant-spin-dot-item {
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  background-color: var(--color-primary);
  border-radius: 100%;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  opacity: 0.3;
  -webkit-animation: antSpinMove 1s infinite linear alternate;
          animation: antSpinMove 1s infinite linear alternate;
}
.ant-spin-dot-item:nth-child(1) {
  top: 0;
  left: 0;
}
.ant-spin-dot-item:nth-child(2) {
  top: 0;
  right: 0;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.ant-spin-dot-item:nth-child(3) {
  right: 0;
  bottom: 0;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.ant-spin-dot-item:nth-child(4) {
  bottom: 0;
  left: 0;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.ant-spin-dot-spin {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-animation: antRotate 1.2s infinite linear;
          animation: antRotate 1.2s infinite linear;
}
.ant-spin-sm .ant-spin-dot {
  font-size: 14px;
}
.ant-spin-sm .ant-spin-dot i {
  width: 6px;
  height: 6px;
}
.ant-spin-lg .ant-spin-dot {
  font-size: 32px;
}
.ant-spin-lg .ant-spin-dot i {
  width: 14px;
  height: 14px;
}
.ant-spin.ant-spin-show-text .ant-spin-text {
  display: block;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ */
  .ant-spin-blur {
    background: #fff;
    opacity: 0.5;
  }
}
@-webkit-keyframes antSpinMove {
  to {
    opacity: 1;
  }
}
@keyframes antSpinMove {
  to {
    opacity: 1;
  }
}
@-webkit-keyframes antRotate {
  to {
    -webkit-transform: rotate(405deg);
            transform: rotate(405deg);
  }
}
@keyframes antRotate {
  to {
    -webkit-transform: rotate(405deg);
            transform: rotate(405deg);
  }
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
@-webkit-keyframes fading {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes fading {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
.spin-wrap {
  position: relative;
  min-height: 60px;
}
.spin-wrap.loading .spin-container {
  opacity: 0.3;
}
.spin-wrap.loading .spin-content {
  background-color: rgba(255, 255, 255, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.spin-wrap.size-small {
  min-height: 40px;
}
.spin-wrap.size-small .spin-icon {
  font-size: 24px;
}
.spin-wrap.size-small .spin-title {
  font-size: 12px;
}
.spin-wrap.size-large {
  min-height: 80px;
}
.spin-wrap.size-large .spin-icon {
  font-size: 60px;
}
.spin-wrap.size-large .spin-title {
  font-size: 15px;
}
.spin-content {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -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;
}
.spin-icon {
  font-size: 40px;
  color: var(--color-primary-light);
  -webkit-animation: loadingCircle 1.4s infinite linear;
          animation: loadingCircle 1.4s infinite linear;
}
.spin-title {
  margin-top: 10px;
  color: var(--color-text-light);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.tz-menu-dropdown {
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.tz-menu {
  background: #fff;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.tz-menu.type-dropdown {
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.tz-menu .tz-cascader-menus {
  overflow-x: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.tz-menu .tz-cascader-menus .tz-cascader-menus-menu {
  overflow-y: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.tz-menu .tz-cascader-menus .tz-tree-rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
  padding-left: 12px;
  padding-right: 10px;
}
.tz-menu .tz-cascader-menus .tz-tree-rows .ant-checkbox-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tz-menu .tz-cascader-menus .tz-cascader-menus-menu-item-expand-icon {
  padding: 0;
}
.tz-menu .tz-cascader-menus-menu {
  border-right: solid 1px var(--color-border);
  margin: 0;
}
.tz-menu .tz-cascader-menus-menu:last-child {
  border: none;
}
.tz-menu .tz-cascader-menus-menu-item-active {
  background: var(--color-bg);
}
.tz-menu .tz-cascader-menus-menu-item-filtered {
  font-weight: 500;
}
.tz-menu-select-input .ant-select-search {
  opacity: 0;
}
.tz-cascader-menus-empty {
  padding: 15px 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-switch {
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 44px;
  height: 22px;
  line-height: 20px;
  vertical-align: middle;
  background-color: var(--color-text-disabled);
  border: 1px solid transparent;
  border-radius: 100px;
  cursor: pointer;
  -webkit-transition: all 0.36s;
  transition: all 0.36s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-switch-inner {
  display: block;
  margin-right: 6px;
  margin-left: 24px;
  color: #fff;
  font-size: 12px;
}
.ant-switch-loading-icon,
.ant-switch::after {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 18px;
  cursor: pointer;
  -webkit-transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}
.ant-switch::after {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
          box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
}
.ant-switch:not(.ant-switch-disabled):active::before,
.ant-switch:not(.ant-switch-disabled):active::after {
  width: 24px;
}
.ant-switch-loading-icon {
  z-index: 1;
  display: none;
  font-size: 12px;
  background: transparent;
}
.ant-switch-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-switch-loading .ant-switch-loading-icon {
  display: inline-block;
  color: var(--color-text-dark);
}
.ant-switch-checked.ant-switch-loading .ant-switch-loading-icon {
  color: var(--color-primary);
}
.ant-switch:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(192, 192, 192, 0.2);
          box-shadow: 0 0 0 2px rgba(192, 192, 192, 0.2);
}
.ant-switch:focus:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-switch-small {
  min-width: 28px;
  height: 16px;
  line-height: 14px;
}
.ant-switch-small .ant-switch-inner {
  margin-right: 3px;
  margin-left: 18px;
  font-size: 12px;
}
.ant-switch-small::after {
  width: 12px;
  height: 12px;
}
.ant-switch-small:active::before,
.ant-switch-small:active::after {
  width: 16px;
}
.ant-switch-small .ant-switch-loading-icon {
  width: 12px;
  height: 12px;
}
.ant-switch-small.ant-switch-checked .ant-switch-inner {
  margin-right: 18px;
  margin-left: 3px;
}
.ant-switch-small.ant-switch-checked .ant-switch-loading-icon {
  left: 100%;
  margin-left: -13px;
}
.ant-switch-small.ant-switch-loading .ant-switch-loading-icon {
  font-weight: bold;
  -webkit-transform: scale(0.66667);
          transform: scale(0.66667);
}
.ant-switch-checked {
  background-color: var(--color-primary);
}
.ant-switch-checked .ant-switch-inner {
  margin-right: 24px;
  margin-left: 6px;
}
.ant-switch-checked::after {
  left: 100%;
  margin-left: -1px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.ant-switch-checked .ant-switch-loading-icon {
  left: 100%;
  margin-left: -19px;
}
.ant-switch-loading,
.ant-switch-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.ant-switch-loading *,
.ant-switch-disabled * {
  cursor: not-allowed;
}
.ant-switch-loading::before,
.ant-switch-disabled::before,
.ant-switch-loading::after,
.ant-switch-disabled::after {
  cursor: not-allowed;
}
@-webkit-keyframes AntSwitchSmallLoadingCircle {
  0% {
    -webkit-transform: rotate(0deg) scale(0.66667);
            transform: rotate(0deg) scale(0.66667);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  100% {
    -webkit-transform: rotate(360deg) scale(0.66667);
            transform: rotate(360deg) scale(0.66667);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}
@keyframes AntSwitchSmallLoadingCircle {
  0% {
    -webkit-transform: rotate(0deg) scale(0.66667);
            transform: rotate(0deg) scale(0.66667);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  100% {
    -webkit-transform: rotate(360deg) scale(0.66667);
            transform: rotate(360deg) scale(0.66667);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}
.ant-switch {
  background-color: var(--color-border-dark);
}
.ant-switch-checked {
  background-color: var(--color-primary);
}
.ant-switch-loading,
.ant-switch-loading * {
  cursor: progress;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-modal {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  pointer-events: none;
  position: relative;
  top: 100px;
  width: auto;
  max-width: calc(100vw - 32px);
  margin: 0 auto;
  padding-bottom: 24px;
}
.tzui-modal.tzui-zoom-enter,
.tzui-modal.tzui-zoom-appear {
  -webkit-transform: none;
          transform: none;
  opacity: 0;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tzui-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.tzui-modal-mask-hidden {
  display: none;
}
.tzui-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  outline: 0;
}
.tzui-modal-wrap {
  z-index: 1000;
}
.tzui-modal-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  word-wrap: break-word;
}
.tzui-modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  pointer-events: auto;
}
.tzui-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: #858e99;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.tzui-modal-close-x {
  display: block;
  width: 56px;
  height: 56px;
  font-size: 16px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
}
.tzui-modal-close:focus,
.tzui-modal-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.tzui-modal-header {
  padding: 16px 24px;
  color: rgba(0, 0, 0, 0.85);
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 4px 4px 0 0;
}
.tzui-modal-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5715;
  word-wrap: break-word;
}
.tzui-modal-footer {
  padding: 10px 16px;
  text-align: right;
  background: transparent;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 0 0 4px 4px;
}
.tzui-modal-footer .tzui-btn + .tzui-btn:not(.tzui-dropdown-trigger) {
  margin-bottom: 0;
  margin-left: 8px;
}
.tzui-modal-open {
  overflow: hidden;
}
.tzui-modal-centered {
  text-align: center;
}
.tzui-modal-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.tzui-modal-centered .tzui-modal {
  top: 0;
  display: inline-block;
  padding-bottom: 0;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .tzui-modal {
    max-width: calc(100vw - 16px);
    margin: 8px auto;
  }
  .tzui-modal-centered .tzui-modal {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.tzui-modal-confirm .tzui-modal-header {
  display: none;
}
.tzui-modal-confirm .tzui-modal-body {
  padding: 24px;
}
.tzui-modal-confirm-body-wrapper::before {
  display: table;
  content: '';
}
.tzui-modal-confirm-body-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.tzui-modal-confirm-body .tzui-modal-confirm-title {
  display: block;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
}
.tzui-modal-confirm-body .tzui-modal-confirm-content {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.tzui-modal-confirm-body > .anticon {
  float: left;
  margin-right: 16px;
  font-size: 22px;
}
.tzui-modal-confirm-body > .anticon + .tzui-modal-confirm-title + .tzui-modal-confirm-content {
  margin-left: 38px;
}
.tzui-modal-confirm .tzui-modal-confirm-btns {
  margin-top: 24px;
  text-align: right;
}
.tzui-modal-confirm .tzui-modal-confirm-btns .tzui-btn + .tzui-btn {
  margin-bottom: 0;
  margin-left: 8px;
}
.tzui-modal-confirm-error .tzui-modal-confirm-body > .anticon {
  color: var(--color-danger);
}
.tzui-modal-confirm-warning .tzui-modal-confirm-body > .anticon,
.tzui-modal-confirm-confirm .tzui-modal-confirm-body > .anticon {
  color: var(--color-warning);
}
.tzui-modal-confirm-info .tzui-modal-confirm-body > .anticon {
  color: var(--color-progress);
}
.tzui-modal-confirm-success .tzui-modal-confirm-body > .anticon {
  color: var(--color-success);
}
.tzui-modal-confirm .tzui-zoom-leave .tzui-modal-confirm-btns {
  pointer-events: none;
}
.tzui-modal-wrap-rtl {
  direction: rtl;
}
.tzui-modal-wrap-rtl .tzui-modal-close {
  right: initial;
  left: 0;
}
.tzui-modal-wrap-rtl .tzui-modal-footer {
  text-align: left;
}
.tzui-modal-wrap-rtl .tzui-modal-footer .tzui-btn + .tzui-btn {
  margin-right: 8px;
  margin-left: 0;
}
.tzui-modal-wrap-rtl .tzui-modal-confirm-body {
  direction: rtl;
}
.tzui-modal-wrap-rtl .tzui-modal-confirm-body > .anticon {
  float: right;
  margin-right: 0;
  margin-left: 16px;
}
.tzui-modal-wrap-rtl .tzui-modal-confirm-body > .anticon + .tzui-modal-confirm-title + .tzui-modal-confirm-content {
  margin-right: 38px;
  margin-left: 0;
}
.tzui-modal-wrap-rtl .tzui-modal-confirm-btns {
  text-align: left;
}
.tzui-modal-wrap-rtl .tzui-modal-confirm-btns .tzui-btn + .tzui-btn {
  margin-right: 8px;
  margin-left: 0;
}
.tzui-modal-wrap-rtl.tzui-modal-centered .tzui-modal {
  text-align: right;
}
.tzui-modal.tzui-custom-modal {
  top: 24px;
}
.tzui-modal.tzui-custom-modal .tzui-modal-footer .tzui-btn + .tzui-btn {
  margin-left: 8px;
}
.tzui-modal.tzui-custom-modal .tzui-modal-close-x {
  position: static;
  width: 56px;
  height: 56px;
  color: var(--color-text);
  font-size: 20px;
  line-height: 56px;
}
.tzui-modal.tzui-custom-modal .tzui-modal-mask {
  background-color: rgba(55, 55, 55, 0.6);
}
.tzui-modal.tzui-custom-modal .tzui-modal-centered {
  padding: 24px 0;
}
.tzui-modal.tzui-custom-modal .tzui-modal-content {
  border-radius: 4px;
  -webkit-box-shadow: 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
          box-shadow: 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
}
.tzui-modal.tzui-custom-modal .tzui-modal-header {
  padding: 14px 24px;
  background-color: transparent;
}
.tzui-modal.tzui-custom-modal .tzui-modal-title {
  color: var(--color-text-dark);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
}
.tzui-modal.tzui-custom-modal .tzui-modal-body {
  padding: 16px 24px;
}
.tzui-modal.tzui-custom-modal .tzui-modal-footer {
  margin: 0;
  padding: 10px 24px;
}
.tzui-modal.tzui-custom-modal .tzui-modal-footer .footer-extra {
  position: relative;
  float: left;
  height: 36px;
  line-height: 36px;
}
.tzui-modal.tzui-custom-modal.layout-filled .tzui-modal-body {
  height: 100%;
  padding: 0;
  overflow: auto;
}
.tzui-modal.tzui-custom-modal.has-scroll-body .tzui-modal-body {
  padding-top: 16px;
  padding-bottom: 0;
}
.tzui-modal.tzui-custom-modal.modal-fixed-close-btn .tzui-modal-close {
  top: -4px;
  right: -4px;
  color: #fff;
  opacity: 0.8;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-modal.tzui-custom-modal.modal-fixed-close-btn .tzui-modal-close:focus,
.tzui-modal.tzui-custom-modal.modal-fixed-close-btn .tzui-modal-close:hover {
  opacity: 1;
}
.tzui-modal.tzui-custom-modal.modal-fixed-close-btn .tzui-modal-close-x {
  position: fixed;
  width: 40px;
  height: 40px;
  color: #fff;
  font-size: 32px;
  line-height: 40px;
}
.tzui-modal.tzui-custom-modal.full {
  top: 0;
  max-width: 100%;
  height: 100%;
  padding-bottom: 0;
}
.tzui-modal.tzui-custom-modal.full .tzui-modal-content {
  height: 100%;
  border-radius: 0;
}
.tzui-modal.tzui-custom-modal.full .tzui-modal-close {
  top: 24px;
  right: 32px;
  opacity: 1;
}
.tzui-modal.tzui-custom-modal.full .tzui-modal-close-x {
  position: static;
  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(--color-text);
  font-size: 26px;
  background-color: transparent;
  border: 1px solid var(--color-border-dark);
  border-radius: 50%;
}
.tzui-modal.tzui-custom-modal.full .tzui-modal-close-x:hover {
  color: var(--color-primary);
  border-color: var(--color-primary);
}
.tzui-modal.tzui-custom-modal.tzui-modal-ternary .tzui-modal-body {
  padding: 40px;
}
.tzui-modal-ternary-content {
  position: relative;
}
.tzui-modal-ternary-content.with-icon {
  padding-left: 30px;
}
.tzui-modal-ternary-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--color-primary);
  font-size: 20px;
  line-height: 28px;
}
.tzui-modal-ternary-title {
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 16px;
  line-height: 28px;
}
.tzui-modal-centered .tzui-custom-modal.tzui-modal {
  top: 0;
}
@media (max-width: 767px) {
  .tzui-modal {
    max-width: none;
    margin: auto;
  }
  .tzui-modal-centered .tzui-modal {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.tzui-comfirm-icon {
  display: inline-block;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-modal-centered {
  padding: 24px 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-scroll-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.tzui-scroll-container .scroll-top-shadow,
.tzui-scroll-container .scroll-bottom-shadow {
  position: absolute;
  z-index: 9;
  left: 0;
  right: 0;
  height: 12px;
  opacity: 0;
  -webkit-transition: all 400ms;
  transition: all 400ms;
}
.tzui-scroll-container .scroll-top-shadow.visible,
.tzui-scroll-container .scroll-bottom-shadow.visible {
  opacity: 1;
}
.tzui-scroll-container .scroll-top-shadow {
  top: 0;
  background-image: radial-gradient(at 50% 0%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 80%);
}
.tzui-scroll-container .scroll-bottom-shadow {
  bottom: 0;
  background-image: radial-gradient(at 50% 100%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 80%);
}
.tzui-scroll-body {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-popconfirm {
  z-index: 1060;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

.ant-modal-confirm .ant-modal-header {
  display: none;
}
.ant-modal-confirm .ant-modal-close {
  display: none;
}
.ant-modal-confirm .ant-modal-body {
  padding: 32px 32px 24px;
}
.ant-modal-confirm-body-wrapper {
  zoom: 1;
}
.ant-modal-confirm-body-wrapper::before,
.ant-modal-confirm-body-wrapper::after {
  display: table;
  content: '';
}
.ant-modal-confirm-body-wrapper::after {
  clear: both;
}
.ant-modal-confirm-body .ant-modal-confirm-title {
  display: block;
  overflow: hidden;
  color: var(--color-text-dark);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
}
.ant-modal-confirm-body .ant-modal-confirm-content {
  margin-top: 8px;
  color: var(--color-text-dark);
  font-size: 14px;
}
.ant-modal-confirm-body > .anticon {
  float: left;
  margin-right: 16px;
  font-size: 22px;
}
.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-left: 38px;
}
.ant-modal-confirm .ant-modal-confirm-btns {
  float: right;
  margin-top: 24px;
}
.ant-modal-confirm .ant-modal-confirm-btns button + button {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  color: var(--color-danger);
}
.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
  color: var(--color-warning);
}
.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  color: var(--color-progress);
}
.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
  color: var(--color-success);
}
.ant-modal {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  top: 100px;
  width: auto;
  margin: 0 auto;
  padding-bottom: 24px;
  pointer-events: none;
}
.ant-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow: auto;
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.ant-modal-title {
  margin: 0;
  color: var(--color-text-dark);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  word-wrap: break-word;
}
.ant-modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: auto;
}
.ant-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: var(--color-text-light);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.ant-modal-close-x {
  display: block;
  width: 56px;
  height: 56px;
  font-size: 16px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
}
.ant-modal-close:focus,
.ant-modal-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-modal-header {
  padding: 16px 24px;
  color: var(--color-text-dark);
  background: #fff;
  border-bottom: 1px solid var(--color-border-light);
  border-radius: 4px 4px 0 0;
}
.ant-modal-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.7;
  word-wrap: break-word;
}
.ant-modal-footer {
  padding: 10px 16px;
  text-align: right;
  background: transparent;
  border-top: 1px solid var(--color-border-light);
  border-radius: 0 0 4px 4px;
}
.ant-modal-footer button + button {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal.zoom-enter,
.ant-modal.zoom-appear {
  -webkit-transform: none;
          transform: none;
  opacity: 0;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  filter: alpha(opacity=50);
}
.ant-modal-mask-hidden {
  display: none;
}
.ant-modal-open {
  overflow: hidden;
}
.ant-modal-centered {
  text-align: center;
}
.ant-modal-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.ant-modal-centered .ant-modal {
  top: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 991px) {
  .ant-modal {
    max-width: calc(100vw - 16px);
    margin: 8px auto;
  }
  .ant-modal-centered .ant-modal {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-modal.tui-modal {
  top: 24px;
}
.ant-modal.tui-modal .ant-modal-footer button + button {
  margin-left: 16px;
}
.ant-modal.tui-modal .ant-modal-close-x {
  position: static;
  width: 76px;
  height: 76px;
  font-size: 20px;
  line-height: 76px;
  color: var(--color-text);
}
.ant-modal.tui-modal .ant-modal-mask {
  background-color: rgba(55, 55, 55, 0.6);
}
.ant-modal.tui-modal .ant-modal-centered {
  padding: 24px 0;
}
.ant-modal.tui-modal .ant-modal-content {
  border-radius: 4px;
  -webkit-box-shadow: 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
          box-shadow: 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
}
.ant-modal.tui-modal .ant-modal-header {
  margin: 0 24px;
  padding: 24px 0 24px;
  background-color: transparent;
}
.ant-modal.tui-modal .ant-modal-title {
  color: var(--color-text-dark);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
}
.ant-modal.tui-modal .ant-modal-body {
  padding: 16px 24px;
}
.ant-modal.tui-modal .ant-modal-footer {
  margin: 0 24px;
  padding: 24px 0;
  border: none;
}
.ant-modal.tui-modal .ant-modal-footer .footer-extra {
  position: relative;
  float: left;
  height: 36px;
  line-height: 36px;
}
.ant-modal.tui-modal.layout-filled .ant-modal-body {
  height: 100%;
  padding: 0;
  overflow: auto;
}
.ant-modal.tui-modal.has-scroll-body .ant-modal-body {
  padding-top: 16px;
  padding-bottom: 0;
}
.ant-modal.tui-modal.modal-fixed-close-btn .ant-modal-close {
  top: -4px;
  right: -4px;
  color: #fff;
  opacity: 0.8;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-modal.tui-modal.modal-fixed-close-btn .ant-modal-close:focus,
.ant-modal.tui-modal.modal-fixed-close-btn .ant-modal-close:hover {
  opacity: 1;
}
.ant-modal.tui-modal.modal-fixed-close-btn .ant-modal-close-x {
  position: fixed;
  width: 40px;
  height: 40px;
  font-size: 32px;
  line-height: 40px;
  color: #fff;
}
.ant-modal.tui-modal.full {
  top: 0;
  height: 100%;
  padding-bottom: 0;
}
.ant-modal.tui-modal.full .ant-modal-content {
  height: 100%;
  border-radius: 0;
}
.ant-modal.tui-modal.full .ant-modal-close {
  top: 24px;
  right: 32px;
  opacity: 1;
}
.ant-modal.tui-modal.full .ant-modal-close-x {
  position: static;
  color: var(--color-text);
  font-size: 26px;
  background-color: transparent;
  border: 1px solid var(--color-border-dark);
  border-radius: 50%;
}
.ant-modal.tui-modal.full .ant-modal-close-x:hover {
  color: var(--color-primary);
  border-color: var(--color-primary);
}
.ant-modal.tui-modal.ternary .ant-modal-body {
  padding: 40px;
}
.ant-modal.tui-modal .ternary-content {
  position: relative;
}
.ant-modal.tui-modal .ternary-content.with-icon {
  padding-left: 30px;
}
.ant-modal.tui-modal .ternary-content .ternary-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--color-primary);
  font-size: 20px;
  line-height: 28px;
}
.ant-modal.tui-modal .ternary-content .ternary-title {
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 16px;
  line-height: 28px;
}
.ant-modal.tui-modal.ternary-danger .ternary-icon-wrap {
  color: var(--color-danger);
}
@media (max-width: 991px) {
  .ant-modal {
    max-width: none;
    margin: auto;
  }
  .ant-modal-centered .ant-modal {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.tz-dialog-modal {
  top: 0;
}
.tz-dialog-modal .ant-modal-header {
  display: none;
}
.tz-dialog-modal .ant-modal-body {
  text-align: center;
  padding: 40px;
}
.tz-dialog-modal .m-icon {
  font-size: 30px;
  margin-bottom: 10px;
}
.tz-dialog-modal .m-title {
  font-size: 16px;
}
.tz-dialog-modal .m-title + .m-content {
  padding-top: 5px;
}
.tz-dialog-modal .ant-modal-footer {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid var(--color-border-light);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  overflow: hidden;
}
.tz-dialog-modal .ant-modal-footer .foot-action {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  text-align: center;
  padding: 10px;
  line-height: 30px;
  cursor: pointer;
}
.tz-dialog-modal .ant-modal-footer .action-cancel {
  color: var(--color-text-light);
  border-right: 1px solid var(--color-border-light);
}
.tz-dialog-modal .ant-modal-footer .action-cancel:hover {
  background-color: var(--color-bg);
}
.tz-dialog-modal .ant-modal-footer .action-ok.type-primary {
  color: var(--color-primary);
}
.tz-dialog-modal .ant-modal-footer .action-ok.type-primary:hover {
  color: #fff;
  background-color: var(--color-primary);
}
.tz-dialog-modal .ant-modal-footer .action-ok.type-danger {
  color: var(--color-danger);
}
.tz-dialog-modal .ant-modal-footer .action-ok.type-danger:hover {
  color: #fff;
  background-color: var(--color-danger);
}
.tz-dialog-modal.type-danger .m-icon {
  color: var(--color-danger);
}
.tz-quick-modal.tui-modal .ant-modal-body {
  padding: 0;
}
.tz-quick-modal.tui-modal .tz-quick-modal-content-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 26px;
}
.tz-quick-modal.tui-modal .tz-quick-modal-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 24px;
  padding: 0 18px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
}
.tz-quick-modal.tui-modal .tz-quick-modal-body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 1.43;
}
.tz-quick-modal.tui-modal .tz-quick-modal-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 14px;
  line-height: 1.6;
}
.tz-quick-modal.tui-modal .tz-quick-modal-content {
  margin-top: 2px;
}
.tz-quick-modal.tui-modal .tz-quick-modal-state-danger .tz-quick-modal-icon {
  color: var(--color-danger);
}
.tz-quick-modal.tui-modal .tz-quick-modal-methods-state-info .tz-quick-modal-icon {
  color: var(--color-progress);
}
.tz-quick-modal.tui-modal .tz-quick-modal-methods-state-warn .tz-quick-modal-icon {
  color: var(--color-warning);
}
.tz-quick-modal.tui-modal .tz-quick-modal-methods-state-success .tz-quick-modal-icon {
  color: var(--color-success);
}
.tz-quick-modal.tui-modal .tz-quick-modal-methods-state-error .tz-quick-modal-icon {
  color: var(--color-danger);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.tz-scroll-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.tz-scroll-container .scroll-top-shadow,
.tz-scroll-container .scroll-bottom-shadow {
  position: absolute;
  z-index: 9;
  left: 0;
  right: 0;
  height: 12px;
  opacity: 0;
  -webkit-transition: all 400ms;
  transition: all 400ms;
}
.tz-scroll-container .scroll-top-shadow.visible,
.tz-scroll-container .scroll-bottom-shadow.visible {
  opacity: 1;
}
.tz-scroll-container .scroll-top-shadow {
  top: 0;
  background-image: radial-gradient(at 50% 0%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 80%);
}
.tz-scroll-container .scroll-bottom-shadow {
  bottom: 0;
  background-image: radial-gradient(at 50% 100%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 80%);
}
.tz-scroll-body {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.tz-image-cropper .avatar-preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tz-image-cropper .avatar-preview .avatar-item {
  text-align: center;
  font-size: 12px;
  color: var(--color-text-dark);
  margin-bottom: 40px;
}
.tz-image-cropper .avatar-preview .avatar-item:last-child {
  margin-bottom: 0;
}
.tz-image-cropper .avatar-preview .avatar-item .item-preview {
  display: inline-block;
  border: solid 1px var(--color-border);
  border-radius: 50%;
  margin-bottom: 10px;
}
.tz-image-cropper .cropper-preview .preview-title {
  color: var(--color-text-light);
  margin-bottom: 16px;
  text-align: center;
}
.tz-image-cropper .cropper-preview .item-preview {
  margin: auto;
  border: 1px solid var(--color-border);
  border-radius: 4px;
}
.tz-image-cropper .cropper-ratio-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.tz-image-cropper .item-preview {
  overflow: hidden;
}
.tz-image-cropper .gif-preview {
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.tz-image-cropper-header {
  padding: 20px 48px 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.7;
  color: var(--color-text-dark);
}
.tz-image-cropper-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 48px 36px;
}
.tz-image-cropper-content .tz-cropper-wrap-box {
  margin-right: 48px;
  border: 1px solid var(--color-border);
}
.tz-image-cropper-content .tz-cropper-wrap-box .cropper-view-box {
  outline: 1px solid var(--color-primary);
  outline-color: var(--color-primary);
}
.tz-image-cropper-content .tz-cropper-wrap-box .cropper-line {
  background-color: transparent;
}
.tz-image-cropper-content .tz-cropper-wrap-box .cropper-point {
  background-color: var(--color-white);
  opacity: 1;
}
.tz-image-cropper-content .tz-cropper-preview {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.tz-image-cropper-footer {
  border-top: solid 1px var(--color-border);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 48px;
}
.tz-image-cropper-footer .tz-image-cropper-tip {
  color: var(--color-text-light);
  font-size: 14px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tz-image-cropper-footer .tz-image-cropper-tip > i {
  font-size: 18px;
}
.tz-image-cropper-footer .tz-image-cropper-tip .tip {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 8px;
}
.tz-image-cropper-footer .tz-image-cropper-btn > * {
  margin-left: 32px;
}

.ant-btn {
  line-height: 1.699;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  -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);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  height: 36px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 4px;
  color: var(--color-text-dark);
  background-color: #fff;
  border-color: var(--color-border);
}
.ant-btn > .anticon {
  line-height: 1;
}
.ant-btn,
.ant-btn:active,
.ant-btn:focus {
  outline: 0;
}
.ant-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-btn:not([disabled]):active {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn.disabled,
.ant-btn[disabled] {
  cursor: not-allowed;
}
.ant-btn.disabled > *,
.ant-btn[disabled] > * {
  pointer-events: none;
}
.ant-btn-lg {
  height: 48px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 4px;
}
.ant-btn-sm {
  height: 28px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
}
.ant-btn > a:only-child {
  color: currentColor;
}
.ant-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus {
  color: var(--color-text-dark);
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.ant-btn:hover > a:only-child,
.ant-btn:focus > a:only-child {
  color: currentColor;
}
.ant-btn:hover > a:only-child::after,
.ant-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:active,
.ant-btn.active {
  color: var(--color-text-dark);
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.ant-btn:active > a:only-child,
.ant-btn.active > a:only-child {
  color: currentColor;
}
.ant-btn:active > a:only-child::after,
.ant-btn.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-disabled,
.ant-btn.disabled,
.ant-btn[disabled],
.ant-btn-disabled:hover,
.ant-btn.disabled:hover,
.ant-btn[disabled]:hover,
.ant-btn-disabled:focus,
.ant-btn.disabled:focus,
.ant-btn[disabled]:focus,
.ant-btn-disabled:active,
.ant-btn.disabled:active,
.ant-btn[disabled]:active,
.ant-btn-disabled.active,
.ant-btn.disabled.active,
.ant-btn[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-disabled > a:only-child,
.ant-btn.disabled > a:only-child,
.ant-btn[disabled] > a:only-child,
.ant-btn-disabled:hover > a:only-child,
.ant-btn.disabled:hover > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn-disabled:focus > a:only-child,
.ant-btn.disabled:focus > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn-disabled:active > a:only-child,
.ant-btn.disabled:active > a:only-child,
.ant-btn[disabled]:active > a:only-child,
.ant-btn-disabled.active > a:only-child,
.ant-btn.disabled.active > a:only-child,
.ant-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-disabled > a:only-child::after,
.ant-btn.disabled > a:only-child::after,
.ant-btn[disabled] > a:only-child::after,
.ant-btn-disabled:hover > a:only-child::after,
.ant-btn.disabled:hover > a:only-child::after,
.ant-btn[disabled]:hover > a:only-child::after,
.ant-btn-disabled:focus > a:only-child::after,
.ant-btn.disabled:focus > a:only-child::after,
.ant-btn[disabled]:focus > a:only-child::after,
.ant-btn-disabled:active > a:only-child::after,
.ant-btn.disabled:active > a:only-child::after,
.ant-btn[disabled]:active > a:only-child::after,
.ant-btn-disabled.active > a:only-child::after,
.ant-btn.disabled.active > a:only-child::after,
.ant-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active,
.ant-btn.active {
  text-decoration: none;
  background: #fff;
}
.ant-btn > i,
.ant-btn > span {
  display: inline-block;
  -webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  pointer-events: none;
}
.ant-btn-primary {
  color: #fff;
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: #fff;
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.ant-btn-primary:hover > a:only-child,
.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-primary:hover > a:only-child::after,
.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:active,
.ant-btn-primary.active {
  color: #fff;
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.ant-btn-primary:active > a:only-child,
.ant-btn-primary.active > a:only-child {
  color: currentColor;
}
.ant-btn-primary:active > a:only-child::after,
.ant-btn-primary.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary-disabled,
.ant-btn-primary.disabled,
.ant-btn-primary[disabled],
.ant-btn-primary-disabled:hover,
.ant-btn-primary.disabled:hover,
.ant-btn-primary[disabled]:hover,
.ant-btn-primary-disabled:focus,
.ant-btn-primary.disabled:focus,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary-disabled:active,
.ant-btn-primary.disabled:active,
.ant-btn-primary[disabled]:active,
.ant-btn-primary-disabled.active,
.ant-btn-primary.disabled.active,
.ant-btn-primary[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-primary-disabled > a:only-child,
.ant-btn-primary.disabled > a:only-child,
.ant-btn-primary[disabled] > a:only-child,
.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-primary-disabled > a:only-child::after,
.ant-btn-primary.disabled > a:only-child::after,
.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-primary-disabled:hover > a:only-child::after,
.ant-btn-primary.disabled:hover > a:only-child::after,
.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-primary-disabled:focus > a:only-child::after,
.ant-btn-primary.disabled:focus > a:only-child::after,
.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-primary-disabled:active > a:only-child::after,
.ant-btn-primary.disabled:active > a:only-child::after,
.ant-btn-primary[disabled]:active > a:only-child::after,
.ant-btn-primary-disabled.active > a:only-child::after,
.ant-btn-primary.disabled.active > a:only-child::after,
.ant-btn-primary[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: rgba(255, 255, 255, 0.3);
  border-left-color: rgba(255, 255, 255, 0.3);
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
  border-color: var(--color-border);
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  border-right-color: rgba(255, 255, 255, 0.3);
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: var(--color-border);
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-left-color: rgba(255, 255, 255, 0.3);
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-left-color: var(--color-border);
}
.ant-btn-ghost {
  color: var(--color-text-dark);
  background-color: transparent;
  border-color: var(--color-border);
}
.ant-btn-ghost > a:only-child {
  color: currentColor;
}
.ant-btn-ghost > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
  color: var(--color-text-dark);
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.ant-btn-ghost:hover > a:only-child,
.ant-btn-ghost:focus > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:hover > a:only-child::after,
.ant-btn-ghost:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:active,
.ant-btn-ghost.active {
  color: var(--color-text-dark);
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.ant-btn-ghost:active > a:only-child,
.ant-btn-ghost.active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:active > a:only-child::after,
.ant-btn-ghost.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost-disabled,
.ant-btn-ghost.disabled,
.ant-btn-ghost[disabled],
.ant-btn-ghost-disabled:hover,
.ant-btn-ghost.disabled:hover,
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost-disabled:focus,
.ant-btn-ghost.disabled:focus,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost-disabled:active,
.ant-btn-ghost.disabled:active,
.ant-btn-ghost[disabled]:active,
.ant-btn-ghost-disabled.active,
.ant-btn-ghost.disabled.active,
.ant-btn-ghost[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-ghost-disabled > a:only-child,
.ant-btn-ghost.disabled > a:only-child,
.ant-btn-ghost[disabled] > a:only-child,
.ant-btn-ghost-disabled:hover > a:only-child,
.ant-btn-ghost.disabled:hover > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost-disabled:focus > a:only-child,
.ant-btn-ghost.disabled:focus > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost-disabled:active > a:only-child,
.ant-btn-ghost.disabled:active > a:only-child,
.ant-btn-ghost[disabled]:active > a:only-child,
.ant-btn-ghost-disabled.active > a:only-child,
.ant-btn-ghost.disabled.active > a:only-child,
.ant-btn-ghost[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost-disabled > a:only-child::after,
.ant-btn-ghost.disabled > a:only-child::after,
.ant-btn-ghost[disabled] > a:only-child::after,
.ant-btn-ghost-disabled:hover > a:only-child::after,
.ant-btn-ghost.disabled:hover > a:only-child::after,
.ant-btn-ghost[disabled]:hover > a:only-child::after,
.ant-btn-ghost-disabled:focus > a:only-child::after,
.ant-btn-ghost.disabled:focus > a:only-child::after,
.ant-btn-ghost[disabled]:focus > a:only-child::after,
.ant-btn-ghost-disabled:active > a:only-child::after,
.ant-btn-ghost.disabled:active > a:only-child::after,
.ant-btn-ghost[disabled]:active > a:only-child::after,
.ant-btn-ghost-disabled.active > a:only-child::after,
.ant-btn-ghost.disabled.active > a:only-child::after,
.ant-btn-ghost[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed {
  color: var(--color-text-dark);
  background-color: #fff;
  border-color: var(--color-border);
  border-style: dashed;
}
.ant-btn-dashed > a:only-child {
  color: currentColor;
}
.ant-btn-dashed > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
  color: var(--color-text-dark);
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.ant-btn-dashed:hover > a:only-child,
.ant-btn-dashed:focus > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:hover > a:only-child::after,
.ant-btn-dashed:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:active,
.ant-btn-dashed.active {
  color: var(--color-text-dark);
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.ant-btn-dashed:active > a:only-child,
.ant-btn-dashed.active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:active > a:only-child::after,
.ant-btn-dashed.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed-disabled,
.ant-btn-dashed.disabled,
.ant-btn-dashed[disabled],
.ant-btn-dashed-disabled:hover,
.ant-btn-dashed.disabled:hover,
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed-disabled:focus,
.ant-btn-dashed.disabled:focus,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed-disabled:active,
.ant-btn-dashed.disabled:active,
.ant-btn-dashed[disabled]:active,
.ant-btn-dashed-disabled.active,
.ant-btn-dashed.disabled.active,
.ant-btn-dashed[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-dashed-disabled > a:only-child,
.ant-btn-dashed.disabled > a:only-child,
.ant-btn-dashed[disabled] > a:only-child,
.ant-btn-dashed-disabled:hover > a:only-child,
.ant-btn-dashed.disabled:hover > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed-disabled:focus > a:only-child,
.ant-btn-dashed.disabled:focus > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed-disabled:active > a:only-child,
.ant-btn-dashed.disabled:active > a:only-child,
.ant-btn-dashed[disabled]:active > a:only-child,
.ant-btn-dashed-disabled.active > a:only-child,
.ant-btn-dashed.disabled.active > a:only-child,
.ant-btn-dashed[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed-disabled > a:only-child::after,
.ant-btn-dashed.disabled > a:only-child::after,
.ant-btn-dashed[disabled] > a:only-child::after,
.ant-btn-dashed-disabled:hover > a:only-child::after,
.ant-btn-dashed.disabled:hover > a:only-child::after,
.ant-btn-dashed[disabled]:hover > a:only-child::after,
.ant-btn-dashed-disabled:focus > a:only-child::after,
.ant-btn-dashed.disabled:focus > a:only-child::after,
.ant-btn-dashed[disabled]:focus > a:only-child::after,
.ant-btn-dashed-disabled:active > a:only-child::after,
.ant-btn-dashed.disabled:active > a:only-child::after,
.ant-btn-dashed[disabled]:active > a:only-child::after,
.ant-btn-dashed-disabled.active > a:only-child::after,
.ant-btn-dashed.disabled.active > a:only-child::after,
.ant-btn-dashed[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger {
  color: var(--color-danger);
  background-color: var(--color-bg);
  border-color: var(--color-bg);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:hover,
.ant-btn-danger:focus {
  color: var(--color-danger);
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.ant-btn-danger:hover > a:only-child,
.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-danger:hover > a:only-child::after,
.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:active,
.ant-btn-danger.active {
  color: var(--color-danger);
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.ant-btn-danger:active > a:only-child,
.ant-btn-danger.active > a:only-child {
  color: currentColor;
}
.ant-btn-danger:active > a:only-child::after,
.ant-btn-danger.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger-disabled,
.ant-btn-danger.disabled,
.ant-btn-danger[disabled],
.ant-btn-danger-disabled:hover,
.ant-btn-danger.disabled:hover,
.ant-btn-danger[disabled]:hover,
.ant-btn-danger-disabled:focus,
.ant-btn-danger.disabled:focus,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger-disabled:active,
.ant-btn-danger.disabled:active,
.ant-btn-danger[disabled]:active,
.ant-btn-danger-disabled.active,
.ant-btn-danger.disabled.active,
.ant-btn-danger[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-danger-disabled > a:only-child,
.ant-btn-danger.disabled > a:only-child,
.ant-btn-danger[disabled] > a:only-child,
.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-danger-disabled > a:only-child::after,
.ant-btn-danger.disabled > a:only-child::after,
.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-danger-disabled:hover > a:only-child::after,
.ant-btn-danger.disabled:hover > a:only-child::after,
.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-danger-disabled:focus > a:only-child::after,
.ant-btn-danger.disabled:focus > a:only-child::after,
.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-danger-disabled:active > a:only-child::after,
.ant-btn-danger.disabled:active > a:only-child::after,
.ant-btn-danger[disabled]:active > a:only-child::after,
.ant-btn-danger-disabled.active > a:only-child::after,
.ant-btn-danger.disabled.active > a:only-child::after,
.ant-btn-danger[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link {
  color: var(--color-primary);
  background-color: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus {
  color: var(--color-primary);
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.ant-btn-link:hover > a:only-child,
.ant-btn-link:focus > a:only-child {
  color: currentColor;
}
.ant-btn-link:hover > a:only-child::after,
.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:active,
.ant-btn-link.active {
  color: var(--color-primary);
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.ant-btn-link:active > a:only-child,
.ant-btn-link.active > a:only-child {
  color: currentColor;
}
.ant-btn-link:active > a:only-child::after,
.ant-btn-link.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link-disabled,
.ant-btn-link.disabled,
.ant-btn-link[disabled],
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled]:hover,
.ant-btn-link-disabled:focus,
.ant-btn-link.disabled:focus,
.ant-btn-link[disabled]:focus,
.ant-btn-link-disabled:active,
.ant-btn-link.disabled:active,
.ant-btn-link[disabled]:active,
.ant-btn-link-disabled.active,
.ant-btn-link.disabled.active,
.ant-btn-link[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-link-disabled > a:only-child::after,
.ant-btn-link.disabled > a:only-child::after,
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus,
.ant-btn-link:active {
  border-color: transparent;
}
.ant-btn-link-disabled,
.ant-btn-link.disabled,
.ant-btn-link[disabled],
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled]:hover,
.ant-btn-link-disabled:focus,
.ant-btn-link.disabled:focus,
.ant-btn-link[disabled]:focus,
.ant-btn-link-disabled:active,
.ant-btn-link.disabled:active,
.ant-btn-link[disabled]:active,
.ant-btn-link-disabled.active,
.ant-btn-link.disabled.active,
.ant-btn-link[disabled].active {
  color: var(--color-text-disabled);
  background-color: transparent;
  border-color: transparent;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-link-disabled > a:only-child::after,
.ant-btn-link.disabled > a:only-child::after,
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-icon-only {
  width: 36px;
  height: 36px;
  padding: 0;
  font-size: 16px;
  border-radius: 4px;
}
.ant-btn-icon-only.ant-btn-lg {
  width: 48px;
  height: 48px;
  padding: 0;
  font-size: 18px;
  border-radius: 4px;
}
.ant-btn-icon-only.ant-btn-sm {
  width: 28px;
  height: 28px;
  padding: 0;
  font-size: 14px;
  border-radius: 4px;
}
.ant-btn-icon-only > i {
  vertical-align: middle;
}
.ant-btn-round {
  height: 36px;
  padding: 0 18px;
  font-size: 14px;
  border-radius: 36px;
}
.ant-btn-round.ant-btn-lg {
  height: 48px;
  padding: 0 24px;
  font-size: 16px;
  border-radius: 48px;
}
.ant-btn-round.ant-btn-sm {
  height: 28px;
  padding: 0 14px;
  font-size: 14px;
  border-radius: 28px;
}
.ant-btn-round.ant-btn-icon-only {
  width: auto;
}
.ant-btn-circle,
.ant-btn-circle-outline {
  min-width: 36px;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-lg,
.ant-btn-circle-outline.ant-btn-lg {
  min-width: 48px;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-sm,
.ant-btn-circle-outline.ant-btn-sm {
  min-width: 28px;
  border-radius: 50%;
}
.ant-btn::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 1;
  display: none;
  background: #fff;
  border-radius: inherit;
  opacity: 0.35;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  content: '';
  pointer-events: none;
}
.ant-btn .anticon {
  -webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn .anticon.anticon-plus > svg,
.ant-btn .anticon.anticon-minus > svg {
  shape-rendering: optimizeSpeed;
}
.ant-btn.ant-btn-loading {
  position: relative;
}
.ant-btn.ant-btn-loading:not([disabled]) {
  pointer-events: none;
}
.ant-btn.ant-btn-loading::before {
  display: block;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 29px;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon:not(:last-child) {
  margin-left: -14px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 24px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon {
  margin-left: -17px;
}
.ant-btn-group {
  position: relative;
  display: inline-block;
}
.ant-btn-group > .ant-btn,
.ant-btn-group > span > .ant-btn {
  position: relative;
}
.ant-btn-group > .ant-btn:hover,
.ant-btn-group > span > .ant-btn:hover,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > span > .ant-btn:focus,
.ant-btn-group > .ant-btn:active,
.ant-btn-group > span > .ant-btn:active,
.ant-btn-group > .ant-btn.active,
.ant-btn-group > span > .ant-btn.active {
  z-index: 2;
}
.ant-btn-group > .ant-btn:disabled,
.ant-btn-group > span > .ant-btn:disabled {
  z-index: 0;
}
.ant-btn-group > .ant-btn-icon-only {
  font-size: 14px;
}
.ant-btn-group-lg > .ant-btn,
.ant-btn-group-lg > span > .ant-btn {
  height: 48px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 0;
  line-height: 46px;
}
.ant-btn-group-lg > .ant-btn.ant-btn-icon-only {
  width: 48px;
  height: 48px;
  padding-right: 0;
  padding-left: 0;
}
.ant-btn-group-sm > .ant-btn,
.ant-btn-group-sm > span > .ant-btn {
  height: 28px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 0;
  line-height: 26px;
}
.ant-btn-group-sm > .ant-btn > .anticon,
.ant-btn-group-sm > span > .ant-btn > .anticon {
  font-size: 14px;
}
.ant-btn-group-sm > .ant-btn.ant-btn-icon-only {
  width: 28px;
  height: 28px;
  padding-right: 0;
  padding-left: 0;
}
.ant-btn-group .ant-btn + .ant-btn,
.ant-btn + .ant-btn-group,
.ant-btn-group span + .ant-btn,
.ant-btn-group .ant-btn + span,
.ant-btn-group > span + span,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group {
  margin-left: -1px;
}
.ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
  border-left-color: transparent;
}
.ant-btn-group .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn:first-child,
.ant-btn-group > span:first-child > .ant-btn {
  margin-left: 0;
}
.ant-btn-group > .ant-btn:only-child {
  border-radius: 4px;
}
.ant-btn-group > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:only-child {
  border-radius: 4px;
}
.ant-btn-group-sm > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-btn-group > .ant-btn-group {
  float: left;
}
.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
  padding-right: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  padding-left: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn:focus > span,
.ant-btn:active > span {
  position: relative;
}
.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 8px;
}
.ant-btn-background-ghost {
  color: #fff;
  background: transparent !important;
  border-color: #fff;
}
.ant-btn-background-ghost.ant-btn-primary {
  color: var(--color-primary);
  background-color: transparent;
  border-color: var(--color-primary);
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
  color: var(--color-primary);
  background-color: transparent;
  border-color: var(--color-primary);
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:active,
.ant-btn-background-ghost.ant-btn-primary.active {
  color: var(--color-primary);
  background-color: transparent;
  border-color: var(--color-primary);
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary-disabled,
.ant-btn-background-ghost.ant-btn-primary.disabled,
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary-disabled:hover,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary-disabled:active,
.ant-btn-background-ghost.ant-btn-primary.disabled:active,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active,
.ant-btn-background-ghost.ant-btn-primary-disabled.active,
.ant-btn-background-ghost.ant-btn-primary.disabled.active,
.ant-btn-background-ghost.ant-btn-primary[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger {
  color: var(--color-border);
  background-color: transparent;
  border-color: var(--color-border);
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
  color: var(--color-border);
  background-color: transparent;
  border-color: var(--color-border);
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:active,
.ant-btn-background-ghost.ant-btn-danger.active {
  color: var(--color-border);
  background-color: transparent;
  border-color: var(--color-border);
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger-disabled,
.ant-btn-background-ghost.ant-btn-danger.disabled,
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger-disabled:hover,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger-disabled:active,
.ant-btn-background-ghost.ant-btn-danger.disabled:active,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active,
.ant-btn-background-ghost.ant-btn-danger-disabled.active,
.ant-btn-background-ghost.ant-btn-danger.disabled.active,
.ant-btn-background-ghost.ant-btn-danger[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link {
  color: var(--color-primary);
  background-color: transparent;
  border-color: transparent;
  text-shadow: none;
  color: #fff;
}
.ant-btn-background-ghost.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link:hover,
.ant-btn-background-ghost.ant-btn-link:focus {
  color: var(--color-primary);
  background-color: transparent;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-link:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link:active,
.ant-btn-background-ghost.ant-btn-link.active {
  color: var(--color-primary);
  background-color: transparent;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-link:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link-disabled,
.ant-btn-background-ghost.ant-btn-link.disabled,
.ant-btn-background-ghost.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-link-disabled:hover,
.ant-btn-background-ghost.ant-btn-link.disabled:hover,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover,
.ant-btn-background-ghost.ant-btn-link-disabled:focus,
.ant-btn-background-ghost.ant-btn-link.disabled:focus,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-link-disabled:active,
.ant-btn-background-ghost.ant-btn-link.disabled:active,
.ant-btn-background-ghost.ant-btn-link[disabled]:active,
.ant-btn-background-ghost.ant-btn-link-disabled.active,
.ant-btn-background-ghost.ant-btn-link.disabled.active,
.ant-btn-background-ghost.ant-btn-link[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-two-chinese-chars::first-letter {
  letter-spacing: 0.34em;
}
.ant-btn-two-chinese-chars > *:not(.anticon) {
  margin-right: -0.34em;
  letter-spacing: 0.34em;
}
.ant-btn-block {
  width: 100%;
}
.ant-btn:empty {
  vertical-align: top;
}
a.ant-btn {
  padding-top: 0.1px;
  line-height: 34px;
}
a.ant-btn-lg {
  line-height: 46px;
}
a.ant-btn-sm {
  line-height: 26px;
}
.ant-modal-confirm .ant-modal-header {
  display: none;
}
.ant-modal-confirm .ant-modal-close {
  display: none;
}
.ant-modal-confirm .ant-modal-body {
  padding: 32px 32px 24px;
}
.ant-modal-confirm-body-wrapper {
  zoom: 1;
}
.ant-modal-confirm-body-wrapper::before,
.ant-modal-confirm-body-wrapper::after {
  display: table;
  content: '';
}
.ant-modal-confirm-body-wrapper::after {
  clear: both;
}
.ant-modal-confirm-body .ant-modal-confirm-title {
  display: block;
  overflow: hidden;
  color: var(--color-text-dark);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
}
.ant-modal-confirm-body .ant-modal-confirm-content {
  margin-top: 8px;
  color: var(--color-text-dark);
  font-size: 14px;
}
.ant-modal-confirm-body > .anticon {
  float: left;
  margin-right: 16px;
  font-size: 22px;
}
.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-left: 38px;
}
.ant-modal-confirm .ant-modal-confirm-btns {
  float: right;
  margin-top: 24px;
}
.ant-modal-confirm .ant-modal-confirm-btns button + button {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  color: var(--color-danger);
}
.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
  color: var(--color-warning);
}
.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  color: var(--color-progress);
}
.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
  color: var(--color-success);
}
.ant-modal {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  top: 100px;
  width: auto;
  margin: 0 auto;
  padding-bottom: 24px;
  pointer-events: none;
}
.ant-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow: auto;
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.ant-modal-title {
  margin: 0;
  color: var(--color-text-dark);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  word-wrap: break-word;
}
.ant-modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: auto;
}
.ant-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: var(--color-text-light);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.ant-modal-close-x {
  display: block;
  width: 56px;
  height: 56px;
  font-size: 16px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
}
.ant-modal-close:focus,
.ant-modal-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-modal-header {
  padding: 16px 24px;
  color: var(--color-text-dark);
  background: #fff;
  border-bottom: 1px solid var(--color-border-light);
  border-radius: 4px 4px 0 0;
}
.ant-modal-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.7;
  word-wrap: break-word;
}
.ant-modal-footer {
  padding: 10px 16px;
  text-align: right;
  background: transparent;
  border-top: 1px solid var(--color-border-light);
  border-radius: 0 0 4px 4px;
}
.ant-modal-footer button + button {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal.zoom-enter,
.ant-modal.zoom-appear {
  -webkit-transform: none;
          transform: none;
  opacity: 0;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  filter: alpha(opacity=50);
}
.ant-modal-mask-hidden {
  display: none;
}
.ant-modal-open {
  overflow: hidden;
}
.ant-modal-centered {
  text-align: center;
}
.ant-modal-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.ant-modal-centered .ant-modal {
  top: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 991px) {
  .ant-modal {
    max-width: calc(100vw - 16px);
    margin: 8px auto;
  }
  .ant-modal-centered .ant-modal {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-modal-mask {
  background-color: rgba(55, 55, 55, 0.6);
}
.ant-modal-centered {
  padding: 24px 0;
}
.ant-modal-content {
  border-radius: 4px;
}
.ant-modal-footer button + button {
  margin-left: 12px;
}
.ant-modal {
  top: 24px;
}
.ant-modal .ant-modal-header {
  margin: 0 40px;
  padding: 16px 0 15px;
  background-color: transparent;
}
.ant-modal .ant-modal-title {
  font-size: 20px;
  line-height: 34px;
  color: var(--color-text-dark);
  font-weight: 600;
}
.ant-modal .ant-modal-body {
  padding: 24px 40px;
}
.ant-modal .ant-modal-footer {
  padding: 16px 0;
  margin: 0 40px;
  border: none;
}
.ant-modal .ant-modal-footer .footer-extra {
  position: relative;
  float: left;
  height: 36px;
  line-height: 36px;
}
.ant-modal.layout-filled .ant-modal-body {
  padding: 0;
  height: 100%;
  overflow: auto;
}
.ant-modal.has-scroll-body .ant-modal-body {
  padding-top: 16px;
  padding-bottom: 0;
}
.ant-modal.full {
  top: 0;
  padding-bottom: 0;
  height: 100%;
}
.ant-modal.full .ant-modal-content {
  border-radius: 0;
  height: 100%;
}
.ant-modal.full .ant-modal-close {
  top: 24px;
  right: 32px;
  opacity: 1;
}
.ant-modal.full .ant-modal-close-x {
  position: static;
  font-size: 26px;
  border: 1px solid var(--color-border-dark);
  background-color: transparent;
  border-radius: 50%;
  color: var(--color-text);
}
.ant-modal.full .ant-modal-close-x:hover {
  color: var(--color-primary);
  border-color: var(--color-primary);
}
.ant-modal.ternary .ant-modal-body {
  padding: 40px;
}
.ant-modal .ternary-content {
  position: relative;
}
.ant-modal .ternary-content.with-icon {
  padding-left: 30px;
}
.ant-modal .ternary-content .ternary-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px;
  line-height: 28px;
  color: var(--color-primary);
}
.ant-modal .ternary-content .ternary-title {
  font-size: 16px;
  line-height: 28px;
  font-weight: bold;
  margin-bottom: 8px;
}
.ant-modal.ternary-danger .ternary-icon-wrap {
  color: var(--color-danger);
}
.ant-modal .ant-modal-close {
  right: -4px;
  top: -4px;
  opacity: 0.8;
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-modal .ant-modal-close:focus,
.ant-modal .ant-modal-close:hover {
  color: #fff;
  opacity: 1;
}
.ant-modal .ant-modal-close-x {
  position: fixed;
  line-height: 40px;
  width: 40px;
  height: 40px;
  font-size: 32px;
}
@media (max-width: 991px) {
  .ant-modal {
    max-width: none;
    margin: auto;
  }
  .ant-modal-centered .ant-modal {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.tz-dialog-modal {
  top: 0;
}
.tz-dialog-modal .ant-modal-header {
  display: none;
}
.tz-dialog-modal .ant-modal-body {
  text-align: center;
  padding: 40px;
}
.tz-dialog-modal .m-icon {
  font-size: 30px;
  margin-bottom: 10px;
}
.tz-dialog-modal .m-title {
  font-size: 16px;
}
.tz-dialog-modal .m-title + .m-content {
  padding-top: 5px;
}
.tz-dialog-modal .ant-modal-footer {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid var(--color-border-light);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  overflow: hidden;
}
.tz-dialog-modal .ant-modal-footer .foot-action {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  text-align: center;
  padding: 10px;
  line-height: 30px;
  cursor: pointer;
}
.tz-dialog-modal .ant-modal-footer .action-cancel {
  color: var(--color-text-light);
  border-right: 1px solid var(--color-border-light);
}
.tz-dialog-modal .ant-modal-footer .action-cancel:hover {
  background-color: #f8f8f8;
}
.tz-dialog-modal .ant-modal-footer .action-ok.type-primary {
  color: var(--color-primary);
}
.tz-dialog-modal .ant-modal-footer .action-ok.type-primary:hover {
  color: #fff;
  background-color: var(--color-primary);
}
.tz-dialog-modal .ant-modal-footer .action-ok.type-danger {
  color: var(--color-danger);
}
.tz-dialog-modal .ant-modal-footer .action-ok.type-danger:hover {
  color: #fff;
  background-color: var(--color-danger);
}
.tz-dialog-modal.type-danger .m-icon {
  color: var(--color-danger);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@-webkit-keyframes fading {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes fading {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes fading {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
.tzui-gallery-modal.tzui-modal .tzui-modal-body {
  overflow: hidden;
}
.tzui-gallery-modal.tzui-modal.with-sidebar .tzui-modal-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tzui-gallery-modal.tzui-modal.with-sidebar .tzui-modal-body .tzui-gallery {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tzui-gallery-modal.tzui-modal.with-sidebar-left .tzui-modal-body {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.tzui-gallery {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #333;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
}
.tzui-gallery .gallery-head {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  right: 0;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.78)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0));
  padding: 12px 30px;
  line-height: 40px;
  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;
}
.tzui-gallery .gallery-head .head-text {
  color: var(--color-primary);
}
.tzui-gallery .gallery-head .head-gap {
  margin: 0 5px;
}
.tzui-gallery .gallery-head .head-count {
  margin-right: 24px;
}
.tzui-gallery .gallery-head .head-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 0;
  font-weight: 600;
}
.tzui-gallery .gallery-head .head-action {
  display: block;
  cursor: pointer;
  width: 40px;
  text-align: center;
  font-size: 18px;
  margin-left: 10px;
}
.tzui-gallery .gallery-head .head-action:hover {
  color: var(--color-primary);
}
.tzui-gallery .gallery-head .action-close {
  border-radius: 50%;
  background-color: #000;
}
.tzui-gallery .gallery-head .action-close:hover {
  color: #fff;
  background-color: var(--color-primary);
}
.tzui-gallery .gallery-prev-arrow,
.tzui-gallery .gallery-next-arrow {
  display: block;
  cursor: pointer;
  z-index: 9;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 40px;
  width: 40px;
  margin: auto;
  line-height: 40px;
  text-align: center;
  font-size: 24px;
  color: #fff;
  background-color: #000;
  border-radius: 50%;
}
.tzui-gallery .gallery-prev-arrow:hover,
.tzui-gallery .gallery-next-arrow:hover {
  background-color: var(--color-primary);
}
.tzui-gallery .gallery-prev-arrow {
  left: 30px;
}
.tzui-gallery .gallery-next-arrow {
  right: 30px;
}
.tzui-gallery .gallery-item {
  position: absolute;
  z-index: 2;
  top: 84px;
  bottom: 20px;
  left: 100px;
  right: 100px;
  opacity: 0;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
.tzui-gallery .gallery-item.active {
  z-index: 5;
  opacity: 1;
}
.tzui-gallery .video-wrap {
  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;
}
.tzui-gallery .img-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
.tzui-gallery .img-wrap .img-bar {
  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;
  width: 200px;
  height: 40px;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 20px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
}
.tzui-gallery .img-wrap .img-bar .bar-text {
  display: block;
  width: 40px;
  text-align: center;
}
.tzui-gallery .img-wrap .img-bar .bar-action {
  cursor: pointer;
  padding: 4px;
  font-size: 20px;
}
.tzui-gallery .img-wrap .img-bar .bar-action:hover {
  color: var(--color-primary);
}
.tzui-gallery .img-wrap .img-bar .bar-action.disabled {
  color: #666;
  cursor: not-allowed;
}
.tzui-gallery .img-wrap .img-bar .bar-action.with-gap {
  margin-left: 12px;
}
.tzui-gallery .img-element,
.tzui-gallery .img-spin {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.tzui-gallery .img-element {
  cursor: move;
}
.tzui-gallery .img-spin {
  font-size: 72px;
  line-height: 100px;
  height: 100px;
  text-align: center;
  -webkit-animation: fading 2s infinite;
          animation: fading 2s infinite;
}
.tzui-gallery .tzui-gallery-arrow-disabled {
  cursor: no-drop;
}
.tzui-gallery .tzui-gallery-arrow-disabled:hover {
  background-color: #000;
}
.tzui-gallery-static-wrap {
  position: relative;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-modal {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  pointer-events: none;
  position: relative;
  top: 100px;
  width: auto;
  max-width: calc(100vw - 32px);
  margin: 0 auto;
  padding-bottom: 24px;
}
.tzui-modal.tzui-zoom-enter,
.tzui-modal.tzui-zoom-appear {
  -webkit-transform: none;
          transform: none;
  opacity: 0;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tzui-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.tzui-modal-mask-hidden {
  display: none;
}
.tzui-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  outline: 0;
}
.tzui-modal-wrap {
  z-index: 1000;
}
.tzui-modal-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  word-wrap: break-word;
}
.tzui-modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  pointer-events: auto;
}
.tzui-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: #858e99;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.tzui-modal-close-x {
  display: block;
  width: 56px;
  height: 56px;
  font-size: 16px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
}
.tzui-modal-close:focus,
.tzui-modal-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.tzui-modal-header {
  padding: 16px 24px;
  color: rgba(0, 0, 0, 0.85);
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 4px 4px 0 0;
}
.tzui-modal-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5715;
  word-wrap: break-word;
}
.tzui-modal-footer {
  padding: 10px 16px;
  text-align: right;
  background: transparent;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 0 0 4px 4px;
}
.tzui-modal-footer .tzui-btn + .tzui-btn:not(.tzui-dropdown-trigger) {
  margin-bottom: 0;
  margin-left: 8px;
}
.tzui-modal-open {
  overflow: hidden;
}
.tzui-modal-centered {
  text-align: center;
}
.tzui-modal-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.tzui-modal-centered .tzui-modal {
  top: 0;
  display: inline-block;
  padding-bottom: 0;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .tzui-modal {
    max-width: calc(100vw - 16px);
    margin: 8px auto;
  }
  .tzui-modal-centered .tzui-modal {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.tzui-modal-confirm .tzui-modal-header {
  display: none;
}
.tzui-modal-confirm .tzui-modal-body {
  padding: 24px;
}
.tzui-modal-confirm-body-wrapper::before {
  display: table;
  content: '';
}
.tzui-modal-confirm-body-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.tzui-modal-confirm-body .tzui-modal-confirm-title {
  display: block;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
}
.tzui-modal-confirm-body .tzui-modal-confirm-content {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.tzui-modal-confirm-body > .anticon {
  float: left;
  margin-right: 16px;
  font-size: 22px;
}
.tzui-modal-confirm-body > .anticon + .tzui-modal-confirm-title + .tzui-modal-confirm-content {
  margin-left: 38px;
}
.tzui-modal-confirm .tzui-modal-confirm-btns {
  margin-top: 24px;
  text-align: right;
}
.tzui-modal-confirm .tzui-modal-confirm-btns .tzui-btn + .tzui-btn {
  margin-bottom: 0;
  margin-left: 8px;
}
.tzui-modal-confirm-error .tzui-modal-confirm-body > .anticon {
  color: var(--color-danger);
}
.tzui-modal-confirm-warning .tzui-modal-confirm-body > .anticon,
.tzui-modal-confirm-confirm .tzui-modal-confirm-body > .anticon {
  color: var(--color-warning);
}
.tzui-modal-confirm-info .tzui-modal-confirm-body > .anticon {
  color: var(--color-progress);
}
.tzui-modal-confirm-success .tzui-modal-confirm-body > .anticon {
  color: var(--color-success);
}
.tzui-modal-confirm .tzui-zoom-leave .tzui-modal-confirm-btns {
  pointer-events: none;
}
.tzui-modal-wrap-rtl {
  direction: rtl;
}
.tzui-modal-wrap-rtl .tzui-modal-close {
  right: initial;
  left: 0;
}
.tzui-modal-wrap-rtl .tzui-modal-footer {
  text-align: left;
}
.tzui-modal-wrap-rtl .tzui-modal-footer .tzui-btn + .tzui-btn {
  margin-right: 8px;
  margin-left: 0;
}
.tzui-modal-wrap-rtl .tzui-modal-confirm-body {
  direction: rtl;
}
.tzui-modal-wrap-rtl .tzui-modal-confirm-body > .anticon {
  float: right;
  margin-right: 0;
  margin-left: 16px;
}
.tzui-modal-wrap-rtl .tzui-modal-confirm-body > .anticon + .tzui-modal-confirm-title + .tzui-modal-confirm-content {
  margin-right: 38px;
  margin-left: 0;
}
.tzui-modal-wrap-rtl .tzui-modal-confirm-btns {
  text-align: left;
}
.tzui-modal-wrap-rtl .tzui-modal-confirm-btns .tzui-btn + .tzui-btn {
  margin-right: 8px;
  margin-left: 0;
}
.tzui-modal-wrap-rtl.tzui-modal-centered .tzui-modal {
  text-align: right;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-modal-confirm-body-wrapper .tzui-modal-confirm-body .tzui-modal-confirm-title {
  font-weight: 600;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-tooltip-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
}
.tzui-tooltip-text-inner {
  position: absolute;
  white-space: nowrap;
  visibility: hidden;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-chapters-video-control-progress {
  position: relative;
}
.tzui-chapters-video-control-progress:hover .progress-bg,
.tzui-chapters-video-control-progress:hover .progress-loaded,
.tzui-chapters-video-control-progress:hover .progress-value {
  opacity: 0.5;
}
.tzui-chapters-video-control-progress .progress-bg,
.tzui-chapters-video-control-progress .progress-loaded,
.tzui-chapters-video-control-progress .progress-value {
  position: absolute;
  z-index: 0;
  height: 4px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 3px;
}
.tzui-chapters-video-control-progress .progress-bg {
  width: 100%;
  background: rgba(255, 255, 255, 0.3);
}
.tzui-chapters-video-control-progress .progress-loaded {
  background: rgba(255, 255, 255, 0.5);
}
.tzui-chapters-video-control-progress .progress-value {
  background: var(--color-primary);
}
.tzui-chapters-video-control-progress input {
  cursor: pointer;
  position: relative;
  z-index: 3;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: none;
  outline: none;
  color: var(--color-primary);
  display: block;
  height: 20px;
  margin: 0;
  padding: 0;
  width: 100%;
}
.tzui-chapters-video-control-progress input::-webkit-slider-thumb {
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: var(--color-primary);
  cursor: pointer;
}
.tzui-chapters-video-control-progress input::-ms-track {
  color: transparent;
  background: transparent;
  border: none;
}
.tzui-chapters-video-control-progress input::-ms-fill-upper {
  background: transparent;
}
.tzui-chapters-video-control-progress input::-ms-fill-lower {
  background: transparent;
}
.tzui-chapters-video-control-progress input::-ms-thumb {
  box-sizing: border-box;
  border: none;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: var(--color-primary);
  cursor: pointer;
}
.tzui-chapters-video-control-progress input::-ms-tooltip {
  display: none;
}
.tzui-chapters-video-control-progress input::-moz-range-track {
  background-color: transparent;
}
.tzui-chapters-video-control-progress input::-moz-range-thumb {
  box-sizing: border-box;
  border: none;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: var(--color-primary);
  cursor: pointer;
}
.tzui-chapters-video-control-progress input::-moz-range-progress {
  background: transparent;
}
.tzui-chapters-video-wrap {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  background-color: #333;
}
.tzui-chapters-video-wrap:hover .tzui-chapters-video-control-bar {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.tzui-chapters-video-el {
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  outline: none;
}
.tzui-chapters-video-el,
.tzui-chapters-video-main-control,
.tzui-chapters-video-poster,
.tzui-chapters-video-error {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tzui-chapters-video-height-auto {
  position: relative;
  height: auto;
}
.tzui-chapters-video-height-auto .tzui-chapters-video-el {
  position: relative;
}
.tzui-chapters-video-poster {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  transition: opacity 500ms;
}
.tzui-chapters-video-poster-active {
  opacity: 1;
}
.tzui-chapters-video-error {
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3));
}
.tzui-chapters-video-error .tzui-chapters-video-error-icon {
  color: var(--color-danger);
  font-size: 40px;
}
.tzui-chapters-video-error-text {
  margin-top: 16px;
  color: var(--color-text-light);
  font-size: 16px;
}
.tzui-chapters-video-play-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  cursor: pointer;
  color: #fff;
  width: 88px;
  height: 88px;
  font-size: 44px;
  line-height: 1em;
  padding: 22px 0;
  border-radius: 50%;
  background-color: var(--color-primary);
  -webkit-box-shadow: 0 4px 16px #000000;
          box-shadow: 0 4px 16px #000000;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.tzui-chapters-video-tip-pr {
  position: absolute;
  top: 20px;
  right: 24px;
  padding: 5px 10px;
  color: #fff;
  font-size: 12px;
  background-color: rgba(51, 51, 51, 0.6);
  border-radius: 4px;
}
.tzui-chapters-video-main-control {
  opacity: 1;
  -webkit-transition: opacity 600ms;
  transition: opacity 600ms;
  color: #fff;
}
.tzui-chapters-video-main-control-hide {
  opacity: 0;
}
.tzui-chapters-video-sound-slider {
  width: 48px;
  padding: 12px 0;
  background-color: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.tzui-chapters-video-sound-slider .ant-slider-vertical {
  margin-right: auto;
  margin-left: auto;
}
.tzui-chapters-video-sound-slider .ant-slider-vertical .ant-slider-handle {
  width: 10px;
  height: 10px;
  margin-bottom: 0;
  margin-left: -3px;
  background-color: var(--color-primary);
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-chapters-video-sound-value {
  padding-bottom: 4px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
.tzui-chapters-video-slider-inner {
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tzui-chapters-video-control-bar {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
.tzui-chapters-video-control-pr .drop-select-wrap {
  min-width: 90px;
  text-align: center;
}
.tzui-chapters-video-play-btn {
  color: #fff;
  font-size: 18px;
}
.tzui-chapters-video-function-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tzui-chapters-video-icon {
  margin: 0 15px 0 0;
  color: #fff;
  font-size: 18px;
}
.tzui-chapters-video-icon:last-child {
  margin: 0;
}
.tzui-chapters-progress-item {
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-transform: scaleY(0.3333333);
          transform: scaleY(0.3333333);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.tzui-chapters-progress-item-exclude {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  background-color: var(--color-primary);
  -webkit-transform: scaleY(0.3333333);
          transform: scaleY(0.3333333);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.tzui-chapters-video-progress {
  position: relative;
  margin: 9px 16px 2px;
  cursor: pointer;
}
.tzui-chapters-video-progress.tzui-chapters-video-progress-active .tzui-chapters-progress-item,
.tzui-chapters-video-progress.tzui-chapters-video-progress-active .tzui-chapters-progress-item-exclude {
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.tzui-chapters-video-progress.tzui-chapters-video-progress-active .tzui-chapters-progress-item-indicator {
  opacity: 1;
}
.tzui-chapters-video-progress.tzui-chapters-video-progress-active .tzui-chapters-progress-item-preview-indicator {
  opacity: 1;
}
.tzui-chapters-video-progress:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 200%;
  margin: auto;
  content: '';
}
.tzui-chapters-video-progress-chapter {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 9px;
}
.tzui-chapters-progress-item-wrap {
  position: relative;
  z-index: 1;
  margin-right: 2px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  overflow: hidden;
}
.tzui-chapters-progress-item-wrap.tzui-chapters-progress-item-wrap-active .tzui-chapters-progress-item,
.tzui-chapters-progress-item-wrap.tzui-chapters-progress-item-wrap-active .tzui-chapters-progress-item-exclude {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.tzui-chapters-progress-item-wrap:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 200%;
  margin: auto;
  content: '';
}
.tzui-chapters-progress-item-wrap:last-child {
  margin-right: 0;
}
.tzui-chapters-progress-item-indicator {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -7px;
  z-index: 1;
  width: 12px;
  height: 12px;
  margin: auto;
  background-color: var(--color-primary);
  border-radius: 14px;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  pointer-events: none;
}
.tzui-chapters-progress-item-indicator:hover {
  -webkit-box-shadow: 0 0 0 1px #fff;
          box-shadow: 0 0 0 1px #fff;
}
.tzui-chapters-progress-item-preview-indicator {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 1px;
  height: 18px;
  margin: auto;
  background-color: #fff;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  pointer-events: none;
}
.tzui-chapters-progress-preview {
  position: absolute;
  top: -145px;
  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;
}
.tzui-chapters-progress-time {
  margin: 5px 0;
  text-align: center;
}
.tzui-chapters-progress-time-text {
  display: inline-block;
  height: 20px;
  padding: 0 8px;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tzui-chapters-progress-frame {
  background-color: #313030;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 2px;
}
.tzui-chapters-video-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 16px 6px;
}
.tzui-chapters-video-control-btn {
  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;
  width: 24px;
  height: 24px;
  padding: 0;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
}
.tzui-chapters-video-control-btn:hover {
  background-color: var(--color-primary);
  color: #fff;
}
.tzui-chapters-video-play-btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tzui-chapters-video-play-btn-wrap .tzui-chapters-video-control-btn {
  margin: 0 14px 0 0;
}
.tzui-chapters-video-controls-btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tzui-chapters-video-controls-btn-group .tzui-chapters-video-control-btn {
  margin: 0 0 0 14px;
}
.tzui-chapters-preview {
  position: absolute;
  bottom: 14px;
}
.tzui-chapters-preview-hide {
  display: none;
}
.tzui-chapters-video-fullscreen .tzui-chapters-video-el {
  position: absolute;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.drop-select-wrap {
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid var(--color-border-light);
  -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}
.drop-select-title {
  color: var(--color-text-dark);
  padding: 11px 16px;
  line-height: 22px;
  font-size: 14px;
  border-bottom: 1px solid var(--color-border);
}
.drop-select-option {
  padding: 11px 16px;
  line-height: 22px;
  font-size: 14px;
  color: var(--color-text);
  cursor: pointer;
}
.drop-select-option:hover {
  background-color: var(--color-bg);
}
.drop-select-option.selected {
  color: var(--color-primary);
}
.drop-select-option.disabled {
  color: var(--color-text-light);
  cursor: not-allowed;
  background-color: transparent;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-dropdown-menu-item.tzui-dropdown-menu-item-danger {
  color: var(--color-danger);
}
.tzui-dropdown-menu-item.tzui-dropdown-menu-item-danger:hover {
  color: #fff;
  background-color: var(--color-danger);
}
.tzui-dropdown {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}
.tzui-dropdown::before {
  position: absolute;
  top: -4px;
  right: 0;
  bottom: -4px;
  left: -7px;
  z-index: -9999;
  opacity: 0.0001;
  content: ' ';
}
.tzui-dropdown-wrap {
  position: relative;
}
.tzui-dropdown-wrap .tzui-btn > .anticon-down {
  font-size: 10px;
}
.tzui-dropdown-wrap .anticon-down::before {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.tzui-dropdown-wrap-open .anticon-down::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.tzui-dropdown-hidden,
.tzui-dropdown-menu-hidden,
.tzui-dropdown-menu-submenu-hidden {
  display: none;
}
.tzui-dropdown-show-arrow.tzui-dropdown-placement-topLeft,
.tzui-dropdown-show-arrow.tzui-dropdown-placement-top,
.tzui-dropdown-show-arrow.tzui-dropdown-placement-topRight {
  padding-bottom: 16px;
}
.tzui-dropdown-show-arrow.tzui-dropdown-placement-bottomLeft,
.tzui-dropdown-show-arrow.tzui-dropdown-placement-bottom,
.tzui-dropdown-show-arrow.tzui-dropdown-placement-bottomRight {
  padding-top: 16px;
}
.tzui-dropdown-arrow {
  position: absolute;
  z-index: 1;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 0 0 4px;
  pointer-events: none;
}
.tzui-dropdown-arrow::before {
  position: absolute;
  top: -12px;
  left: -12px;
  width: 36px;
  height: 36px;
  background: #fff;
  background-repeat: no-repeat;
  background-position: -11px -11px;
  content: '';
  clip-path: inset(33% 33%);
  clip-path: path('M 10.535533905932738 25.464466094067262 A 5 5 0 0 1 14.071067811865476 24 L 20 24 A 4 4 0 0 0 24 20 L 24 14.071067811865476 A 5 5 0 0 1 25.464466094067262 10.535533905932738 L 24.464466094067262 10.535533905932738 L 10.535533905932738 24.464466094067262 Z');
}
.tzui-dropdown-placement-top > .tzui-dropdown-arrow,
.tzui-dropdown-placement-topLeft > .tzui-dropdown-arrow,
.tzui-dropdown-placement-topRight > .tzui-dropdown-arrow {
  bottom: 10.48528137px;
  -webkit-box-shadow: 3px 3px 7px -3px rgba(0, 0, 0, 0.1);
          box-shadow: 3px 3px 7px -3px rgba(0, 0, 0, 0.1);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.tzui-dropdown-placement-top > .tzui-dropdown-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}
.tzui-dropdown-placement-topLeft > .tzui-dropdown-arrow {
  left: 16px;
}
.tzui-dropdown-placement-topRight > .tzui-dropdown-arrow {
  right: 16px;
}
.tzui-dropdown-placement-bottom > .tzui-dropdown-arrow,
.tzui-dropdown-placement-bottomLeft > .tzui-dropdown-arrow,
.tzui-dropdown-placement-bottomRight > .tzui-dropdown-arrow {
  top: 9.89949494px;
  -webkit-box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1);
  -webkit-transform: rotate(-135deg) translateY(-0.5px);
          transform: rotate(-135deg) translateY(-0.5px);
}
.tzui-dropdown-placement-bottom > .tzui-dropdown-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(-135deg) translateY(-0.5px);
          transform: translateX(-50%) rotate(-135deg) translateY(-0.5px);
}
.tzui-dropdown-placement-bottomLeft > .tzui-dropdown-arrow {
  left: 16px;
}
.tzui-dropdown-placement-bottomRight > .tzui-dropdown-arrow {
  right: 16px;
}
.tzui-dropdown-menu {
  position: relative;
  margin: 0;
  padding: 4px 0;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
          box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
}
.tzui-dropdown-menu-item-group-title {
  padding: 5px 12px;
  color: #858e99;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-dropdown-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.tzui-dropdown-menu-submenu-popup ul,
.tzui-dropdown-menu-submenu-popup li {
  list-style: none;
}
.tzui-dropdown-menu-submenu-popup ul {
  margin-right: 0.3em;
  margin-left: 0.3em;
}
.tzui-dropdown-menu-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tzui-dropdown-menu-item-icon {
  min-width: 12px;
  margin-right: 8px;
  font-size: 12px;
}
.tzui-dropdown-menu-title-content {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.tzui-dropdown-menu-title-content > a {
  color: inherit;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-dropdown-menu-title-content > a:hover {
  color: inherit;
}
.tzui-dropdown-menu-title-content > a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}
.tzui-dropdown-menu-item,
.tzui-dropdown-menu-submenu-title {
  clear: both;
  margin: 0;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-dropdown-menu-item-selected,
.tzui-dropdown-menu-submenu-title-selected {
  color: var(--color-primary);
  background-color: none;
}
.tzui-dropdown-menu-item:hover,
.tzui-dropdown-menu-submenu-title:hover,
.tzui-dropdown-menu-item.tzui-dropdown-menu-item-active,
.tzui-dropdown-menu-item.tzui-dropdown-menu-submenu-title-active,
.tzui-dropdown-menu-submenu-title.tzui-dropdown-menu-item-active,
.tzui-dropdown-menu-submenu-title.tzui-dropdown-menu-submenu-title-active {
  background-color: var(--color-bg);
}
.tzui-dropdown-menu-item.tzui-dropdown-menu-item-disabled,
.tzui-dropdown-menu-item.tzui-dropdown-menu-submenu-title-disabled,
.tzui-dropdown-menu-submenu-title.tzui-dropdown-menu-item-disabled,
.tzui-dropdown-menu-submenu-title.tzui-dropdown-menu-submenu-title-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.tzui-dropdown-menu-item.tzui-dropdown-menu-item-disabled:hover,
.tzui-dropdown-menu-item.tzui-dropdown-menu-submenu-title-disabled:hover,
.tzui-dropdown-menu-submenu-title.tzui-dropdown-menu-item-disabled:hover,
.tzui-dropdown-menu-submenu-title.tzui-dropdown-menu-submenu-title-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.tzui-dropdown-menu-item.tzui-dropdown-menu-item-disabled a,
.tzui-dropdown-menu-item.tzui-dropdown-menu-submenu-title-disabled a,
.tzui-dropdown-menu-submenu-title.tzui-dropdown-menu-item-disabled a,
.tzui-dropdown-menu-submenu-title.tzui-dropdown-menu-submenu-title-disabled a {
  pointer-events: none;
}
.tzui-dropdown-menu-item-divider,
.tzui-dropdown-menu-submenu-title-divider {
  height: 1px;
  margin: 4px 0;
  overflow: hidden;
  line-height: 0;
  background-color: rgba(0, 0, 0, 0.06);
}
.tzui-dropdown-menu-item .tzui-dropdown-menu-submenu-expand-icon,
.tzui-dropdown-menu-submenu-title .tzui-dropdown-menu-submenu-expand-icon {
  position: absolute;
  right: 8px;
}
.tzui-dropdown-menu-item .tzui-dropdown-menu-submenu-expand-icon .tzui-dropdown-menu-submenu-arrow-icon,
.tzui-dropdown-menu-submenu-title .tzui-dropdown-menu-submenu-expand-icon .tzui-dropdown-menu-submenu-arrow-icon {
  margin-right: 0 !important;
  color: #858e99;
  font-size: 10px;
  font-style: normal;
}
.tzui-dropdown-menu-item-group-list {
  margin: 0 8px;
  padding: 0;
  list-style: none;
}
.tzui-dropdown-menu-submenu-title {
  padding-right: 24px;
}
.tzui-dropdown-menu-submenu-vertical {
  position: relative;
}
.tzui-dropdown-menu-submenu-vertical > .tzui-dropdown-menu {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 100%;
  margin-left: 4px;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.tzui-dropdown-menu-submenu.tzui-dropdown-menu-submenu-disabled .tzui-dropdown-menu-submenu-title,
.tzui-dropdown-menu-submenu.tzui-dropdown-menu-submenu-disabled .tzui-dropdown-menu-submenu-title .tzui-dropdown-menu-submenu-arrow-icon {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.tzui-dropdown-menu-submenu-selected .tzui-dropdown-menu-submenu-title {
  color: var(--color-primary);
}
.tzui-dropdown.tzui-slide-down-enter.tzui-slide-down-enter-active.tzui-dropdown-placement-bottomLeft,
.tzui-dropdown.tzui-slide-down-appear.tzui-slide-down-appear-active.tzui-dropdown-placement-bottomLeft,
.tzui-dropdown.tzui-slide-down-enter.tzui-slide-down-enter-active.tzui-dropdown-placement-bottom,
.tzui-dropdown.tzui-slide-down-appear.tzui-slide-down-appear-active.tzui-dropdown-placement-bottom,
.tzui-dropdown.tzui-slide-down-enter.tzui-slide-down-enter-active.tzui-dropdown-placement-bottomRight,
.tzui-dropdown.tzui-slide-down-appear.tzui-slide-down-appear-active.tzui-dropdown-placement-bottomRight {
  -webkit-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
}
.tzui-dropdown.tzui-slide-up-enter.tzui-slide-up-enter-active.tzui-dropdown-placement-topLeft,
.tzui-dropdown.tzui-slide-up-appear.tzui-slide-up-appear-active.tzui-dropdown-placement-topLeft,
.tzui-dropdown.tzui-slide-up-enter.tzui-slide-up-enter-active.tzui-dropdown-placement-top,
.tzui-dropdown.tzui-slide-up-appear.tzui-slide-up-appear-active.tzui-dropdown-placement-top,
.tzui-dropdown.tzui-slide-up-enter.tzui-slide-up-enter-active.tzui-dropdown-placement-topRight,
.tzui-dropdown.tzui-slide-up-appear.tzui-slide-up-appear-active.tzui-dropdown-placement-topRight {
  -webkit-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
}
.tzui-dropdown.tzui-slide-down-leave.tzui-slide-down-leave-active.tzui-dropdown-placement-bottomLeft,
.tzui-dropdown.tzui-slide-down-leave.tzui-slide-down-leave-active.tzui-dropdown-placement-bottom,
.tzui-dropdown.tzui-slide-down-leave.tzui-slide-down-leave-active.tzui-dropdown-placement-bottomRight {
  -webkit-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
}
.tzui-dropdown.tzui-slide-up-leave.tzui-slide-up-leave-active.tzui-dropdown-placement-topLeft,
.tzui-dropdown.tzui-slide-up-leave.tzui-slide-up-leave-active.tzui-dropdown-placement-top,
.tzui-dropdown.tzui-slide-up-leave.tzui-slide-up-leave-active.tzui-dropdown-placement-topRight {
  -webkit-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
}
.tzui-dropdown-trigger > .anticon.anticon-down,
.tzui-dropdown-link > .anticon.anticon-down,
.tzui-dropdown-button > .anticon.anticon-down {
  font-size: 10px;
  vertical-align: baseline;
}
.tzui-dropdown-button {
  white-space: nowrap;
}
.tzui-dropdown-button.tzui-btn-group > .tzui-btn-loading,
.tzui-dropdown-button.tzui-btn-group > .tzui-btn-loading + .tzui-btn {
  cursor: default;
  pointer-events: none;
}
.tzui-dropdown-button.tzui-btn-group > .tzui-btn-loading + .tzui-btn::before {
  display: block;
}
.tzui-dropdown-button.tzui-btn-group > .tzui-btn:last-child:not(:first-child):not(.tzui-btn-icon-only) {
  padding-right: 8px;
  padding-left: 8px;
}
.tzui-dropdown-menu-dark,
.tzui-dropdown-menu-dark .tzui-dropdown-menu {
  background: #001529;
}
.tzui-dropdown-menu-dark .tzui-dropdown-menu-item,
.tzui-dropdown-menu-dark .tzui-dropdown-menu-submenu-title,
.tzui-dropdown-menu-dark .tzui-dropdown-menu-item > a,
.tzui-dropdown-menu-dark .tzui-dropdown-menu-item > .anticon + span > a {
  color: rgba(255, 255, 255, 0.65);
}
.tzui-dropdown-menu-dark .tzui-dropdown-menu-item .tzui-dropdown-menu-submenu-arrow::after,
.tzui-dropdown-menu-dark .tzui-dropdown-menu-submenu-title .tzui-dropdown-menu-submenu-arrow::after,
.tzui-dropdown-menu-dark .tzui-dropdown-menu-item > a .tzui-dropdown-menu-submenu-arrow::after,
.tzui-dropdown-menu-dark .tzui-dropdown-menu-item > .anticon + span > a .tzui-dropdown-menu-submenu-arrow::after {
  color: rgba(255, 255, 255, 0.65);
}
.tzui-dropdown-menu-dark .tzui-dropdown-menu-item:hover,
.tzui-dropdown-menu-dark .tzui-dropdown-menu-submenu-title:hover,
.tzui-dropdown-menu-dark .tzui-dropdown-menu-item > a:hover,
.tzui-dropdown-menu-dark .tzui-dropdown-menu-item > .anticon + span > a:hover {
  color: #fff;
  background: transparent;
}
.tzui-dropdown-menu-dark .tzui-dropdown-menu-item-selected,
.tzui-dropdown-menu-dark .tzui-dropdown-menu-item-selected:hover,
.tzui-dropdown-menu-dark .tzui-dropdown-menu-item-selected > a {
  color: #fff;
  background: var(--color-primary);
}
.tzui-dropdown-rtl {
  direction: rtl;
}
.tzui-dropdown-rtl.tzui-dropdown::before {
  right: -7px;
  left: 0;
}
.tzui-dropdown-menu.tzui-dropdown-menu-rtl {
  direction: rtl;
  text-align: right;
}
.tzui-dropdown-rtl .tzui-dropdown-menu-item-group-title,
.tzui-dropdown-menu-submenu-rtl .tzui-dropdown-menu-item-group-title {
  direction: rtl;
  text-align: right;
}
.tzui-dropdown-menu-submenu-popup.tzui-dropdown-menu-submenu-rtl {
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}
.tzui-dropdown-rtl .tzui-dropdown-menu-submenu-popup ul,
.tzui-dropdown-rtl .tzui-dropdown-menu-submenu-popup li {
  text-align: right;
}
.tzui-dropdown-rtl .tzui-dropdown-menu-item,
.tzui-dropdown-rtl .tzui-dropdown-menu-submenu-title {
  text-align: right;
}
.tzui-dropdown-rtl .tzui-dropdown-menu-item > .anticon:first-child,
.tzui-dropdown-rtl .tzui-dropdown-menu-submenu-title > .anticon:first-child,
.tzui-dropdown-rtl .tzui-dropdown-menu-item > span > .anticon:first-child,
.tzui-dropdown-rtl .tzui-dropdown-menu-submenu-title > span > .anticon:first-child {
  margin-right: 0;
  margin-left: 8px;
}
.tzui-dropdown-rtl .tzui-dropdown-menu-item .tzui-dropdown-menu-submenu-expand-icon,
.tzui-dropdown-rtl .tzui-dropdown-menu-submenu-title .tzui-dropdown-menu-submenu-expand-icon {
  right: auto;
  left: 8px;
}
.tzui-dropdown-rtl .tzui-dropdown-menu-item .tzui-dropdown-menu-submenu-expand-icon .tzui-dropdown-menu-submenu-arrow-icon,
.tzui-dropdown-rtl .tzui-dropdown-menu-submenu-title .tzui-dropdown-menu-submenu-expand-icon .tzui-dropdown-menu-submenu-arrow-icon {
  margin-left: 0 !important;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.tzui-dropdown-rtl .tzui-dropdown-menu-submenu-title {
  padding-right: 12px;
  padding-left: 24px;
}
.tzui-dropdown-rtl .tzui-dropdown-menu-submenu-vertical > .tzui-dropdown-menu {
  right: 100%;
  left: 0;
  margin-right: 4px;
  margin-left: 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-dropdown-placement-top > .tzui-dropdown-arrow,
.tzui-dropdown-placement-topLeft > .tzui-dropdown-arrow,
.tzui-dropdown-placement-topRight > .tzui-dropdown-arrow {
  border-bottom: 1px solid #dadfe3;
  border-right: 1px solid #dadfe3;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-menu-item-danger.tzui-menu-item {
  color: var(--color-danger);
}
.tzui-menu-item-danger.tzui-menu-item:hover,
.tzui-menu-item-danger.tzui-menu-item-active {
  color: var(--color-danger);
}
.tzui-menu-item-danger.tzui-menu-item:active {
  background: #fff1f0;
}
.tzui-menu-item-danger.tzui-menu-item-selected {
  color: var(--color-danger);
}
.tzui-menu-item-danger.tzui-menu-item-selected > a,
.tzui-menu-item-danger.tzui-menu-item-selected > a:hover {
  color: var(--color-danger);
}
.tzui-menu:not(.tzui-menu-horizontal) .tzui-menu-item-danger.tzui-menu-item-selected {
  background-color: #fff1f0;
}
.tzui-menu-inline .tzui-menu-item-danger.tzui-menu-item::after {
  border-right-color: var(--color-danger);
}
.tzui-menu-dark .tzui-menu-item-danger.tzui-menu-item,
.tzui-menu-dark .tzui-menu-item-danger.tzui-menu-item:hover,
.tzui-menu-dark .tzui-menu-item-danger.tzui-menu-item > a {
  color: var(--color-danger);
}
.tzui-menu-dark.tzui-menu-dark:not(.tzui-menu-horizontal) .tzui-menu-item-danger.tzui-menu-item-selected {
  color: #fff;
  background-color: var(--color-danger);
}
.tzui-menu {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  line-height: 1.5715;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  margin-bottom: 0;
  padding-left: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 0;
  text-align: left;
  list-style: none;
  background: #fff;
  outline: none;
  -webkit-box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
          box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
  -webkit-transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
  transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
}
.tzui-menu::before {
  display: table;
  content: '';
}
.tzui-menu::after {
  display: table;
  clear: both;
  content: '';
}
.tzui-menu.tzui-menu-root:focus-visible {
  -webkit-box-shadow: 0 0 0 2px var(--tzui-primary-2);
          box-shadow: 0 0 0 2px var(--tzui-primary-2);
}
.tzui-menu ul,
.tzui-menu ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tzui-menu-overflow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tzui-menu-overflow-item {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.tzui-menu-hidden,
.tzui-menu-submenu-hidden {
  display: none;
}
.tzui-menu-item-group-title {
  height: 1.5715;
  padding: 8px 16px;
  color: var(--color-text-light);
  font-size: 14px;
  line-height: 1.5715;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-menu-horizontal .tzui-menu-submenu {
  -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tzui-menu-submenu,
.tzui-menu-submenu-inline {
  -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tzui-menu-submenu-selected {
  color: var(--color-primary);
}
.tzui-menu-item:active,
.tzui-menu-submenu-title:active {
  background: transparent;
}
.tzui-menu-submenu .tzui-menu-sub {
  cursor: initial;
  -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tzui-menu-title-content {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.tzui-menu-item a {
  color: rgba(0, 0, 0, 0.85);
}
.tzui-menu-item a:hover {
  color: var(--color-primary);
}
.tzui-menu-item a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: '';
}
.tzui-menu-item > .tzui-badge a {
  color: rgba(0, 0, 0, 0.85);
}
.tzui-menu-item > .tzui-badge a:hover {
  color: var(--color-primary);
}
.tzui-menu-item-divider {
  overflow: hidden;
  line-height: 0;
  border-color: rgba(0, 0, 0, 0.06);
  border-style: solid;
  border-width: 1px 0 0;
}
.tzui-menu-item-divider-dashed {
  border-style: dashed;
}
.tzui-menu-horizontal .tzui-menu-item,
.tzui-menu-horizontal .tzui-menu-submenu {
  margin-top: -1px;
}
.tzui-menu-horizontal > .tzui-menu-item:hover,
.tzui-menu-horizontal > .tzui-menu-item-active,
.tzui-menu-horizontal > .tzui-menu-submenu .tzui-menu-submenu-title:hover {
  background-color: transparent;
}
.tzui-menu-item-selected {
  color: var(--color-primary);
}
.tzui-menu-item-selected a,
.tzui-menu-item-selected a:hover {
  color: var(--color-primary);
}
.tzui-menu:not(.tzui-menu-horizontal) .tzui-menu-item-selected {
  background-color: transparent;
}
.tzui-menu-inline,
.tzui-menu-vertical,
.tzui-menu-vertical-left {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.tzui-menu-vertical-right {
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.tzui-menu-vertical.tzui-menu-sub,
.tzui-menu-vertical-left.tzui-menu-sub,
.tzui-menu-vertical-right.tzui-menu-sub {
  min-width: 160px;
  max-height: calc(100vh - 100px);
  padding: 0;
  overflow: hidden;
  border-right: 0;
}
.tzui-menu-vertical.tzui-menu-sub:not([class*='-active']),
.tzui-menu-vertical-left.tzui-menu-sub:not([class*='-active']),
.tzui-menu-vertical-right.tzui-menu-sub:not([class*='-active']) {
  overflow-x: hidden;
  overflow-y: auto;
}
.tzui-menu-vertical.tzui-menu-sub .tzui-menu-item,
.tzui-menu-vertical-left.tzui-menu-sub .tzui-menu-item,
.tzui-menu-vertical-right.tzui-menu-sub .tzui-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.tzui-menu-vertical.tzui-menu-sub .tzui-menu-item::after,
.tzui-menu-vertical-left.tzui-menu-sub .tzui-menu-item::after,
.tzui-menu-vertical-right.tzui-menu-sub .tzui-menu-item::after {
  border-right: 0;
}
.tzui-menu-vertical.tzui-menu-sub > .tzui-menu-item,
.tzui-menu-vertical-left.tzui-menu-sub > .tzui-menu-item,
.tzui-menu-vertical-right.tzui-menu-sub > .tzui-menu-item,
.tzui-menu-vertical.tzui-menu-sub > .tzui-menu-submenu,
.tzui-menu-vertical-left.tzui-menu-sub > .tzui-menu-submenu,
.tzui-menu-vertical-right.tzui-menu-sub > .tzui-menu-submenu {
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.tzui-menu-horizontal.tzui-menu-sub {
  min-width: 114px;
}
.tzui-menu-horizontal .tzui-menu-item,
.tzui-menu-horizontal .tzui-menu-submenu-title {
  -webkit-transition: border-color 0.3s, background 0.3s;
  transition: border-color 0.3s, background 0.3s;
}
.tzui-menu-item,
.tzui-menu-submenu-title {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 20px;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tzui-menu-item .tzui-menu-item-icon,
.tzui-menu-submenu-title .tzui-menu-item-icon,
.tzui-menu-item .anticon,
.tzui-menu-submenu-title .anticon {
  min-width: 14px;
  font-size: 14px;
  -webkit-transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
  transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
}
.tzui-menu-item .tzui-menu-item-icon + span,
.tzui-menu-submenu-title .tzui-menu-item-icon + span,
.tzui-menu-item .anticon + span,
.tzui-menu-submenu-title .anticon + span {
  margin-left: 10px;
  opacity: 1;
  -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
}
.tzui-menu-item .tzui-menu-item-icon.svg,
.tzui-menu-submenu-title .tzui-menu-item-icon.svg {
  vertical-align: -0.125em;
}
.tzui-menu-item.tzui-menu-item-only-child > .anticon,
.tzui-menu-submenu-title.tzui-menu-item-only-child > .anticon,
.tzui-menu-item.tzui-menu-item-only-child > .tzui-menu-item-icon,
.tzui-menu-submenu-title.tzui-menu-item-only-child > .tzui-menu-item-icon {
  margin-right: 0;
}
.tzui-menu-item:not(.tzui-menu-item-disabled):focus-visible,
.tzui-menu-submenu-title:not(.tzui-menu-item-disabled):focus-visible {
  -webkit-box-shadow: 0 0 0 2px var(--tzui-primary-2);
          box-shadow: 0 0 0 2px var(--tzui-primary-2);
}
.tzui-menu > .tzui-menu-item-divider {
  margin: 1px 0;
  padding: 0;
}
.tzui-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: transparent;
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.tzui-menu-submenu-popup::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0.0001;
  content: ' ';
}
.tzui-menu-submenu-placement-rightTop::before {
  top: 0;
  left: -7px;
}
.tzui-menu-submenu > .tzui-menu {
  background-color: #fff;
  border-radius: 4px;
}
.tzui-menu-submenu > .tzui-menu-submenu-title::after {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tzui-menu-submenu-popup > .tzui-menu {
  background-color: #fff;
}
.tzui-menu-submenu-expand-icon,
.tzui-menu-submenu-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
  color: rgba(0, 0, 0, 0.85);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tzui-menu-submenu-arrow::before,
.tzui-menu-submenu-arrow::after {
  position: absolute;
  width: 6px;
  height: 1.5px;
  background-color: currentcolor;
  border-radius: 2px;
  -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
}
.tzui-menu-submenu-arrow::before {
  -webkit-transform: rotate(45deg) translateY(-2.5px);
          transform: rotate(45deg) translateY(-2.5px);
}
.tzui-menu-submenu-arrow::after {
  -webkit-transform: rotate(-45deg) translateY(2.5px);
          transform: rotate(-45deg) translateY(2.5px);
}
.tzui-menu-submenu:hover > .tzui-menu-submenu-title > .tzui-menu-submenu-expand-icon,
.tzui-menu-submenu:hover > .tzui-menu-submenu-title > .tzui-menu-submenu-arrow {
  color: var(--color-primary);
}
.tzui-menu-inline-collapsed .tzui-menu-submenu-arrow::before,
.tzui-menu-submenu-inline .tzui-menu-submenu-arrow::before {
  -webkit-transform: rotate(-45deg) translateX(2.5px);
          transform: rotate(-45deg) translateX(2.5px);
}
.tzui-menu-inline-collapsed .tzui-menu-submenu-arrow::after,
.tzui-menu-submenu-inline .tzui-menu-submenu-arrow::after {
  -webkit-transform: rotate(45deg) translateX(-2.5px);
          transform: rotate(45deg) translateX(-2.5px);
}
.tzui-menu-submenu-horizontal .tzui-menu-submenu-arrow {
  display: none;
}
.tzui-menu-submenu-open.tzui-menu-submenu-inline > .tzui-menu-submenu-title > .tzui-menu-submenu-arrow {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.tzui-menu-submenu-open.tzui-menu-submenu-inline > .tzui-menu-submenu-title > .tzui-menu-submenu-arrow::after {
  -webkit-transform: rotate(-45deg) translateX(-2.5px);
          transform: rotate(-45deg) translateX(-2.5px);
}
.tzui-menu-submenu-open.tzui-menu-submenu-inline > .tzui-menu-submenu-title > .tzui-menu-submenu-arrow::before {
  -webkit-transform: rotate(45deg) translateX(2.5px);
          transform: rotate(45deg) translateX(2.5px);
}
.tzui-menu-vertical .tzui-menu-submenu-selected,
.tzui-menu-vertical-left .tzui-menu-submenu-selected,
.tzui-menu-vertical-right .tzui-menu-submenu-selected {
  color: var(--color-primary);
}
.tzui-menu-horizontal {
  line-height: 46px;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-menu-horizontal:not(.tzui-menu-dark) > .tzui-menu-item,
.tzui-menu-horizontal:not(.tzui-menu-dark) > .tzui-menu-submenu {
  margin-top: -1px;
  margin-bottom: 0;
  padding: 0 20px;
}
.tzui-menu-horizontal:not(.tzui-menu-dark) > .tzui-menu-item:hover,
.tzui-menu-horizontal:not(.tzui-menu-dark) > .tzui-menu-submenu:hover,
.tzui-menu-horizontal:not(.tzui-menu-dark) > .tzui-menu-item-active,
.tzui-menu-horizontal:not(.tzui-menu-dark) > .tzui-menu-submenu-active,
.tzui-menu-horizontal:not(.tzui-menu-dark) > .tzui-menu-item-open,
.tzui-menu-horizontal:not(.tzui-menu-dark) > .tzui-menu-submenu-open,
.tzui-menu-horizontal:not(.tzui-menu-dark) > .tzui-menu-item-selected,
.tzui-menu-horizontal:not(.tzui-menu-dark) > .tzui-menu-submenu-selected {
  color: var(--color-primary);
}
.tzui-menu-horizontal:not(.tzui-menu-dark) > .tzui-menu-item:hover::after,
.tzui-menu-horizontal:not(.tzui-menu-dark) > .tzui-menu-submenu:hover::after,
.tzui-menu-horizontal:not(.tzui-menu-dark) > .tzui-menu-item-active::after,
.tzui-menu-horizontal:not(.tzui-menu-dark) > .tzui-menu-submenu-active::after,
.tzui-menu-horizontal:not(.tzui-menu-dark) > .tzui-menu-item-open::after,
.tzui-menu-horizontal:not(.tzui-menu-dark) > .tzui-menu-submenu-open::after,
.tzui-menu-horizontal:not(.tzui-menu-dark) > .tzui-menu-item-selected::after,
.tzui-menu-horizontal:not(.tzui-menu-dark) > .tzui-menu-submenu-selected::after {
  border-bottom: 2px solid var(--color-primary);
}
.tzui-menu-horizontal > .tzui-menu-item,
.tzui-menu-horizontal > .tzui-menu-submenu {
  position: relative;
  top: 1px;
  display: inline-block;
  vertical-align: bottom;
}
.tzui-menu-horizontal > .tzui-menu-item::after,
.tzui-menu-horizontal > .tzui-menu-submenu::after {
  position: absolute;
  right: 20px;
  bottom: 0;
  left: 20px;
  border-bottom: 2px solid transparent;
  -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
}
.tzui-menu-horizontal > .tzui-menu-submenu > .tzui-menu-submenu-title {
  padding: 0;
}
.tzui-menu-horizontal > .tzui-menu-item a {
  color: rgba(0, 0, 0, 0.85);
}
.tzui-menu-horizontal > .tzui-menu-item a:hover {
  color: var(--color-primary);
}
.tzui-menu-horizontal > .tzui-menu-item a::before {
  bottom: -2px;
}
.tzui-menu-horizontal > .tzui-menu-item-selected a {
  color: var(--color-primary);
}
.tzui-menu-horizontal::after {
  display: block;
  clear: both;
  height: 0;
  content: '\20';
}
.tzui-menu-vertical .tzui-menu-item,
.tzui-menu-vertical-left .tzui-menu-item,
.tzui-menu-vertical-right .tzui-menu-item,
.tzui-menu-inline .tzui-menu-item {
  position: relative;
}
.tzui-menu-vertical .tzui-menu-item::after,
.tzui-menu-vertical-left .tzui-menu-item::after,
.tzui-menu-vertical-right .tzui-menu-item::after,
.tzui-menu-inline .tzui-menu-item::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 3px solid var(--color-primary);
  -webkit-transform: scaleY(0.0001);
          transform: scaleY(0.0001);
  opacity: 0;
  -webkit-transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  content: '';
}
.tzui-menu-vertical .tzui-menu-item,
.tzui-menu-vertical-left .tzui-menu-item,
.tzui-menu-vertical-right .tzui-menu-item,
.tzui-menu-inline .tzui-menu-item,
.tzui-menu-vertical .tzui-menu-submenu-title,
.tzui-menu-vertical-left .tzui-menu-submenu-title,
.tzui-menu-vertical-right .tzui-menu-submenu-title,
.tzui-menu-inline .tzui-menu-submenu-title {
  height: 40px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0 16px;
  overflow: hidden;
  line-height: 40px;
  text-overflow: ellipsis;
}
.tzui-menu-vertical .tzui-menu-submenu,
.tzui-menu-vertical-left .tzui-menu-submenu,
.tzui-menu-vertical-right .tzui-menu-submenu,
.tzui-menu-inline .tzui-menu-submenu {
  padding-bottom: 0.02px;
}
.tzui-menu-vertical .tzui-menu-item:not(:last-child),
.tzui-menu-vertical-left .tzui-menu-item:not(:last-child),
.tzui-menu-vertical-right .tzui-menu-item:not(:last-child),
.tzui-menu-inline .tzui-menu-item:not(:last-child) {
  margin-bottom: 8px;
}
.tzui-menu-vertical > .tzui-menu-item,
.tzui-menu-vertical-left > .tzui-menu-item,
.tzui-menu-vertical-right > .tzui-menu-item,
.tzui-menu-inline > .tzui-menu-item,
.tzui-menu-vertical > .tzui-menu-submenu > .tzui-menu-submenu-title,
.tzui-menu-vertical-left > .tzui-menu-submenu > .tzui-menu-submenu-title,
.tzui-menu-vertical-right > .tzui-menu-submenu > .tzui-menu-submenu-title,
.tzui-menu-inline > .tzui-menu-submenu > .tzui-menu-submenu-title {
  height: 40px;
  line-height: 40px;
}
.tzui-menu-vertical .tzui-menu-item-group-list .tzui-menu-submenu-title,
.tzui-menu-vertical .tzui-menu-submenu-title {
  padding-right: 34px;
}
.tzui-menu-inline {
  width: 100%;
}
.tzui-menu-inline .tzui-menu-selected::after,
.tzui-menu-inline .tzui-menu-item-selected::after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  opacity: 1;
  -webkit-transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tzui-menu-inline .tzui-menu-item,
.tzui-menu-inline .tzui-menu-submenu-title {
  width: calc(100% + 1px);
}
.tzui-menu-inline .tzui-menu-item-group-list .tzui-menu-submenu-title,
.tzui-menu-inline .tzui-menu-submenu-title {
  padding-right: 34px;
}
.tzui-menu-inline.tzui-menu-root .tzui-menu-item,
.tzui-menu-inline.tzui-menu-root .tzui-menu-submenu-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tzui-menu-inline.tzui-menu-root .tzui-menu-item > .tzui-menu-title-content,
.tzui-menu-inline.tzui-menu-root .tzui-menu-submenu-title > .tzui-menu-title-content {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tzui-menu-inline.tzui-menu-root .tzui-menu-item > *,
.tzui-menu-inline.tzui-menu-root .tzui-menu-submenu-title > * {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.tzui-menu.tzui-menu-inline-collapsed {
  width: 80px;
}
.tzui-menu.tzui-menu-inline-collapsed > .tzui-menu-item,
.tzui-menu.tzui-menu-inline-collapsed > .tzui-menu-item-group > .tzui-menu-item-group-list > .tzui-menu-item,
.tzui-menu.tzui-menu-inline-collapsed > .tzui-menu-item-group > .tzui-menu-item-group-list > .tzui-menu-submenu > .tzui-menu-submenu-title,
.tzui-menu.tzui-menu-inline-collapsed > .tzui-menu-submenu > .tzui-menu-submenu-title {
  left: 0;
  padding: 0 calc(50% - 16px / 2);
  text-overflow: clip;
}
.tzui-menu.tzui-menu-inline-collapsed > .tzui-menu-item .tzui-menu-submenu-arrow,
.tzui-menu.tzui-menu-inline-collapsed > .tzui-menu-item-group > .tzui-menu-item-group-list > .tzui-menu-item .tzui-menu-submenu-arrow,
.tzui-menu.tzui-menu-inline-collapsed > .tzui-menu-item-group > .tzui-menu-item-group-list > .tzui-menu-submenu > .tzui-menu-submenu-title .tzui-menu-submenu-arrow,
.tzui-menu.tzui-menu-inline-collapsed > .tzui-menu-submenu > .tzui-menu-submenu-title .tzui-menu-submenu-arrow {
  opacity: 0;
}
.tzui-menu.tzui-menu-inline-collapsed > .tzui-menu-item .tzui-menu-item-icon,
.tzui-menu.tzui-menu-inline-collapsed > .tzui-menu-item-group > .tzui-menu-item-group-list > .tzui-menu-item .tzui-menu-item-icon,
.tzui-menu.tzui-menu-inline-collapsed > .tzui-menu-item-group > .tzui-menu-item-group-list > .tzui-menu-submenu > .tzui-menu-submenu-title .tzui-menu-item-icon,
.tzui-menu.tzui-menu-inline-collapsed > .tzui-menu-submenu > .tzui-menu-submenu-title .tzui-menu-item-icon,
.tzui-menu.tzui-menu-inline-collapsed > .tzui-menu-item .anticon,
.tzui-menu.tzui-menu-inline-collapsed > .tzui-menu-item-group > .tzui-menu-item-group-list > .tzui-menu-item .anticon,
.tzui-menu.tzui-menu-inline-collapsed > .tzui-menu-item-group > .tzui-menu-item-group-list > .tzui-menu-submenu > .tzui-menu-submenu-title .anticon,
.tzui-menu.tzui-menu-inline-collapsed > .tzui-menu-submenu > .tzui-menu-submenu-title .anticon {
  margin: 0;
  font-size: 16px;
  line-height: 40px;
}
.tzui-menu.tzui-menu-inline-collapsed > .tzui-menu-item .tzui-menu-item-icon + span,
.tzui-menu.tzui-menu-inline-collapsed > .tzui-menu-item-group > .tzui-menu-item-group-list > .tzui-menu-item .tzui-menu-item-icon + span,
.tzui-menu.tzui-menu-inline-collapsed > .tzui-menu-item-group > .tzui-menu-item-group-list > .tzui-menu-submenu > .tzui-menu-submenu-title .tzui-menu-item-icon + span,
.tzui-menu.tzui-menu-inline-collapsed > .tzui-menu-submenu > .tzui-menu-submenu-title .tzui-menu-item-icon + span,
.tzui-menu.tzui-menu-inline-collapsed > .tzui-menu-item .anticon + span,
.tzui-menu.tzui-menu-inline-collapsed > .tzui-menu-item-group > .tzui-menu-item-group-list > .tzui-menu-item .anticon + span,
.tzui-menu.tzui-menu-inline-collapsed > .tzui-menu-item-group > .tzui-menu-item-group-list > .tzui-menu-submenu > .tzui-menu-submenu-title .anticon + span,
.tzui-menu.tzui-menu-inline-collapsed > .tzui-menu-submenu > .tzui-menu-submenu-title .anticon + span {
  display: inline-block;
  opacity: 0;
}
.tzui-menu.tzui-menu-inline-collapsed .tzui-menu-item-icon,
.tzui-menu.tzui-menu-inline-collapsed .anticon {
  display: inline-block;
}
.tzui-menu.tzui-menu-inline-collapsed-tooltip {
  pointer-events: none;
}
.tzui-menu.tzui-menu-inline-collapsed-tooltip .tzui-menu-item-icon,
.tzui-menu.tzui-menu-inline-collapsed-tooltip .anticon {
  display: none;
}
.tzui-menu.tzui-menu-inline-collapsed-tooltip a {
  color: rgba(255, 255, 255, 0.85);
}
.tzui-menu.tzui-menu-inline-collapsed .tzui-menu-item-group-title {
  padding-right: 4px;
  padding-left: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tzui-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.tzui-menu-item-group-list .tzui-menu-item,
.tzui-menu-item-group-list .tzui-menu-submenu-title {
  padding: 0 16px 0 28px;
}
.tzui-menu-root.tzui-menu-vertical,
.tzui-menu-root.tzui-menu-vertical-left,
.tzui-menu-root.tzui-menu-vertical-right,
.tzui-menu-root.tzui-menu-inline {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-menu-root.tzui-menu-inline-collapsed .tzui-menu-item > .tzui-menu-inline-collapsed-noicon,
.tzui-menu-root.tzui-menu-inline-collapsed .tzui-menu-submenu .tzui-menu-submenu-title > .tzui-menu-inline-collapsed-noicon {
  font-size: 16px;
  text-align: center;
}
.tzui-menu-sub.tzui-menu-inline {
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-menu-sub.tzui-menu-inline > .tzui-menu-item,
.tzui-menu-sub.tzui-menu-inline > .tzui-menu-submenu > .tzui-menu-submenu-title {
  height: 40px;
  line-height: 40px;
  list-style-position: inside;
  list-style-type: disc;
}
.tzui-menu-sub.tzui-menu-inline .tzui-menu-item-group-title {
  padding-left: 32px;
}
.tzui-menu-item-disabled,
.tzui-menu-submenu-disabled {
  color: rgba(0, 0, 0, 0.25) !important;
  background: none;
  cursor: not-allowed;
}
.tzui-menu-item-disabled::after,
.tzui-menu-submenu-disabled::after {
  border-color: transparent !important;
}
.tzui-menu-item-disabled a,
.tzui-menu-submenu-disabled a {
  color: rgba(0, 0, 0, 0.25) !important;
  pointer-events: none;
}
.tzui-menu-item-disabled > .tzui-menu-submenu-title,
.tzui-menu-submenu-disabled > .tzui-menu-submenu-title {
  color: rgba(0, 0, 0, 0.25) !important;
  cursor: not-allowed;
}
.tzui-menu-item-disabled > .tzui-menu-submenu-title > .tzui-menu-submenu-arrow::before,
.tzui-menu-submenu-disabled > .tzui-menu-submenu-title > .tzui-menu-submenu-arrow::before,
.tzui-menu-item-disabled > .tzui-menu-submenu-title > .tzui-menu-submenu-arrow::after,
.tzui-menu-submenu-disabled > .tzui-menu-submenu-title > .tzui-menu-submenu-arrow::after {
  background: rgba(0, 0, 0, 0.25) !important;
}
.tzui-layout-header .tzui-menu {
  line-height: inherit;
}
.tzui-menu-inline-collapsed-tooltip a,
.tzui-menu-inline-collapsed-tooltip a:hover {
  color: #fff;
}
.tzui-menu-light .tzui-menu-item:hover,
.tzui-menu-light .tzui-menu-item-active,
.tzui-menu-light .tzui-menu:not(.tzui-menu-inline) .tzui-menu-submenu-open,
.tzui-menu-light .tzui-menu-submenu-active,
.tzui-menu-light .tzui-menu-submenu-title:hover {
  color: var(--color-primary);
}
.tzui-menu.tzui-menu-root:focus-visible {
  -webkit-box-shadow: 0 0 0 2px var(--color-primary-dark);
          box-shadow: 0 0 0 2px var(--color-primary-dark);
}
.tzui-menu-dark .tzui-menu-item:focus-visible,
.tzui-menu-dark .tzui-menu-submenu-title:focus-visible {
  -webkit-box-shadow: 0 0 0 2px var(--color-primary-dark);
          box-shadow: 0 0 0 2px var(--color-primary-dark);
}
.tzui-menu.tzui-menu-dark,
.tzui-menu-dark .tzui-menu-sub,
.tzui-menu.tzui-menu-dark .tzui-menu-sub {
  color: rgba(255, 255, 255, 0.65);
  background: #001529;
}
.tzui-menu.tzui-menu-dark .tzui-menu-submenu-title .tzui-menu-submenu-arrow,
.tzui-menu-dark .tzui-menu-sub .tzui-menu-submenu-title .tzui-menu-submenu-arrow,
.tzui-menu.tzui-menu-dark .tzui-menu-sub .tzui-menu-submenu-title .tzui-menu-submenu-arrow {
  opacity: 0.45;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-menu.tzui-menu-dark .tzui-menu-submenu-title .tzui-menu-submenu-arrow::after,
.tzui-menu-dark .tzui-menu-sub .tzui-menu-submenu-title .tzui-menu-submenu-arrow::after,
.tzui-menu.tzui-menu-dark .tzui-menu-sub .tzui-menu-submenu-title .tzui-menu-submenu-arrow::after,
.tzui-menu.tzui-menu-dark .tzui-menu-submenu-title .tzui-menu-submenu-arrow::before,
.tzui-menu-dark .tzui-menu-sub .tzui-menu-submenu-title .tzui-menu-submenu-arrow::before,
.tzui-menu.tzui-menu-dark .tzui-menu-sub .tzui-menu-submenu-title .tzui-menu-submenu-arrow::before {
  background: #fff;
}
.tzui-menu-dark.tzui-menu-submenu-popup {
  background: transparent;
}
.tzui-menu-dark .tzui-menu-inline.tzui-menu-sub {
  background: #000c17;
}
.tzui-menu-dark.tzui-menu-horizontal {
  border-bottom: 0;
}
.tzui-menu-dark.tzui-menu-horizontal > .tzui-menu-item,
.tzui-menu-dark.tzui-menu-horizontal > .tzui-menu-submenu {
  top: 0;
  margin-top: 0;
  padding: 0 20px;
  border-color: #001529;
  border-bottom: 0;
}
.tzui-menu-dark.tzui-menu-horizontal > .tzui-menu-item:hover {
  background-color: var(--color-primary);
}
.tzui-menu-dark.tzui-menu-horizontal > .tzui-menu-item > a::before {
  bottom: 0;
}
.tzui-menu-dark .tzui-menu-item,
.tzui-menu-dark .tzui-menu-item-group-title,
.tzui-menu-dark .tzui-menu-item > a,
.tzui-menu-dark .tzui-menu-item > span > a {
  color: rgba(255, 255, 255, 0.65);
}
.tzui-menu-dark.tzui-menu-inline,
.tzui-menu-dark.tzui-menu-vertical,
.tzui-menu-dark.tzui-menu-vertical-left,
.tzui-menu-dark.tzui-menu-vertical-right {
  border-right: 0;
}
.tzui-menu-dark.tzui-menu-inline .tzui-menu-item,
.tzui-menu-dark.tzui-menu-vertical .tzui-menu-item,
.tzui-menu-dark.tzui-menu-vertical-left .tzui-menu-item,
.tzui-menu-dark.tzui-menu-vertical-right .tzui-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.tzui-menu-dark.tzui-menu-inline .tzui-menu-item::after,
.tzui-menu-dark.tzui-menu-vertical .tzui-menu-item::after,
.tzui-menu-dark.tzui-menu-vertical-left .tzui-menu-item::after,
.tzui-menu-dark.tzui-menu-vertical-right .tzui-menu-item::after {
  border-right: 0;
}
.tzui-menu-dark.tzui-menu-inline .tzui-menu-item,
.tzui-menu-dark.tzui-menu-inline .tzui-menu-submenu-title {
  width: 100%;
}
.tzui-menu-dark .tzui-menu-item:hover,
.tzui-menu-dark .tzui-menu-item-active,
.tzui-menu-dark .tzui-menu-submenu-active,
.tzui-menu-dark .tzui-menu-submenu-open,
.tzui-menu-dark .tzui-menu-submenu-selected,
.tzui-menu-dark .tzui-menu-submenu-title:hover {
  color: #fff;
  background-color: transparent;
}
.tzui-menu-dark .tzui-menu-item:hover > a,
.tzui-menu-dark .tzui-menu-item-active > a,
.tzui-menu-dark .tzui-menu-submenu-active > a,
.tzui-menu-dark .tzui-menu-submenu-open > a,
.tzui-menu-dark .tzui-menu-submenu-selected > a,
.tzui-menu-dark .tzui-menu-submenu-title:hover > a,
.tzui-menu-dark .tzui-menu-item:hover > span > a,
.tzui-menu-dark .tzui-menu-item-active > span > a,
.tzui-menu-dark .tzui-menu-submenu-active > span > a,
.tzui-menu-dark .tzui-menu-submenu-open > span > a,
.tzui-menu-dark .tzui-menu-submenu-selected > span > a,
.tzui-menu-dark .tzui-menu-submenu-title:hover > span > a {
  color: #fff;
}
.tzui-menu-dark .tzui-menu-item:hover > .tzui-menu-submenu-title > .tzui-menu-submenu-arrow,
.tzui-menu-dark .tzui-menu-item-active > .tzui-menu-submenu-title > .tzui-menu-submenu-arrow,
.tzui-menu-dark .tzui-menu-submenu-active > .tzui-menu-submenu-title > .tzui-menu-submenu-arrow,
.tzui-menu-dark .tzui-menu-submenu-open > .tzui-menu-submenu-title > .tzui-menu-submenu-arrow,
.tzui-menu-dark .tzui-menu-submenu-selected > .tzui-menu-submenu-title > .tzui-menu-submenu-arrow,
.tzui-menu-dark .tzui-menu-submenu-title:hover > .tzui-menu-submenu-title > .tzui-menu-submenu-arrow {
  opacity: 1;
}
.tzui-menu-dark .tzui-menu-item:hover > .tzui-menu-submenu-title > .tzui-menu-submenu-arrow::after,
.tzui-menu-dark .tzui-menu-item-active > .tzui-menu-submenu-title > .tzui-menu-submenu-arrow::after,
.tzui-menu-dark .tzui-menu-submenu-active > .tzui-menu-submenu-title > .tzui-menu-submenu-arrow::after,
.tzui-menu-dark .tzui-menu-submenu-open > .tzui-menu-submenu-title > .tzui-menu-submenu-arrow::after,
.tzui-menu-dark .tzui-menu-submenu-selected > .tzui-menu-submenu-title > .tzui-menu-submenu-arrow::after,
.tzui-menu-dark .tzui-menu-submenu-title:hover > .tzui-menu-submenu-title > .tzui-menu-submenu-arrow::after,
.tzui-menu-dark .tzui-menu-item:hover > .tzui-menu-submenu-title > .tzui-menu-submenu-arrow::before,
.tzui-menu-dark .tzui-menu-item-active > .tzui-menu-submenu-title > .tzui-menu-submenu-arrow::before,
.tzui-menu-dark .tzui-menu-submenu-active > .tzui-menu-submenu-title > .tzui-menu-submenu-arrow::before,
.tzui-menu-dark .tzui-menu-submenu-open > .tzui-menu-submenu-title > .tzui-menu-submenu-arrow::before,
.tzui-menu-dark .tzui-menu-submenu-selected > .tzui-menu-submenu-title > .tzui-menu-submenu-arrow::before,
.tzui-menu-dark .tzui-menu-submenu-title:hover > .tzui-menu-submenu-title > .tzui-menu-submenu-arrow::before {
  background: #fff;
}
.tzui-menu-dark .tzui-menu-item:hover {
  background-color: transparent;
}
.tzui-menu-dark.tzui-menu-dark:not(.tzui-menu-horizontal) .tzui-menu-item-selected {
  background-color: var(--color-primary);
}
.tzui-menu-dark .tzui-menu-item-selected {
  color: #fff;
  border-right: 0;
}
.tzui-menu-dark .tzui-menu-item-selected::after {
  border-right: 0;
}
.tzui-menu-dark .tzui-menu-item-selected > a,
.tzui-menu-dark .tzui-menu-item-selected > span > a,
.tzui-menu-dark .tzui-menu-item-selected > a:hover,
.tzui-menu-dark .tzui-menu-item-selected > span > a:hover {
  color: #fff;
}
.tzui-menu-dark .tzui-menu-item-selected .tzui-menu-item-icon,
.tzui-menu-dark .tzui-menu-item-selected .anticon {
  color: #fff;
}
.tzui-menu-dark .tzui-menu-item-selected .tzui-menu-item-icon + span,
.tzui-menu-dark .tzui-menu-item-selected .anticon + span {
  color: #fff;
}
.tzui-menu.tzui-menu-dark .tzui-menu-item-selected,
.tzui-menu-submenu-popup.tzui-menu-dark .tzui-menu-item-selected {
  background-color: var(--color-primary);
}
.tzui-menu-dark .tzui-menu-item-disabled,
.tzui-menu-dark .tzui-menu-submenu-disabled,
.tzui-menu-dark .tzui-menu-item-disabled > a,
.tzui-menu-dark .tzui-menu-submenu-disabled > a,
.tzui-menu-dark .tzui-menu-item-disabled > span > a,
.tzui-menu-dark .tzui-menu-submenu-disabled > span > a {
  color: rgba(255, 255, 255, 0.35) !important;
  opacity: 0.8;
}
.tzui-menu-dark .tzui-menu-item-disabled > .tzui-menu-submenu-title,
.tzui-menu-dark .tzui-menu-submenu-disabled > .tzui-menu-submenu-title {
  color: rgba(255, 255, 255, 0.35) !important;
}
.tzui-menu-dark .tzui-menu-item-disabled > .tzui-menu-submenu-title > .tzui-menu-submenu-arrow::before,
.tzui-menu-dark .tzui-menu-submenu-disabled > .tzui-menu-submenu-title > .tzui-menu-submenu-arrow::before,
.tzui-menu-dark .tzui-menu-item-disabled > .tzui-menu-submenu-title > .tzui-menu-submenu-arrow::after,
.tzui-menu-dark .tzui-menu-submenu-disabled > .tzui-menu-submenu-title > .tzui-menu-submenu-arrow::after {
  background: rgba(255, 255, 255, 0.35) !important;
}
.tzui-menu.tzui-menu-rtl {
  direction: rtl;
  text-align: right;
}
.tzui-menu-rtl .tzui-menu-item-group-title {
  text-align: right;
}
.tzui-menu-rtl.tzui-menu-inline,
.tzui-menu-rtl.tzui-menu-vertical {
  border-right: none;
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.tzui-menu-rtl.tzui-menu-dark.tzui-menu-inline,
.tzui-menu-rtl.tzui-menu-dark.tzui-menu-vertical {
  border-left: none;
}
.tzui-menu-rtl.tzui-menu-vertical.tzui-menu-sub > .tzui-menu-item,
.tzui-menu-rtl.tzui-menu-vertical-left.tzui-menu-sub > .tzui-menu-item,
.tzui-menu-rtl.tzui-menu-vertical-right.tzui-menu-sub > .tzui-menu-item,
.tzui-menu-rtl.tzui-menu-vertical.tzui-menu-sub > .tzui-menu-submenu,
.tzui-menu-rtl.tzui-menu-vertical-left.tzui-menu-sub > .tzui-menu-submenu,
.tzui-menu-rtl.tzui-menu-vertical-right.tzui-menu-sub > .tzui-menu-submenu {
  -webkit-transform-origin: top right;
          transform-origin: top right;
}
.tzui-menu-rtl .tzui-menu-item .tzui-menu-item-icon,
.tzui-menu-rtl .tzui-menu-submenu-title .tzui-menu-item-icon,
.tzui-menu-rtl .tzui-menu-item .anticon,
.tzui-menu-rtl .tzui-menu-submenu-title .anticon {
  margin-right: auto;
  margin-left: 10px;
}
.tzui-menu-rtl .tzui-menu-item.tzui-menu-item-only-child > .tzui-menu-item-icon,
.tzui-menu-rtl .tzui-menu-submenu-title.tzui-menu-item-only-child > .tzui-menu-item-icon,
.tzui-menu-rtl .tzui-menu-item.tzui-menu-item-only-child > .anticon,
.tzui-menu-rtl .tzui-menu-submenu-title.tzui-menu-item-only-child > .anticon {
  margin-left: 0;
}
.tzui-menu-submenu-rtl.tzui-menu-submenu-popup {
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}
.tzui-menu-rtl .tzui-menu-submenu-vertical > .tzui-menu-submenu-title .tzui-menu-submenu-arrow,
.tzui-menu-rtl .tzui-menu-submenu-vertical-left > .tzui-menu-submenu-title .tzui-menu-submenu-arrow,
.tzui-menu-rtl .tzui-menu-submenu-vertical-right > .tzui-menu-submenu-title .tzui-menu-submenu-arrow,
.tzui-menu-rtl .tzui-menu-submenu-inline > .tzui-menu-submenu-title .tzui-menu-submenu-arrow {
  right: auto;
  left: 16px;
}
.tzui-menu-rtl .tzui-menu-submenu-vertical > .tzui-menu-submenu-title .tzui-menu-submenu-arrow::before,
.tzui-menu-rtl .tzui-menu-submenu-vertical-left > .tzui-menu-submenu-title .tzui-menu-submenu-arrow::before,
.tzui-menu-rtl .tzui-menu-submenu-vertical-right > .tzui-menu-submenu-title .tzui-menu-submenu-arrow::before {
  -webkit-transform: rotate(-45deg) translateY(-2px);
          transform: rotate(-45deg) translateY(-2px);
}
.tzui-menu-rtl .tzui-menu-submenu-vertical > .tzui-menu-submenu-title .tzui-menu-submenu-arrow::after,
.tzui-menu-rtl .tzui-menu-submenu-vertical-left > .tzui-menu-submenu-title .tzui-menu-submenu-arrow::after,
.tzui-menu-rtl .tzui-menu-submenu-vertical-right > .tzui-menu-submenu-title .tzui-menu-submenu-arrow::after {
  -webkit-transform: rotate(45deg) translateY(2px);
          transform: rotate(45deg) translateY(2px);
}
.tzui-menu-rtl.tzui-menu-vertical .tzui-menu-item::after,
.tzui-menu-rtl.tzui-menu-vertical-left .tzui-menu-item::after,
.tzui-menu-rtl.tzui-menu-vertical-right .tzui-menu-item::after,
.tzui-menu-rtl.tzui-menu-inline .tzui-menu-item::after {
  right: auto;
  left: 0;
}
.tzui-menu-rtl.tzui-menu-vertical .tzui-menu-item,
.tzui-menu-rtl.tzui-menu-vertical-left .tzui-menu-item,
.tzui-menu-rtl.tzui-menu-vertical-right .tzui-menu-item,
.tzui-menu-rtl.tzui-menu-inline .tzui-menu-item,
.tzui-menu-rtl.tzui-menu-vertical .tzui-menu-submenu-title,
.tzui-menu-rtl.tzui-menu-vertical-left .tzui-menu-submenu-title,
.tzui-menu-rtl.tzui-menu-vertical-right .tzui-menu-submenu-title,
.tzui-menu-rtl.tzui-menu-inline .tzui-menu-submenu-title {
  text-align: right;
}
.tzui-menu-rtl.tzui-menu-inline .tzui-menu-submenu-title {
  padding-right: 0;
  padding-left: 34px;
}
.tzui-menu-rtl.tzui-menu-vertical .tzui-menu-submenu-title {
  padding-right: 16px;
  padding-left: 34px;
}
.tzui-menu-rtl.tzui-menu-inline-collapsed.tzui-menu-vertical .tzui-menu-submenu-title {
  padding: 0 calc(50% - 16px / 2);
}
.tzui-menu-rtl .tzui-menu-item-group-list .tzui-menu-item,
.tzui-menu-rtl .tzui-menu-item-group-list .tzui-menu-submenu-title {
  padding: 0 28px 0 16px;
}
.tzui-menu-sub.tzui-menu-inline {
  border: 0;
}
.tzui-menu-rtl.tzui-menu-sub.tzui-menu-inline .tzui-menu-item-group-title {
  padding-right: 32px;
  padding-left: 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-menu .tzui-menu-item-active {
  background-color: var(--color-bg);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-space {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.tzui-space-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.tzui-space-align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tzui-space-align-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.tzui-space-align-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.tzui-space-align-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.tzui-space-item:empty {
  display: none;
}
.tzui-space-compact {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.tzui-space-compact-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.tzui-space-compact-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.tzui-space-rtl {
  direction: rtl;
}
.tzui-space-compact-rtl {
  direction: rtl;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-slider {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  height: 12px;
  margin: 10px 6px 10px;
  padding: 4px 0;
  cursor: pointer;
  -ms-touch-action: none;
      touch-action: none;
}
.tzui-slider-vertical {
  width: 12px;
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px;
}
.tzui-slider-vertical .tzui-slider-rail {
  width: 4px;
  height: 100%;
}
.tzui-slider-vertical .tzui-slider-track {
  width: 4px;
}
.tzui-slider-vertical .tzui-slider-handle {
  margin-top: -6px;
  margin-left: -5px;
}
.tzui-slider-vertical .tzui-slider-mark {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%;
}
.tzui-slider-vertical .tzui-slider-mark-text {
  left: 4px;
  white-space: nowrap;
}
.tzui-slider-vertical .tzui-slider-step {
  width: 4px;
  height: 100%;
}
.tzui-slider-vertical .tzui-slider-dot {
  top: auto;
  margin-left: -2px;
}
.tzui-slider-tooltip .tzui-tooltip-inner {
  min-width: unset;
}
.tzui-slider-rtl.tzui-slider-vertical .tzui-slider-handle {
  margin-right: -5px;
  margin-left: 0;
}
.tzui-slider-rtl.tzui-slider-vertical .tzui-slider-mark {
  right: 12px;
  left: auto;
}
.tzui-slider-rtl.tzui-slider-vertical .tzui-slider-mark-text {
  right: 4px;
  left: auto;
}
.tzui-slider-rtl.tzui-slider-vertical .tzui-slider-dot {
  right: 2px;
  left: auto;
}
.tzui-slider-with-marks {
  margin-bottom: 28px;
}
.tzui-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.tzui-slider-track {
  position: absolute;
  height: 4px;
  background-color: var(--color-primary);
  border-radius: 4px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.tzui-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  background-color: #fff;
  border: solid 2px var(--color-primary);
  border-radius: 50%;
  -webkit-box-shadow: 0;
          box-shadow: 0;
  cursor: pointer;
  -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: border-color 0.3s, -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.tzui-slider-handle-dragging {
  z-index: 1;
}
.tzui-slider-handle:focus {
  border-color: var(--color-primary-hover);
  outline: none;
  -webkit-box-shadow: 0 0 0 5px var(--color-primary-slight);
          box-shadow: 0 0 0 5px var(--color-primary-slight);
}
.tzui-slider-handle.tzui-tooltip-open {
  border-color: var(--color-primary);
}
.tzui-slider-handle::after {
  position: absolute;
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  content: '';
}
.tzui-slider:hover .tzui-slider-rail {
  background-color: #e1e1e1;
}
.tzui-slider:hover .tzui-slider-track {
  background-color: var(--color-primary-hover-lighter);
}
.tzui-slider:hover .tzui-slider-handle:not(.tzui-tooltip-open) {
  border-color: var(--color-primary-hover-lighter);
}
.tzui-slider-mark {
  position: absolute;
  top: 14px;
  left: 0;
  width: 100%;
  font-size: 14px;
}
.tzui-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: #858e99;
  text-align: center;
  word-break: keep-all;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tzui-slider-mark-text-active {
  color: rgba(0, 0, 0, 0.85);
}
.tzui-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
  pointer-events: none;
}
.tzui-slider-dot {
  position: absolute;
  top: -2px;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 2px solid rgba(0, 0, 0, 0.06);
  border-radius: 50%;
  cursor: pointer;
}
.tzui-slider-dot-active {
  border-color: var(--color-primary);
}
.tzui-slider-disabled {
  cursor: not-allowed;
}
.tzui-slider-disabled .tzui-slider-rail {
  background-color: #f5f5f5 !important;
}
.tzui-slider-disabled .tzui-slider-track {
  background-color: rgba(0, 0, 0, 0.25) !important;
}
.tzui-slider-disabled .tzui-slider-handle,
.tzui-slider-disabled .tzui-slider-dot {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25) !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
}
.tzui-slider-disabled .tzui-slider-mark-text,
.tzui-slider-disabled .tzui-slider-dot {
  cursor: not-allowed !important;
}
.tzui-slider-rtl {
  direction: rtl;
}
.tzui-slider-rtl .tzui-slider-mark {
  right: 0;
  left: auto;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.tz-load-more {
  padding: 15px 0;
  text-align: center;
}
.tz-load-more-spin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tz-load-more-spin .tz-load-more-spin-icon {
  color: var(--color-primary-light);
  -webkit-animation: tz-load-more-spin-ani ease-in-out infinite 1.5s;
          animation: tz-load-more-spin-ani ease-in-out infinite 1.5s;
  font-size: 26px;
}
@-webkit-keyframes tz-load-more-spin-ani {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(720deg);
            transform: rotate(720deg);
  }
}
@keyframes tz-load-more-spin-ani {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(720deg);
            transform: rotate(720deg);
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-row {
  position: relative;
  height: auto;
  margin-right: 0;
  margin-left: 0;
  zoom: 1;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ant-row::before,
.ant-row::after {
  display: table;
  content: '';
}
.ant-row::after {
  clear: both;
}
.ant-row-flex {
  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;
}
.ant-row-flex::before,
.ant-row-flex::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ant-row-flex-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ant-row-flex-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ant-row-flex-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.ant-row-flex-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ant-row-flex-space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.ant-row-flex-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.ant-row-flex-middle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ant-row-flex-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.ant-col {
  position: relative;
}
.ant-col-1,
.ant-col-xs-1,
.ant-col-sm-1,
.ant-col-md-1,
.ant-col-lg-1,
.ant-col-2,
.ant-col-xs-2,
.ant-col-sm-2,
.ant-col-md-2,
.ant-col-lg-2,
.ant-col-3,
.ant-col-xs-3,
.ant-col-sm-3,
.ant-col-md-3,
.ant-col-lg-3,
.ant-col-4,
.ant-col-xs-4,
.ant-col-sm-4,
.ant-col-md-4,
.ant-col-lg-4,
.ant-col-5,
.ant-col-xs-5,
.ant-col-sm-5,
.ant-col-md-5,
.ant-col-lg-5,
.ant-col-6,
.ant-col-xs-6,
.ant-col-sm-6,
.ant-col-md-6,
.ant-col-lg-6,
.ant-col-7,
.ant-col-xs-7,
.ant-col-sm-7,
.ant-col-md-7,
.ant-col-lg-7,
.ant-col-8,
.ant-col-xs-8,
.ant-col-sm-8,
.ant-col-md-8,
.ant-col-lg-8,
.ant-col-9,
.ant-col-xs-9,
.ant-col-sm-9,
.ant-col-md-9,
.ant-col-lg-9,
.ant-col-10,
.ant-col-xs-10,
.ant-col-sm-10,
.ant-col-md-10,
.ant-col-lg-10,
.ant-col-11,
.ant-col-xs-11,
.ant-col-sm-11,
.ant-col-md-11,
.ant-col-lg-11,
.ant-col-12,
.ant-col-xs-12,
.ant-col-sm-12,
.ant-col-md-12,
.ant-col-lg-12,
.ant-col-13,
.ant-col-xs-13,
.ant-col-sm-13,
.ant-col-md-13,
.ant-col-lg-13,
.ant-col-14,
.ant-col-xs-14,
.ant-col-sm-14,
.ant-col-md-14,
.ant-col-lg-14,
.ant-col-15,
.ant-col-xs-15,
.ant-col-sm-15,
.ant-col-md-15,
.ant-col-lg-15,
.ant-col-16,
.ant-col-xs-16,
.ant-col-sm-16,
.ant-col-md-16,
.ant-col-lg-16,
.ant-col-17,
.ant-col-xs-17,
.ant-col-sm-17,
.ant-col-md-17,
.ant-col-lg-17,
.ant-col-18,
.ant-col-xs-18,
.ant-col-sm-18,
.ant-col-md-18,
.ant-col-lg-18,
.ant-col-19,
.ant-col-xs-19,
.ant-col-sm-19,
.ant-col-md-19,
.ant-col-lg-19,
.ant-col-20,
.ant-col-xs-20,
.ant-col-sm-20,
.ant-col-md-20,
.ant-col-lg-20,
.ant-col-21,
.ant-col-xs-21,
.ant-col-sm-21,
.ant-col-md-21,
.ant-col-lg-21,
.ant-col-22,
.ant-col-xs-22,
.ant-col-sm-22,
.ant-col-md-22,
.ant-col-lg-22,
.ant-col-23,
.ant-col-xs-23,
.ant-col-sm-23,
.ant-col-md-23,
.ant-col-lg-23,
.ant-col-24,
.ant-col-xs-24,
.ant-col-sm-24,
.ant-col-md-24,
.ant-col-lg-24 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}
.ant-col-1,
.ant-col-2,
.ant-col-3,
.ant-col-4,
.ant-col-5,
.ant-col-6,
.ant-col-7,
.ant-col-8,
.ant-col-9,
.ant-col-10,
.ant-col-11,
.ant-col-12,
.ant-col-13,
.ant-col-14,
.ant-col-15,
.ant-col-16,
.ant-col-17,
.ant-col-18,
.ant-col-19,
.ant-col-20,
.ant-col-21,
.ant-col-22,
.ant-col-23,
.ant-col-24 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  float: left;
}
.ant-col-24 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.ant-col-push-24 {
  left: 100%;
}
.ant-col-pull-24 {
  right: 100%;
}
.ant-col-offset-24 {
  margin-left: 100%;
}
.ant-col-order-24 {
  -webkit-box-ordinal-group: 25;
      -ms-flex-order: 24;
          order: 24;
}
.ant-col-23 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 95.83333333%;
}
.ant-col-push-23 {
  left: 95.83333333%;
}
.ant-col-pull-23 {
  right: 95.83333333%;
}
.ant-col-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-order-23 {
  -webkit-box-ordinal-group: 24;
      -ms-flex-order: 23;
          order: 23;
}
.ant-col-22 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 91.66666667%;
}
.ant-col-push-22 {
  left: 91.66666667%;
}
.ant-col-pull-22 {
  right: 91.66666667%;
}
.ant-col-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-order-22 {
  -webkit-box-ordinal-group: 23;
      -ms-flex-order: 22;
          order: 22;
}
.ant-col-21 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 87.5%;
}
.ant-col-push-21 {
  left: 87.5%;
}
.ant-col-pull-21 {
  right: 87.5%;
}
.ant-col-offset-21 {
  margin-left: 87.5%;
}
.ant-col-order-21 {
  -webkit-box-ordinal-group: 22;
      -ms-flex-order: 21;
          order: 21;
}
.ant-col-20 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 83.33333333%;
}
.ant-col-push-20 {
  left: 83.33333333%;
}
.ant-col-pull-20 {
  right: 83.33333333%;
}
.ant-col-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-order-20 {
  -webkit-box-ordinal-group: 21;
      -ms-flex-order: 20;
          order: 20;
}
.ant-col-19 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 79.16666667%;
}
.ant-col-push-19 {
  left: 79.16666667%;
}
.ant-col-pull-19 {
  right: 79.16666667%;
}
.ant-col-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-order-19 {
  -webkit-box-ordinal-group: 20;
      -ms-flex-order: 19;
          order: 19;
}
.ant-col-18 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 75%;
}
.ant-col-push-18 {
  left: 75%;
}
.ant-col-pull-18 {
  right: 75%;
}
.ant-col-offset-18 {
  margin-left: 75%;
}
.ant-col-order-18 {
  -webkit-box-ordinal-group: 19;
      -ms-flex-order: 18;
          order: 18;
}
.ant-col-17 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 70.83333333%;
}
.ant-col-push-17 {
  left: 70.83333333%;
}
.ant-col-pull-17 {
  right: 70.83333333%;
}
.ant-col-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-order-17 {
  -webkit-box-ordinal-group: 18;
      -ms-flex-order: 17;
          order: 17;
}
.ant-col-16 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 66.66666667%;
}
.ant-col-push-16 {
  left: 66.66666667%;
}
.ant-col-pull-16 {
  right: 66.66666667%;
}
.ant-col-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-order-16 {
  -webkit-box-ordinal-group: 17;
      -ms-flex-order: 16;
          order: 16;
}
.ant-col-15 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 62.5%;
}
.ant-col-push-15 {
  left: 62.5%;
}
.ant-col-pull-15 {
  right: 62.5%;
}
.ant-col-offset-15 {
  margin-left: 62.5%;
}
.ant-col-order-15 {
  -webkit-box-ordinal-group: 16;
      -ms-flex-order: 15;
          order: 15;
}
.ant-col-14 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 58.33333333%;
}
.ant-col-push-14 {
  left: 58.33333333%;
}
.ant-col-pull-14 {
  right: 58.33333333%;
}
.ant-col-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-order-14 {
  -webkit-box-ordinal-group: 15;
      -ms-flex-order: 14;
          order: 14;
}
.ant-col-13 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 54.16666667%;
}
.ant-col-push-13 {
  left: 54.16666667%;
}
.ant-col-pull-13 {
  right: 54.16666667%;
}
.ant-col-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-order-13 {
  -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
          order: 13;
}
.ant-col-12 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
}
.ant-col-push-12 {
  left: 50%;
}
.ant-col-pull-12 {
  right: 50%;
}
.ant-col-offset-12 {
  margin-left: 50%;
}
.ant-col-order-12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12;
}
.ant-col-11 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 45.83333333%;
}
.ant-col-push-11 {
  left: 45.83333333%;
}
.ant-col-pull-11 {
  right: 45.83333333%;
}
.ant-col-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-order-11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11;
}
.ant-col-10 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 41.66666667%;
}
.ant-col-push-10 {
  left: 41.66666667%;
}
.ant-col-pull-10 {
  right: 41.66666667%;
}
.ant-col-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-order-10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}
.ant-col-9 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 37.5%;
}
.ant-col-push-9 {
  left: 37.5%;
}
.ant-col-pull-9 {
  right: 37.5%;
}
.ant-col-offset-9 {
  margin-left: 37.5%;
}
.ant-col-order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}
.ant-col-8 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 33.33333333%;
}
.ant-col-push-8 {
  left: 33.33333333%;
}
.ant-col-pull-8 {
  right: 33.33333333%;
}
.ant-col-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}
.ant-col-7 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 29.16666667%;
}
.ant-col-push-7 {
  left: 29.16666667%;
}
.ant-col-pull-7 {
  right: 29.16666667%;
}
.ant-col-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}
.ant-col-6 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 25%;
}
.ant-col-push-6 {
  left: 25%;
}
.ant-col-pull-6 {
  right: 25%;
}
.ant-col-offset-6 {
  margin-left: 25%;
}
.ant-col-order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}
.ant-col-5 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 20.83333333%;
}
.ant-col-push-5 {
  left: 20.83333333%;
}
.ant-col-pull-5 {
  right: 20.83333333%;
}
.ant-col-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
.ant-col-4 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 16.66666667%;
}
.ant-col-push-4 {
  left: 16.66666667%;
}
.ant-col-pull-4 {
  right: 16.66666667%;
}
.ant-col-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.ant-col-3 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 12.5%;
}
.ant-col-push-3 {
  left: 12.5%;
}
.ant-col-pull-3 {
  right: 12.5%;
}
.ant-col-offset-3 {
  margin-left: 12.5%;
}
.ant-col-order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.ant-col-2 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 8.33333333%;
}
.ant-col-push-2 {
  left: 8.33333333%;
}
.ant-col-pull-2 {
  right: 8.33333333%;
}
.ant-col-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.ant-col-1 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 4.16666667%;
}
.ant-col-push-1 {
  left: 4.16666667%;
}
.ant-col-pull-1 {
  right: 4.16666667%;
}
.ant-col-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.ant-col-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-offset-0 {
  margin-left: 0;
}
.ant-col-order-0 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.ant-col-xs-1,
.ant-col-xs-2,
.ant-col-xs-3,
.ant-col-xs-4,
.ant-col-xs-5,
.ant-col-xs-6,
.ant-col-xs-7,
.ant-col-xs-8,
.ant-col-xs-9,
.ant-col-xs-10,
.ant-col-xs-11,
.ant-col-xs-12,
.ant-col-xs-13,
.ant-col-xs-14,
.ant-col-xs-15,
.ant-col-xs-16,
.ant-col-xs-17,
.ant-col-xs-18,
.ant-col-xs-19,
.ant-col-xs-20,
.ant-col-xs-21,
.ant-col-xs-22,
.ant-col-xs-23,
.ant-col-xs-24 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  float: left;
}
.ant-col-xs-24 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.ant-col-xs-push-24 {
  left: 100%;
}
.ant-col-xs-pull-24 {
  right: 100%;
}
.ant-col-xs-offset-24 {
  margin-left: 100%;
}
.ant-col-xs-order-24 {
  -webkit-box-ordinal-group: 25;
      -ms-flex-order: 24;
          order: 24;
}
.ant-col-xs-23 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 95.83333333%;
}
.ant-col-xs-push-23 {
  left: 95.83333333%;
}
.ant-col-xs-pull-23 {
  right: 95.83333333%;
}
.ant-col-xs-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-xs-order-23 {
  -webkit-box-ordinal-group: 24;
      -ms-flex-order: 23;
          order: 23;
}
.ant-col-xs-22 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 91.66666667%;
}
.ant-col-xs-push-22 {
  left: 91.66666667%;
}
.ant-col-xs-pull-22 {
  right: 91.66666667%;
}
.ant-col-xs-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-xs-order-22 {
  -webkit-box-ordinal-group: 23;
      -ms-flex-order: 22;
          order: 22;
}
.ant-col-xs-21 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 87.5%;
}
.ant-col-xs-push-21 {
  left: 87.5%;
}
.ant-col-xs-pull-21 {
  right: 87.5%;
}
.ant-col-xs-offset-21 {
  margin-left: 87.5%;
}
.ant-col-xs-order-21 {
  -webkit-box-ordinal-group: 22;
      -ms-flex-order: 21;
          order: 21;
}
.ant-col-xs-20 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 83.33333333%;
}
.ant-col-xs-push-20 {
  left: 83.33333333%;
}
.ant-col-xs-pull-20 {
  right: 83.33333333%;
}
.ant-col-xs-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-xs-order-20 {
  -webkit-box-ordinal-group: 21;
      -ms-flex-order: 20;
          order: 20;
}
.ant-col-xs-19 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 79.16666667%;
}
.ant-col-xs-push-19 {
  left: 79.16666667%;
}
.ant-col-xs-pull-19 {
  right: 79.16666667%;
}
.ant-col-xs-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-xs-order-19 {
  -webkit-box-ordinal-group: 20;
      -ms-flex-order: 19;
          order: 19;
}
.ant-col-xs-18 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 75%;
}
.ant-col-xs-push-18 {
  left: 75%;
}
.ant-col-xs-pull-18 {
  right: 75%;
}
.ant-col-xs-offset-18 {
  margin-left: 75%;
}
.ant-col-xs-order-18 {
  -webkit-box-ordinal-group: 19;
      -ms-flex-order: 18;
          order: 18;
}
.ant-col-xs-17 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 70.83333333%;
}
.ant-col-xs-push-17 {
  left: 70.83333333%;
}
.ant-col-xs-pull-17 {
  right: 70.83333333%;
}
.ant-col-xs-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-xs-order-17 {
  -webkit-box-ordinal-group: 18;
      -ms-flex-order: 17;
          order: 17;
}
.ant-col-xs-16 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 66.66666667%;
}
.ant-col-xs-push-16 {
  left: 66.66666667%;
}
.ant-col-xs-pull-16 {
  right: 66.66666667%;
}
.ant-col-xs-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-xs-order-16 {
  -webkit-box-ordinal-group: 17;
      -ms-flex-order: 16;
          order: 16;
}
.ant-col-xs-15 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 62.5%;
}
.ant-col-xs-push-15 {
  left: 62.5%;
}
.ant-col-xs-pull-15 {
  right: 62.5%;
}
.ant-col-xs-offset-15 {
  margin-left: 62.5%;
}
.ant-col-xs-order-15 {
  -webkit-box-ordinal-group: 16;
      -ms-flex-order: 15;
          order: 15;
}
.ant-col-xs-14 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 58.33333333%;
}
.ant-col-xs-push-14 {
  left: 58.33333333%;
}
.ant-col-xs-pull-14 {
  right: 58.33333333%;
}
.ant-col-xs-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-xs-order-14 {
  -webkit-box-ordinal-group: 15;
      -ms-flex-order: 14;
          order: 14;
}
.ant-col-xs-13 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 54.16666667%;
}
.ant-col-xs-push-13 {
  left: 54.16666667%;
}
.ant-col-xs-pull-13 {
  right: 54.16666667%;
}
.ant-col-xs-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-xs-order-13 {
  -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
          order: 13;
}
.ant-col-xs-12 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
}
.ant-col-xs-push-12 {
  left: 50%;
}
.ant-col-xs-pull-12 {
  right: 50%;
}
.ant-col-xs-offset-12 {
  margin-left: 50%;
}
.ant-col-xs-order-12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12;
}
.ant-col-xs-11 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 45.83333333%;
}
.ant-col-xs-push-11 {
  left: 45.83333333%;
}
.ant-col-xs-pull-11 {
  right: 45.83333333%;
}
.ant-col-xs-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-xs-order-11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11;
}
.ant-col-xs-10 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 41.66666667%;
}
.ant-col-xs-push-10 {
  left: 41.66666667%;
}
.ant-col-xs-pull-10 {
  right: 41.66666667%;
}
.ant-col-xs-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-xs-order-10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}
.ant-col-xs-9 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 37.5%;
}
.ant-col-xs-push-9 {
  left: 37.5%;
}
.ant-col-xs-pull-9 {
  right: 37.5%;
}
.ant-col-xs-offset-9 {
  margin-left: 37.5%;
}
.ant-col-xs-order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}
.ant-col-xs-8 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 33.33333333%;
}
.ant-col-xs-push-8 {
  left: 33.33333333%;
}
.ant-col-xs-pull-8 {
  right: 33.33333333%;
}
.ant-col-xs-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-xs-order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}
.ant-col-xs-7 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 29.16666667%;
}
.ant-col-xs-push-7 {
  left: 29.16666667%;
}
.ant-col-xs-pull-7 {
  right: 29.16666667%;
}
.ant-col-xs-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-xs-order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}
.ant-col-xs-6 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 25%;
}
.ant-col-xs-push-6 {
  left: 25%;
}
.ant-col-xs-pull-6 {
  right: 25%;
}
.ant-col-xs-offset-6 {
  margin-left: 25%;
}
.ant-col-xs-order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}
.ant-col-xs-5 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 20.83333333%;
}
.ant-col-xs-push-5 {
  left: 20.83333333%;
}
.ant-col-xs-pull-5 {
  right: 20.83333333%;
}
.ant-col-xs-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-xs-order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
.ant-col-xs-4 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 16.66666667%;
}
.ant-col-xs-push-4 {
  left: 16.66666667%;
}
.ant-col-xs-pull-4 {
  right: 16.66666667%;
}
.ant-col-xs-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-xs-order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.ant-col-xs-3 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 12.5%;
}
.ant-col-xs-push-3 {
  left: 12.5%;
}
.ant-col-xs-pull-3 {
  right: 12.5%;
}
.ant-col-xs-offset-3 {
  margin-left: 12.5%;
}
.ant-col-xs-order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.ant-col-xs-2 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 8.33333333%;
}
.ant-col-xs-push-2 {
  left: 8.33333333%;
}
.ant-col-xs-pull-2 {
  right: 8.33333333%;
}
.ant-col-xs-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-xs-order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.ant-col-xs-1 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 4.16666667%;
}
.ant-col-xs-push-1 {
  left: 4.16666667%;
}
.ant-col-xs-pull-1 {
  right: 4.16666667%;
}
.ant-col-xs-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-xs-order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.ant-col-xs-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-xs-push-0 {
  left: auto;
}
.ant-col-xs-pull-0 {
  right: auto;
}
.ant-col-xs-offset-0 {
  margin-left: 0;
}
.ant-col-xs-order-0 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
@media (min-width: 768px) {
  .ant-col-sm-1,
  .ant-col-sm-2,
  .ant-col-sm-3,
  .ant-col-sm-4,
  .ant-col-sm-5,
  .ant-col-sm-6,
  .ant-col-sm-7,
  .ant-col-sm-8,
  .ant-col-sm-9,
  .ant-col-sm-10,
  .ant-col-sm-11,
  .ant-col-sm-12,
  .ant-col-sm-13,
  .ant-col-sm-14,
  .ant-col-sm-15,
  .ant-col-sm-16,
  .ant-col-sm-17,
  .ant-col-sm-18,
  .ant-col-sm-19,
  .ant-col-sm-20,
  .ant-col-sm-21,
  .ant-col-sm-22,
  .ant-col-sm-23,
  .ant-col-sm-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    float: left;
  }
  .ant-col-sm-24 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .ant-col-sm-push-24 {
    left: 100%;
  }
  .ant-col-sm-pull-24 {
    right: 100%;
  }
  .ant-col-sm-offset-24 {
    margin-left: 100%;
  }
  .ant-col-sm-order-24 {
    -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
            order: 24;
  }
  .ant-col-sm-23 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-sm-push-23 {
    left: 95.83333333%;
  }
  .ant-col-sm-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-sm-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-sm-order-23 {
    -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
            order: 23;
  }
  .ant-col-sm-22 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-sm-push-22 {
    left: 91.66666667%;
  }
  .ant-col-sm-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-sm-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-sm-order-22 {
    -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
            order: 22;
  }
  .ant-col-sm-21 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-sm-push-21 {
    left: 87.5%;
  }
  .ant-col-sm-pull-21 {
    right: 87.5%;
  }
  .ant-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-sm-order-21 {
    -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
            order: 21;
  }
  .ant-col-sm-20 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-sm-push-20 {
    left: 83.33333333%;
  }
  .ant-col-sm-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-sm-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-sm-order-20 {
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20;
  }
  .ant-col-sm-19 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-sm-push-19 {
    left: 79.16666667%;
  }
  .ant-col-sm-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-sm-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-sm-order-19 {
    -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
            order: 19;
  }
  .ant-col-sm-18 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 75%;
  }
  .ant-col-sm-push-18 {
    left: 75%;
  }
  .ant-col-sm-pull-18 {
    right: 75%;
  }
  .ant-col-sm-offset-18 {
    margin-left: 75%;
  }
  .ant-col-sm-order-18 {
    -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
            order: 18;
  }
  .ant-col-sm-17 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-sm-push-17 {
    left: 70.83333333%;
  }
  .ant-col-sm-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-sm-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-sm-order-17 {
    -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
            order: 17;
  }
  .ant-col-sm-16 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-sm-push-16 {
    left: 66.66666667%;
  }
  .ant-col-sm-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-sm-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-sm-order-16 {
    -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
            order: 16;
  }
  .ant-col-sm-15 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-sm-push-15 {
    left: 62.5%;
  }
  .ant-col-sm-pull-15 {
    right: 62.5%;
  }
  .ant-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-sm-order-15 {
    -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
            order: 15;
  }
  .ant-col-sm-14 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-sm-push-14 {
    left: 58.33333333%;
  }
  .ant-col-sm-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-sm-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-sm-order-14 {
    -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
            order: 14;
  }
  .ant-col-sm-13 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-sm-push-13 {
    left: 54.16666667%;
  }
  .ant-col-sm-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-sm-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-sm-order-13 {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .ant-col-sm-12 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
  }
  .ant-col-sm-push-12 {
    left: 50%;
  }
  .ant-col-sm-pull-12 {
    right: 50%;
  }
  .ant-col-sm-offset-12 {
    margin-left: 50%;
  }
  .ant-col-sm-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .ant-col-sm-11 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-sm-push-11 {
    left: 45.83333333%;
  }
  .ant-col-sm-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-sm-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-sm-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .ant-col-sm-10 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-sm-push-10 {
    left: 41.66666667%;
  }
  .ant-col-sm-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-sm-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-sm-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .ant-col-sm-9 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-sm-push-9 {
    left: 37.5%;
  }
  .ant-col-sm-pull-9 {
    right: 37.5%;
  }
  .ant-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-sm-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .ant-col-sm-8 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-sm-push-8 {
    left: 33.33333333%;
  }
  .ant-col-sm-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-sm-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-sm-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .ant-col-sm-7 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-sm-push-7 {
    left: 29.16666667%;
  }
  .ant-col-sm-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-sm-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-sm-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .ant-col-sm-6 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 25%;
  }
  .ant-col-sm-push-6 {
    left: 25%;
  }
  .ant-col-sm-pull-6 {
    right: 25%;
  }
  .ant-col-sm-offset-6 {
    margin-left: 25%;
  }
  .ant-col-sm-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .ant-col-sm-5 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-sm-push-5 {
    left: 20.83333333%;
  }
  .ant-col-sm-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-sm-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-sm-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .ant-col-sm-4 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-sm-push-4 {
    left: 16.66666667%;
  }
  .ant-col-sm-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-sm-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-sm-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .ant-col-sm-3 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-sm-push-3 {
    left: 12.5%;
  }
  .ant-col-sm-pull-3 {
    right: 12.5%;
  }
  .ant-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-sm-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .ant-col-sm-2 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-sm-push-2 {
    left: 8.33333333%;
  }
  .ant-col-sm-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-sm-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-sm-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .ant-col-sm-1 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-sm-push-1 {
    left: 4.16666667%;
  }
  .ant-col-sm-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-sm-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-sm-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .ant-col-sm-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-sm-push-0 {
    left: auto;
  }
  .ant-col-sm-pull-0 {
    right: auto;
  }
  .ant-col-sm-offset-0 {
    margin-left: 0;
  }
  .ant-col-sm-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media (min-width: 992px) {
  .ant-col-md-1,
  .ant-col-md-2,
  .ant-col-md-3,
  .ant-col-md-4,
  .ant-col-md-5,
  .ant-col-md-6,
  .ant-col-md-7,
  .ant-col-md-8,
  .ant-col-md-9,
  .ant-col-md-10,
  .ant-col-md-11,
  .ant-col-md-12,
  .ant-col-md-13,
  .ant-col-md-14,
  .ant-col-md-15,
  .ant-col-md-16,
  .ant-col-md-17,
  .ant-col-md-18,
  .ant-col-md-19,
  .ant-col-md-20,
  .ant-col-md-21,
  .ant-col-md-22,
  .ant-col-md-23,
  .ant-col-md-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    float: left;
  }
  .ant-col-md-24 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .ant-col-md-push-24 {
    left: 100%;
  }
  .ant-col-md-pull-24 {
    right: 100%;
  }
  .ant-col-md-offset-24 {
    margin-left: 100%;
  }
  .ant-col-md-order-24 {
    -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
            order: 24;
  }
  .ant-col-md-23 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-md-push-23 {
    left: 95.83333333%;
  }
  .ant-col-md-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-md-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-md-order-23 {
    -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
            order: 23;
  }
  .ant-col-md-22 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-md-push-22 {
    left: 91.66666667%;
  }
  .ant-col-md-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-md-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-md-order-22 {
    -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
            order: 22;
  }
  .ant-col-md-21 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-md-push-21 {
    left: 87.5%;
  }
  .ant-col-md-pull-21 {
    right: 87.5%;
  }
  .ant-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-md-order-21 {
    -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
            order: 21;
  }
  .ant-col-md-20 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-md-push-20 {
    left: 83.33333333%;
  }
  .ant-col-md-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-md-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-md-order-20 {
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20;
  }
  .ant-col-md-19 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-md-push-19 {
    left: 79.16666667%;
  }
  .ant-col-md-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-md-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-md-order-19 {
    -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
            order: 19;
  }
  .ant-col-md-18 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 75%;
  }
  .ant-col-md-push-18 {
    left: 75%;
  }
  .ant-col-md-pull-18 {
    right: 75%;
  }
  .ant-col-md-offset-18 {
    margin-left: 75%;
  }
  .ant-col-md-order-18 {
    -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
            order: 18;
  }
  .ant-col-md-17 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-md-push-17 {
    left: 70.83333333%;
  }
  .ant-col-md-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-md-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-md-order-17 {
    -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
            order: 17;
  }
  .ant-col-md-16 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-md-push-16 {
    left: 66.66666667%;
  }
  .ant-col-md-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-md-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-md-order-16 {
    -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
            order: 16;
  }
  .ant-col-md-15 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-md-push-15 {
    left: 62.5%;
  }
  .ant-col-md-pull-15 {
    right: 62.5%;
  }
  .ant-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-md-order-15 {
    -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
            order: 15;
  }
  .ant-col-md-14 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-md-push-14 {
    left: 58.33333333%;
  }
  .ant-col-md-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-md-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-md-order-14 {
    -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
            order: 14;
  }
  .ant-col-md-13 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-md-push-13 {
    left: 54.16666667%;
  }
  .ant-col-md-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-md-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-md-order-13 {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .ant-col-md-12 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
  }
  .ant-col-md-push-12 {
    left: 50%;
  }
  .ant-col-md-pull-12 {
    right: 50%;
  }
  .ant-col-md-offset-12 {
    margin-left: 50%;
  }
  .ant-col-md-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .ant-col-md-11 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-md-push-11 {
    left: 45.83333333%;
  }
  .ant-col-md-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-md-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-md-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .ant-col-md-10 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-md-push-10 {
    left: 41.66666667%;
  }
  .ant-col-md-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-md-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-md-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .ant-col-md-9 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-md-push-9 {
    left: 37.5%;
  }
  .ant-col-md-pull-9 {
    right: 37.5%;
  }
  .ant-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-md-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .ant-col-md-8 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-md-push-8 {
    left: 33.33333333%;
  }
  .ant-col-md-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-md-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-md-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .ant-col-md-7 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-md-push-7 {
    left: 29.16666667%;
  }
  .ant-col-md-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-md-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-md-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .ant-col-md-6 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 25%;
  }
  .ant-col-md-push-6 {
    left: 25%;
  }
  .ant-col-md-pull-6 {
    right: 25%;
  }
  .ant-col-md-offset-6 {
    margin-left: 25%;
  }
  .ant-col-md-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .ant-col-md-5 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-md-push-5 {
    left: 20.83333333%;
  }
  .ant-col-md-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-md-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-md-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .ant-col-md-4 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-md-push-4 {
    left: 16.66666667%;
  }
  .ant-col-md-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-md-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-md-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .ant-col-md-3 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-md-push-3 {
    left: 12.5%;
  }
  .ant-col-md-pull-3 {
    right: 12.5%;
  }
  .ant-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-md-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .ant-col-md-2 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-md-push-2 {
    left: 8.33333333%;
  }
  .ant-col-md-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-md-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-md-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .ant-col-md-1 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-md-push-1 {
    left: 4.16666667%;
  }
  .ant-col-md-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-md-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-md-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .ant-col-md-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-md-push-0 {
    left: auto;
  }
  .ant-col-md-pull-0 {
    right: auto;
  }
  .ant-col-md-offset-0 {
    margin-left: 0;
  }
  .ant-col-md-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media (min-width: 1200px) {
  .ant-col-lg-1,
  .ant-col-lg-2,
  .ant-col-lg-3,
  .ant-col-lg-4,
  .ant-col-lg-5,
  .ant-col-lg-6,
  .ant-col-lg-7,
  .ant-col-lg-8,
  .ant-col-lg-9,
  .ant-col-lg-10,
  .ant-col-lg-11,
  .ant-col-lg-12,
  .ant-col-lg-13,
  .ant-col-lg-14,
  .ant-col-lg-15,
  .ant-col-lg-16,
  .ant-col-lg-17,
  .ant-col-lg-18,
  .ant-col-lg-19,
  .ant-col-lg-20,
  .ant-col-lg-21,
  .ant-col-lg-22,
  .ant-col-lg-23,
  .ant-col-lg-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    float: left;
  }
  .ant-col-lg-24 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .ant-col-lg-push-24 {
    left: 100%;
  }
  .ant-col-lg-pull-24 {
    right: 100%;
  }
  .ant-col-lg-offset-24 {
    margin-left: 100%;
  }
  .ant-col-lg-order-24 {
    -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
            order: 24;
  }
  .ant-col-lg-23 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-lg-push-23 {
    left: 95.83333333%;
  }
  .ant-col-lg-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-lg-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-lg-order-23 {
    -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
            order: 23;
  }
  .ant-col-lg-22 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-lg-push-22 {
    left: 91.66666667%;
  }
  .ant-col-lg-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-lg-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-lg-order-22 {
    -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
            order: 22;
  }
  .ant-col-lg-21 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-lg-push-21 {
    left: 87.5%;
  }
  .ant-col-lg-pull-21 {
    right: 87.5%;
  }
  .ant-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-lg-order-21 {
    -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
            order: 21;
  }
  .ant-col-lg-20 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-lg-push-20 {
    left: 83.33333333%;
  }
  .ant-col-lg-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-lg-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-lg-order-20 {
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20;
  }
  .ant-col-lg-19 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-lg-push-19 {
    left: 79.16666667%;
  }
  .ant-col-lg-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-lg-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-lg-order-19 {
    -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
            order: 19;
  }
  .ant-col-lg-18 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 75%;
  }
  .ant-col-lg-push-18 {
    left: 75%;
  }
  .ant-col-lg-pull-18 {
    right: 75%;
  }
  .ant-col-lg-offset-18 {
    margin-left: 75%;
  }
  .ant-col-lg-order-18 {
    -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
            order: 18;
  }
  .ant-col-lg-17 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-lg-push-17 {
    left: 70.83333333%;
  }
  .ant-col-lg-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-lg-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-lg-order-17 {
    -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
            order: 17;
  }
  .ant-col-lg-16 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-lg-push-16 {
    left: 66.66666667%;
  }
  .ant-col-lg-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-lg-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-lg-order-16 {
    -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
            order: 16;
  }
  .ant-col-lg-15 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-lg-push-15 {
    left: 62.5%;
  }
  .ant-col-lg-pull-15 {
    right: 62.5%;
  }
  .ant-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-lg-order-15 {
    -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
            order: 15;
  }
  .ant-col-lg-14 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-lg-push-14 {
    left: 58.33333333%;
  }
  .ant-col-lg-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-lg-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-lg-order-14 {
    -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
            order: 14;
  }
  .ant-col-lg-13 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-lg-push-13 {
    left: 54.16666667%;
  }
  .ant-col-lg-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-lg-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-lg-order-13 {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .ant-col-lg-12 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
  }
  .ant-col-lg-push-12 {
    left: 50%;
  }
  .ant-col-lg-pull-12 {
    right: 50%;
  }
  .ant-col-lg-offset-12 {
    margin-left: 50%;
  }
  .ant-col-lg-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .ant-col-lg-11 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-lg-push-11 {
    left: 45.83333333%;
  }
  .ant-col-lg-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-lg-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-lg-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .ant-col-lg-10 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-lg-push-10 {
    left: 41.66666667%;
  }
  .ant-col-lg-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-lg-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-lg-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .ant-col-lg-9 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-lg-push-9 {
    left: 37.5%;
  }
  .ant-col-lg-pull-9 {
    right: 37.5%;
  }
  .ant-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-lg-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .ant-col-lg-8 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-lg-push-8 {
    left: 33.33333333%;
  }
  .ant-col-lg-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-lg-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-lg-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .ant-col-lg-7 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-lg-push-7 {
    left: 29.16666667%;
  }
  .ant-col-lg-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-lg-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-lg-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .ant-col-lg-6 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 25%;
  }
  .ant-col-lg-push-6 {
    left: 25%;
  }
  .ant-col-lg-pull-6 {
    right: 25%;
  }
  .ant-col-lg-offset-6 {
    margin-left: 25%;
  }
  .ant-col-lg-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .ant-col-lg-5 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-lg-push-5 {
    left: 20.83333333%;
  }
  .ant-col-lg-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-lg-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-lg-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .ant-col-lg-4 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-lg-push-4 {
    left: 16.66666667%;
  }
  .ant-col-lg-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-lg-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-lg-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .ant-col-lg-3 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-lg-push-3 {
    left: 12.5%;
  }
  .ant-col-lg-pull-3 {
    right: 12.5%;
  }
  .ant-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-lg-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .ant-col-lg-2 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-lg-push-2 {
    left: 8.33333333%;
  }
  .ant-col-lg-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-lg-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-lg-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .ant-col-lg-1 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-lg-push-1 {
    left: 4.16666667%;
  }
  .ant-col-lg-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-lg-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-lg-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .ant-col-lg-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-lg-push-0 {
    left: auto;
  }
  .ant-col-lg-pull-0 {
    right: auto;
  }
  .ant-col-lg-offset-0 {
    margin-left: 0;
  }
  .ant-col-lg-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media (min-width: 1600px) {
  .ant-col-xl-1,
  .ant-col-xl-2,
  .ant-col-xl-3,
  .ant-col-xl-4,
  .ant-col-xl-5,
  .ant-col-xl-6,
  .ant-col-xl-7,
  .ant-col-xl-8,
  .ant-col-xl-9,
  .ant-col-xl-10,
  .ant-col-xl-11,
  .ant-col-xl-12,
  .ant-col-xl-13,
  .ant-col-xl-14,
  .ant-col-xl-15,
  .ant-col-xl-16,
  .ant-col-xl-17,
  .ant-col-xl-18,
  .ant-col-xl-19,
  .ant-col-xl-20,
  .ant-col-xl-21,
  .ant-col-xl-22,
  .ant-col-xl-23,
  .ant-col-xl-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    float: left;
  }
  .ant-col-xl-24 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .ant-col-xl-push-24 {
    left: 100%;
  }
  .ant-col-xl-pull-24 {
    right: 100%;
  }
  .ant-col-xl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xl-order-24 {
    -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
            order: 24;
  }
  .ant-col-xl-23 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-xl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xl-order-23 {
    -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
            order: 23;
  }
  .ant-col-xl-22 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-xl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xl-order-22 {
    -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
            order: 22;
  }
  .ant-col-xl-21 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-xl-push-21 {
    left: 87.5%;
  }
  .ant-col-xl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xl-order-21 {
    -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
            order: 21;
  }
  .ant-col-xl-20 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-xl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xl-order-20 {
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20;
  }
  .ant-col-xl-19 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-xl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xl-order-19 {
    -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
            order: 19;
  }
  .ant-col-xl-18 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 75%;
  }
  .ant-col-xl-push-18 {
    left: 75%;
  }
  .ant-col-xl-pull-18 {
    right: 75%;
  }
  .ant-col-xl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xl-order-18 {
    -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
            order: 18;
  }
  .ant-col-xl-17 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-xl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xl-order-17 {
    -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
            order: 17;
  }
  .ant-col-xl-16 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-xl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xl-order-16 {
    -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
            order: 16;
  }
  .ant-col-xl-15 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-xl-push-15 {
    left: 62.5%;
  }
  .ant-col-xl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xl-order-15 {
    -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
            order: 15;
  }
  .ant-col-xl-14 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-xl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xl-order-14 {
    -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
            order: 14;
  }
  .ant-col-xl-13 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-xl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xl-order-13 {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .ant-col-xl-12 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
  }
  .ant-col-xl-push-12 {
    left: 50%;
  }
  .ant-col-xl-pull-12 {
    right: 50%;
  }
  .ant-col-xl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xl-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .ant-col-xl-11 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-xl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xl-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .ant-col-xl-10 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-xl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xl-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .ant-col-xl-9 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-xl-push-9 {
    left: 37.5%;
  }
  .ant-col-xl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xl-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .ant-col-xl-8 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-xl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xl-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .ant-col-xl-7 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-xl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xl-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .ant-col-xl-6 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 25%;
  }
  .ant-col-xl-push-6 {
    left: 25%;
  }
  .ant-col-xl-pull-6 {
    right: 25%;
  }
  .ant-col-xl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xl-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .ant-col-xl-5 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-xl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xl-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .ant-col-xl-4 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-xl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xl-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .ant-col-xl-3 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-xl-push-3 {
    left: 12.5%;
  }
  .ant-col-xl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xl-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .ant-col-xl-2 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-xl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xl-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .ant-col-xl-1 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-xl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xl-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .ant-col-xl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xl-push-0 {
    left: auto;
  }
  .ant-col-xl-pull-0 {
    right: auto;
  }
  .ant-col-xl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xl-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media (min-width: 1920px) {
  .ant-col-xxl-1,
  .ant-col-xxl-2,
  .ant-col-xxl-3,
  .ant-col-xxl-4,
  .ant-col-xxl-5,
  .ant-col-xxl-6,
  .ant-col-xxl-7,
  .ant-col-xxl-8,
  .ant-col-xxl-9,
  .ant-col-xxl-10,
  .ant-col-xxl-11,
  .ant-col-xxl-12,
  .ant-col-xxl-13,
  .ant-col-xxl-14,
  .ant-col-xxl-15,
  .ant-col-xxl-16,
  .ant-col-xxl-17,
  .ant-col-xxl-18,
  .ant-col-xxl-19,
  .ant-col-xxl-20,
  .ant-col-xxl-21,
  .ant-col-xxl-22,
  .ant-col-xxl-23,
  .ant-col-xxl-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    float: left;
  }
  .ant-col-xxl-24 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .ant-col-xxl-push-24 {
    left: 100%;
  }
  .ant-col-xxl-pull-24 {
    right: 100%;
  }
  .ant-col-xxl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xxl-order-24 {
    -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
            order: 24;
  }
  .ant-col-xxl-23 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-xxl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xxl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xxl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xxl-order-23 {
    -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
            order: 23;
  }
  .ant-col-xxl-22 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-xxl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xxl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xxl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xxl-order-22 {
    -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
            order: 22;
  }
  .ant-col-xxl-21 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-xxl-push-21 {
    left: 87.5%;
  }
  .ant-col-xxl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xxl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xxl-order-21 {
    -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
            order: 21;
  }
  .ant-col-xxl-20 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-xxl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xxl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xxl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xxl-order-20 {
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20;
  }
  .ant-col-xxl-19 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-xxl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xxl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xxl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xxl-order-19 {
    -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
            order: 19;
  }
  .ant-col-xxl-18 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 75%;
  }
  .ant-col-xxl-push-18 {
    left: 75%;
  }
  .ant-col-xxl-pull-18 {
    right: 75%;
  }
  .ant-col-xxl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xxl-order-18 {
    -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
            order: 18;
  }
  .ant-col-xxl-17 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-xxl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xxl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xxl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xxl-order-17 {
    -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
            order: 17;
  }
  .ant-col-xxl-16 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-xxl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xxl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xxl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xxl-order-16 {
    -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
            order: 16;
  }
  .ant-col-xxl-15 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-xxl-push-15 {
    left: 62.5%;
  }
  .ant-col-xxl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xxl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xxl-order-15 {
    -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
            order: 15;
  }
  .ant-col-xxl-14 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-xxl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xxl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xxl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xxl-order-14 {
    -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
            order: 14;
  }
  .ant-col-xxl-13 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-xxl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xxl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xxl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xxl-order-13 {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .ant-col-xxl-12 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
  }
  .ant-col-xxl-push-12 {
    left: 50%;
  }
  .ant-col-xxl-pull-12 {
    right: 50%;
  }
  .ant-col-xxl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xxl-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .ant-col-xxl-11 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-xxl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xxl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xxl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xxl-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .ant-col-xxl-10 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-xxl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xxl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xxl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xxl-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .ant-col-xxl-9 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-xxl-push-9 {
    left: 37.5%;
  }
  .ant-col-xxl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xxl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xxl-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .ant-col-xxl-8 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-xxl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xxl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xxl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xxl-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .ant-col-xxl-7 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-xxl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xxl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xxl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xxl-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .ant-col-xxl-6 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 25%;
  }
  .ant-col-xxl-push-6 {
    left: 25%;
  }
  .ant-col-xxl-pull-6 {
    right: 25%;
  }
  .ant-col-xxl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xxl-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .ant-col-xxl-5 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-xxl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xxl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xxl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xxl-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .ant-col-xxl-4 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-xxl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xxl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xxl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xxl-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .ant-col-xxl-3 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-xxl-push-3 {
    left: 12.5%;
  }
  .ant-col-xxl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xxl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xxl-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .ant-col-xxl-2 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-xxl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xxl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xxl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xxl-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .ant-col-xxl-1 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-xxl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xxl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xxl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xxl-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .ant-col-xxl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xxl-push-0 {
    left: auto;
  }
  .ant-col-xxl-pull-0 {
    right: auto;
  }
  .ant-col-xxl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xxl-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}

.ant-skeleton {
  display: table;
  width: 100%;
}
.ant-skeleton-header {
  display: table-cell;
  padding-right: 16px;
  vertical-align: top;
}
.ant-skeleton-header .ant-skeleton-avatar {
  display: inline-block;
  vertical-align: top;
  background: #f2f2f2;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-content {
  display: table-cell;
  width: 100%;
  vertical-align: top;
}
.ant-skeleton-content .ant-skeleton-title {
  width: 100%;
  height: 16px;
  margin-top: 16px;
  background: #f2f2f2;
}
.ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 24px;
}
.ant-skeleton-content .ant-skeleton-paragraph {
  padding: 0;
}
.ant-skeleton-content .ant-skeleton-paragraph > li {
  width: 100%;
  height: 16px;
  list-style: none;
  background: #f2f2f2;
}
.ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) {
  width: 61%;
}
.ant-skeleton-content .ant-skeleton-paragraph > li + li {
  margin-top: 16px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title {
  margin-top: 12px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 28px;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  -webkit-animation: ant-skeleton-loading 1.4s ease infinite;
          animation: ant-skeleton-loading 1.4s ease infinite;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  -webkit-animation: ant-skeleton-loading 1.4s ease infinite;
          animation: ant-skeleton-loading 1.4s ease infinite;
}
@-webkit-keyframes ant-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
@keyframes ant-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
@-webkit-keyframes tz-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
@keyframes tz-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.tz-skeleton-block {
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
}
.tz-skeleton-block.active {
  -webkit-animation: tz-skeleton-loading 1.4s ease infinite;
          animation: tz-skeleton-loading 1.4s ease infinite;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
/* stylelint-disable at-rule-no-unknown */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-family: "helvetica neue", helvetica, "pingfang sc", "hiragino sans gb", "microsoft yahei", arial, sans-serif;
  font-variant: tabular-nums;
  line-height: 1.7;
  background-color: #fff;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
[tabindex='-1']:focus {
  outline: none !important;
}
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: var(--color-text-dark);
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: var(--color-primary);
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: var(--color-primary-dark);
}
a:active {
  color: var(--color-primary-dark);
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}
a[disabled] {
  color: var(--color-text-disabled);
  cursor: not-allowed;
  pointer-events: none;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: "sfmono-regular", consolas, "liberation mono", menlo, courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  color: var(--color-text-light);
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}
::-moz-selection {
  color: #fff;
  background: var(--color-primary);
}
::selection {
  color: #fff;
  background: var(--color-primary);
}
.clearfix {
  zoom: 1;
}
.clearfix::before,
.clearfix::after {
  display: table;
  content: '';
}
.clearfix::after {
  clear: both;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon[tabindex] {
  cursor: pointer;
}
.anticon-spin::before {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
          animation: loadingCircle 1s infinite linear;
}
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
          animation: loadingCircle 1s infinite linear;
}
.fade-enter,
.fade-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.fade-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.fade-enter.fade-enter-active,
.fade-appear.fade-appear-active {
  -webkit-animation-name: antFadeIn;
          animation-name: antFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.fade-leave.fade-leave-active {
  -webkit-animation-name: antFadeOut;
          animation-name: antFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.fade-enter,
.fade-appear {
  opacity: 0;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.fade-leave {
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
@-webkit-keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.move-up-enter,
.move-up-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-up-enter.move-up-enter-active,
.move-up-appear.move-up-appear-active {
  -webkit-animation-name: antMoveUpIn;
          animation-name: antMoveUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.move-up-leave.move-up-leave-active {
  -webkit-animation-name: antMoveUpOut;
          animation-name: antMoveUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.move-up-enter,
.move-up-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-down-enter,
.move-down-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-down-enter.move-down-enter-active,
.move-down-appear.move-down-appear-active {
  -webkit-animation-name: antMoveDownIn;
          animation-name: antMoveDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.move-down-leave.move-down-leave-active {
  -webkit-animation-name: antMoveDownOut;
          animation-name: antMoveDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.move-down-enter,
.move-down-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-left-enter,
.move-left-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-left-enter.move-left-enter-active,
.move-left-appear.move-left-appear-active {
  -webkit-animation-name: antMoveLeftIn;
          animation-name: antMoveLeftIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.move-left-leave.move-left-leave-active {
  -webkit-animation-name: antMoveLeftOut;
          animation-name: antMoveLeftOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.move-left-enter,
.move-left-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-right-enter,
.move-right-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-right-enter.move-right-enter-active,
.move-right-appear.move-right-appear-active {
  -webkit-animation-name: antMoveRightIn;
          animation-name: antMoveRightIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.move-right-leave.move-right-leave-active {
  -webkit-animation-name: antMoveRightOut;
          animation-name: antMoveRightOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.move-right-enter,
.move-right-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@-webkit-keyframes antMoveDownIn {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveDownIn {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveDownOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveDownOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveLeftOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveLeftOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveRightIn {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveRightIn {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveRightOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveRightOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveUpIn {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveUpIn {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveUpOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveUpOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
[ant-click-animating='true'],
[ant-click-animating-without-extra-node='true'] {
  position: relative;
}
html {
  --antd-wave-shadow-color: var(--color-primary);
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: inherit;
  -webkit-box-shadow: 0 0 0 0 var(--color-primary);
          box-shadow: 0 0 0 0 var(--color-primary);
  -webkit-box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
          box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  opacity: 0.2;
  -webkit-animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
          animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
@-webkit-keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 var(--color-primary);
            box-shadow: 0 0 0 var(--color-primary);
    -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
            box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 var(--color-primary);
            box-shadow: 0 0 0 var(--color-primary);
    -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
            box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@-webkit-keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
.slide-up-enter,
.slide-up-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-up-enter.slide-up-enter-active,
.slide-up-appear.slide-up-appear-active {
  -webkit-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.slide-up-leave.slide-up-leave-active {
  -webkit-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.slide-up-enter,
.slide-up-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-down-enter,
.slide-down-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-down-enter.slide-down-enter-active,
.slide-down-appear.slide-down-appear-active {
  -webkit-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.slide-down-leave.slide-down-leave-active {
  -webkit-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.slide-down-enter,
.slide-down-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-left-enter,
.slide-left-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-left-enter.slide-left-enter-active,
.slide-left-appear.slide-left-appear-active {
  -webkit-animation-name: antSlideLeftIn;
          animation-name: antSlideLeftIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.slide-left-leave.slide-left-leave-active {
  -webkit-animation-name: antSlideLeftOut;
          animation-name: antSlideLeftOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.slide-left-enter,
.slide-left-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-right-enter,
.slide-right-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-right-enter.slide-right-enter-active,
.slide-right-appear.slide-right-appear-active {
  -webkit-animation-name: antSlideRightIn;
          animation-name: antSlideRightIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.slide-right-leave.slide-right-leave-active {
  -webkit-animation-name: antSlideRightOut;
          animation-name: antSlideRightOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.slide-right-enter,
.slide-right-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@-webkit-keyframes antSlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes antSlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes antSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideLeftIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideLeftIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideLeftOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideLeftOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideRightIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes antSlideRightIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideRightOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
}
@keyframes antSlideRightOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
}
.swing-enter,
.swing-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.swing-enter.swing-enter-active,
.swing-appear.swing-appear-active {
  -webkit-animation-name: antSwingIn;
          animation-name: antSwingIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes antSwingIn {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  40% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  60% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  80% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
}
@keyframes antSwingIn {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  40% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  60% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  80% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
}
.zoom-enter,
.zoom-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-enter.zoom-enter-active,
.zoom-appear.zoom-appear-active {
  -webkit-animation-name: antZoomIn;
          animation-name: antZoomIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-leave.zoom-leave-active {
  -webkit-animation-name: antZoomOut;
          animation-name: antZoomOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-enter,
.zoom-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-enter,
.zoom-big-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-enter.zoom-big-enter-active,
.zoom-big-appear.zoom-big-appear-active {
  -webkit-animation-name: antZoomBigIn;
          animation-name: antZoomBigIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-big-leave.zoom-big-leave-active {
  -webkit-animation-name: antZoomBigOut;
          animation-name: antZoomBigOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-big-enter,
.zoom-big-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-fast-leave {
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-fast-enter.zoom-big-fast-enter-active,
.zoom-big-fast-appear.zoom-big-fast-appear-active {
  -webkit-animation-name: antZoomBigIn;
          animation-name: antZoomBigIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-big-fast-leave.zoom-big-fast-leave-active {
  -webkit-animation-name: antZoomBigOut;
          animation-name: antZoomBigOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-fast-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-up-enter,
.zoom-up-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-up-enter.zoom-up-enter-active,
.zoom-up-appear.zoom-up-appear-active {
  -webkit-animation-name: antZoomUpIn;
          animation-name: antZoomUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-up-leave.zoom-up-leave-active {
  -webkit-animation-name: antZoomUpOut;
          animation-name: antZoomUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-up-enter,
.zoom-up-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-down-enter,
.zoom-down-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-down-enter.zoom-down-enter-active,
.zoom-down-appear.zoom-down-appear-active {
  -webkit-animation-name: antZoomDownIn;
          animation-name: antZoomDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-down-leave.zoom-down-leave-active {
  -webkit-animation-name: antZoomDownOut;
          animation-name: antZoomDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-down-enter,
.zoom-down-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-left-enter,
.zoom-left-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-left-enter.zoom-left-enter-active,
.zoom-left-appear.zoom-left-appear-active {
  -webkit-animation-name: antZoomLeftIn;
          animation-name: antZoomLeftIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-left-leave.zoom-left-leave-active {
  -webkit-animation-name: antZoomLeftOut;
          animation-name: antZoomLeftOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-left-enter,
.zoom-left-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-right-enter,
.zoom-right-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-right-enter.zoom-right-enter-active,
.zoom-right-appear.zoom-right-appear-active {
  -webkit-animation-name: antZoomRightIn;
          animation-name: antZoomRightIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-right-leave.zoom-right-leave-active {
  -webkit-animation-name: antZoomRightOut;
          animation-name: antZoomRightOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-right-enter,
.zoom-right-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@-webkit-keyframes antZoomIn {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomIn {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
}
@-webkit-keyframes antZoomBigIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomBigIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}
@-webkit-keyframes antZoomUpIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}
@keyframes antZoomUpIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}
@-webkit-keyframes antZoomUpOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes antZoomUpOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomLeftIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
}
@keyframes antZoomLeftIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
}
@-webkit-keyframes antZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes antZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomRightIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
}
@keyframes antZoomRightIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
}
@-webkit-keyframes antZoomRightOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes antZoomRightOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomDownIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}
@keyframes antZoomDownIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}
@-webkit-keyframes antZoomDownOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
}
@keyframes antZoomDownOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
}
.ant-motion-collapse-legacy {
  overflow: hidden;
}
.ant-motion-collapse-legacy-active {
  -webkit-transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-motion-collapse {
  overflow: hidden;
  -webkit-transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
input,
textarea,
select,
button {
  letter-spacing: inherit;
  font: inherit;
}
p {
  margin: 0;
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
  -webkit-animation: none;
          animation: none;
}
body ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: transparent;
}
body ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #ddd;
  background-clip: content-box;
  border: 2px solid transparent;
}
.tz-scrollbar-measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: fixed;
  top: -999px;
}
.tz-scrollbar-measure > div {
  width: 120px;
  height: 100%;
}
.tz-responsive-wrap {
  min-width: 992px;
  padding: 0 6%;
}
.tz-responsive-view {
  margin: auto;
}
@media (min-width: 1920px) {
  .tz-responsive-view {
    max-width: 1800px;
  }
}
.content-box {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.content-box * {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
:root {
  --color-primary-slight: #e6fff8;
  --color-primary-active: #adf7e5;
  --color-primary-light: #7febd3;
  --color-primary-hover-lighter: #54dec5;
  --color-primary-hover: #2ed1b9;
  --color-primary: #0cc5ae;
  --color-primary-dark: #029e91;
  --color-border-light: #e6ebf0;
  --color-border: #dce1e5;
  --color-border-dark: #d3d7db;
  --color-bg-light: #f8f9fa;
  --color-bg: #f3f5f7;
  --color-bg-dark: #edf0f2;
  --color-text-disabled: #b1b8c2;
  --color-text-light: #858e99;
  --color-text: #576272;
  --color-text-dark: #263035;
  --color-success-light: #88f2cd;
  --color-success: #11cb9e;
  --color-success-dark: #05a683;
  --color-progress-light: #b0e1ff;
  --color-progress: #349af9;
  --color-progress-dark: #2278d4;
  --color-hint-light: #ffbed7;
  --color-hint: #ff7daf;
  --color-hint-dark: #eb689b;
  --color-warning-light: #ffe3ab;
  --color-warning: #ffa730;
  --color-warning-dark: #d9821e;
  --color-danger-light: #ffeae8;
  --color-danger-hover: #ff6e70;
  --color-danger: #f9434d;
  --color-danger-dark: #d42f3c;
  --color-help-light: #f6ebca;
  --color-help: #edd196;
  --color-help-dark: #e0c283;
  --color-highlight: #f0fbf9;
  --color-white: #fff;
  --color-dark: #000;
}

.ant-message {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: fixed;
  top: 16px;
  left: 0;
  z-index: 1010;
  width: 100%;
  pointer-events: none;
}
.ant-message-notice {
  padding: 8px;
  text-align: center;
}
.ant-message-notice:first-child {
  margin-top: -8px;
}
.ant-message-notice-content {
  display: inline-block;
  padding: 10px 16px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: all;
}
.ant-message-success .anticon {
  color: var(--color-success);
}
.ant-message-error .anticon {
  color: var(--color-danger);
}
.ant-message-warning .anticon {
  color: var(--color-warning);
}
.ant-message-info .anticon,
.ant-message-loading .anticon {
  color: var(--color-progress);
}
.ant-message .anticon {
  position: relative;
  top: 1px;
  margin-right: 8px;
  font-size: 16px;
}
.ant-message-notice.move-up-leave.move-up-leave-active {
  overflow: hidden;
  -webkit-animation-name: MessageMoveOut;
          animation-name: MessageMoveOut;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}
@-webkit-keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.tz-message {
  display: block;
  position: fixed;
  z-index: 8888;
  top: -75px;
  text-align: center;
  pointer-events: none;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: top 300ms, -webkit-transform 300ms;
  transition: top 300ms, -webkit-transform 300ms;
  transition: transform 300ms, top 300ms;
  transition: transform 300ms, top 300ms, -webkit-transform 300ms;
}
.tz-message.visible {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.tz-message .message-inner {
  display: inline-block;
  vertical-align: middle;
  padding: 8px 16px;
  border-radius: 5px;
  border: 1px solid var(--color-border);
  -webkit-box-shadow: 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
          box-shadow: 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
  background: #fff;
}
.tz-message .anticon {
  margin-right: 8px;
  font-size: 18px;
  vertical-align: middle;
}
.tz-message .message-text {
  vertical-align: middle;
  font-weight: 500;
}
.tz-message.type-success .anticon {
  color: var(--color-success);
}
.tz-message.type-error .anticon {
  color: var(--color-danger);
}
.tz-message.type-warn .anticon {
  color: var(--color-warning);
}
.tz-message.type-info .anticon {
  color: var(--color-progress);
}
.tz-message-mask {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 8887;
}

.ant-spin {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  display: none;
  color: var(--color-primary);
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-spin-spinning {
  position: static;
  display: inline-block;
  opacity: 1;
}
.ant-spin-nested-loading {
  position: relative;
}
.ant-spin-nested-loading > div > .ant-spin {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 400px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 5px;
  text-shadow: 0 1px 2px #fff;
}
.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
  margin-top: -20px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
  margin: -7px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
  padding-top: 2px;
}
.ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
  margin-top: -17px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
  margin: -16px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
  padding-top: 11px;
}
.ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
  margin-top: -26px;
}
.ant-spin-container {
  position: relative;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ant-spin-container::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none \9;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
  pointer-events: none;
}
.ant-spin-blur {
  clear: both;
  overflow: hidden;
  opacity: 0.5;
  -webkit-user-select: none;
     -moz-user-select: none;
          -ms-user-select: none;
      user-select: none;
  pointer-events: none;
}
.ant-spin-blur::after {
  opacity: 0.4;
  pointer-events: auto;
}
.ant-spin-tip {
  color: var(--color-text-light);
}
.ant-spin-dot {
  position: relative;
  display: inline-block;
  font-size: 20px;
  width: 1em;
  height: 1em;
}
.ant-spin-dot-item {
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  background-color: var(--color-primary);
  border-radius: 100%;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  opacity: 0.3;
  -webkit-animation: antSpinMove 1s infinite linear alternate;
          animation: antSpinMove 1s infinite linear alternate;
}
.ant-spin-dot-item:nth-child(1) {
  top: 0;
  left: 0;
}
.ant-spin-dot-item:nth-child(2) {
  top: 0;
  right: 0;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.ant-spin-dot-item:nth-child(3) {
  right: 0;
  bottom: 0;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.ant-spin-dot-item:nth-child(4) {
  bottom: 0;
  left: 0;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.ant-spin-dot-spin {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-animation: antRotate 1.2s infinite linear;
          animation: antRotate 1.2s infinite linear;
}
.ant-spin-sm .ant-spin-dot {
  font-size: 14px;
}
.ant-spin-sm .ant-spin-dot i {
  width: 6px;
  height: 6px;
}
.ant-spin-lg .ant-spin-dot {
  font-size: 32px;
}
.ant-spin-lg .ant-spin-dot i {
  width: 14px;
  height: 14px;
}
.ant-spin.ant-spin-show-text .ant-spin-text {
  display: block;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ */
  .ant-spin-blur {
    background: #fff;
    opacity: 0.5;
  }
}
@-webkit-keyframes antSpinMove {
  to {
    opacity: 1;
  }
}
@keyframes antSpinMove {
  to {
    opacity: 1;
  }
}
@-webkit-keyframes antRotate {
  to {
    -webkit-transform: rotate(405deg);
            transform: rotate(405deg);
  }
}
@keyframes antRotate {
  to {
    -webkit-transform: rotate(405deg);
            transform: rotate(405deg);
  }
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
@-webkit-keyframes fading {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes fading {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
.spin-wrap {
  position: relative;
  min-height: 60px;
}
.spin-wrap.loading .spin-container {
  opacity: 0.3;
}
.spin-wrap.loading .spin-content {
  background-color: rgba(255, 255, 255, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.spin-wrap.size-small {
  min-height: 40px;
}
.spin-wrap.size-small .spin-icon {
  font-size: 24px;
}
.spin-wrap.size-small .spin-title {
  font-size: 12px;
}
.spin-wrap.size-large {
  min-height: 80px;
}
.spin-wrap.size-large .spin-icon {
  font-size: 60px;
}
.spin-wrap.size-large .spin-title {
  font-size: 15px;
}
.spin-content {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -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;
}
.spin-icon {
  font-size: 40px;
  color: var(--color-primary-light);
  -webkit-animation: loadingCircle 1.4s infinite linear;
          animation: loadingCircle 1.4s infinite linear;
}
.spin-title {
  margin-top: 10px;
  color: var(--color-text-light);
}

.ant-collapse {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  background-color: var(--color-bg-light);
  border: 1px solid var(--color-border);
  border-bottom: 0;
  border-radius: 4px;
}
.ant-collapse > .ant-collapse-item {
  border-bottom: 1px solid var(--color-border);
}
.ant-collapse > .ant-collapse-item:last-child,
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
  border-radius: 0 0 4px 4px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  position: relative;
  padding: 12px 0 12px 40px;
  padding-left: 40px;
  color: var(--color-text-dark);
  line-height: 22px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 16px;
  display: inline-block;
  font-size: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow > * {
  line-height: 1;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  display: inline-block;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow::before {
  display: none;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow-icon {
  display: block;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  -webkit-transition: -webkit-transform 0.24s;
  transition: -webkit-transform 0.24s;
  transition: transform 0.24s;
  transition: transform 0.24s, -webkit-transform 0.24s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
  float: right;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
  outline: none;
}
.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
  padding-left: 12px;
}
.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
  padding: 12px 0 12px 40px;
  padding-right: 40px;
}
.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  right: 16px;
  left: auto;
}
.ant-collapse-anim-active {
  -webkit-transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-collapse-content {
  overflow: hidden;
  color: var(--color-text-dark);
  background-color: #fff;
  border-top: 1px solid var(--color-border);
}
.ant-collapse-content > .ant-collapse-content-box {
  padding: 16px;
}
.ant-collapse-content-inactive {
  display: none;
}
.ant-collapse-item:last-child > .ant-collapse-content {
  border-radius: 0 0 4px 4px;
}
.ant-collapse-borderless {
  background-color: var(--color-bg-light);
  border: 0;
}
.ant-collapse-borderless > .ant-collapse-item {
  border-bottom: 1px solid var(--color-border);
}
.ant-collapse-borderless > .ant-collapse-item:last-child,
.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
  border-radius: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
  background-color: transparent;
  border-top: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding-top: 4px;
}
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-collapse {
  border: none;
  background-color: transparent;
}
.ant-collapse > .ant-collapse-item {
  padding-bottom: 20px;
  border-color: var(--color-border);
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  line-height: 24px;
  padding: 20px 40px 0 0;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  right: 0;
  top: 25px;
  -webkit-transform: none;
          transform: none;
  left: auto;
  font-size: 14px;
  line-height: 0;
}
.ant-collapse .ant-collapse-content {
  border-top: none;
}
.ant-collapse .ant-collapse-content > .ant-collapse-content-box {
  padding: 0;
  padding-top: 12px;
}
.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
  padding-left: 0;
}
.ant-collapse-borderless > .ant-collapse-item {
  border-bottom: none;
}
.ant-collapse-content-box > .ant-collapse {
  margin: 0 20px;
}
.ant-collapse > .ant-collapse-item:last-child,
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
  border-radius: 0;
}

.ant-tooltip {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1060;
  display: block;
  max-width: 250px;
  visibility: visible;
}
.ant-tooltip-hidden {
  display: none;
}
.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
  padding-bottom: 4px;
}
.ant-tooltip-placement-right,
.ant-tooltip-placement-rightTop,
.ant-tooltip-placement-rightBottom {
  padding-left: 4px;
}
.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
  padding-top: 4px;
}
.ant-tooltip-placement-left,
.ant-tooltip-placement-leftTop,
.ant-tooltip-placement-leftBottom {
  padding-right: 4px;
}
.ant-tooltip-inner {
  min-width: 30px;
  min-height: 32px;
  padding: 6px 8px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-tooltip-arrow {
  position: absolute;
  display: block;
  width: 13.07106781px;
  height: 13.07106781px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.ant-tooltip-arrow::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.75);
  content: '';
  pointer-events: auto;
}
.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  bottom: -9.07106781px;
}
.ant-tooltip-placement-top .ant-tooltip-arrow::before,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow::before,
.ant-tooltip-placement-topRight .ant-tooltip-arrow::before {
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateY(-6.53553391px) rotate(45deg);
          transform: translateY(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  left: -9.07106781px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow::before,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow::before,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow::before {
  -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateX(6.53553391px) rotate(45deg);
          transform: translateX(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-right .ant-tooltip-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  right: -9.07106781px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow::before,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow::before,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow::before {
  -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateX(-6.53553391px) rotate(45deg);
          transform: translateX(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-left .ant-tooltip-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  top: -9.07106781px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow::before,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow::before,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow::before {
  -webkit-box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateY(6.53553391px) rotate(45deg);
          transform: translateY(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  right: 13px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-tooltip-inner {
  border-radius: 4px;
  padding: 3px 8px;
  min-height: auto;
}
.ant-tooltip.ghosted {
  pointer-events: none;
}
.tui-tooltip-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
}
.tui-tooltip-text-inner {
  position: absolute;
  opacity: 0;
  white-space: nowrap;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.tz-btn {
  display: inline-block;
  text-align: center;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid transparent;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          -ms-user-select: none;
      user-select: none;
  position: relative;
  font-size: 14px;
  line-height: 22px;
  padding: 6px 16px;
  height: 36px;
  border-radius: 4px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.tz-btn .btn-left-icon,
.tz-btn .btn-loading-icon {
  margin-left: -4px;
  margin-right: 8px;
}
.tz-btn .btn-right-icon {
  margin-left: 8px;
  margin-right: -4px;
}
.tz-btn.icon-button {
  font-size: 26px;
}
.tz-btn.icon-button .anticon {
  vertical-align: middle;
  line-height: 1em;
  margin: 0;
}
.tz-btn.shape-oval {
  border-radius: 18px;
}
.tz-btn.shape-circle,
.tz-btn.shape-square {
  border-radius: 50%;
  padding: 0;
  letter-spacing: 0;
  line-height: 34px;
  width: 36px;
}
.tz-btn.shape-square {
  border-radius: 4px;
}
.tz-btn.size-xs {
  font-size: 12px;
  line-height: 14px;
  padding: 4px 10px;
  height: 24px;
}
.tz-btn.size-xs .btn-left-icon,
.tz-btn.size-xs .btn-loading-icon {
  margin-right: 4px;
}
.tz-btn.size-xs .btn-right-icon {
  margin-left: 4px;
  margin-right: -4px;
}
.tz-btn.size-xs.icon-button {
  font-size: 18px;
}
.tz-btn.size-xs.shape-circle,
.tz-btn.size-xs.shape-square {
  padding: 0;
  letter-spacing: 0;
  line-height: 22px;
  width: 24px;
}
.tz-btn.size-xs.shape-oval {
  border-radius: 12px;
}
.tz-btn.size-small {
  font-size: 12px;
  line-height: 18px;
  padding: 4px 12px;
  height: 28px;
}
.tz-btn.size-small .btn-left-icon,
.tz-btn.size-small .btn-loading-icon {
  margin-right: 4px;
}
.tz-btn.size-small .btn-right-icon {
  margin-left: 4px;
  margin-right: -4px;
}
.tz-btn.size-small.icon-button {
  font-size: 20px;
}
.tz-btn.size-small.shape-circle,
.tz-btn.size-small.shape-square {
  padding: 0;
  letter-spacing: 0;
  line-height: 26px;
  width: 28px;
}
.tz-btn.size-small.shape-oval {
  border-radius: 14px;
}
.tz-btn.size-large {
  font-size: 16px;
  line-height: 24px;
  padding: 7px 24px;
  height: 40px;
}
.tz-btn.size-large.icon-button {
  font-size: 28px;
}
.tz-btn.size-large.shape-circle,
.tz-btn.size-large.shape-square {
  padding: 0;
  letter-spacing: 0;
  line-height: 38px;
  width: 40px;
}
.tz-btn.size-large.shape-oval {
  border-radius: 20px;
}
.tz-btn.size-medium {
  font-size: 14px;
  line-height: 16px;
  padding: 6px 16px;
  height: 32px;
}
.tz-btn.size-medium.icon-button {
  font-size: 28px;
}
.tz-btn.size-medium.shape-circle,
.tz-btn.size-medium.shape-square {
  padding: 0;
  letter-spacing: 0;
  line-height: 32px;
  width: 32px;
}
.tz-btn.size-medium.shape-oval {
  border-radius: 20px;
}
.tz-btn.ghost-dashed {
  border-style: dashed;
}
.tz-btn.ghost-text,
.tz-btn.ghost-text-hover {
  padding-left: 0;
  padding-right: 0;
}
.tz-btn.ghost-secret {
  background-color: transparent;
}
.tz-btn.ghost-secret:hover {
  background-color: var(--color-bg);
}
.tz-btn.type-neutral {
  color: var(--color-text);
  background-color: #fff;
  border-color: var(--color-border);
}
.tz-btn.type-neutral:hover,
.tz-btn.type-neutral.ghost-solid:hover,
.tz-btn.type-neutral.ghost-dashed:hover {
  border-color: var(--color-border);
  background-color: var(--color-bg-light);
}
.tz-btn.type-neutral:active,
.tz-btn.type-neutral.ghost-solid:active,
.tz-btn.type-neutral.ghost-dashed:active {
  color: var(--color-text-dark);
  border-color: var(--color-border-dark);
  background-color: var(--color-bg);
}
.tz-btn.type-neutral.ghost-ghost {
  color: #fff;
  background-color: transparent;
}
.tz-btn.type-neutral.ghost-ghost:hover {
  color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.tz-btn.type-neutral.ghost-ghost:active {
  color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.tz-btn.type-neutral.ghost-reverse:hover {
  border-color: var(--color-bg);
  background-color: var(--color-bg);
}
.tz-btn.type-neutral.ghost-reverse:active {
  color: var(--color-text-dark);
  border-color: var(--color-bg-dark);
  background-color: var(--color-bg-dark);
}
.tz-btn.type-neutral.ghost-text {
  color: var(--color-text);
  background-color: transparent;
  border-color: transparent;
}
.tz-btn.type-neutral.ghost-text:hover {
  color: var(--color-text-light);
}
.tz-btn.type-neutral.ghost-text:active {
  color: var(--color-text-dark);
}
.tz-btn.type-neutral.ghost-text-hover {
  color: var(--color-text);
  background-color: transparent;
  border-color: transparent;
}
.tz-btn.type-neutral.ghost-text-hover:hover {
  color: var(--color-text-light);
}
.tz-btn.type-neutral.ghost-text-hover:active {
  color: var(--color-text-dark);
}
.tz-btn.type-primary {
  color: #fff;
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.tz-btn.type-primary:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.tz-btn.type-primary:active {
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.tz-btn.type-primary.ghost-solid,
.tz-btn.type-primary.ghost-dashed {
  background-color: #fff;
  color: var(--color-primary);
}
.tz-btn.type-primary.ghost-solid:hover,
.tz-btn.type-primary.ghost-dashed:hover {
  color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  background-color: var(--color-primary-slight);
}
.tz-btn.type-primary.ghost-solid:active,
.tz-btn.type-primary.ghost-dashed:active {
  color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
  background-color: var(--color-primary-active);
}
.tz-btn.type-primary.ghost-ghost {
  background-color: transparent;
  color: var(--color-primary);
}
.tz-btn.type-primary.ghost-ghost:hover {
  color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.tz-btn.type-primary.ghost-ghost:active {
  color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.tz-btn.type-primary.ghost-reverse {
  background-color: #fff;
  color: var(--color-primary);
}
.tz-btn.type-primary.ghost-reverse:hover {
  color: #fff;
  border-color: var(--color-primary-hover);
  background-color: var(--color-primary-hover);
}
.tz-btn.type-primary.ghost-reverse:active {
  color: #fff;
  border-color: var(--color-primary-dark);
  background-color: var(--color-primary-dark);
}
.tz-btn.type-primary.ghost-text,
.tz-btn.type-primary.ghost-text-hover {
  color: var(--color-primary);
  border-color: transparent;
  background-color: transparent;
}
.tz-btn.type-primary.ghost-text:hover,
.tz-btn.type-primary.ghost-text-hover:hover {
  border-color: transparent;
  color: var(--color-primary-hover);
}
.tz-btn.type-primary.ghost-text:active,
.tz-btn.type-primary.ghost-text-hover:active {
  border-color: transparent;
  color: var(--color-primary-dark);
}
.tz-btn.type-primary.ghost-text-hover {
  color: var(--color-text);
}
.tz-btn.type-primary.ghost-text-hover:hover {
  color: var(--color-primary-hover);
}
.tz-btn.type-primary.ghost-text-hover:active {
  color: var(--color-primary-dark);
}
.tz-btn.type-danger {
  color: #fff;
  background-color: var(--color-danger);
  border-color: var(--color-danger);
}
.tz-btn.type-danger:hover {
  background-color: var(--color-danger-hover);
  border-color: var(--color-danger-hover);
}
.tz-btn.type-danger:active {
  background-color: var(--color-danger-dark);
  border-color: var(--color-danger-dark);
}
.tz-btn.type-danger.ghost-solid,
.tz-btn.type-danger.ghost-dashed {
  border-color: var(--color-danger);
  background-color: #fff;
  color: var(--color-danger);
}
.tz-btn.type-danger.ghost-solid:hover,
.tz-btn.type-danger.ghost-dashed:hover {
  color: var(--color-danger);
  border-color: var(--color-danger);
  background-color: var(--color-danger-light);
}
.tz-btn.type-danger.ghost-solid:active,
.tz-btn.type-danger.ghost-dashed:active {
  color: var(--color-danger-dark);
  border-color: var(--color-danger-dark);
  background-color: var(--color-danger-light);
}
.tz-btn.type-danger.ghost-ghost {
  border-color: var(--color-danger);
  background-color: transparent;
  color: var(--color-danger);
}
.tz-btn.type-danger.ghost-ghost:hover {
  color: var(--color-danger-hover);
  border-color: var(--color-danger-hover);
}
.tz-btn.type-danger.ghost-ghost:active {
  color: var(--color-danger-dark);
  border-color: var(--color-danger-dark);
}
.tz-btn.type-danger.ghost-reverse {
  color: var(--color-danger);
  border-color: var(--color-danger);
  background-color: #fff;
}
.tz-btn.type-danger.ghost-reverse:hover {
  color: #fff;
  border-color: var(--color-danger-hover);
  background-color: var(--color-danger-hover);
}
.tz-btn.type-danger.ghost-reverse:active {
  color: #fff;
  border-color: var(--color-danger-dark);
  background-color: var(--color-danger-dark);
}
.tz-btn.type-danger.ghost-text {
  color: var(--color-danger);
}
.tz-btn.type-danger.ghost-text-hover {
  color: var(--color-text);
}
.tz-btn.type-danger.ghost-text,
.tz-btn.type-danger.ghost-text-hover {
  border-color: transparent;
  background-color: transparent;
}
.tz-btn.type-danger.ghost-text:hover,
.tz-btn.type-danger.ghost-text-hover:hover {
  color: var(--color-danger-hover);
  border-color: transparent;
}
.tz-btn.type-danger.ghost-text:active,
.tz-btn.type-danger.ghost-text-hover:active {
  color: var(--color-danger-dark);
  border-color: transparent;
}
.tz-btn.checkable {
  color: var(--color-text);
  border-color: transparent;
  background-color: transparent;
}
.tz-btn.checkable:hover {
  border-color: transparent;
  background-color: var(--color-bg-dark);
}
.tz-btn.checkable.checked {
  color: var(--color-primary);
  background-color: var(--color-primary-slight);
}
.tz-btn.checkable.checked:hover {
  background-color: var(--color-primary-active);
}
.tz-btn.checkable.type-primary {
  color: var(--color-primary);
}
.tz-btn.checkable.type-primary.checked {
  color: var(--color-primary-dark);
  background-color: var(--color-primary-slight);
}
.tz-btn.checkable.type-primary.checked:hover {
  background-color: var(--color-primary-active);
}
.tz-btn.checkable.type-danger {
  color: var(--color-danger);
}
.tz-btn.checkable.type-danger.checked {
  color: var(--color-danger);
  background-color: var(--color-danger-light);
}
.tz-btn.checkable.type-danger.checked:hover {
  background-color: var(--color-bg-dark);
}
.tz-btn.block {
  display: block;
  width: 100%;
}
.tz-btn[disabled],
.tz-btn.ghost-solid[disabled],
.tz-btn.ghost-reverse[disabled],
.tz-btn.ghost-dashed[disabled],
.tz-btn.disabled,
.tz-btn.ghost-solid.disabled,
.tz-btn.ghost-reverse.disabled,
.tz-btn.ghost-dashed.disabled,
.tz-btn.disabled:hover,
.tz-btn.ghost-solid.disabled:hover,
.tz-btn.ghost-reverse.disabled:hover,
.tz-btn.ghost-dashed.disabled:hover,
.tz-btn.disabled:active,
.tz-btn.ghost-solid.disabled:active,
.tz-btn.ghost-reverse.disabled:active,
.tz-btn.ghost-dashed.disabled:active {
  color: var(--color-text-disabled);
  border-color: var(--color-border-dark);
  background-color: var(--color-bg-dark);
}
.tz-btn.ghost-text[disabled],
.tz-btn.ghost-text-hover[disabled],
.tz-btn.ghost-text.disabled,
.tz-btn.ghost-text-hover.disabled,
.tz-btn.ghost-text.disabled:hover,
.tz-btn.ghost-text-hover.disabled:hover,
.tz-btn.ghost-text.disabled:active,
.tz-btn.ghost-text-hover.disabled:active {
  color: var(--color-text-disabled);
  border-color: transparent;
  background-color: transparent;
}
.tz-btn[disabled],
.tz-btn.disabled {
  cursor: not-allowed;
}
.tz-btn.with-disabled-click {
  cursor: default;
}
.tz-btn.loading {
  opacity: 0.6;
  cursor: progress;
}
.tz-btn.loading .anticon {
  display: none;
}
.tz-btn.loading .btn-loading-icon {
  display: inline-block;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/

.ant-input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  height: 36px;
  padding: 6px 16px;
  color: var(--color-text-dark);
  font-size: 14px;
  line-height: 1.7;
  background-color: #fff;
  background-image: none;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-input::-moz-placeholder {
  color: var(--color-text-light);
  opacity: 1;
}
.ant-input:-ms-input-placeholder {
  color: var(--color-text-light);
}
.ant-input::-webkit-input-placeholder {
  color: var(--color-text-light);
}
.ant-input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input:hover {
  border-color: var(--color-primary);
  border-right-width: 1px !important;
}
.ant-input:focus {
  border-color: var(--color-primary);
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 var(--color-primary);
          box-shadow: 0 0 0 0 var(--color-primary);
}
.ant-input-disabled {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-disabled:hover {
  border-color: var(--color-border);
  border-right-width: 1px !important;
}
.ant-input[disabled] {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  cursor: not-allowed;
  opacity: 1;
}
.ant-input[disabled]:hover {
  border-color: var(--color-border);
  border-right-width: 1px !important;
}
textarea.ant-input {
  max-width: 100%;
  height: auto;
  min-height: 36px;
  line-height: 1.7;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-input-lg {
  height: 48px;
  padding: 12px 16px;
  font-size: 16px;
}
.ant-input-sm {
  height: 28px;
  padding: 2px 12px;
}
.ant-input-group {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-input-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.ant-input-group > [class*='col-'] {
  padding-right: 8px;
}
.ant-input-group > [class*='col-']:last-child {
  padding-right: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group > .ant-input {
  display: table-cell;
}
.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.ant-input-group-wrap > * {
  display: block !important;
}
.ant-input-group .ant-input {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit;
}
.ant-input-group .ant-input:focus {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group .ant-input:hover {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group-addon {
  position: relative;
  padding: 0 16px;
  color: var(--color-text-dark);
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  background-color: var(--color-bg-light);
  border: 1px solid var(--color-border);
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-input-group-addon .ant-select {
  margin: -7px -16px;
}
.ant-input-group-addon .ant-select .ant-select-selection {
  margin: -1px;
  background-color: inherit;
  border: 1px solid transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-input-group-addon .ant-select-open .ant-select-selection,
.ant-input-group-addon .ant-select-focused .ant-select-selection {
  color: var(--color-primary);
}
.ant-input-group-addon > i:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}
.ant-input-group > .ant-input:first-child,
.ant-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input:first-child .ant-select .ant-select-selection,
.ant-input-group-addon:first-child .ant-select .ant-select-selection {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group-addon:first-child {
  border-right: 0;
}
.ant-input-group-addon:last-child {
  border-left: 0;
}
.ant-input-group > .ant-input:last-child,
.ant-input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input:last-child .ant-select .ant-select-selection,
.ant-input-group-addon:last-child .ant-select .ant-select-selection {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
  height: 48px;
  padding: 12px 16px;
  font-size: 16px;
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
  height: 28px;
  padding: 2px 12px;
}
.ant-input-group-lg .ant-select-selection--single {
  height: 48px;
}
.ant-input-group-sm .ant-select-selection--single {
  height: 28px;
}
.ant-input-group .ant-input-affix-wrapper {
  display: table-cell;
  float: left;
  width: 100%;
}
.ant-input-group.ant-input-group-compact {
  display: block;
  zoom: 1;
}
.ant-input-group.ant-input-group-compact::before,
.ant-input-group.ant-input-group-compact::after {
  display: table;
  content: '';
}
.ant-input-group.ant-input-group-compact::after {
  clear: both;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > * {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact .ant-input {
  float: none;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
  border-right-width: 1px;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:hover,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:hover,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:hover,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:focus,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:focus,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:focus,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:first-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:first-child .ant-time-picker-input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input {
  border-right-width: 1px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
  vertical-align: top;
}
.ant-input-group-wrapper {
  display: inline-block;
  width: 100%;
  text-align: start;
  vertical-align: top;
}
.ant-input-affix-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: start;
}
.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: var(--color-primary);
  border-right-width: 1px !important;
}
.ant-input-affix-wrapper .ant-input {
  position: relative;
  text-align: inherit;
}
.ant-input-affix-wrapper .ant-input-prefix,
.ant-input-affix-wrapper .ant-input-suffix {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--color-text-dark);
  line-height: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ant-input-affix-wrapper .ant-input-prefix :not(.anticon),
.ant-input-affix-wrapper .ant-input-suffix :not(.anticon) {
  line-height: 1.7;
}
.ant-input-affix-wrapper .ant-input-disabled ~ .ant-input-suffix .anticon {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
.ant-input-affix-wrapper .ant-input-prefix {
  left: 17px;
}
.ant-input-affix-wrapper .ant-input-suffix {
  right: 17px;
}
.ant-input-affix-wrapper .ant-input:not(:first-child) {
  padding-left: 35px;
}
.ant-input-affix-wrapper .ant-input:not(:last-child) {
  padding-right: 35px;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-input-with-clear-btn .ant-input:not(:last-child) {
  padding-right: 54px;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input {
  padding-right: 22px;
}
.ant-input-affix-wrapper .ant-input {
  min-height: 100%;
}
.ant-input-password-icon {
  color: var(--color-text-light);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-input-password-icon:hover {
  color: #333;
}
.ant-input-clear-icon {
  color: var(--color-text-disabled);
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  vertical-align: 0;
}
.ant-input-clear-icon:hover {
  color: var(--color-text-light);
}
.ant-input-clear-icon:active {
  color: var(--color-text-dark);
}
.ant-input-clear-icon + i {
  margin-left: 6px;
}
.ant-input-textarea-clear-icon {
  color: var(--color-text-disabled);
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  position: absolute;
  top: 0;
  right: 0;
  margin: 8px 8px 0 0;
}
.ant-input-textarea-clear-icon:hover {
  color: var(--color-text-light);
}
.ant-input-textarea-clear-icon:active {
  color: var(--color-text-dark);
}
.ant-input-textarea-clear-icon + i {
  margin-left: 6px;
}
.ant-input-search-icon {
  color: var(--color-text-light);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-input-search-icon:hover {
  color: rgba(0, 0, 0, 0.8);
}
.ant-input-search-enter-button input {
  border-right: 0;
}
.ant-input-search-enter-button + .ant-input-group-addon,
.ant-input-search-enter-button input + .ant-input-group-addon {
  padding: 0;
  border: 0;
}
.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button,
.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.editable-text {
  display: inline-block;
  position: relative;
  max-width: 100%;
}
.editable-text::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: var(--color-primary);
  opacity: 0;
}
.editable-text.editing::after {
  opacity: 1;
}
.editable-text.editing .edit-value {
  display: none;
}
.editable-text.editing .edit-input {
  display: block;
}
.editable-text.fixed-value-width .edit-value {
  width: 100%;
}
.editable-text .edit-value {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  padding-right: 20px;
  max-width: 100%;
}
.editable-text .edit-placeholder {
  color: var(--color-text-light);
}
.editable-text .edit-icon {
  position: absolute;
  height: 1em;
  width: 1em;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  color: var(--color-primary);
}
.editable-text .edit-icon:hover {
  color: var(--color-primary-dark);
}
.editable-text .edit-input {
  display: none;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
  line-height: inherit;
  font-size: inherit;
  outline: none;
}
.ant-input {
  line-height: 22px;
}
.ant-input-lg {
  font-size: 14px;
}
.textarea-wrap {
  position: relative;
}
.textarea-wrap .input-indicator {
  position: absolute;
  bottom: -21px;
  right: 0;
  font-size: 12px;
  line-height: 20px;
}
.textarea-wrap .indicator-danger {
  color: var(--color-danger);
}
.ant-form-item-control .textarea-wrap .input-indicator {
  bottom: -17px;
}
.ant-input-sm {
  font-size: 12px;
}
.ant-input-affix-wrapper-sm {
  font-size: 12px;
}
.ant-input-affix-wrapper .ant-input-prefix,
.ant-input-affix-wrapper .ant-input-suffix {
  color: var(--color-text-light);
}
.ant-input-affix-wrapper .ant-input:not(:first-child) {
  padding-left: 40px;
}
.ant-input-affix-wrapper .ant-input:not(:last-child) {
  padding-right: 40px;
}
.tui-input-wrap {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}
.tui-input-wrap .ant-input {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.tui-input-wrap .input-clear {
  display: none;
  padding: 4px;
}
.tui-input-wrap .input-clear:hover {
  color: var(--color-text-dark);
}
.tui-input-wrap .input-clear.lonely {
  margin: -4px;
}
.tui-input-wrap .input-clear.near-addon {
  position: absolute;
  left: -26px;
}
.tui-input-wrap .input-clear.near-suffix {
  margin-right: 4px;
}
.tui-input-wrap .tui-input-prefix,
.tui-input-wrap .tui-input-suffix {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  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: 14px;
  height: 36px;
  color: var(--color-text-light);
  background-color: #fff;
}
.tui-input-wrap .tui-input-prefix.type-addon,
.tui-input-wrap .tui-input-suffix.type-addon {
  padding: 0 10px;
}
.tui-input-wrap .tui-input-prefix {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding-left: 16px;
  border: 1px solid var(--color-border-dark);
  border-right: none;
  border-radius: 4px 0 0 4px;
}
.tui-input-wrap .tui-input-prefix.type-addon {
  border-right: 1px solid var(--color-border-dark) !important;
}
.tui-input-wrap .tui-input-suffix {
  position: relative;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  padding-right: 16px;
  border: 1px solid var(--color-border-dark);
  border-left: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tui-input-wrap .tui-input-suffix.type-addon {
  border-left: 1px solid var(--color-border-dark) !important;
}
.tui-input-wrap.with-prefix .ant-input {
  padding-left: 12px;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tui-input-wrap.with-suffix .ant-input {
  padding-right: 12px;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tui-input-wrap:not(.disabled):hover > * {
  border-color: var(--color-primary);
}
.tui-input-wrap .ant-input:focus ~ * {
  border-color: var(--color-primary);
}
.tui-input-wrap .tui-select-wrap {
  margin: 0 -16px;
}
.tui-input-wrap .tui-select-wrap .ant-select-bg {
  display: none;
}
.tui-input-wrap .ant-select-selection {
  border: none;
  height: 34px;
}
.tui-input-wrap.has-value .input-clear {
  display: block;
}
.tui-input-wrap.disabled .input-clear:hover {
  color: inherit;
  cursor: not-allowed;
}
.tui-input-wrap.disabled .tui-input-prefix,
.tui-input-wrap.disabled .tui-input-suffix {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  cursor: not-allowed;
}
.tui-input-wrap.size-small .tui-input-prefix,
.tui-input-wrap.size-small .tui-input-suffix {
  font-size: 12px;
  height: 28px;
}
.tui-input-wrap.size-small .tui-input-prefix.type-addon,
.tui-input-wrap.size-small .tui-input-suffix.type-addon {
  padding: 0 7px;
}
.tui-input-wrap.size-small .tui-input-prefix {
  padding-left: 12px;
}
.tui-input-wrap.size-small .tui-input-suffix {
  padding-right: 12px;
}
.tui-input-wrap.size-small .input-clear.near-addon {
  left: -24px;
}
.tui-input-wrap.size-small.with-prefix .ant-input {
  padding-left: 8px;
}
.tui-input-wrap.size-small.with-suffix .ant-input {
  padding-right: 8px;
}
.tui-input-wrap.size-large .tui-input-prefix,
.tui-input-wrap.size-large .tui-input-suffix {
  height: 48px;
}
.tui-input-wrap.size-large .tui-input-prefix.type-addon,
.tui-input-wrap.size-large .tui-input-suffix.type-addon {
  padding: 0 16px;
}
.tz-input-state-error.tui-input-wrap:not(.disabled):hover > * {
  border-color: var(--color-danger);
}
.tz-input-state-error.tui-input-wrap .tui-input-prefix,
.tz-input-state-error.tui-input-wrap .tui-input-suffix,
.tz-input-state-error.tui-input-wrap .ant-input {
  border-color: var(--color-danger);
}
.tz-input-state-error.ant-input,
.tz-input-state-error.ant-input:hover,
.tz-input-state-error.ant-input:active {
  border-color: var(--color-danger) !important;
}
.ant-input-group-addon {
  background-color: transparent;
  padding: 0 10px;
}
.ant-input-group-addon .tui-select-wrap {
  margin: 0px -16px;
}
.ant-input-group-wrapper-sm .ant-input-group-addon {
  padding: 0 8px;
}
.ant-input-group-wrapper-lg .ant-input-group-addon {
  padding: 0 16px;
}

.ant-empty {
  margin: 0 8px;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}
.ant-empty-image {
  height: 100px;
  margin-bottom: 8px;
}
.ant-empty-image img {
  height: 100%;
}
.ant-empty-image svg {
  height: 100%;
  margin: auto;
}
.ant-empty-description {
  margin: 0;
}
.ant-empty-footer {
  margin-top: 16px;
}
.ant-empty-normal {
  margin: 32px 0;
  color: var(--color-text-disabled);
}
.ant-empty-normal .ant-empty-image {
  height: 40px;
}
.ant-empty-small {
  margin: 8px 0;
  color: var(--color-text-disabled);
}
.ant-empty-small .ant-empty-image {
  height: 35px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-empty {
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.7;
  color: var(--color-text-light);
}
.ant-empty::before,
.ant-empty::after {
  display: block;
  width: 100%;
  content: '';
}
.ant-empty::before {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.ant-empty::after {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}
.ant-empty-image {
  height: 80px;
  margin-bottom: 12px;
}
.ant-empty.size-small .ant-empty-image {
  height: 60px;
  margin-bottom: 8px;
}
.ant-empty.size-small .ant-empty-description {
  font-size: 12px;
}
.ant-empty.size-large .ant-empty-image {
  height: 120px;
  margin-bottom: 16px;
}
.ant-empty.size-large .ant-empty-description {
  font-size: 16px;
}

@-webkit-keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
@keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
.ant-checkbox {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: var(--color-primary);
}
.ant-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-primary);
  border-radius: 2px;
  visibility: hidden;
  -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
          animation: antCheckboxEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  content: '';
}
.ant-checkbox:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox::after {
  visibility: visible;
}
.ant-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid var(--color-border);
  border-radius: 2px;
  border-collapse: separate;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
          transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-checkbox-checked .ant-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
          transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-checkbox-checked .ant-checkbox-inner {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.ant-checkbox-disabled {
  cursor: not-allowed;
}
.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: var(--color-text-disabled);
  -webkit-animation-name: none;
          animation-name: none;
}
.ant-checkbox-disabled .ant-checkbox-input {
  cursor: not-allowed;
}
.ant-checkbox-disabled .ant-checkbox-inner {
  background-color: var(--color-bg-light);
  border-color: var(--color-border) !important;
}
.ant-checkbox-disabled .ant-checkbox-inner::after {
  border-color: var(--color-bg-light);
  border-collapse: separate;
  -webkit-animation-name: none;
          animation-name: none;
}
.ant-checkbox-disabled + span {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
.ant-checkbox-disabled:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
  visibility: hidden;
}
.ant-checkbox-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 8px;
}
.ant-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-checkbox-group {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}
.ant-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 0;
}
.ant-checkbox-indeterminate .ant-checkbox-inner {
  background-color: #fff;
  border-color: var(--color-border);
}
.ant-checkbox-indeterminate .ant-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: var(--color-primary);
  border: 0;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
  background-color: var(--color-text-disabled);
  border-color: var(--color-text-disabled);
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-checkbox-inner {
  border-radius: 4px;
  border-color: var(--color-border-dark);
}
.ant-checkbox-inner::after {
  left: 22%;
}
.ant-checkbox-checked::after {
  border-radius: 4px;
}
.ant-checkbox-checked::after {
  -webkit-animation: none;
          animation: none;
}
.ant-checkbox-group.layout-vertical .ant-checkbox-wrapper {
  display: block;
  margin: 0;
  margin-top: 10px;
}
.ant-checkbox-group.layout-vertical .ant-checkbox-wrapper:first-child {
  margin-top: 0;
}
.ant-checkbox-disabled .ant-checkbox-inner {
  background-color: var(--color-bg-dark);
  border-color: var(--color-border-dark) !important;
}

.ant-breadcrumb {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  color: var(--color-text-light);
  font-size: 14px;
}
.ant-breadcrumb .anticon {
  font-size: 14px;
}
.ant-breadcrumb a {
  color: var(--color-text-light);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.ant-breadcrumb a:hover {
  color: var(--color-primary-hover);
}
.ant-breadcrumb > span:last-child {
  color: var(--color-text-dark);
}
.ant-breadcrumb > span:last-child a {
  color: var(--color-text-dark);
}
.ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
  display: none;
}
.ant-breadcrumb-separator {
  margin: 0 8px;
  color: var(--color-text-light);
}
.ant-breadcrumb-link > .anticon + span {
  margin-left: 4px;
}
.ant-breadcrumb-overlay-link > .anticon {
  margin-left: 4px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/

.ant-menu {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  margin-bottom: 0;
  padding-left: 0;
  color: var(--color-text-dark);
  line-height: 0;
  list-style: none;
  background: #fff;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-transition: background 0.3s, width 0.2s;
  transition: background 0.3s, width 0.2s;
  zoom: 1;
}
.ant-menu::before,
.ant-menu::after {
  display: table;
  content: '';
}
.ant-menu::after {
  clear: both;
}
.ant-menu ul,
.ant-menu ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-menu-hidden {
  display: none;
}
.ant-menu-item-group-title {
  padding: 8px 16px;
  color: var(--color-text-light);
  font-size: 14px;
  line-height: 1.7;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-menu-submenu,
.ant-menu-submenu-inline {
  -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-selected {
  color: var(--color-primary);
}
.ant-menu-item:active,
.ant-menu-submenu-title:active {
  background: transparent;
}
.ant-menu-submenu .ant-menu-sub {
  cursor: initial;
  -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item > a {
  display: block;
  color: var(--color-text-dark);
}
.ant-menu-item > a:hover {
  color: var(--color-primary);
}
.ant-menu-item > a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: '';
}
.ant-menu-item > .ant-badge > a {
  color: var(--color-text-dark);
}
.ant-menu-item > .ant-badge > a:hover {
  color: var(--color-primary);
}
.ant-menu-item-divider {
  height: 1px;
  overflow: hidden;
  line-height: 0;
  background-color: var(--color-border-light);
}
.ant-menu-item:hover,
.ant-menu-item-active,
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-submenu-active,
.ant-menu-submenu-title:hover {
  color: var(--color-primary);
}
.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu {
  margin-top: -1px;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
  background-color: transparent;
}
.ant-menu-item-selected {
  color: var(--color-primary);
}
.ant-menu-item-selected > a,
.ant-menu-item-selected > a:hover {
  color: var(--color-primary);
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: transparent;
}
.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
  border-right: 1px solid var(--color-border-light);
}
.ant-menu-vertical-right {
  border-left: 1px solid var(--color-border-light);
}
.ant-menu-vertical.ant-menu-sub,
.ant-menu-vertical-left.ant-menu-sub,
.ant-menu-vertical-right.ant-menu-sub {
  min-width: 160px;
  padding: 0;
  border-right: 0;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.ant-menu-horizontal.ant-menu-sub {
  min-width: 114px;
}
.ant-menu-item,
.ant-menu-submenu-title {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 20px;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item .anticon,
.ant-menu-submenu-title .anticon {
  min-width: 14px;
  margin-right: 10px;
  font-size: 14px;
  -webkit-transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item .anticon + span,
.ant-menu-submenu-title .anticon + span {
  opacity: 1;
  -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu > .ant-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  background-color: var(--color-border-light);
}
.ant-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: #fff;
  border-radius: 4px;
}
.ant-menu-submenu-popup .submenu-title-wrapper {
  padding-right: 20px;
}
.ant-menu-submenu-popup::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.0001;
  content: ' ';
}
.ant-menu-submenu > .ant-menu {
  background-color: #fff;
  border-radius: 4px;
}
.ant-menu-submenu > .ant-menu-submenu-title::after {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  position: absolute;
  width: 6px;
  height: 1.5px;
  background: #fff;
  background: var(--color-text-dark) \9;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--color-text-dark)), to(var(--color-text-dark)));
  background-image: linear-gradient(to right, var(--color-text-dark), var(--color-text-dark));
  background-image: none \9;
  border-radius: 2px;
  -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  -webkit-transform: rotate(45deg) translateY(-2px);
          transform: rotate(45deg) translateY(-2px);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  -webkit-transform: rotate(-45deg) translateY(2px);
          transform: rotate(-45deg) translateY(2px);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before {
  background: -webkit-gradient(linear, left top, right top, from(var(--color-primary)), to(var(--color-primary)));
  background: linear-gradient(to right, var(--color-primary), var(--color-primary));
}
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  -webkit-transform: rotate(-45deg) translateX(2px);
          transform: rotate(-45deg) translateX(2px);
}
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  -webkit-transform: rotate(45deg) translateX(-2px);
          transform: rotate(45deg) translateX(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  -webkit-transform: rotate(-45deg) translateX(-2px);
          transform: rotate(-45deg) translateX(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  -webkit-transform: rotate(45deg) translateX(2px);
          transform: rotate(45deg) translateX(2px);
}
.ant-menu-vertical .ant-menu-submenu-selected,
.ant-menu-vertical-left .ant-menu-submenu-selected,
.ant-menu-vertical-right .ant-menu-submenu-selected {
  color: var(--color-primary);
}
.ant-menu-vertical .ant-menu-submenu-selected > a,
.ant-menu-vertical-left .ant-menu-submenu-selected > a,
.ant-menu-vertical-right .ant-menu-submenu-selected > a {
  color: var(--color-primary);
}
.ant-menu-horizontal {
  line-height: 46px;
  white-space: nowrap;
  border: 0;
  border-bottom: 1px solid var(--color-border-light);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
  position: relative;
  top: 1px;
  display: inline-block;
  vertical-align: bottom;
  border-bottom: 2px solid transparent;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-submenu:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu-active,
.ant-menu-horizontal > .ant-menu-item-open,
.ant-menu-horizontal > .ant-menu-submenu-open,
.ant-menu-horizontal > .ant-menu-item-selected,
.ant-menu-horizontal > .ant-menu-submenu-selected {
  color: var(--color-primary);
  border-bottom: 2px solid var(--color-primary);
}
.ant-menu-horizontal > .ant-menu-item > a {
  display: block;
  color: var(--color-text-dark);
}
.ant-menu-horizontal > .ant-menu-item > a:hover {
  color: var(--color-primary);
}
.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: -2px;
}
.ant-menu-horizontal > .ant-menu-item-selected > a {
  color: var(--color-primary);
}
.ant-menu-horizontal::after {
  display: block;
  clear: both;
  height: 0;
  content: '\20';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item {
  position: relative;
}
.ant-menu-vertical .ant-menu-item::after,
.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-inline .ant-menu-item::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 3px solid var(--color-primary);
  -webkit-transform: scaleY(0.0001);
          transform: scaleY(0.0001);
  opacity: 0;
  -webkit-transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  content: '';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  height: 40px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0 16px;
  overflow: hidden;
  font-size: 14px;
  line-height: 40px;
  text-overflow: ellipsis;
}
.ant-menu-vertical .ant-menu-submenu,
.ant-menu-vertical-left .ant-menu-submenu,
.ant-menu-vertical-right .ant-menu-submenu,
.ant-menu-inline .ant-menu-submenu {
  padding-bottom: 0.02px;
}
.ant-menu-vertical .ant-menu-item:not(:last-child),
.ant-menu-vertical-left .ant-menu-item:not(:last-child),
.ant-menu-vertical-right .ant-menu-item:not(:last-child),
.ant-menu-inline .ant-menu-item:not(:last-child) {
  margin-bottom: 8px;
}
.ant-menu-vertical > .ant-menu-item,
.ant-menu-vertical-left > .ant-menu-item,
.ant-menu-vertical-right > .ant-menu-item,
.ant-menu-inline > .ant-menu-item,
.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
}
.ant-menu-inline {
  width: 100%;
}
.ant-menu-inline .ant-menu-selected::after,
.ant-menu-inline .ant-menu-item-selected::after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  opacity: 1;
  -webkit-transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title {
  width: calc(100% + 1px);
}
.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 34px;
}
.ant-menu-inline-collapsed {
  width: 80px;
}
.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
  left: 0;
  padding: 0 32px !important;
  text-overflow: clip;
}
.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  display: none;
}
.ant-menu-inline-collapsed > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
  margin: 0;
  font-size: 16px;
  line-height: 40px;
}
.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span {
  display: inline-block;
  max-width: 0;
  opacity: 0;
}
.ant-menu-inline-collapsed-tooltip {
  pointer-events: none;
}
.ant-menu-inline-collapsed-tooltip .anticon {
  display: none;
}
.ant-menu-inline-collapsed-tooltip a {
  color: var(--color-text-dark);
}
.ant-menu-inline-collapsed .ant-menu-item-group-title {
  padding-right: 4px;
  padding-left: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-menu-item-group-list .ant-menu-item,
.ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 16px 0 28px;
}
.ant-menu-root.ant-menu-vertical,
.ant-menu-root.ant-menu-vertical-left,
.ant-menu-root.ant-menu-vertical-right,
.ant-menu-root.ant-menu-inline {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-menu-sub.ant-menu-inline {
  padding: 0;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-menu-sub.ant-menu-inline > .ant-menu-item,
.ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
  list-style-position: inside;
  list-style-type: disc;
}
.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-left: 32px;
}
.ant-menu-item-disabled,
.ant-menu-submenu-disabled {
  color: var(--color-text-disabled) !important;
  background: none;
  border-color: transparent !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled > a,
.ant-menu-submenu-disabled > a {
  color: var(--color-text-disabled) !important;
  pointer-events: none;
}
.ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: var(--color-text-disabled) !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: var(--color-text-disabled) !important;
}
.ant-menu-dark,
.ant-menu-dark .ant-menu-sub {
  color: rgba(255, 255, 255, 0.65);
  background: #001529;
}
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0.45;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark.ant-menu-submenu-popup {
  background: transparent;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #000c17;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset;
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset;
}
.ant-menu-dark.ant-menu-horizontal {
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
  top: 0;
  margin-top: 0;
  border-color: #001529;
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: 0;
}
.ant-menu-dark .ant-menu-item,
.ant-menu-dark .ant-menu-item-group-title,
.ant-menu-dark .ant-menu-item > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-menu-dark.ant-menu-inline,
.ant-menu-dark.ant-menu-vertical,
.ant-menu-dark.ant-menu-vertical-left,
.ant-menu-dark.ant-menu-vertical-right {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-vertical .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
  width: 100%;
}
.ant-menu-dark .ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-active,
.ant-menu-dark .ant-menu-submenu-active,
.ant-menu-dark .ant-menu-submenu-open,
.ant-menu-dark .ant-menu-submenu-selected,
.ant-menu-dark .ant-menu-submenu-title:hover {
  color: #fff;
  background-color: transparent;
}
.ant-menu-dark .ant-menu-item:hover > a,
.ant-menu-dark .ant-menu-item-active > a,
.ant-menu-dark .ant-menu-submenu-active > a,
.ant-menu-dark .ant-menu-submenu-open > a,
.ant-menu-dark .ant-menu-submenu-selected > a,
.ant-menu-dark .ant-menu-submenu-title:hover > a {
  color: #fff;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow {
  opacity: 1;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark .ant-menu-item:hover {
  background-color: transparent;
}
.ant-menu-dark .ant-menu-item-selected {
  color: #fff;
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected::after {
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-dark .ant-menu-item-selected > a:hover {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .anticon {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .anticon + span {
  color: #fff;
}
.ant-menu.ant-menu-dark .ant-menu-item-selected,
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
  background-color: var(--color-primary);
}
.ant-menu-dark .ant-menu-item-disabled,
.ant-menu-dark .ant-menu-submenu-disabled,
.ant-menu-dark .ant-menu-item-disabled > a,
.ant-menu-dark .ant-menu-submenu-disabled > a {
  color: rgba(255, 255, 255, 0.35) !important;
  opacity: 0.8;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(255, 255, 255, 0.35) !important;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(255, 255, 255, 0.35) !important;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-menu .ant-menu-item-active {
  background-color: var(--color-bg);
}
.ant-menu.ant-menu-dark .ant-menu-item-selected {
  background-color: var(--color-primary);
}
.ant-menu.ant-menu-inline .ant-menu-item {
  margin: 0;
}
.ant-menu.ant-menu-vertical .ant-menu-item {
  margin: 0;
}

.ant-btn {
  line-height: 1.699;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  -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);
  -webkit-user-select: none;
     -moz-user-select: none;
          -ms-user-select: none;
      user-select: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  height: 36px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 4px;
  color: var(--color-text-dark);
  background-color: #fff;
  border-color: var(--color-border);
}
.ant-btn > .anticon {
  line-height: 1;
}
.ant-btn,
.ant-btn:active,
.ant-btn:focus {
  outline: 0;
}
.ant-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-btn:not([disabled]):active {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn.disabled,
.ant-btn[disabled] {
  cursor: not-allowed;
}
.ant-btn.disabled > *,
.ant-btn[disabled] > * {
  pointer-events: none;
}
.ant-btn-lg {
  height: 48px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 4px;
}
.ant-btn-sm {
  height: 28px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
}
.ant-btn > a:only-child {
  color: currentColor;
}
.ant-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus {
  color: var(--color-text-dark);
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.ant-btn:hover > a:only-child,
.ant-btn:focus > a:only-child {
  color: currentColor;
}
.ant-btn:hover > a:only-child::after,
.ant-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:active,
.ant-btn.active {
  color: var(--color-text-dark);
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.ant-btn:active > a:only-child,
.ant-btn.active > a:only-child {
  color: currentColor;
}
.ant-btn:active > a:only-child::after,
.ant-btn.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-disabled,
.ant-btn.disabled,
.ant-btn[disabled],
.ant-btn-disabled:hover,
.ant-btn.disabled:hover,
.ant-btn[disabled]:hover,
.ant-btn-disabled:focus,
.ant-btn.disabled:focus,
.ant-btn[disabled]:focus,
.ant-btn-disabled:active,
.ant-btn.disabled:active,
.ant-btn[disabled]:active,
.ant-btn-disabled.active,
.ant-btn.disabled.active,
.ant-btn[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-disabled > a:only-child,
.ant-btn.disabled > a:only-child,
.ant-btn[disabled] > a:only-child,
.ant-btn-disabled:hover > a:only-child,
.ant-btn.disabled:hover > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn-disabled:focus > a:only-child,
.ant-btn.disabled:focus > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn-disabled:active > a:only-child,
.ant-btn.disabled:active > a:only-child,
.ant-btn[disabled]:active > a:only-child,
.ant-btn-disabled.active > a:only-child,
.ant-btn.disabled.active > a:only-child,
.ant-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-disabled > a:only-child::after,
.ant-btn.disabled > a:only-child::after,
.ant-btn[disabled] > a:only-child::after,
.ant-btn-disabled:hover > a:only-child::after,
.ant-btn.disabled:hover > a:only-child::after,
.ant-btn[disabled]:hover > a:only-child::after,
.ant-btn-disabled:focus > a:only-child::after,
.ant-btn.disabled:focus > a:only-child::after,
.ant-btn[disabled]:focus > a:only-child::after,
.ant-btn-disabled:active > a:only-child::after,
.ant-btn.disabled:active > a:only-child::after,
.ant-btn[disabled]:active > a:only-child::after,
.ant-btn-disabled.active > a:only-child::after,
.ant-btn.disabled.active > a:only-child::after,
.ant-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active,
.ant-btn.active {
  text-decoration: none;
  background: #fff;
}
.ant-btn > i,
.ant-btn > span {
  display: inline-block;
  -webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  pointer-events: none;
}
.ant-btn-primary {
  color: #fff;
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: #fff;
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.ant-btn-primary:hover > a:only-child,
.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-primary:hover > a:only-child::after,
.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:active,
.ant-btn-primary.active {
  color: #fff;
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.ant-btn-primary:active > a:only-child,
.ant-btn-primary.active > a:only-child {
  color: currentColor;
}
.ant-btn-primary:active > a:only-child::after,
.ant-btn-primary.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary-disabled,
.ant-btn-primary.disabled,
.ant-btn-primary[disabled],
.ant-btn-primary-disabled:hover,
.ant-btn-primary.disabled:hover,
.ant-btn-primary[disabled]:hover,
.ant-btn-primary-disabled:focus,
.ant-btn-primary.disabled:focus,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary-disabled:active,
.ant-btn-primary.disabled:active,
.ant-btn-primary[disabled]:active,
.ant-btn-primary-disabled.active,
.ant-btn-primary.disabled.active,
.ant-btn-primary[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-primary-disabled > a:only-child,
.ant-btn-primary.disabled > a:only-child,
.ant-btn-primary[disabled] > a:only-child,
.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-primary-disabled > a:only-child::after,
.ant-btn-primary.disabled > a:only-child::after,
.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-primary-disabled:hover > a:only-child::after,
.ant-btn-primary.disabled:hover > a:only-child::after,
.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-primary-disabled:focus > a:only-child::after,
.ant-btn-primary.disabled:focus > a:only-child::after,
.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-primary-disabled:active > a:only-child::after,
.ant-btn-primary.disabled:active > a:only-child::after,
.ant-btn-primary[disabled]:active > a:only-child::after,
.ant-btn-primary-disabled.active > a:only-child::after,
.ant-btn-primary.disabled.active > a:only-child::after,
.ant-btn-primary[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: rgba(255, 255, 255, 0.3);
  border-left-color: rgba(255, 255, 255, 0.3);
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
  border-color: var(--color-border);
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  border-right-color: rgba(255, 255, 255, 0.3);
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: var(--color-border);
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-left-color: rgba(255, 255, 255, 0.3);
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-left-color: var(--color-border);
}
.ant-btn-ghost {
  color: var(--color-text-dark);
  background-color: transparent;
  border-color: var(--color-border);
}
.ant-btn-ghost > a:only-child {
  color: currentColor;
}
.ant-btn-ghost > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
  color: var(--color-text-dark);
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.ant-btn-ghost:hover > a:only-child,
.ant-btn-ghost:focus > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:hover > a:only-child::after,
.ant-btn-ghost:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:active,
.ant-btn-ghost.active {
  color: var(--color-text-dark);
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.ant-btn-ghost:active > a:only-child,
.ant-btn-ghost.active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:active > a:only-child::after,
.ant-btn-ghost.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost-disabled,
.ant-btn-ghost.disabled,
.ant-btn-ghost[disabled],
.ant-btn-ghost-disabled:hover,
.ant-btn-ghost.disabled:hover,
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost-disabled:focus,
.ant-btn-ghost.disabled:focus,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost-disabled:active,
.ant-btn-ghost.disabled:active,
.ant-btn-ghost[disabled]:active,
.ant-btn-ghost-disabled.active,
.ant-btn-ghost.disabled.active,
.ant-btn-ghost[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-ghost-disabled > a:only-child,
.ant-btn-ghost.disabled > a:only-child,
.ant-btn-ghost[disabled] > a:only-child,
.ant-btn-ghost-disabled:hover > a:only-child,
.ant-btn-ghost.disabled:hover > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost-disabled:focus > a:only-child,
.ant-btn-ghost.disabled:focus > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost-disabled:active > a:only-child,
.ant-btn-ghost.disabled:active > a:only-child,
.ant-btn-ghost[disabled]:active > a:only-child,
.ant-btn-ghost-disabled.active > a:only-child,
.ant-btn-ghost.disabled.active > a:only-child,
.ant-btn-ghost[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost-disabled > a:only-child::after,
.ant-btn-ghost.disabled > a:only-child::after,
.ant-btn-ghost[disabled] > a:only-child::after,
.ant-btn-ghost-disabled:hover > a:only-child::after,
.ant-btn-ghost.disabled:hover > a:only-child::after,
.ant-btn-ghost[disabled]:hover > a:only-child::after,
.ant-btn-ghost-disabled:focus > a:only-child::after,
.ant-btn-ghost.disabled:focus > a:only-child::after,
.ant-btn-ghost[disabled]:focus > a:only-child::after,
.ant-btn-ghost-disabled:active > a:only-child::after,
.ant-btn-ghost.disabled:active > a:only-child::after,
.ant-btn-ghost[disabled]:active > a:only-child::after,
.ant-btn-ghost-disabled.active > a:only-child::after,
.ant-btn-ghost.disabled.active > a:only-child::after,
.ant-btn-ghost[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed {
  color: var(--color-text-dark);
  background-color: #fff;
  border-color: var(--color-border);
  border-style: dashed;
}
.ant-btn-dashed > a:only-child {
  color: currentColor;
}
.ant-btn-dashed > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
  color: var(--color-text-dark);
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.ant-btn-dashed:hover > a:only-child,
.ant-btn-dashed:focus > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:hover > a:only-child::after,
.ant-btn-dashed:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:active,
.ant-btn-dashed.active {
  color: var(--color-text-dark);
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.ant-btn-dashed:active > a:only-child,
.ant-btn-dashed.active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:active > a:only-child::after,
.ant-btn-dashed.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed-disabled,
.ant-btn-dashed.disabled,
.ant-btn-dashed[disabled],
.ant-btn-dashed-disabled:hover,
.ant-btn-dashed.disabled:hover,
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed-disabled:focus,
.ant-btn-dashed.disabled:focus,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed-disabled:active,
.ant-btn-dashed.disabled:active,
.ant-btn-dashed[disabled]:active,
.ant-btn-dashed-disabled.active,
.ant-btn-dashed.disabled.active,
.ant-btn-dashed[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-dashed-disabled > a:only-child,
.ant-btn-dashed.disabled > a:only-child,
.ant-btn-dashed[disabled] > a:only-child,
.ant-btn-dashed-disabled:hover > a:only-child,
.ant-btn-dashed.disabled:hover > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed-disabled:focus > a:only-child,
.ant-btn-dashed.disabled:focus > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed-disabled:active > a:only-child,
.ant-btn-dashed.disabled:active > a:only-child,
.ant-btn-dashed[disabled]:active > a:only-child,
.ant-btn-dashed-disabled.active > a:only-child,
.ant-btn-dashed.disabled.active > a:only-child,
.ant-btn-dashed[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed-disabled > a:only-child::after,
.ant-btn-dashed.disabled > a:only-child::after,
.ant-btn-dashed[disabled] > a:only-child::after,
.ant-btn-dashed-disabled:hover > a:only-child::after,
.ant-btn-dashed.disabled:hover > a:only-child::after,
.ant-btn-dashed[disabled]:hover > a:only-child::after,
.ant-btn-dashed-disabled:focus > a:only-child::after,
.ant-btn-dashed.disabled:focus > a:only-child::after,
.ant-btn-dashed[disabled]:focus > a:only-child::after,
.ant-btn-dashed-disabled:active > a:only-child::after,
.ant-btn-dashed.disabled:active > a:only-child::after,
.ant-btn-dashed[disabled]:active > a:only-child::after,
.ant-btn-dashed-disabled.active > a:only-child::after,
.ant-btn-dashed.disabled.active > a:only-child::after,
.ant-btn-dashed[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger {
  color: var(--color-danger);
  background-color: var(--color-bg);
  border-color: var(--color-bg);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:hover,
.ant-btn-danger:focus {
  color: var(--color-danger);
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.ant-btn-danger:hover > a:only-child,
.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-danger:hover > a:only-child::after,
.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:active,
.ant-btn-danger.active {
  color: var(--color-danger);
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.ant-btn-danger:active > a:only-child,
.ant-btn-danger.active > a:only-child {
  color: currentColor;
}
.ant-btn-danger:active > a:only-child::after,
.ant-btn-danger.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger-disabled,
.ant-btn-danger.disabled,
.ant-btn-danger[disabled],
.ant-btn-danger-disabled:hover,
.ant-btn-danger.disabled:hover,
.ant-btn-danger[disabled]:hover,
.ant-btn-danger-disabled:focus,
.ant-btn-danger.disabled:focus,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger-disabled:active,
.ant-btn-danger.disabled:active,
.ant-btn-danger[disabled]:active,
.ant-btn-danger-disabled.active,
.ant-btn-danger.disabled.active,
.ant-btn-danger[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-danger-disabled > a:only-child,
.ant-btn-danger.disabled > a:only-child,
.ant-btn-danger[disabled] > a:only-child,
.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-danger-disabled > a:only-child::after,
.ant-btn-danger.disabled > a:only-child::after,
.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-danger-disabled:hover > a:only-child::after,
.ant-btn-danger.disabled:hover > a:only-child::after,
.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-danger-disabled:focus > a:only-child::after,
.ant-btn-danger.disabled:focus > a:only-child::after,
.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-danger-disabled:active > a:only-child::after,
.ant-btn-danger.disabled:active > a:only-child::after,
.ant-btn-danger[disabled]:active > a:only-child::after,
.ant-btn-danger-disabled.active > a:only-child::after,
.ant-btn-danger.disabled.active > a:only-child::after,
.ant-btn-danger[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link {
  color: var(--color-primary);
  background-color: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus {
  color: var(--color-primary);
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.ant-btn-link:hover > a:only-child,
.ant-btn-link:focus > a:only-child {
  color: currentColor;
}
.ant-btn-link:hover > a:only-child::after,
.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:active,
.ant-btn-link.active {
  color: var(--color-primary);
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.ant-btn-link:active > a:only-child,
.ant-btn-link.active > a:only-child {
  color: currentColor;
}
.ant-btn-link:active > a:only-child::after,
.ant-btn-link.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link-disabled,
.ant-btn-link.disabled,
.ant-btn-link[disabled],
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled]:hover,
.ant-btn-link-disabled:focus,
.ant-btn-link.disabled:focus,
.ant-btn-link[disabled]:focus,
.ant-btn-link-disabled:active,
.ant-btn-link.disabled:active,
.ant-btn-link[disabled]:active,
.ant-btn-link-disabled.active,
.ant-btn-link.disabled.active,
.ant-btn-link[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-link-disabled > a:only-child::after,
.ant-btn-link.disabled > a:only-child::after,
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus,
.ant-btn-link:active {
  border-color: transparent;
}
.ant-btn-link-disabled,
.ant-btn-link.disabled,
.ant-btn-link[disabled],
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled]:hover,
.ant-btn-link-disabled:focus,
.ant-btn-link.disabled:focus,
.ant-btn-link[disabled]:focus,
.ant-btn-link-disabled:active,
.ant-btn-link.disabled:active,
.ant-btn-link[disabled]:active,
.ant-btn-link-disabled.active,
.ant-btn-link.disabled.active,
.ant-btn-link[disabled].active {
  color: var(--color-text-disabled);
  background-color: transparent;
  border-color: transparent;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-link-disabled > a:only-child::after,
.ant-btn-link.disabled > a:only-child::after,
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-icon-only {
  width: 36px;
  height: 36px;
  padding: 0;
  font-size: 16px;
  border-radius: 4px;
}
.ant-btn-icon-only.ant-btn-lg {
  width: 48px;
  height: 48px;
  padding: 0;
  font-size: 18px;
  border-radius: 4px;
}
.ant-btn-icon-only.ant-btn-sm {
  width: 28px;
  height: 28px;
  padding: 0;
  font-size: 14px;
  border-radius: 4px;
}
.ant-btn-icon-only > i {
  vertical-align: middle;
}
.ant-btn-round {
  height: 36px;
  padding: 0 18px;
  font-size: 14px;
  border-radius: 36px;
}
.ant-btn-round.ant-btn-lg {
  height: 48px;
  padding: 0 24px;
  font-size: 16px;
  border-radius: 48px;
}
.ant-btn-round.ant-btn-sm {
  height: 28px;
  padding: 0 14px;
  font-size: 14px;
  border-radius: 28px;
}
.ant-btn-round.ant-btn-icon-only {
  width: auto;
}
.ant-btn-circle,
.ant-btn-circle-outline {
  min-width: 36px;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-lg,
.ant-btn-circle-outline.ant-btn-lg {
  min-width: 48px;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-sm,
.ant-btn-circle-outline.ant-btn-sm {
  min-width: 28px;
  border-radius: 50%;
}
.ant-btn::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 1;
  display: none;
  background: #fff;
  border-radius: inherit;
  opacity: 0.35;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  content: '';
  pointer-events: none;
}
.ant-btn .anticon {
  -webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn .anticon.anticon-plus > svg,
.ant-btn .anticon.anticon-minus > svg {
  shape-rendering: optimizeSpeed;
}
.ant-btn.ant-btn-loading {
  position: relative;
}
.ant-btn.ant-btn-loading:not([disabled]) {
  pointer-events: none;
}
.ant-btn.ant-btn-loading::before {
  display: block;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 29px;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon:not(:last-child) {
  margin-left: -14px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 24px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon {
  margin-left: -17px;
}
.ant-btn-group {
  position: relative;
  display: inline-block;
}
.ant-btn-group > .ant-btn,
.ant-btn-group > span > .ant-btn {
  position: relative;
}
.ant-btn-group > .ant-btn:hover,
.ant-btn-group > span > .ant-btn:hover,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > span > .ant-btn:focus,
.ant-btn-group > .ant-btn:active,
.ant-btn-group > span > .ant-btn:active,
.ant-btn-group > .ant-btn.active,
.ant-btn-group > span > .ant-btn.active {
  z-index: 2;
}
.ant-btn-group > .ant-btn:disabled,
.ant-btn-group > span > .ant-btn:disabled {
  z-index: 0;
}
.ant-btn-group > .ant-btn-icon-only {
  font-size: 14px;
}
.ant-btn-group-lg > .ant-btn,
.ant-btn-group-lg > span > .ant-btn {
  height: 48px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 0;
  line-height: 46px;
}
.ant-btn-group-lg > .ant-btn.ant-btn-icon-only {
  width: 48px;
  height: 48px;
  padding-right: 0;
  padding-left: 0;
}
.ant-btn-group-sm > .ant-btn,
.ant-btn-group-sm > span > .ant-btn {
  height: 28px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 0;
  line-height: 26px;
}
.ant-btn-group-sm > .ant-btn > .anticon,
.ant-btn-group-sm > span > .ant-btn > .anticon {
  font-size: 14px;
}
.ant-btn-group-sm > .ant-btn.ant-btn-icon-only {
  width: 28px;
  height: 28px;
  padding-right: 0;
  padding-left: 0;
}
.ant-btn-group .ant-btn + .ant-btn,
.ant-btn + .ant-btn-group,
.ant-btn-group span + .ant-btn,
.ant-btn-group .ant-btn + span,
.ant-btn-group > span + span,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group {
  margin-left: -1px;
}
.ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
  border-left-color: transparent;
}
.ant-btn-group .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn:first-child,
.ant-btn-group > span:first-child > .ant-btn {
  margin-left: 0;
}
.ant-btn-group > .ant-btn:only-child {
  border-radius: 4px;
}
.ant-btn-group > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:only-child {
  border-radius: 4px;
}
.ant-btn-group-sm > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-btn-group > .ant-btn-group {
  float: left;
}
.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
  padding-right: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  padding-left: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn:focus > span,
.ant-btn:active > span {
  position: relative;
}
.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 8px;
}
.ant-btn-background-ghost {
  color: #fff;
  background: transparent !important;
  border-color: #fff;
}
.ant-btn-background-ghost.ant-btn-primary {
  color: var(--color-primary);
  background-color: transparent;
  border-color: var(--color-primary);
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
  color: var(--color-primary);
  background-color: transparent;
  border-color: var(--color-primary);
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:active,
.ant-btn-background-ghost.ant-btn-primary.active {
  color: var(--color-primary);
  background-color: transparent;
  border-color: var(--color-primary);
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary-disabled,
.ant-btn-background-ghost.ant-btn-primary.disabled,
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary-disabled:hover,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary-disabled:active,
.ant-btn-background-ghost.ant-btn-primary.disabled:active,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active,
.ant-btn-background-ghost.ant-btn-primary-disabled.active,
.ant-btn-background-ghost.ant-btn-primary.disabled.active,
.ant-btn-background-ghost.ant-btn-primary[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger {
  color: var(--color-border);
  background-color: transparent;
  border-color: var(--color-border);
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
  color: var(--color-border);
  background-color: transparent;
  border-color: var(--color-border);
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:active,
.ant-btn-background-ghost.ant-btn-danger.active {
  color: var(--color-border);
  background-color: transparent;
  border-color: var(--color-border);
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger-disabled,
.ant-btn-background-ghost.ant-btn-danger.disabled,
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger-disabled:hover,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger-disabled:active,
.ant-btn-background-ghost.ant-btn-danger.disabled:active,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active,
.ant-btn-background-ghost.ant-btn-danger-disabled.active,
.ant-btn-background-ghost.ant-btn-danger.disabled.active,
.ant-btn-background-ghost.ant-btn-danger[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link {
  color: var(--color-primary);
  background-color: transparent;
  border-color: transparent;
  text-shadow: none;
  color: #fff;
}
.ant-btn-background-ghost.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link:hover,
.ant-btn-background-ghost.ant-btn-link:focus {
  color: var(--color-primary);
  background-color: transparent;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-link:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link:active,
.ant-btn-background-ghost.ant-btn-link.active {
  color: var(--color-primary);
  background-color: transparent;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-link:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link-disabled,
.ant-btn-background-ghost.ant-btn-link.disabled,
.ant-btn-background-ghost.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-link-disabled:hover,
.ant-btn-background-ghost.ant-btn-link.disabled:hover,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover,
.ant-btn-background-ghost.ant-btn-link-disabled:focus,
.ant-btn-background-ghost.ant-btn-link.disabled:focus,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-link-disabled:active,
.ant-btn-background-ghost.ant-btn-link.disabled:active,
.ant-btn-background-ghost.ant-btn-link[disabled]:active,
.ant-btn-background-ghost.ant-btn-link-disabled.active,
.ant-btn-background-ghost.ant-btn-link.disabled.active,
.ant-btn-background-ghost.ant-btn-link[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-two-chinese-chars::first-letter {
  letter-spacing: 0.34em;
}
.ant-btn-two-chinese-chars > *:not(.anticon) {
  margin-right: -0.34em;
  letter-spacing: 0.34em;
}
.ant-btn-block {
  width: 100%;
}
.ant-btn:empty {
  vertical-align: top;
}
a.ant-btn {
  padding-top: 0.1px;
  line-height: 34px;
}
a.ant-btn-lg {
  line-height: 46px;
}
a.ant-btn-sm {
  line-height: 26px;
}
.ant-dropdown {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}
.ant-dropdown::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: -7px;
  left: -7px;
  z-index: -9999;
  opacity: 0.0001;
  content: ' ';
}
.ant-dropdown-wrap {
  position: relative;
}
.ant-dropdown-wrap .ant-btn > .anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-wrap .ant-btn > .anticon-down {
  font-size: 12px;
}
.ant-dropdown-wrap .anticon-down::before {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.ant-dropdown-wrap-open .anticon-down::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ant-dropdown-hidden,
.ant-dropdown-menu-hidden {
  display: none;
}
.ant-dropdown-menu {
  position: relative;
  margin: 0;
  padding: 4px 0;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate3d(0, 0, 0);
}
.ant-dropdown-menu-item-group-title {
  padding: 5px 16px;
  color: var(--color-text-light);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-dropdown-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
}
.ant-dropdown-menu-submenu-popup > .ant-dropdown-menu {
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.ant-dropdown-menu-submenu-popup ul,
.ant-dropdown-menu-submenu-popup li {
  list-style: none;
}
.ant-dropdown-menu-submenu-popup ul {
  margin-right: 0.3em;
  margin-left: 0.3em;
  padding: 0;
}
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  clear: both;
  margin: 0;
  padding: 5px 16px;
  color: var(--color-text-dark);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-dropdown-menu-item > .anticon:first-child,
.ant-dropdown-menu-submenu-title > .anticon:first-child,
.ant-dropdown-menu-item > span > .anticon:first-child,
.ant-dropdown-menu-submenu-title > span > .anticon:first-child {
  min-width: 12px;
  margin-right: 8px;
  font-size: 12px;
}
.ant-dropdown-menu-item > a,
.ant-dropdown-menu-submenu-title > a {
  display: block;
  margin: -5px -16px;
  padding: 5px 16px;
  color: var(--color-text-dark);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected,
.ant-dropdown-menu-item-selected > a,
.ant-dropdown-menu-submenu-title-selected > a {
  color: var(--color-primary);
  background-color: transparent;
}
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover {
  background-color: var(--color-bg);
}
.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-submenu-title-disabled {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-submenu-title-disabled:hover {
  color: var(--color-text-disabled);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-item-divider,
.ant-dropdown-menu-submenu-title-divider {
  height: 1px;
  margin: 4px 0;
  overflow: hidden;
  line-height: 0;
  background-color: var(--color-border-light);
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow {
  position: absolute;
  right: 8px;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: var(--color-text-light);
  font-style: normal;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
:root .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  font-size: 12px;
}
.ant-dropdown-menu-item-group-list {
  margin: 0 8px;
  padding: 0;
  list-style: none;
}
.ant-dropdown-menu-submenu-title {
  padding-right: 26px;
}
.ant-dropdown-menu-submenu-vertical {
  position: relative;
}
.ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 100%;
  margin-left: 4px;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: var(--color-text-disabled);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title {
  color: var(--color-primary);
}
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomRight,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomRight {
  -webkit-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
}
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topRight,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topRight {
  -webkit-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
}
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomRight {
  -webkit-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
}
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topRight {
  -webkit-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
}
.ant-dropdown-trigger > .anticon.anticon-down,
.ant-dropdown-link > .anticon.anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-trigger > .anticon.anticon-down,
:root .ant-dropdown-link > .anticon.anticon-down {
  font-size: 12px;
}
.ant-dropdown-button {
  white-space: nowrap;
}
.ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child) {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-dropdown-button .anticon.anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-button .anticon.anticon-down {
  font-size: 12px;
}
.ant-dropdown-menu-dark,
.ant-dropdown-menu-dark .ant-dropdown-menu {
  background: #001529;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover {
  color: #fff;
  background: transparent;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
  color: #fff;
  background: var(--color-primary);
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-dropdown-menu {
  border: 1px solid var(--color-border-light);
  -webkit-box-shadow: 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
          box-shadow: 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
}
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  line-height: 30px;
}
.tz-dropdown-btn-group {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.tz-load-more {
  padding: 15px 0;
  text-align: center;
}
.tz-load-more-spin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tz-load-more-spin .tz-load-more-spin-icon {
  color: var(--color-primary-light);
  -webkit-animation: tz-load-more-spin-ani ease-in-out infinite 1.5s;
          animation: tz-load-more-spin-ani ease-in-out infinite 1.5s;
  font-size: 26px;
}
@-webkit-keyframes tz-load-more-spin-ani {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(720deg);
            transform: rotate(720deg);
  }
}
@keyframes tz-load-more-spin-ani {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(720deg);
            transform: rotate(720deg);
  }
}

.ant-select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  outline: 0;
}
.ant-select ul,
.ant-select ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-select > ul > li > a {
  padding: 0;
  background-color: #fff;
}
.ant-select-arrow {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -6px;
  color: var(--color-text-disabled);
  font-size: 12px;
  line-height: 1;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.ant-select-arrow > * {
  line-height: 1;
}
.ant-select-arrow svg {
  display: inline-block;
}
.ant-select-arrow::before {
  display: none;
}
.ant-select-arrow .ant-select-arrow-icon {
  display: block;
}
.ant-select-arrow .ant-select-arrow-icon svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.ant-select-selection {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  border: 1px solid var(--color-border);
  border-top-width: 1.02px;
  border-radius: 4px;
  outline: none;
  -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);
  -webkit-user-select: none;
     -moz-user-select: none;
          -ms-user-select: none;
      user-select: none;
}
.ant-select-selection:hover {
  border-color: var(--color-primary);
  border-right-width: 1px !important;
}
.ant-select-focused .ant-select-selection,
.ant-select-selection:focus,
.ant-select-selection:active {
  border-color: var(--color-primary);
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 var(--color-primary);
          box-shadow: 0 0 0 0 var(--color-primary);
}
.ant-select-selection__clear {
  position: absolute;
  top: 50%;
  right: 15px;
  z-index: 1;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: var(--color-text-disabled);
  font-size: 12px;
  font-style: normal;
  line-height: 12px;
  text-align: center;
  text-transform: none;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: color 0.3s ease, opacity 0.15s ease;
  transition: color 0.3s ease, opacity 0.15s ease;
  text-rendering: auto;
}
.ant-select-selection__clear::before {
  display: block;
}
.ant-select-selection__clear:hover {
  color: var(--color-text-light);
}
.ant-select-selection:hover .ant-select-selection__clear {
  opacity: 1;
}
.ant-select-selection-selected-value {
  float: left;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-select-no-arrow .ant-select-selection-selected-value {
  padding-right: 0;
}
.ant-select-disabled {
  color: var(--color-text-disabled);
}
.ant-select-disabled .ant-select-selection {
  background: var(--color-bg-light);
  cursor: not-allowed;
}
.ant-select-disabled .ant-select-selection:hover,
.ant-select-disabled .ant-select-selection:focus,
.ant-select-disabled .ant-select-selection:active {
  border-color: var(--color-border);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-select-disabled .ant-select-selection__clear {
  display: none;
  visibility: hidden;
  pointer-events: none;
}
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice {
  padding-right: 10px;
  color: rgba(0, 0, 0, 0.33);
  background: var(--color-bg);
}
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice__remove {
  display: none;
}
.ant-select-selection--single {
  position: relative;
  height: 36px;
  cursor: pointer;
}
.ant-select-selection--single .ant-select-selection__rendered {
  margin-right: 24px;
}
.ant-select-no-arrow .ant-select-selection__rendered {
  margin-right: 15px;
}
.ant-select-selection__rendered {
  position: relative;
  display: block;
  margin-right: 15px;
  margin-left: 15px;
  line-height: 34px;
}
.ant-select-selection__rendered::after {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '.';
  pointer-events: none;
}
.ant-select-lg {
  font-size: 16px;
}
.ant-select-lg .ant-select-selection--single {
  height: 48px;
}
.ant-select-lg .ant-select-selection__rendered {
  line-height: 46px;
}
.ant-select-lg .ant-select-selection--multiple {
  min-height: 48px;
}
.ant-select-lg .ant-select-selection--multiple .ant-select-selection__rendered li {
  height: 40px;
  line-height: 40px;
}
.ant-select-lg .ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-lg .ant-select-selection--multiple .ant-select-arrow {
  top: 24px;
}
.ant-select-sm .ant-select-selection--single {
  height: 28px;
}
.ant-select-sm .ant-select-selection__rendered {
  margin-left: 7px;
  line-height: 26px;
}
.ant-select-sm .ant-select-selection--multiple {
  min-height: 28px;
}
.ant-select-sm .ant-select-selection--multiple .ant-select-selection__rendered li {
  height: 20px;
  line-height: 18px;
}
.ant-select-sm .ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-sm .ant-select-selection--multiple .ant-select-arrow {
  top: 14px;
}
.ant-select-sm .ant-select-selection__clear,
.ant-select-sm .ant-select-arrow {
  right: 8px;
}
.ant-select-disabled .ant-select-selection__choice__remove {
  color: var(--color-text-disabled);
  cursor: default;
}
.ant-select-disabled .ant-select-selection__choice__remove:hover {
  color: var(--color-text-disabled);
}
.ant-select-search__field__wrap {
  position: relative;
  display: inline-block;
}
.ant-select-selection__placeholder,
.ant-select-search__field__placeholder {
  position: absolute;
  top: 50%;
  right: 9px;
  left: 0;
  max-width: 100%;
  height: 20px;
  margin-top: -10px;
  overflow: hidden;
  color: var(--color-text-light);
  line-height: 20px;
  white-space: nowrap;
  text-align: left;
  text-overflow: ellipsis;
}
.ant-select-search__field__placeholder {
  left: 16px;
}
.ant-select-search__field__mirror {
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre;
  opacity: 0;
  pointer-events: none;
}
.ant-select-search--inline {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ant-select-search--inline .ant-select-search__field__wrap {
  width: 100%;
  height: 100%;
}
.ant-select-search--inline .ant-select-search__field {
  width: 100%;
  height: 100%;
  font-size: 100%;
  line-height: 1;
  background: transparent;
  border-width: 0;
  border-radius: 4px;
  outline: 0;
}
.ant-select-search--inline > i {
  float: right;
}
.ant-select-selection--multiple {
  min-height: 36px;
  padding-bottom: 3px;
  cursor: text;
  zoom: 1;
}
.ant-select-selection--multiple::before,
.ant-select-selection--multiple::after {
  display: table;
  content: '';
}
.ant-select-selection--multiple::after {
  clear: both;
}
.ant-select-selection--multiple .ant-select-search--inline {
  position: static;
  float: left;
  width: auto;
  max-width: 100%;
  padding: 0;
}
.ant-select-selection--multiple .ant-select-search--inline .ant-select-search__field {
  width: 0.75em;
  max-width: 100%;
  padding: 1px;
}
.ant-select-selection--multiple .ant-select-selection__rendered {
  height: auto;
  margin-bottom: -3px;
  margin-left: 5px;
}
.ant-select-selection--multiple .ant-select-selection__placeholder {
  margin-left: 6px;
}
.ant-select-selection--multiple > ul > li,
.ant-select-selection--multiple .ant-select-selection__rendered > ul > li {
  height: 28px;
  margin-top: 3px;
  line-height: 26px;
}
.ant-select-selection--multiple .ant-select-selection__choice {
  position: relative;
  float: left;
  max-width: 99%;
  margin-right: 4px;
  padding: 0 20px 0 10px;
  overflow: hidden;
  color: var(--color-text-dark);
  background-color: var(--color-bg-light);
  border: 1px solid var(--color-border-light);
  border-radius: 2px;
  cursor: default;
  -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select-selection--multiple .ant-select-selection__choice__disabled {
  padding: 0 10px;
}
.ant-select-selection--multiple .ant-select-selection__choice__content {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select-selection--multiple .ant-select-selection__choice__remove {
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 4px;
  color: var(--color-text-light);
  font-weight: bold;
  line-height: inherit;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
}
.ant-select-selection--multiple .ant-select-selection__choice__remove > * {
  line-height: 1;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove svg {
  display: inline-block;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove::before {
  display: none;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove .ant-select-selection--multiple .ant-select-selection__choice__remove-icon {
  display: block;
}
:root .ant-select-selection--multiple .ant-select-selection__choice__remove {
  font-size: 12px;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-selection--multiple .ant-select-arrow {
  top: 18px;
}
.ant-select-allow-clear .ant-select-selection--multiple .ant-select-selection__rendered,
.ant-select-show-arrow .ant-select-selection--multiple .ant-select-selection__rendered {
  margin-right: 20px;
}
.ant-select-open .ant-select-arrow-icon svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ant-select-open .ant-select-selection {
  border-color: var(--color-primary);
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 var(--color-primary);
          box-shadow: 0 0 0 0 var(--color-primary);
}
.ant-select-combobox .ant-select-arrow {
  display: none;
}
.ant-select-combobox .ant-select-search--inline {
  float: none;
  width: 100%;
  height: 100%;
}
.ant-select-combobox .ant-select-search__field__wrap {
  width: 100%;
  height: 100%;
}
.ant-select-combobox .ant-select-search__field {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0s;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0s;
}
.ant-select-combobox.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered,
.ant-select-combobox.ant-select-show-arrow .ant-select-selection:hover .ant-select-selection__rendered {
  margin-right: 20px;
}
.ant-select-dropdown {
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  font-variant: initial;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
  -webkit-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft {
  -webkit-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
  -webkit-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft {
  -webkit-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
}
.ant-select-dropdown-hidden {
  display: none;
}
.ant-select-dropdown-menu {
  max-height: 250px;
  margin-bottom: 0;
  padding: 4px 0;
  padding-left: 0;
  overflow: auto;
  list-style: none;
  outline: none;
}
.ant-select-dropdown-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-select-dropdown-menu-item-group-list > .ant-select-dropdown-menu-item {
  padding-left: 20px;
}
.ant-select-dropdown-menu-item-group-title {
  height: 32px;
  padding: 0 16px;
  color: var(--color-text-light);
  font-size: 12px;
  line-height: 32px;
}
.ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:first-child:not(:last-child),
.ant-select-dropdown-menu-item-group:not(:last-child) .ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:last-child {
  border-radius: 0;
}
.ant-select-dropdown-menu-item {
  position: relative;
  display: block;
  padding: 5px 16px;
  overflow: hidden;
  color: var(--color-text-dark);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: var(--color-bg);
}
.ant-select-dropdown-menu-item-selected {
  color: var(--color-text-dark);
  font-weight: 600;
  background-color: var(--color-bg-light);
}
.ant-select-dropdown-menu-item-disabled {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
.ant-select-dropdown-menu-item-disabled:hover {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: transparent;
}
.ant-select-dropdown-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  line-height: 0;
  background-color: var(--color-border-light);
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item {
  padding-right: 36px;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item .ant-select-selected-icon {
  position: absolute;
  top: 50%;
  right: 16px;
  color: transparent;
  font-weight: bold;
  font-size: 12px;
  text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover .ant-select-selected-icon {
  color: rgba(0, 0, 0, 0.87);
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-disabled .ant-select-selected-icon {
  display: none;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon,
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon {
  display: inline-block;
  color: var(--color-primary);
}
.ant-select-dropdown--empty.ant-select-dropdown--multiple .ant-select-dropdown-menu-item {
  padding-right: 16px;
}
.ant-select-dropdown-container-open .ant-select-dropdown,
.ant-select-dropdown-open .ant-select-dropdown {
  display: block;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-select-selection {
  border-top-width: 1px;
}
.ant-select .ant-select-selection__rendered {
  margin-left: 16px;
  margin-right: 24px;
}
.ant-select .ant-select-selection--multiple .ant-select-selection__placeholder {
  margin-left: 0;
}
.ant-select .ant-select-selection--multiple .ant-select-selection__rendered .ant-select-selection__choice {
  background-color: var(--color-primary);
  border: none;
  border-radius: 20px;
  color: #fff;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  padding-left: 16px;
  padding-right: 25px;
  margin-top: 5px;
}
.ant-select .ant-select-selection--multiple .ant-select-selection__choice__remove {
  color: #fff;
  right: 10px;
}
.ant-select .ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
  opacity: 0.6;
}
.ant-select-lg {
  font-size: 14px;
}
.ant-select-lg .ant-select-selection--multiple .ant-select-selection__rendered .ant-select-selection__choice {
  margin-top: 9px;
  height: 28px;
  line-height: 28px;
}
.ant-select-sm {
  font-size: 12px;
}
.ant-select-sm .ant-select-selection__rendered {
  margin-left: 12px;
  margin-right: 20px;
}
.ant-select-sm .ant-select-selection--multiple .ant-select-selection__rendered .ant-select-selection__choice {
  height: 18px;
  line-height: 18px;
  margin-top: 4px;
}
.ant-select-disabled .ant-select-selection__choice {
  opacity: 0.5;
}
.ant-select-selection__clear {
  right: 10px;
}
.ant-select-arrow {
  right: 10px;
}
.ant-select-dropdown {
  -webkit-box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
          box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
}
.ant-select-dropdown-menu-item {
  padding: 11px 16px;
}
.ant-select-dropdown-menu-item-selected,
.ant-select-dropdown-menu-item-selected:hover {
  color: var(--color-primary);
  font-weight: normal;
  background-color: transparent;
}
.ant-select-dropdown-menu-item-selected:hover {
  background-color: var(--color-bg);
}
.ant-select-dropdown-menu .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: var(--color-bg);
}
.ant-select-dropdown-menu-item-group::before {
  display: block;
  content: "";
  margin: 10px 16px 10px;
  height: 1px;
  background-color: var(--color-border);
}
.ant-select-dropdown-menu-item-group:first-child::before {
  display: none;
}
.tui-select-wrap {
  display: inline-block;
  position: relative;
}
.tui-select-wrap .ant-select-bg {
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 2;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid var(--color-border-dark);
}
.tui-select-wrap .ant-select {
  position: relative;
  z-index: 3;
  display: block;
}
.tui-select-wrap .ant-select-selection {
  border-color: transparent;
  background-color: transparent;
}
.tui-select-wrap .addon-before,
.tui-select-wrap .addon-after {
  position: absolute;
  z-index: 9;
  display: block;
  text-align: center;
  top: 1px;
  bottom: 1px;
  width: 36px;
  line-height: 34px;
  font-size: 16px;
}
.tui-select-wrap .addon-before.with-action:hover,
.tui-select-wrap .addon-after.with-action:hover {
  cursor: pointer;
  color: var(--color-primary);
}
.tui-select-wrap .addon-before {
  left: 0;
  border-right: 1px solid var(--color-border-dark);
}
.tui-select-wrap .addon-after {
  right: 0;
  border-left: 1px solid var(--color-border-dark);
}
.tui-select-wrap.block {
  display: block;
  width: 100%;
}
.tui-select-wrap.block .ant-select {
  width: 100%;
}
.tui-select-wrap.size-large .addon-before,
.tui-select-wrap.size-large .addon-after {
  width: 48px;
  line-height: 46px;
  font-size: 18px;
}
.tui-select-wrap.size-small .addon-before,
.tui-select-wrap.size-small .addon-after {
  width: 28px;
  line-height: 26px;
  font-size: 13px;
}
.tui-select-wrap.with-addon-before .ant-select-selection {
  padding-left: 30px;
}
.tui-select-wrap.with-addon-before.size-large .ant-select-selection {
  padding-left: 40px;
}
.tui-select-wrap.with-addon-before.size-small .ant-select-selection {
  padding-left: 20px;
}
.tui-select-wrap.with-addon-after .ant-select-selection {
  padding-right: 30px;
}
.tui-select-wrap.with-addon-after .ant-select-selection__clear {
  right: 42px;
}
.tui-select-wrap.with-addon-after.size-large .ant-select-selection {
  padding-right: 40px;
}
.tui-select-wrap.with-addon-after.size-large .ant-select-selection__clear {
  right: 60px;
}
.tui-select-wrap.with-addon-after.size-small .ant-select-selection {
  padding-right: 24px;
}
.tui-select-wrap.with-addon-after.size-small .ant-select-selection__clear {
  right: 32px;
}
.ant-select:hover + .ant-select-bg {
  border-color: var(--color-primary);
}
.ant-select-focused + .ant-select-bg {
  border-color: var(--color-primary);
}
.has-error .ant-select + .ant-select-bg {
  border-color: var(--color-danger);
}
.ant-select.ant-select-disabled + .ant-select-bg {
  border-color: var(--color-border-dark);
  background: var(--color-bg);
}
.tui-select-wrap.type-dropdown .ant-select-bg {
  display: none;
}
.tui-select-wrap.type-dropdown .ant-select-selection--single {
  border: none;
  height: auto;
}
.tui-select-wrap.type-dropdown .ant-select-selection__rendered {
  line-height: inherit;
  margin: 0;
  padding-right: 20px;
}
.tui-select-wrap.type-dropdown .ant-select-arrow {
  right: 0;
}
.tui-select-wrap.type-dropdown .ant-select-selection__placeholder {
  position: static;
  height: auto;
  line-height: inherit;
  margin-top: 0;
  float: left;
}
.tui-select-wrap.type-dropdown .ant-select-selection-selected-value {
  color: var(--color-primary);
}
.tui-select-wrap.lock-height .ant-select-selection__rendered {
  overflow: hidden;
}
.tui-select-wrap.lock-height .ant-select-selection__rendered ul {
  min-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tui-select-wrap.lock-height .ant-select-selection__rendered ul li {
  float: none;
  overflow: visible;
}
.tui-select-filter-panel .panel-head {
  padding: 10px 8px;
}
.tui-select-filter-panel .list-item {
  cursor: pointer;
  color: var(--color-text);
}
.tui-select-filter-panel .list-item .item-default-render {
  padding: 11px 16px;
  line-height: 22px;
  font-size: 14px;
}
.tui-select-filter-panel .list-item:hover {
  background-color: var(--color-bg);
}
.tui-select-filter-panel .list-item.selected {
  color: var(--color-primary);
}
.tui-select-filter-panel .list-item.disabled {
  color: var(--color-text-light);
  cursor: not-allowed;
  background-color: transparent;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-popover {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  cursor: auto;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}
.tzui-popover-content {
  position: relative;
}
.tzui-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  content: '';
}
.tzui-popover-hidden {
  display: none;
}
.tzui-popover-placement-top,
.tzui-popover-placement-topLeft,
.tzui-popover-placement-topRight {
  padding-bottom: 16px;
}
.tzui-popover-placement-right,
.tzui-popover-placement-rightTop,
.tzui-popover-placement-rightBottom {
  padding-left: 16px;
}
.tzui-popover-placement-bottom,
.tzui-popover-placement-bottomLeft,
.tzui-popover-placement-bottomRight {
  padding-top: 16px;
}
.tzui-popover-placement-left,
.tzui-popover-placement-leftTop,
.tzui-popover-placement-leftBottom {
  padding-right: 16px;
}
.tzui-popover-inner {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
          box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .tzui-popover {
    /* IE10+ */
  }
  .tzui-popover-inner {
    -webkit-box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
            box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
  }
}
.tzui-popover-title {
  min-width: 177px;
  min-height: 32px;
  margin: 0;
  padding: 5px 16px 4px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.tzui-popover-inner-content {
  padding: 12px 16px;
  color: rgba(0, 0, 0, 0.85);
}
.tzui-popover-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 0 12px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.tzui-popover-message-icon {
  display: inline-block;
  margin-right: 8px;
  color: var(--color-warning);
  font-size: 14px;
}
.tzui-popover-buttons {
  margin-bottom: 4px;
  text-align: right;
}
.tzui-popover-buttons button:not(:first-child) {
  margin-left: 8px;
}
.tzui-popover-arrow {
  position: absolute;
  display: block;
  width: 22.97056275px;
  height: 22.97056275px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.tzui-popover-arrow-content {
  --antd-arrow-background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 12px;
  height: 12px;
  margin: auto;
  content: '';
  pointer-events: auto;
  border-radius: 0 0 4px;
  pointer-events: none;
}
.tzui-popover-arrow-content::before {
  position: absolute;
  top: -12px;
  left: -12px;
  width: 36px;
  height: 36px;
  background: var(--antd-arrow-background-color);
  background-repeat: no-repeat;
  background-position: -11px -11px;
  content: '';
  clip-path: inset(33% 33%);
  clip-path: path('M 10.535533905932738 25.464466094067262 A 5 5 0 0 1 14.071067811865476 24 L 20 24 A 4 4 0 0 0 24 20 L 24 14.071067811865476 A 5 5 0 0 1 25.464466094067262 10.535533905932738 L 24.464466094067262 10.535533905932738 L 10.535533905932738 24.464466094067262 Z');
}
.tzui-popover-placement-top .tzui-popover-arrow,
.tzui-popover-placement-topLeft .tzui-popover-arrow,
.tzui-popover-placement-topRight .tzui-popover-arrow {
  bottom: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.tzui-popover-placement-top .tzui-popover-arrow-content,
.tzui-popover-placement-topLeft .tzui-popover-arrow-content,
.tzui-popover-placement-topRight .tzui-popover-arrow-content {
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateY(-11.48528137px) rotate(45deg);
          transform: translateY(-11.48528137px) rotate(45deg);
}
.tzui-popover-placement-top .tzui-popover-arrow {
  left: 50%;
  -webkit-transform: translateY(100%) translateX(-50%);
          transform: translateY(100%) translateX(-50%);
}
.tzui-popover-placement-topLeft .tzui-popover-arrow {
  left: 16px;
}
.tzui-popover-placement-topRight .tzui-popover-arrow {
  right: 16px;
}
.tzui-popover-placement-right .tzui-popover-arrow,
.tzui-popover-placement-rightTop .tzui-popover-arrow,
.tzui-popover-placement-rightBottom .tzui-popover-arrow {
  left: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.tzui-popover-placement-right .tzui-popover-arrow-content,
.tzui-popover-placement-rightTop .tzui-popover-arrow-content,
.tzui-popover-placement-rightBottom .tzui-popover-arrow-content {
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateX(11.48528137px) rotate(135deg);
          transform: translateX(11.48528137px) rotate(135deg);
}
.tzui-popover-placement-right .tzui-popover-arrow {
  top: 50%;
  -webkit-transform: translateX(-100%) translateY(-50%);
          transform: translateX(-100%) translateY(-50%);
}
.tzui-popover-placement-rightTop .tzui-popover-arrow {
  top: 12px;
}
.tzui-popover-placement-rightBottom .tzui-popover-arrow {
  bottom: 12px;
}
.tzui-popover-placement-bottom .tzui-popover-arrow,
.tzui-popover-placement-bottomLeft .tzui-popover-arrow,
.tzui-popover-placement-bottomRight .tzui-popover-arrow {
  top: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.tzui-popover-placement-bottom .tzui-popover-arrow-content,
.tzui-popover-placement-bottomLeft .tzui-popover-arrow-content,
.tzui-popover-placement-bottomRight .tzui-popover-arrow-content {
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);
  -webkit-transform: translateY(11.48528137px) rotate(-135deg);
          transform: translateY(11.48528137px) rotate(-135deg);
}
.tzui-popover-placement-bottom .tzui-popover-arrow {
  left: 50%;
  -webkit-transform: translateY(-100%) translateX(-50%);
          transform: translateY(-100%) translateX(-50%);
}
.tzui-popover-placement-bottomLeft .tzui-popover-arrow {
  left: 16px;
}
.tzui-popover-placement-bottomRight .tzui-popover-arrow {
  right: 16px;
}
.tzui-popover-placement-left .tzui-popover-arrow,
.tzui-popover-placement-leftTop .tzui-popover-arrow,
.tzui-popover-placement-leftBottom .tzui-popover-arrow {
  right: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.tzui-popover-placement-left .tzui-popover-arrow-content,
.tzui-popover-placement-leftTop .tzui-popover-arrow-content,
.tzui-popover-placement-leftBottom .tzui-popover-arrow-content {
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateX(-11.48528137px) rotate(-45deg);
          transform: translateX(-11.48528137px) rotate(-45deg);
}
.tzui-popover-placement-left .tzui-popover-arrow {
  top: 50%;
  -webkit-transform: translateX(100%) translateY(-50%);
          transform: translateX(100%) translateY(-50%);
}
.tzui-popover-placement-leftTop .tzui-popover-arrow {
  top: 12px;
}
.tzui-popover-placement-leftBottom .tzui-popover-arrow {
  bottom: 12px;
}
.tzui-popover-pink .tzui-popover-inner {
  background-color: #eb2f96;
}
.tzui-popover-pink .tzui-popover-arrow-content {
  background-color: #eb2f96;
}
.tzui-popover-magenta .tzui-popover-inner {
  background-color: #eb2f96;
}
.tzui-popover-magenta .tzui-popover-arrow-content {
  background-color: #eb2f96;
}
.tzui-popover-red .tzui-popover-inner {
  background-color: #f5222d;
}
.tzui-popover-red .tzui-popover-arrow-content {
  background-color: #f5222d;
}
.tzui-popover-volcano .tzui-popover-inner {
  background-color: #fa541c;
}
.tzui-popover-volcano .tzui-popover-arrow-content {
  background-color: #fa541c;
}
.tzui-popover-orange .tzui-popover-inner {
  background-color: #fa8c16;
}
.tzui-popover-orange .tzui-popover-arrow-content {
  background-color: #fa8c16;
}
.tzui-popover-yellow .tzui-popover-inner {
  background-color: #fadb14;
}
.tzui-popover-yellow .tzui-popover-arrow-content {
  background-color: #fadb14;
}
.tzui-popover-gold .tzui-popover-inner {
  background-color: #faad14;
}
.tzui-popover-gold .tzui-popover-arrow-content {
  background-color: #faad14;
}
.tzui-popover-cyan .tzui-popover-inner {
  background-color: #13c2c2;
}
.tzui-popover-cyan .tzui-popover-arrow-content {
  background-color: #13c2c2;
}
.tzui-popover-lime .tzui-popover-inner {
  background-color: #a0d911;
}
.tzui-popover-lime .tzui-popover-arrow-content {
  background-color: #a0d911;
}
.tzui-popover-green .tzui-popover-inner {
  background-color: #52c41a;
}
.tzui-popover-green .tzui-popover-arrow-content {
  background-color: #52c41a;
}
.tzui-popover-blue .tzui-popover-inner {
  background-color: #1890ff;
}
.tzui-popover-blue .tzui-popover-arrow-content {
  background-color: #1890ff;
}
.tzui-popover-geekblue .tzui-popover-inner {
  background-color: #2f54eb;
}
.tzui-popover-geekblue .tzui-popover-arrow-content {
  background-color: #2f54eb;
}
.tzui-popover-purple .tzui-popover-inner {
  background-color: #722ed1;
}
.tzui-popover-purple .tzui-popover-arrow-content {
  background-color: #722ed1;
}
.tzui-popover-rtl {
  direction: rtl;
  text-align: right;
}
.tzui-popover-rtl .tzui-popover-message-icon {
  margin-right: 0;
  margin-left: 8px;
}
.tzui-popover-rtl .tzui-popover-message-title {
  padding-left: 16px;
}
.tzui-popover-rtl .tzui-popover-buttons {
  text-align: left;
}
.tzui-popover-rtl .tzui-popover-buttons button {
  margin-right: 8px;
  margin-left: 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-popover-inner {
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.tzui-popover-title {
  color: inherit;
  border: none;
  min-height: none;
}
.tzui-popover.ghosted {
  pointer-events: none;
}
.tzui-popover.size-small .tzui-popover-title {
  font-size: 14px;
  line-height: 20px;
  padding: 8px 12px;
}
.tzui-popover.size-small .tzui-popover-inner-content {
  padding: 12px;
  font-size: 12px;
}
.tzui-popover.size-small .tzui-popover-title + .tzui-popover-inner-content {
  padding-top: 0;
}
.tzui-popover.size-large .tzui-popover-title {
  font-size: 16px;
  line-height: 28px;
  padding: 16px 24px 8px;
}
.tzui-popover.size-large .tzui-popover-inner-content {
  padding: 20px 24px;
}
.tzui-popover.size-large .tzui-popover-title + .tzui-popover-inner-content {
  padding-top: 0;
}
.layout-filled .tzui-popover-inner-content {
  padding: 0;
}
.tzui-popover-title + .tzui-popover-inner-content {
  padding-top: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-tooltip {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1070;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  width: intrinsic;
  max-width: 250px;
  visibility: visible;
}
.tzui-tooltip-content {
  position: relative;
}
.tzui-tooltip-hidden {
  display: none;
}
.tzui-tooltip-placement-top,
.tzui-tooltip-placement-topLeft,
.tzui-tooltip-placement-topRight {
  padding-bottom: 8px;
}
.tzui-tooltip-placement-right,
.tzui-tooltip-placement-rightTop,
.tzui-tooltip-placement-rightBottom {
  padding-left: 8px;
}
.tzui-tooltip-placement-bottom,
.tzui-tooltip-placement-bottomLeft,
.tzui-tooltip-placement-bottomRight {
  padding-top: 8px;
}
.tzui-tooltip-placement-left,
.tzui-tooltip-placement-leftTop,
.tzui-tooltip-placement-leftBottom {
  padding-right: 8px;
}
.tzui-tooltip-inner {
  min-width: 30px;
  min-height: 32px;
  padding: 6px 8px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  -webkit-box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
          box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
}
.tzui-tooltip-arrow {
  position: absolute;
  z-index: 2;
  display: block;
  width: 13.07106781px;
  height: 13.07106781px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.tzui-tooltip-arrow-content {
  --antd-arrow-background-color: linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  margin: auto;
  content: '';
  pointer-events: auto;
  border-radius: 0 0 4px;
  pointer-events: none;
}
.tzui-tooltip-arrow-content::before {
  position: absolute;
  top: -5px;
  left: -5px;
  width: 15px;
  height: 15px;
  background: var(--antd-arrow-background-color);
  background-repeat: no-repeat;
  background-position: -4px -4px;
  content: '';
  clip-path: inset(33% 33%);
  clip-path: path('M 3.5355339059327373 11.464466094067262 A 5 5 0 0 1 7.071067811865475 10 L 6 10 A 4 4 0 0 0 10 6 L 10 7.071067811865475 A 5 5 0 0 1 11.464466094067262 3.5355339059327373 L 10.464466094067262 3.5355339059327373 L 3.5355339059327373 10.464466094067262 Z');
}
.tzui-tooltip-placement-top .tzui-tooltip-arrow,
.tzui-tooltip-placement-topLeft .tzui-tooltip-arrow,
.tzui-tooltip-placement-topRight .tzui-tooltip-arrow {
  bottom: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.tzui-tooltip-placement-top .tzui-tooltip-arrow-content,
.tzui-tooltip-placement-topLeft .tzui-tooltip-arrow-content,
.tzui-tooltip-placement-topRight .tzui-tooltip-arrow-content {
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateY(-6.53553391px) rotate(45deg);
          transform: translateY(-6.53553391px) rotate(45deg);
}
.tzui-tooltip-placement-top .tzui-tooltip-arrow {
  left: 50%;
  -webkit-transform: translateY(100%) translateX(-50%);
          transform: translateY(100%) translateX(-50%);
}
.tzui-tooltip-placement-topLeft .tzui-tooltip-arrow {
  left: 13px;
}
.tzui-tooltip-placement-topRight .tzui-tooltip-arrow {
  right: 13px;
}
.tzui-tooltip-placement-right .tzui-tooltip-arrow,
.tzui-tooltip-placement-rightTop .tzui-tooltip-arrow,
.tzui-tooltip-placement-rightBottom .tzui-tooltip-arrow {
  left: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.tzui-tooltip-placement-right .tzui-tooltip-arrow-content,
.tzui-tooltip-placement-rightTop .tzui-tooltip-arrow-content,
.tzui-tooltip-placement-rightBottom .tzui-tooltip-arrow-content {
  -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateX(6.53553391px) rotate(135deg);
          transform: translateX(6.53553391px) rotate(135deg);
}
.tzui-tooltip-placement-right .tzui-tooltip-arrow {
  top: 50%;
  -webkit-transform: translateX(-100%) translateY(-50%);
          transform: translateX(-100%) translateY(-50%);
}
.tzui-tooltip-placement-rightTop .tzui-tooltip-arrow {
  top: 5px;
}
.tzui-tooltip-placement-rightBottom .tzui-tooltip-arrow {
  bottom: 5px;
}
.tzui-tooltip-placement-left .tzui-tooltip-arrow,
.tzui-tooltip-placement-leftTop .tzui-tooltip-arrow,
.tzui-tooltip-placement-leftBottom .tzui-tooltip-arrow {
  right: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.tzui-tooltip-placement-left .tzui-tooltip-arrow-content,
.tzui-tooltip-placement-leftTop .tzui-tooltip-arrow-content,
.tzui-tooltip-placement-leftBottom .tzui-tooltip-arrow-content {
  -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateX(-6.53553391px) rotate(315deg);
          transform: translateX(-6.53553391px) rotate(315deg);
}
.tzui-tooltip-placement-left .tzui-tooltip-arrow {
  top: 50%;
  -webkit-transform: translateX(100%) translateY(-50%);
          transform: translateX(100%) translateY(-50%);
}
.tzui-tooltip-placement-leftTop .tzui-tooltip-arrow {
  top: 5px;
}
.tzui-tooltip-placement-leftBottom .tzui-tooltip-arrow {
  bottom: 5px;
}
.tzui-tooltip-placement-bottom .tzui-tooltip-arrow,
.tzui-tooltip-placement-bottomLeft .tzui-tooltip-arrow,
.tzui-tooltip-placement-bottomRight .tzui-tooltip-arrow {
  top: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.tzui-tooltip-placement-bottom .tzui-tooltip-arrow-content,
.tzui-tooltip-placement-bottomLeft .tzui-tooltip-arrow-content,
.tzui-tooltip-placement-bottomRight .tzui-tooltip-arrow-content {
  -webkit-box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateY(6.53553391px) rotate(225deg);
          transform: translateY(6.53553391px) rotate(225deg);
}
.tzui-tooltip-placement-bottom .tzui-tooltip-arrow {
  left: 50%;
  -webkit-transform: translateY(-100%) translateX(-50%);
          transform: translateY(-100%) translateX(-50%);
}
.tzui-tooltip-placement-bottomLeft .tzui-tooltip-arrow {
  left: 13px;
}
.tzui-tooltip-placement-bottomRight .tzui-tooltip-arrow {
  right: 13px;
}
.tzui-tooltip-pink .tzui-tooltip-inner {
  background-color: #eb2f96;
}
.tzui-tooltip-pink .tzui-tooltip-arrow-content::before {
  background: #eb2f96;
}
.tzui-tooltip-magenta .tzui-tooltip-inner {
  background-color: #eb2f96;
}
.tzui-tooltip-magenta .tzui-tooltip-arrow-content::before {
  background: #eb2f96;
}
.tzui-tooltip-red .tzui-tooltip-inner {
  background-color: #f5222d;
}
.tzui-tooltip-red .tzui-tooltip-arrow-content::before {
  background: #f5222d;
}
.tzui-tooltip-volcano .tzui-tooltip-inner {
  background-color: #fa541c;
}
.tzui-tooltip-volcano .tzui-tooltip-arrow-content::before {
  background: #fa541c;
}
.tzui-tooltip-orange .tzui-tooltip-inner {
  background-color: #fa8c16;
}
.tzui-tooltip-orange .tzui-tooltip-arrow-content::before {
  background: #fa8c16;
}
.tzui-tooltip-yellow .tzui-tooltip-inner {
  background-color: #fadb14;
}
.tzui-tooltip-yellow .tzui-tooltip-arrow-content::before {
  background: #fadb14;
}
.tzui-tooltip-gold .tzui-tooltip-inner {
  background-color: #faad14;
}
.tzui-tooltip-gold .tzui-tooltip-arrow-content::before {
  background: #faad14;
}
.tzui-tooltip-cyan .tzui-tooltip-inner {
  background-color: #13c2c2;
}
.tzui-tooltip-cyan .tzui-tooltip-arrow-content::before {
  background: #13c2c2;
}
.tzui-tooltip-lime .tzui-tooltip-inner {
  background-color: #a0d911;
}
.tzui-tooltip-lime .tzui-tooltip-arrow-content::before {
  background: #a0d911;
}
.tzui-tooltip-green .tzui-tooltip-inner {
  background-color: #52c41a;
}
.tzui-tooltip-green .tzui-tooltip-arrow-content::before {
  background: #52c41a;
}
.tzui-tooltip-blue .tzui-tooltip-inner {
  background-color: #1890ff;
}
.tzui-tooltip-blue .tzui-tooltip-arrow-content::before {
  background: #1890ff;
}
.tzui-tooltip-geekblue .tzui-tooltip-inner {
  background-color: #2f54eb;
}
.tzui-tooltip-geekblue .tzui-tooltip-arrow-content::before {
  background: #2f54eb;
}
.tzui-tooltip-purple .tzui-tooltip-inner {
  background-color: #722ed1;
}
.tzui-tooltip-purple .tzui-tooltip-arrow-content::before {
  background: #722ed1;
}
.tzui-tooltip-rtl {
  direction: rtl;
}
.tzui-tooltip-rtl .tzui-tooltip-inner {
  text-align: right;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-tooltip.ghosted {
  pointer-events: none;
}
.tzui-tooltip-arrow .tzui-tooltip-arrow-content::before {
  clip-path: polygon(0 75%, 75% 0, 75% 75%);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-tag {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
  height: auto;
  margin-right: 8px;
  padding: 0 7px;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  background: #fafafa;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-tag,
.tzui-tag a,
.tzui-tag a:hover {
  color: rgba(0, 0, 0, 0.85);
}
.tzui-tag > a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px;
}
.tzui-tag-close-icon {
  margin-left: 3px;
  color: #858e99;
  font-size: 10px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-tag-close-icon:hover {
  color: rgba(0, 0, 0, 0.85);
}
.tzui-tag-has-color {
  border-color: transparent;
}
.tzui-tag-has-color,
.tzui-tag-has-color a,
.tzui-tag-has-color a:hover,
.tzui-tag-has-color .anticon-close,
.tzui-tag-has-color .anticon-close:hover {
  color: #fff;
}
.tzui-tag-checkable {
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
}
.tzui-tag-checkable:not(.tzui-tag-checkable-checked):hover {
  color: var(--color-primary);
}
.tzui-tag-checkable:active,
.tzui-tag-checkable-checked {
  color: #fff;
}
.tzui-tag-checkable-checked {
  background-color: var(--color-primary);
}
.tzui-tag-checkable:active {
  background-color: var(--color-primary-dark);
}
.tzui-tag-hidden {
  display: none;
}
.tzui-tag-pink {
  color: #c41d7f;
  background: #fff0f6;
  border-color: #ffadd2;
}
.tzui-tag-pink-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.tzui-tag-magenta {
  color: #c41d7f;
  background: #fff0f6;
  border-color: #ffadd2;
}
.tzui-tag-magenta-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.tzui-tag-red {
  color: #cf1322;
  background: #fff1f0;
  border-color: #ffa39e;
}
.tzui-tag-red-inverse {
  color: #fff;
  background: #f5222d;
  border-color: #f5222d;
}
.tzui-tag-volcano {
  color: #d4380d;
  background: #fff2e8;
  border-color: #ffbb96;
}
.tzui-tag-volcano-inverse {
  color: #fff;
  background: #fa541c;
  border-color: #fa541c;
}
.tzui-tag-orange {
  color: #d46b08;
  background: #fff7e6;
  border-color: #ffd591;
}
.tzui-tag-orange-inverse {
  color: #fff;
  background: #fa8c16;
  border-color: #fa8c16;
}
.tzui-tag-yellow {
  color: #d4b106;
  background: #feffe6;
  border-color: #fffb8f;
}
.tzui-tag-yellow-inverse {
  color: #fff;
  background: #fadb14;
  border-color: #fadb14;
}
.tzui-tag-gold {
  color: #d48806;
  background: #fffbe6;
  border-color: #ffe58f;
}
.tzui-tag-gold-inverse {
  color: #fff;
  background: #faad14;
  border-color: #faad14;
}
.tzui-tag-cyan {
  color: #08979c;
  background: #e6fffb;
  border-color: #87e8de;
}
.tzui-tag-cyan-inverse {
  color: #fff;
  background: #13c2c2;
  border-color: #13c2c2;
}
.tzui-tag-lime {
  color: #7cb305;
  background: #fcffe6;
  border-color: #eaff8f;
}
.tzui-tag-lime-inverse {
  color: #fff;
  background: #a0d911;
  border-color: #a0d911;
}
.tzui-tag-green {
  color: #389e0d;
  background: #f6ffed;
  border-color: #b7eb8f;
}
.tzui-tag-green-inverse {
  color: #fff;
  background: #52c41a;
  border-color: #52c41a;
}
.tzui-tag-blue {
  color: #096dd9;
  background: #e6f7ff;
  border-color: #91d5ff;
}
.tzui-tag-blue-inverse {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff;
}
.tzui-tag-geekblue {
  color: #1d39c4;
  background: #f0f5ff;
  border-color: #adc6ff;
}
.tzui-tag-geekblue-inverse {
  color: #fff;
  background: #2f54eb;
  border-color: #2f54eb;
}
.tzui-tag-purple {
  color: #531dab;
  background: #f9f0ff;
  border-color: #d3adf7;
}
.tzui-tag-purple-inverse {
  color: #fff;
  background: #722ed1;
  border-color: #722ed1;
}
.tzui-tag-success {
  color: var(--color-success);
  background: #e6fff4;
  border-color: #88f2cd;
}
.tzui-tag-processing {
  color: var(--color-progress);
  background: #f0faff;
  border-color: #b0e1ff;
}
.tzui-tag-error {
  color: var(--color-danger);
  background: #fff1f0;
  border-color: #ffc2bf;
}
.tzui-tag-warning {
  color: var(--color-warning);
  background: #fffbf0;
  border-color: #ffe3ab;
}
.tzui-tag > .anticon + span,
.tzui-tag > span + .anticon {
  margin-left: 7px;
}
.tzui-tag.tzui-tag-rtl {
  margin-right: 0;
  margin-left: 8px;
  direction: rtl;
  text-align: right;
}
.tzui-tag-rtl .tzui-tag-close-icon {
  margin-right: 3px;
  margin-left: 0;
}
.tzui-tag-rtl.tzui-tag > .anticon + span,
.tzui-tag-rtl.tzui-tag > span + .anticon {
  margin-right: 7px;
  margin-left: 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@-webkit-keyframes tzui-img-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
@keyframes tzui-img-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.tzui-img-wrap {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.tzui-img-indicator {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  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-transition: opacity 400ms;
  transition: opacity 400ms;
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  opacity: 0;
}
.tzui-img-indicator.loading {
  opacity: 1;
  -webkit-animation: tzui-img-loading 1.4s ease infinite;
          animation: tzui-img-loading 1.4s ease infinite;
}
.tzui-img-indicator.error {
  background: transparent;
  opacity: 1;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-custom-spin-wrap {
  position: relative;
  min-height: 60px;
}
.tzui-custom-spin-wrap .tzui-custom-spin-icon {
  color: var(--color-primary-light);
  font-size: 40px;
  -webkit-animation: loadingCircle 1.4s infinite linear;
          animation: loadingCircle 1.4s infinite linear;
}
.tzui-custom-spin-wrap.loading .tzui-custom-spin-container {
  opacity: 0.3;
}
.tzui-custom-spin-wrap.loading .tzui-custom-spin-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(255, 255, 255, 0.6);
}
.tzui-custom-spin-wrap.size-small {
  min-height: 40px;
}
.tzui-custom-spin-wrap.size-small .tzui-custom-spin-icon {
  font-size: 24px;
}
.tzui-custom-spin-wrap.size-small .tzui-custom-spin-title {
  font-size: 12px;
}
.tzui-custom-spin-wrap.size-large {
  min-height: 80px;
}
.tzui-custom-spin-wrap.size-large .tzui-custom-spin-icon {
  font-size: 60px;
}
.tzui-custom-spin-wrap.size-large .tzui-custom-spin-title {
  font-size: 15px;
}
.tzui-custom-spin-wrap.block {
  width: 100%;
  height: 100%;
}
.tzui-custom-spin-wrap.block .tzui-custom-spin-container {
  height: 100%;
}
.tzui-custom-spin-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  -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;
}
.tzui-custom-spin-title {
  margin-top: 10px;
  color: var(--color-text-light);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
[class^=tzui-]::-ms-clear,
[class*= tzui-]::-ms-clear,
[class^=tzui-] input::-ms-clear,
[class*= tzui-] input::-ms-clear,
[class^=tzui-] input::-ms-reveal,
[class*= tzui-] input::-ms-reveal {
  display: none;
}
/* stylelint-disable property-no-vendor-prefix, at-rule-no-vendor-prefix */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
body {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-variant: tabular-nums;
  line-height: 1.5715;
  background-color: #fff;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
[tabindex='-1']:focus {
  outline: none !important;
}
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: var(--color-primary);
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: var(--color-primary-hover);
}
a:active {
  color: var(--color-primary-dark);
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}
a:focus {
  text-decoration: none;
  outline: 0;
}
a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  color: #858e99;
  text-align: left;
  caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}
::-moz-selection {
  color: #fff;
  background: var(--color-primary);
}
::selection {
  color: #fff;
  background: var(--color-primary);
}
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon[tabindex] {
  cursor: pointer;
}
.anticon-spin::before {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
          animation: loadingCircle 1s infinite linear;
}
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
          animation: loadingCircle 1s infinite linear;
}
.tzui-fade-enter,
.tzui-fade-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-fade-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-fade-enter.tzui-fade-enter-active,
.tzui-fade-appear.tzui-fade-appear-active {
  -webkit-animation-name: antFadeIn;
          animation-name: antFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-fade-leave.tzui-fade-leave-active {
  -webkit-animation-name: antFadeOut;
          animation-name: antFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-fade-enter,
.tzui-fade-appear {
  opacity: 0;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.tzui-fade-leave {
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
@-webkit-keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.tzui-move-up-enter,
.tzui-move-up-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-up-enter.tzui-move-up-enter-active,
.tzui-move-up-appear.tzui-move-up-appear-active {
  -webkit-animation-name: antMoveUpIn;
          animation-name: antMoveUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-move-up-leave.tzui-move-up-leave-active {
  -webkit-animation-name: antMoveUpOut;
          animation-name: antMoveUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-move-up-enter,
.tzui-move-up-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-move-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.tzui-move-down-enter,
.tzui-move-down-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-down-enter.tzui-move-down-enter-active,
.tzui-move-down-appear.tzui-move-down-appear-active {
  -webkit-animation-name: antMoveDownIn;
          animation-name: antMoveDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-move-down-leave.tzui-move-down-leave-active {
  -webkit-animation-name: antMoveDownOut;
          animation-name: antMoveDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-move-down-enter,
.tzui-move-down-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-move-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.tzui-move-left-enter,
.tzui-move-left-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-left-enter.tzui-move-left-enter-active,
.tzui-move-left-appear.tzui-move-left-appear-active {
  -webkit-animation-name: antMoveLeftIn;
          animation-name: antMoveLeftIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-move-left-leave.tzui-move-left-leave-active {
  -webkit-animation-name: antMoveLeftOut;
          animation-name: antMoveLeftOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-move-left-enter,
.tzui-move-left-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-move-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.tzui-move-right-enter,
.tzui-move-right-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-right-enter.tzui-move-right-enter-active,
.tzui-move-right-appear.tzui-move-right-appear-active {
  -webkit-animation-name: antMoveRightIn;
          animation-name: antMoveRightIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-move-right-leave.tzui-move-right-leave-active {
  -webkit-animation-name: antMoveRightOut;
          animation-name: antMoveRightOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-move-right-enter,
.tzui-move-right-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-move-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@-webkit-keyframes antMoveDownIn {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveDownIn {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveDownOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveDownOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveLeftOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveLeftOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveRightIn {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveRightIn {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveRightOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveRightOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveUpIn {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveUpIn {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveUpOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveUpOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
[tzui-click-animating='true'],
[tzui-click-animating-without-extra-node='true'] {
  position: relative;
}
html {
  --antd-wave-shadow-color: var(--color-primary);
  --scroll-bar: 0;
}
[tzui-click-animating-without-extra-node='true']::after,
.tzui-click-animating-node {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: inherit;
  -webkit-box-shadow: 0 0 0 0 var(--color-primary);
          box-shadow: 0 0 0 0 var(--color-primary);
  -webkit-box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
          box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  opacity: 0.2;
  -webkit-animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
          animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
@-webkit-keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 var(--color-primary);
            box-shadow: 0 0 0 var(--color-primary);
    -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
            box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 var(--color-primary);
            box-shadow: 0 0 0 var(--color-primary);
    -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
            box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@-webkit-keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
.tzui-slide-up-enter,
.tzui-slide-up-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-up-enter.tzui-slide-up-enter-active,
.tzui-slide-up-appear.tzui-slide-up-appear-active {
  -webkit-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-slide-up-leave.tzui-slide-up-leave-active {
  -webkit-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-slide-up-enter,
.tzui-slide-up-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.tzui-slide-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.tzui-slide-down-enter,
.tzui-slide-down-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-down-enter.tzui-slide-down-enter-active,
.tzui-slide-down-appear.tzui-slide-down-appear-active {
  -webkit-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-slide-down-leave.tzui-slide-down-leave-active {
  -webkit-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-slide-down-enter,
.tzui-slide-down-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.tzui-slide-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.tzui-slide-left-enter,
.tzui-slide-left-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-left-enter.tzui-slide-left-enter-active,
.tzui-slide-left-appear.tzui-slide-left-appear-active {
  -webkit-animation-name: antSlideLeftIn;
          animation-name: antSlideLeftIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-slide-left-leave.tzui-slide-left-leave-active {
  -webkit-animation-name: antSlideLeftOut;
          animation-name: antSlideLeftOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-slide-left-enter,
.tzui-slide-left-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.tzui-slide-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.tzui-slide-right-enter,
.tzui-slide-right-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-right-enter.tzui-slide-right-enter-active,
.tzui-slide-right-appear.tzui-slide-right-appear-active {
  -webkit-animation-name: antSlideRightIn;
          animation-name: antSlideRightIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-slide-right-leave.tzui-slide-right-leave-active {
  -webkit-animation-name: antSlideRightOut;
          animation-name: antSlideRightOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-slide-right-enter,
.tzui-slide-right-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.tzui-slide-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@-webkit-keyframes antSlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes antSlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes antSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideLeftIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideLeftIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideLeftOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideLeftOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideRightIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes antSlideRightIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideRightOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
}
@keyframes antSlideRightOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
}
.tzui-zoom-enter,
.tzui-zoom-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-enter.tzui-zoom-enter-active,
.tzui-zoom-appear.tzui-zoom-appear-active {
  -webkit-animation-name: antZoomIn;
          animation-name: antZoomIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-zoom-leave.tzui-zoom-leave-active {
  -webkit-animation-name: antZoomOut;
          animation-name: antZoomOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-zoom-enter,
.tzui-zoom-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-zoom-enter-prepare,
.tzui-zoom-appear-prepare {
  -webkit-transform: none;
          transform: none;
}
.tzui-zoom-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.tzui-zoom-big-enter,
.tzui-zoom-big-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-big-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-big-enter.tzui-zoom-big-enter-active,
.tzui-zoom-big-appear.tzui-zoom-big-appear-active {
  -webkit-animation-name: antZoomBigIn;
          animation-name: antZoomBigIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-zoom-big-leave.tzui-zoom-big-leave-active {
  -webkit-animation-name: antZoomBigOut;
          animation-name: antZoomBigOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-zoom-big-enter,
.tzui-zoom-big-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-zoom-big-enter-prepare,
.tzui-zoom-big-appear-prepare {
  -webkit-transform: none;
          transform: none;
}
.tzui-zoom-big-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.tzui-zoom-big-fast-enter,
.tzui-zoom-big-fast-appear {
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-big-fast-leave {
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-big-fast-enter.tzui-zoom-big-fast-enter-active,
.tzui-zoom-big-fast-appear.tzui-zoom-big-fast-appear-active {
  -webkit-animation-name: antZoomBigIn;
          animation-name: antZoomBigIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-zoom-big-fast-leave.tzui-zoom-big-fast-leave-active {
  -webkit-animation-name: antZoomBigOut;
          animation-name: antZoomBigOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-zoom-big-fast-enter,
.tzui-zoom-big-fast-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-zoom-big-fast-enter-prepare,
.tzui-zoom-big-fast-appear-prepare {
  -webkit-transform: none;
          transform: none;
}
.tzui-zoom-big-fast-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.tzui-zoom-up-enter,
.tzui-zoom-up-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-up-enter.tzui-zoom-up-enter-active,
.tzui-zoom-up-appear.tzui-zoom-up-appear-active {
  -webkit-animation-name: antZoomUpIn;
          animation-name: antZoomUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-zoom-up-leave.tzui-zoom-up-leave-active {
  -webkit-animation-name: antZoomUpOut;
          animation-name: antZoomUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-zoom-up-enter,
.tzui-zoom-up-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-zoom-up-enter-prepare,
.tzui-zoom-up-appear-prepare {
  -webkit-transform: none;
          transform: none;
}
.tzui-zoom-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.tzui-zoom-down-enter,
.tzui-zoom-down-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-down-enter.tzui-zoom-down-enter-active,
.tzui-zoom-down-appear.tzui-zoom-down-appear-active {
  -webkit-animation-name: antZoomDownIn;
          animation-name: antZoomDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-zoom-down-leave.tzui-zoom-down-leave-active {
  -webkit-animation-name: antZoomDownOut;
          animation-name: antZoomDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-zoom-down-enter,
.tzui-zoom-down-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-zoom-down-enter-prepare,
.tzui-zoom-down-appear-prepare {
  -webkit-transform: none;
          transform: none;
}
.tzui-zoom-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.tzui-zoom-left-enter,
.tzui-zoom-left-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-left-enter.tzui-zoom-left-enter-active,
.tzui-zoom-left-appear.tzui-zoom-left-appear-active {
  -webkit-animation-name: antZoomLeftIn;
          animation-name: antZoomLeftIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-zoom-left-leave.tzui-zoom-left-leave-active {
  -webkit-animation-name: antZoomLeftOut;
          animation-name: antZoomLeftOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-zoom-left-enter,
.tzui-zoom-left-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-zoom-left-enter-prepare,
.tzui-zoom-left-appear-prepare {
  -webkit-transform: none;
          transform: none;
}
.tzui-zoom-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.tzui-zoom-right-enter,
.tzui-zoom-right-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-right-enter.tzui-zoom-right-enter-active,
.tzui-zoom-right-appear.tzui-zoom-right-appear-active {
  -webkit-animation-name: antZoomRightIn;
          animation-name: antZoomRightIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-zoom-right-leave.tzui-zoom-right-leave-active {
  -webkit-animation-name: antZoomRightOut;
          animation-name: antZoomRightOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-zoom-right-enter,
.tzui-zoom-right-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-zoom-right-enter-prepare,
.tzui-zoom-right-appear-prepare {
  -webkit-transform: none;
          transform: none;
}
.tzui-zoom-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@-webkit-keyframes antZoomIn {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomIn {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
}
@-webkit-keyframes antZoomBigIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomBigIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}
@-webkit-keyframes antZoomUpIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}
@keyframes antZoomUpIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}
@-webkit-keyframes antZoomUpOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes antZoomUpOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomLeftIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
}
@keyframes antZoomLeftIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
}
@-webkit-keyframes antZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes antZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomRightIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
}
@keyframes antZoomRightIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
}
@-webkit-keyframes antZoomRightOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes antZoomRightOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomDownIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}
@keyframes antZoomDownIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}
@-webkit-keyframes antZoomDownOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
}
@keyframes antZoomDownOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
}
.ant-motion-collapse-legacy {
  overflow: hidden;
}
.ant-motion-collapse-legacy-active {
  -webkit-transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-motion-collapse {
  overflow: hidden;
  -webkit-transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

.ant-modal-confirm .ant-modal-header {
  display: none;
}
.ant-modal-confirm .ant-modal-close {
  display: none;
}
.ant-modal-confirm .ant-modal-body {
  padding: 32px 32px 24px;
}
.ant-modal-confirm-body-wrapper {
  zoom: 1;
}
.ant-modal-confirm-body-wrapper::before,
.ant-modal-confirm-body-wrapper::after {
  display: table;
  content: '';
}
.ant-modal-confirm-body-wrapper::after {
  clear: both;
}
.ant-modal-confirm-body .ant-modal-confirm-title {
  display: block;
  overflow: hidden;
  color: var(--color-text-dark);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
}
.ant-modal-confirm-body .ant-modal-confirm-content {
  margin-top: 8px;
  color: var(--color-text-dark);
  font-size: 14px;
}
.ant-modal-confirm-body > .anticon {
  float: left;
  margin-right: 16px;
  font-size: 22px;
}
.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-left: 38px;
}
.ant-modal-confirm .ant-modal-confirm-btns {
  float: right;
  margin-top: 24px;
}
.ant-modal-confirm .ant-modal-confirm-btns button + button {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  color: var(--color-danger);
}
.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
  color: var(--color-warning);
}
.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  color: var(--color-progress);
}
.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
  color: var(--color-success);
}
.ant-modal {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  top: 100px;
  width: auto;
  margin: 0 auto;
  padding-bottom: 24px;
  pointer-events: none;
}
.ant-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow: auto;
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.ant-modal-title {
  margin: 0;
  color: var(--color-text-dark);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  word-wrap: break-word;
}
.ant-modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: auto;
}
.ant-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: var(--color-text-light);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.ant-modal-close-x {
  display: block;
  width: 56px;
  height: 56px;
  font-size: 16px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
}
.ant-modal-close:focus,
.ant-modal-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-modal-header {
  padding: 16px 24px;
  color: var(--color-text-dark);
  background: #fff;
  border-bottom: 1px solid var(--color-border-light);
  border-radius: 4px 4px 0 0;
}
.ant-modal-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.7;
  word-wrap: break-word;
}
.ant-modal-footer {
  padding: 10px 16px;
  text-align: right;
  background: transparent;
  border-top: 1px solid var(--color-border-light);
  border-radius: 0 0 4px 4px;
}
.ant-modal-footer button + button {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal.zoom-enter,
.ant-modal.zoom-appear {
  -webkit-transform: none;
          transform: none;
  opacity: 0;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          -ms-user-select: none;
      user-select: none;
}
.ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  filter: alpha(opacity=50);
}
.ant-modal-mask-hidden {
  display: none;
}
.ant-modal-open {
  overflow: hidden;
}
.ant-modal-centered {
  text-align: center;
}
.ant-modal-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.ant-modal-centered .ant-modal {
  top: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 991px) {
  .ant-modal {
    max-width: calc(100vw - 16px);
    margin: 8px auto;
  }
  .ant-modal-centered .ant-modal {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-modal.tui-modal {
  top: 24px;
}
.ant-modal.tui-modal .ant-modal-footer button + button {
  margin-left: 16px;
}
.ant-modal.tui-modal .ant-modal-close-x {
  position: static;
  width: 76px;
  height: 76px;
  font-size: 20px;
  line-height: 76px;
  color: var(--color-text);
}
.ant-modal.tui-modal .ant-modal-mask {
  background-color: rgba(55, 55, 55, 0.6);
}
.ant-modal.tui-modal .ant-modal-centered {
  padding: 24px 0;
}
.ant-modal.tui-modal .ant-modal-content {
  border-radius: 4px;
  -webkit-box-shadow: 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
          box-shadow: 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
}
.ant-modal.tui-modal .ant-modal-header {
  margin: 0 24px;
  padding: 24px 0 24px;
  background-color: transparent;
}
.ant-modal.tui-modal .ant-modal-title {
  color: var(--color-text-dark);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
}
.ant-modal.tui-modal .ant-modal-body {
  padding: 16px 24px;
}
.ant-modal.tui-modal .ant-modal-footer {
  margin: 0 24px;
  padding: 24px 0;
  border: none;
}
.ant-modal.tui-modal .ant-modal-footer .footer-extra {
  position: relative;
  float: left;
  height: 36px;
  line-height: 36px;
}
.ant-modal.tui-modal.layout-filled .ant-modal-body {
  height: 100%;
  padding: 0;
  overflow: auto;
}
.ant-modal.tui-modal.has-scroll-body .ant-modal-body {
  padding-top: 16px;
  padding-bottom: 0;
}
.ant-modal.tui-modal.modal-fixed-close-btn .ant-modal-close {
  top: -4px;
  right: -4px;
  color: #fff;
  opacity: 0.8;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-modal.tui-modal.modal-fixed-close-btn .ant-modal-close:focus,
.ant-modal.tui-modal.modal-fixed-close-btn .ant-modal-close:hover {
  opacity: 1;
}
.ant-modal.tui-modal.modal-fixed-close-btn .ant-modal-close-x {
  position: fixed;
  width: 40px;
  height: 40px;
  font-size: 32px;
  line-height: 40px;
  color: #fff;
}
.ant-modal.tui-modal.full {
  top: 0;
  height: 100%;
  padding-bottom: 0;
}
.ant-modal.tui-modal.full .ant-modal-content {
  height: 100%;
  border-radius: 0;
}
.ant-modal.tui-modal.full .ant-modal-close {
  top: 24px;
  right: 32px;
  opacity: 1;
}
.ant-modal.tui-modal.full .ant-modal-close-x {
  position: static;
  color: var(--color-text);
  font-size: 26px;
  background-color: transparent;
  border: 1px solid var(--color-border-dark);
  border-radius: 50%;
}
.ant-modal.tui-modal.full .ant-modal-close-x:hover {
  color: var(--color-primary);
  border-color: var(--color-primary);
}
.ant-modal.tui-modal.ternary .ant-modal-body {
  padding: 40px;
}
.ant-modal.tui-modal .ternary-content {
  position: relative;
}
.ant-modal.tui-modal .ternary-content.with-icon {
  padding-left: 30px;
}
.ant-modal.tui-modal .ternary-content .ternary-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--color-primary);
  font-size: 20px;
  line-height: 28px;
}
.ant-modal.tui-modal .ternary-content .ternary-title {
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 16px;
  line-height: 28px;
}
.ant-modal.tui-modal.ternary-danger .ternary-icon-wrap {
  color: var(--color-danger);
}
@media (max-width: 991px) {
  .ant-modal {
    max-width: none;
    margin: auto;
  }
  .ant-modal-centered .ant-modal {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.tz-dialog-modal {
  top: 0;
}
.tz-dialog-modal .ant-modal-header {
  display: none;
}
.tz-dialog-modal .ant-modal-body {
  text-align: center;
  padding: 40px;
}
.tz-dialog-modal .m-icon {
  font-size: 30px;
  margin-bottom: 10px;
}
.tz-dialog-modal .m-title {
  font-size: 16px;
}
.tz-dialog-modal .m-title + .m-content {
  padding-top: 5px;
}
.tz-dialog-modal .ant-modal-footer {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid var(--color-border-light);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  overflow: hidden;
}
.tz-dialog-modal .ant-modal-footer .foot-action {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  text-align: center;
  padding: 10px;
  line-height: 30px;
  cursor: pointer;
}
.tz-dialog-modal .ant-modal-footer .action-cancel {
  color: var(--color-text-light);
  border-right: 1px solid var(--color-border-light);
}
.tz-dialog-modal .ant-modal-footer .action-cancel:hover {
  background-color: var(--color-bg);
}
.tz-dialog-modal .ant-modal-footer .action-ok.type-primary {
  color: var(--color-primary);
}
.tz-dialog-modal .ant-modal-footer .action-ok.type-primary:hover {
  color: #fff;
  background-color: var(--color-primary);
}
.tz-dialog-modal .ant-modal-footer .action-ok.type-danger {
  color: var(--color-danger);
}
.tz-dialog-modal .ant-modal-footer .action-ok.type-danger:hover {
  color: #fff;
  background-color: var(--color-danger);
}
.tz-dialog-modal.type-danger .m-icon {
  color: var(--color-danger);
}
.tz-quick-modal.tui-modal .ant-modal-body {
  padding: 0;
}
.tz-quick-modal.tui-modal .tz-quick-modal-content-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 26px;
}
.tz-quick-modal.tui-modal .tz-quick-modal-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 24px;
  padding: 0 18px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
}
.tz-quick-modal.tui-modal .tz-quick-modal-body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 1.43;
}
.tz-quick-modal.tui-modal .tz-quick-modal-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 14px;
  line-height: 1.6;
}
.tz-quick-modal.tui-modal .tz-quick-modal-content {
  margin-top: 2px;
}
.tz-quick-modal.tui-modal .tz-quick-modal-state-danger .tz-quick-modal-icon {
  color: var(--color-danger);
}
.tz-quick-modal.tui-modal .tz-quick-modal-methods-state-info .tz-quick-modal-icon {
  color: var(--color-progress);
}
.tz-quick-modal.tui-modal .tz-quick-modal-methods-state-warn .tz-quick-modal-icon {
  color: var(--color-warning);
}
.tz-quick-modal.tui-modal .tz-quick-modal-methods-state-success .tz-quick-modal-icon {
  color: var(--color-success);
}
.tz-quick-modal.tui-modal .tz-quick-modal-methods-state-error .tz-quick-modal-icon {
  color: var(--color-danger);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.tz-scroll-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.tz-scroll-container .scroll-top-shadow,
.tz-scroll-container .scroll-bottom-shadow {
  position: absolute;
  z-index: 9;
  left: 0;
  right: 0;
  height: 12px;
  opacity: 0;
  -webkit-transition: all 400ms;
  transition: all 400ms;
}
.tz-scroll-container .scroll-top-shadow.visible,
.tz-scroll-container .scroll-bottom-shadow.visible {
  opacity: 1;
}
.tz-scroll-container .scroll-top-shadow {
  top: 0;
  background-image: radial-gradient(at 50% 0%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 80%);
}
.tz-scroll-container .scroll-bottom-shadow {
  bottom: 0;
  background-image: radial-gradient(at 50% 100%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 80%);
}
.tz-scroll-body {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.tui-input-phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tui-input-phone .tui-input-phone-input {
  border-left-color: transparent;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tui-input-phone .tui-input-phone-input:focus,
.tui-input-phone .tui-input-phone-input:hover {
  border-left-color: var(--color-primary-hover);
}
.tui-input-phone .tui-input-phone-select .ant-select-bg {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tui-input-phone-option-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tui-input-phone-option-name {
  display: inline-block;
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@-webkit-keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
@keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
.ant-tree.ant-tree-directory {
  position: relative;
}
.ant-tree.ant-tree-directory > li span.ant-tree-switcher,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-switcher {
  position: relative;
  z-index: 1;
}
.ant-tree.ant-tree-directory > li span.ant-tree-switcher.ant-tree-switcher-noop,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-switcher.ant-tree-switcher-noop {
  pointer-events: none;
}
.ant-tree.ant-tree-directory > li span.ant-tree-checkbox,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-checkbox {
  position: relative;
  z-index: 1;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper {
  border-radius: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover::before {
  background: var(--color-bg);
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper.ant-tree-node-selected,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper.ant-tree-node-selected {
  color: #fff;
  background: transparent;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper::before {
  position: absolute;
  right: 0;
  left: 0;
  height: 24px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper > span,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper > span {
  position: relative;
  z-index: 1;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-switcher,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-switcher {
  color: #fff;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner {
  border-color: var(--color-primary);
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after {
  border-color: #fff;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background: #fff;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: var(--color-primary);
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before {
  background: var(--color-primary);
}
.ant-tree-checkbox {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
  border-color: var(--color-primary);
}
.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-primary);
  border-radius: 2px;
  visibility: hidden;
  -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
          animation: antCheckboxEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  content: '';
}
.ant-tree-checkbox:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after {
  visibility: visible;
}
.ant-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid var(--color-border);
  border-radius: 2px;
  border-collapse: separate;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
          transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
          transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.ant-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: var(--color-text-disabled);
  -webkit-animation-name: none;
          animation-name: none;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  background-color: var(--color-bg-light);
  border-color: var(--color-border) !important;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  border-color: var(--color-bg-light);
  border-collapse: separate;
  -webkit-animation-name: none;
          animation-name: none;
}
.ant-tree-checkbox-disabled + span {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after {
  visibility: hidden;
}
.ant-tree-checkbox-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-tree-checkbox-group {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-tree-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}
.ant-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
  background-color: #fff;
  border-color: var(--color-border);
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: var(--color-primary);
  border: 0;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  background-color: var(--color-text-disabled);
  border-color: var(--color-text-disabled);
}
.ant-tree {
  /* see https://github.com/ant-design/ant-design/issues/16259 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  margin: 0;
  padding: 0;
}
.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 16.67%;
  left: 0;
  width: 100%;
  height: 66.67%;
}
.ant-tree ol,
.ant-tree ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-tree li {
  margin: 0;
  padding: 4px 0;
  white-space: nowrap;
  list-style: none;
  outline: 0;
}
.ant-tree li span[draggable],
.ant-tree li span[draggable='true'] {
  line-height: 20px;
  border-top: 2px transparent solid;
  border-bottom: 2px transparent solid;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}
.ant-tree li.drag-over > span[draggable] {
  color: white;
  background-color: var(--color-primary);
  opacity: 0.8;
}
.ant-tree li.drag-over-gap-top > span[draggable] {
  border-top-color: var(--color-primary);
}
.ant-tree li.drag-over-gap-bottom > span[draggable] {
  border-bottom-color: var(--color-primary);
}
.ant-tree li.filter-node > span {
  color: var(--color-danger) !important;
  font-weight: 500 !important;
}
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon,
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  color: var(--color-primary);
  font-size: 14px;
  -webkit-transform: none;
          transform: none;
}
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon svg,
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
:root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open::after,
:root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close::after {
  opacity: 0;
}
.ant-tree li ul {
  margin: 0;
  padding: 0 0 0 18px;
}
.ant-tree li .ant-tree-node-content-wrapper {
  display: inline-block;
  height: 24px;
  margin: 0;
  padding: 0 5px;
  color: var(--color-text-dark);
  line-height: 24px;
  text-decoration: none;
  vertical-align: top;
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-tree li .ant-tree-node-content-wrapper:hover {
  background-color: var(--color-bg);
}
.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: var(--color-primary-slight);
}
.ant-tree li span.ant-tree-checkbox {
  top: initial;
  height: 24px;
  margin: 0 4px 0 2px;
  padding: 4px 0;
}
.ant-tree li span.ant-tree-switcher,
.ant-tree li span.ant-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
  border: 0 none;
  outline: none;
  cursor: pointer;
}
.ant-tree li span.ant-tree-iconEle:empty {
  display: none;
}
.ant-tree li span.ant-tree-switcher {
  position: relative;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher-noop {
  cursor: default;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
  display: inline-block;
  font-weight: bold;
}
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
  display: inline-block;
  font-weight: bold;
}
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.ant-tree li:last-child > span.ant-tree-switcher::before,
.ant-tree li:last-child > span.ant-tree-iconEle::before {
  display: none;
}
.ant-tree > li:first-child {
  padding-top: 7px;
}
.ant-tree > li:last-child {
  padding-bottom: 7px;
}
.ant-tree-child-tree > li:first-child {
  padding-top: 8px;
}
.ant-tree-child-tree > li:last-child {
  padding-bottom: 0;
}
li.ant-tree-treenode-disabled > span:not(.ant-tree-switcher),
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper,
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper span {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree-icon__open {
  margin-right: 2px;
  vertical-align: top;
}
.ant-tree-icon__close {
  margin-right: 2px;
  vertical-align: top;
}
.ant-tree.ant-tree-show-line li {
  position: relative;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher {
  color: var(--color-text-light);
  background: #fff;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-select-switcher-icon svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.ant-tree.ant-tree-show-line li:not(:last-child)::before {
  position: absolute;
  left: 12px;
  width: 1px;
  height: 100%;
  height: calc(100% - 22px);
  margin: 22px 0 0;
  border-left: 1px solid var(--color-border);
  content: ' ';
}
.ant-tree.ant-tree-icon-hide .ant-tree-treenode-loading .ant-tree-iconEle {
  display: none;
}
.ant-tree.ant-tree-block-node li .ant-tree-node-content-wrapper {
  width: calc(100% - 24px);
}
.ant-tree.ant-tree-block-node li span.ant-tree-checkbox + .ant-tree-node-content-wrapper {
  width: calc(100% - 46px);
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-tree li span.ant-tree-checkbox {
  margin: 0 4px 0 2px;
}
.ant-tree li {
  padding: 0;
}
.ant-tree-child-tree > li:first-child {
  padding-top: 4px;
}
.ant-tree li .ant-tree-node-content-wrapper {
  height: auto;
  padding: 4px;
  vertical-align: middle;
}
.ant-tree li span.ant-tree-switcher,
.ant-tree li span.ant-tree-iconEle {
  vertical-align: middle;
}
.ant-tree.filter-mode [role="treeitem"] {
  display: none;
}
.ant-tree.filter-mode [role="treeitem"].matched,
.ant-tree.filter-mode [role="treeitem"].child-matched {
  display: block;
}
.ant-tree.filter-mode [role="treeitem"].matched .ant-tree-title {
  color: var(--color-primary);
}
.ant-tree-checkbox-checked::after {
  display: none;
}
.ant-tree.switcher-position-right li span.ant-tree-switcher,
.ant-tree.switcher-position-right li span.ant-tree-iconEle {
  float: right;
  margin-top: 3px;
}
.ant-tree.mixed-check-tree li .ant-tree-node-content-wrapper {
  margin-left: -24px;
  width: 100%;
  padding: 0;
  padding-left: 28px;
  background-color: transparent;
}
.ant-tree.mixed-check-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected .mixed-check-tree-node,
.ant-tree.mixed-check-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected .node-children-toogle {
  background-color: var(--color-primary-slight);
}
.ant-tree.mixed-check-tree .mixed-check-tree-node {
  position: relative;
  border-radius: 2px;
  padding: 4px;
  padding-right: 30px;
}
.ant-tree.mixed-check-tree .mixed-check-tree-node .node-title {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
.ant-tree.mixed-check-tree .mixed-check-tree-node.with-actions .node-checked-icon {
  right: 32px;
}
.ant-tree.mixed-check-tree .mixed-check-tree-node.with-actions .node-title {
  padding-right: 24px;
}
.ant-tree.mixed-check-tree .mixed-check-tree-node .node-checked-icon,
.ant-tree.mixed-check-tree .mixed-check-tree-node .node-actions-icon {
  position: absolute;
  width: 1em;
  height: 1em;
  font-size: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.ant-tree.mixed-check-tree .mixed-check-tree-node .node-checked-icon {
  color: var(--color-primary);
  right: 8px;
}
.ant-tree.mixed-check-tree .mixed-check-tree-node .node-actions-icon {
  left: 0;
  right: 0;
}
.ant-tree.mixed-check-tree .mixed-check-tree-node .node-actions-popup {
  display: none;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 9;
  padding: 4px 0;
}
.ant-tree.mixed-check-tree .mixed-check-tree-node .node-actions-popup-inner {
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  padding: 4px 16px;
}
.ant-tree.mixed-check-tree .mixed-check-tree-node .node-actions {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 32px;
}
.ant-tree.mixed-check-tree .mixed-check-tree-node .node-actions:hover .node-actions-icon {
  color: var(--color-primary);
}
.ant-tree.mixed-check-tree .mixed-check-tree-node .node-actions:hover .node-actions-popup {
  display: block;
}
.ant-tree.mixed-check-tree .mixed-check-tree-node .node-children-toogle {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  padding-left: 8px;
  right: 28px;
  -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(--color-bg);
  margin: auto;
  color: var(--color-primary);
}
.ant-tree.mixed-check-tree .mixed-check-tree-node:hover {
  background-color: var(--color-bg);
}
.ant-tree.mixed-check-tree .mixed-check-tree-node:hover .node-children-toogle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ant-tree.mixed-check-tree .ant-tree-node-selected .mixed-check-tree-node .node-title {
  padding-right: 30px;
}
.ant-tree.mixed-check-tree .ant-tree-treenode-disabled .mixed-check-tree-node .node-checked-icon {
  color: var(--color-text-light);
}
.ant-tree.mixed-check-tree .ant-tree-treenode-disabled .mixed-check-tree-node:hover .node-children-toogle {
  display: none;
}
.ant-tree-checkbox-inner {
  border-radius: 4px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.file-select {
  position: relative;
  cursor: pointer;
}
.file-select .input-wrap {
  z-index: 9;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
}
.file-select .input-wrap input {
  cursor: pointer;
  display: block;
  width: 100%;
  height: 100%;
}
.file-select .input-wrap input::-ms-value {
  display: none;
  width: 0;
}
.file-select .input-wrap input::-ms-browse {
  width: 100%;
}
.file-select .select-box {
  background-color: var(--color-bg-light);
  padding: 30px;
  border: 1px dashed var(--color-border-dark);
  border-radius: 2px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.file-select .select-box.fix-height {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.file-select:hover .select-box,
.file-select:focus .select-box {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.file-select .box-icon {
  font-size: 40px;
  line-height: 1em;
  margin-bottom: 20px;
  text-align: center;
}
.file-select .box-title {
  text-align: center;
  font-size: 14px;
  margin-bottom: 5px;
  color: var(--color-text);
}
.file-select .box-subtitle {
  text-align: center;
  font-size: 12px;
  color: var(--color-text-light);
}
.file-select.disabled .select-box {
  background-color: var(--color-bg);
  border-color: var(--color-border-dark);
  cursor: not-allowed;
  color: var(--color-text);
}

.ant-form {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
.ant-form legend {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  color: var(--color-text-light);
  font-size: 16px;
  line-height: inherit;
  border: 0;
  border-bottom: 1px solid var(--color-border);
}
.ant-form label {
  font-size: 14px;
}
.ant-form input[type='search'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ant-form input[type='radio'],
.ant-form input[type='checkbox'] {
  line-height: normal;
}
.ant-form input[type='file'] {
  display: block;
}
.ant-form input[type='range'] {
  display: block;
  width: 100%;
}
.ant-form select[multiple],
.ant-form select[size] {
  height: auto;
}
.ant-form input[type='file']:focus,
.ant-form input[type='radio']:focus,
.ant-form input[type='checkbox']:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ant-form output {
  display: block;
  padding-top: 15px;
  color: var(--color-text-dark);
  font-size: 14px;
  line-height: 1.7;
}
.ant-form-item-required::before {
  display: inline-block;
  margin-right: 4px;
  color: var(--color-danger);
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.ant-form-hide-required-mark .ant-form-item-required::before {
  display: none;
}
.ant-form-item-label > label {
  color: var(--color-text-dark);
}
.ant-form-item-label > label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.ant-form-item-label > label.ant-form-item-no-colon::after {
  content: ' ';
}
.ant-form-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  margin-bottom: 24px;
  vertical-align: top;
}
.ant-form-item label {
  position: relative;
}
.ant-form-item label > .anticon {
  font-size: 14px;
  vertical-align: top;
}
.ant-form-item-control {
  position: relative;
  line-height: 48px;
  zoom: 1;
}
.ant-form-item-control::before,
.ant-form-item-control::after {
  display: table;
  content: '';
}
.ant-form-item-control::after {
  clear: both;
}
.ant-form-item-children {
  position: relative;
}
.ant-form-item-with-help {
  margin-bottom: 5px;
}
.ant-form-item-label {
  display: inline-block;
  overflow: hidden;
  line-height: 47.9999px;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
}
.ant-form-item-label-left {
  text-align: left;
}
.ant-form-item .ant-switch {
  margin: 2px 0 4px;
}
.ant-form-explain,
.ant-form-extra {
  clear: both;
  min-height: 24px;
  margin-top: -4px;
  color: var(--color-text-light);
  font-size: 14px;
  line-height: 1.7;
  -webkit-transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-form-explain {
  margin-bottom: -1px;
}
.ant-form-extra {
  padding-top: 4px;
}
.ant-form-text {
  display: inline-block;
  padding-right: 8px;
}
.ant-form-split {
  display: block;
  text-align: center;
}
form .has-feedback .ant-input {
  padding-right: 35px;
}
form .has-feedback .ant-input-affix-wrapper .ant-input-suffix {
  padding-right: 18px;
}
form .has-feedback .ant-input-affix-wrapper .ant-input {
  padding-right: 54px;
}
form .has-feedback .ant-input-affix-wrapper.ant-input-affix-wrapper-input-with-clear-btn .ant-input {
  padding-right: 73px;
}
form .has-feedback > .ant-select .ant-select-arrow,
form .has-feedback > .ant-select .ant-select-selection__clear,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection__clear {
  right: 30px;
}
form .has-feedback > .ant-select .ant-select-selection-selected-value,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value {
  padding-right: 42px;
}
form .has-feedback .ant-cascader-picker-arrow {
  margin-right: 19px;
}
form .has-feedback .ant-cascader-picker-clear {
  right: 30px;
}
form .has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
  right: 30px;
}
form .has-feedback .ant-calendar-picker-icon,
form .has-feedback .ant-time-picker-icon,
form .has-feedback .ant-calendar-picker-clear,
form .has-feedback .ant-time-picker-clear {
  right: 30px;
}
form .ant-mentions,
form textarea.ant-input {
  height: auto;
  margin-bottom: 4px;
}
form .ant-upload {
  background: transparent;
}
form input[type='radio'],
form input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
form .ant-radio-inline,
form .ant-checkbox-inline {
  display: inline-block;
  margin-left: 8px;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
form .ant-radio-inline:first-child,
form .ant-checkbox-inline:first-child {
  margin-left: 0;
}
form .ant-checkbox-vertical,
form .ant-radio-vertical {
  display: block;
}
form .ant-checkbox-vertical + .ant-checkbox-vertical,
form .ant-radio-vertical + .ant-radio-vertical {
  margin-left: 0;
}
form .ant-input-number + .ant-form-text {
  margin-left: 8px;
}
form .ant-input-number-handler-wrap {
  z-index: 2;
}
form .ant-select,
form .ant-cascader-picker {
  width: 100%;
}
form .ant-input-group .ant-select,
form .ant-input-group .ant-cascader-picker {
  width: auto;
}
form :not(.ant-input-group-wrapper) > .ant-input-group,
form .ant-input-group-wrapper {
  display: inline-block;
  vertical-align: middle;
}
form:not(.ant-form-vertical) :not(.ant-input-group-wrapper) > .ant-input-group,
form:not(.ant-form-vertical) .ant-input-group-wrapper {
  position: relative;
  top: -1px;
}
.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
  display: block;
  margin: 0;
  padding: 0 0 8px;
  line-height: 1.7;
  white-space: initial;
  text-align: left;
}
.ant-form-vertical .ant-form-item-label label::after,
.ant-col-24.ant-form-item-label label::after,
.ant-col-xl-24.ant-form-item-label label::after {
  display: none;
}
.ant-form-vertical .ant-form-item {
  padding-bottom: 8px;
}
.ant-form-vertical .ant-form-item-control {
  line-height: 1.7;
}
.ant-form-vertical .ant-form-explain {
  margin-top: 2px;
  margin-bottom: -5px;
}
.ant-form-vertical .ant-form-extra {
  margin-top: 2px;
  margin-bottom: -4px;
}
@media (max-width: 767px) {
  .ant-form-item-label,
  .ant-form-item-control-wrapper {
    display: block;
    width: 100%;
  }
  .ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.7;
    white-space: initial;
    text-align: left;
  }
  .ant-form-item-label label::after {
    display: none;
  }
  .ant-col-xs-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.7;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xs-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 991px) {
  .ant-col-sm-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.7;
    white-space: initial;
    text-align: left;
  }
  .ant-col-sm-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 1199px) {
  .ant-col-md-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.7;
    white-space: initial;
    text-align: left;
  }
  .ant-col-md-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 1599px) {
  .ant-col-lg-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.7;
    white-space: initial;
    text-align: left;
  }
  .ant-col-lg-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 1919px) {
  .ant-col-xl-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.7;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xl-24.ant-form-item-label label::after {
    display: none;
  }
}
.ant-form-inline .ant-form-item {
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 0;
}
.ant-form-inline .ant-form-item-with-help {
  margin-bottom: 24px;
}
.ant-form-inline .ant-form-item > .ant-form-item-control-wrapper,
.ant-form-inline .ant-form-item > .ant-form-item-label {
  display: inline-block;
  vertical-align: top;
}
.ant-form-inline .ant-form-text {
  display: inline-block;
}
.ant-form-inline .has-feedback {
  display: inline-block;
}
.has-success.has-feedback .ant-form-item-children-icon,
.has-warning.has-feedback .ant-form-item-children-icon,
.has-error.has-feedback .ant-form-item-children-icon,
.is-validating.has-feedback .ant-form-item-children-icon {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  width: 36px;
  height: 20px;
  margin-top: -10px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  visibility: visible;
  -webkit-animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
          animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  pointer-events: none;
}
.has-success.has-feedback .ant-form-item-children-icon svg,
.has-warning.has-feedback .ant-form-item-children-icon svg,
.has-error.has-feedback .ant-form-item-children-icon svg,
.is-validating.has-feedback .ant-form-item-children-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.has-success.has-feedback .ant-form-item-children-icon {
  color: var(--color-success);
  -webkit-animation-name: diffZoomIn1 !important;
          animation-name: diffZoomIn1 !important;
}
.has-warning .ant-form-explain,
.has-warning .ant-form-split {
  color: var(--color-warning);
}
.has-warning .ant-input,
.has-warning .ant-input:hover {
  background-color: #fff;
  border-color: var(--color-warning);
}
.has-warning .ant-input:focus {
  border-color: var(--color-warning);
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 var(--color-warning);
          box-shadow: 0 0 0 0 var(--color-warning);
}
.has-warning .ant-input:not([disabled]):hover {
  border-color: var(--color-warning);
}
.has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: var(--color-warning);
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 var(--color-warning);
          box-shadow: 0 0 0 0 var(--color-warning);
}
.has-warning .ant-input-affix-wrapper .ant-input,
.has-warning .ant-input-affix-wrapper .ant-input:hover {
  background-color: #fff;
  border-color: var(--color-warning);
}
.has-warning .ant-input-affix-wrapper .ant-input:focus {
  border-color: var(--color-warning);
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 var(--color-warning);
          box-shadow: 0 0 0 0 var(--color-warning);
}
.has-warning .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: var(--color-warning);
}
.has-warning .ant-input-prefix {
  color: var(--color-warning);
}
.has-warning .ant-input-group-addon {
  color: var(--color-warning);
  background-color: #fff;
  border-color: var(--color-warning);
}
.has-warning .has-feedback {
  color: var(--color-warning);
}
.has-warning.has-feedback .ant-form-item-children-icon {
  color: var(--color-warning);
  -webkit-animation-name: diffZoomIn3 !important;
          animation-name: diffZoomIn3 !important;
}
.has-warning .ant-select-selection {
  border-color: var(--color-warning);
}
.has-warning .ant-select-selection:hover {
  border-color: var(--color-warning);
}
.has-warning .ant-select-open .ant-select-selection,
.has-warning .ant-select-focused .ant-select-selection {
  border-color: var(--color-warning);
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 var(--color-warning);
          box-shadow: 0 0 0 0 var(--color-warning);
}
.has-warning .ant-calendar-picker-icon::after,
.has-warning .ant-time-picker-icon::after,
.has-warning .ant-picker-icon::after,
.has-warning .ant-select-arrow,
.has-warning .ant-cascader-picker-arrow {
  color: var(--color-warning);
}
.has-warning .ant-input-number,
.has-warning .ant-time-picker-input {
  border-color: var(--color-warning);
}
.has-warning .ant-input-number-focused,
.has-warning .ant-time-picker-input-focused,
.has-warning .ant-input-number:focus,
.has-warning .ant-time-picker-input:focus {
  border-color: var(--color-warning);
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 var(--color-warning);
          box-shadow: 0 0 0 0 var(--color-warning);
}
.has-warning .ant-input-number:not([disabled]):hover,
.has-warning .ant-time-picker-input:not([disabled]):hover {
  border-color: var(--color-warning);
}
.has-warning .ant-cascader-picker:focus .ant-cascader-input {
  border-color: var(--color-warning);
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 var(--color-warning);
          box-shadow: 0 0 0 0 var(--color-warning);
}
.has-warning .ant-cascader-picker:hover .ant-cascader-input {
  border-color: var(--color-warning);
}
.has-error .ant-form-explain,
.has-error .ant-form-split {
  color: var(--color-danger);
}
.has-error .ant-input,
.has-error .ant-input:hover {
  background-color: #fff;
  border-color: var(--color-danger);
}
.has-error .ant-input:focus {
  border-color: var(--color-danger);
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 var(--color-danger);
          box-shadow: 0 0 0 0 var(--color-danger);
}
.has-error .ant-input:not([disabled]):hover {
  border-color: var(--color-danger);
}
.has-error .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: var(--color-danger);
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 var(--color-danger);
          box-shadow: 0 0 0 0 var(--color-danger);
}
.has-error .ant-input-affix-wrapper .ant-input,
.has-error .ant-input-affix-wrapper .ant-input:hover {
  background-color: #fff;
  border-color: var(--color-danger);
}
.has-error .ant-input-affix-wrapper .ant-input:focus {
  border-color: var(--color-danger);
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 var(--color-danger);
          box-shadow: 0 0 0 0 var(--color-danger);
}
.has-error .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: var(--color-danger);
}
.has-error .ant-input-prefix {
  color: var(--color-danger);
}
.has-error .ant-input-group-addon {
  color: var(--color-danger);
  background-color: #fff;
  border-color: var(--color-danger);
}
.has-error .has-feedback {
  color: var(--color-danger);
}
.has-error.has-feedback .ant-form-item-children-icon {
  color: var(--color-danger);
  -webkit-animation-name: diffZoomIn2 !important;
          animation-name: diffZoomIn2 !important;
}
.has-error .ant-select-selection {
  border-color: var(--color-danger);
}
.has-error .ant-select-selection:hover {
  border-color: var(--color-danger);
}
.has-error .ant-select-open .ant-select-selection,
.has-error .ant-select-focused .ant-select-selection {
  border-color: var(--color-danger);
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 var(--color-danger);
          box-shadow: 0 0 0 0 var(--color-danger);
}
.has-error .ant-select.ant-select-auto-complete .ant-input:focus {
  border-color: var(--color-danger);
}
.has-error .ant-input-group-addon .ant-select-selection {
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.has-error .ant-calendar-picker-icon::after,
.has-error .ant-time-picker-icon::after,
.has-error .ant-picker-icon::after,
.has-error .ant-select-arrow,
.has-error .ant-cascader-picker-arrow {
  color: var(--color-danger);
}
.has-error .ant-input-number,
.has-error .ant-time-picker-input {
  border-color: var(--color-danger);
}
.has-error .ant-input-number-focused,
.has-error .ant-time-picker-input-focused,
.has-error .ant-input-number:focus,
.has-error .ant-time-picker-input:focus {
  border-color: var(--color-danger);
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 var(--color-danger);
          box-shadow: 0 0 0 0 var(--color-danger);
}
.has-error .ant-input-number:not([disabled]):hover,
.has-error .ant-time-picker-input:not([disabled]):hover {
  border-color: var(--color-danger);
}
.has-error .ant-mention-wrapper .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
  border-color: var(--color-danger);
}
.has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
  border-color: var(--color-danger);
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 var(--color-danger);
          box-shadow: 0 0 0 0 var(--color-danger);
}
.has-error .ant-cascader-picker:focus .ant-cascader-input {
  border-color: var(--color-danger);
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 var(--color-danger);
          box-shadow: 0 0 0 0 var(--color-danger);
}
.has-error .ant-cascader-picker:hover .ant-cascader-input {
  border-color: var(--color-danger);
}
.has-error .ant-transfer-list {
  border-color: var(--color-danger);
}
.has-error .ant-transfer-list-search:not([disabled]) {
  border-color: var(--color-border);
}
.has-error .ant-transfer-list-search:not([disabled]):hover {
  border-color: var(--color-primary);
  border-right-width: 1px !important;
}
.has-error .ant-transfer-list-search:not([disabled]):focus {
  border-color: var(--color-primary);
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 var(--color-primary);
          box-shadow: 0 0 0 0 var(--color-primary);
}
.is-validating.has-feedback .ant-form-item-children-icon {
  display: inline-block;
  color: var(--color-primary);
}
.ant-advanced-search-form .ant-form-item {
  margin-bottom: 24px;
}
.ant-advanced-search-form .ant-form-item-with-help {
  margin-bottom: 5px;
}
.show-help-enter,
.show-help-appear {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.show-help-leave {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.show-help-enter.show-help-enter-active,
.show-help-appear.show-help-appear-active {
  -webkit-animation-name: antShowHelpIn;
          animation-name: antShowHelpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.show-help-leave.show-help-leave-active {
  -webkit-animation-name: antShowHelpOut;
          animation-name: antShowHelpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.show-help-enter,
.show-help-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
          animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.show-help-leave {
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
          animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
@-webkit-keyframes antShowHelpIn {
  0% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes antShowHelpIn {
  0% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes antShowHelpOut {
  to {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    opacity: 0;
  }
}
@keyframes antShowHelpOut {
  to {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    opacity: 0;
  }
}
@-webkit-keyframes diffZoomIn1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes diffZoomIn1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes diffZoomIn2 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes diffZoomIn2 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes diffZoomIn3 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes diffZoomIn3 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-form-item-label {
  text-align: left;
  text-overflow: ellipsis;
}
.ant-form-item-label > label::before {
  display: none;
}
.ant-form-item-label > label::after {
  content: '';
  color: var(--color-danger);
  top: 0;
  line-height: 1;
  margin-left: 3px;
  margin-right: 10px;
}
.ant-form-item-label > .ant-form-item-required::after {
  content: '*';
}
.has-error .tui-input-wrap:not(.disabled):hover > * {
  border-color: #f9434d;
}
.has-error .tui-input-wrap .tui-input-prefix,
.has-error .tui-input-wrap .tui-input-suffix {
  border-color: #f9434d;
}
.has-error .tui-input-wrap .ant-input:focus ~ * {
  border-color: #f9434d;
}
.has-error .ant-form-explain {
  margin-top: 0;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
  min-height: 20px;
  color: var(--color-danger);
  width: auto;
  float: left;
}
.has-error .ant-form-item-children {
  float: left;
  display: block;
  width: 100%;
}
form .tui-select-wrap,
.ant-form-item-children .tui-select-wrap {
  width: 100%;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.check-card {
  position: relative;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
}
.check-card.border {
  border: 1px solid transparent;
  border-color: var(--color-border);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.check-card.border:hover {
  border-color: var(--color-primary-light);
}
.check-card.checked {
  border-color: var(--color-primary-light);
}
.check-card.usable {
  cursor: pointer;
}
.check-card.disabled {
  cursor: not-allowed;
}
.check-card-icon {
  position: absolute;
  z-index: 9;
  background-color: rgba(221, 221, 221, 0.8);
  text-align: center;
  overflow: hidden;
  color: transparent;
}
.check-card-icon.checked {
  color: #fff;
  background-color: var(--color-primary);
}
.check-card-icon.disabled {
  background-color: rgba(221, 221, 221, 0.9);
}
.check-card-icon.type-circle {
  top: 5px;
  right: 5px;
  border-radius: 50%;
  border: solid white 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 5px 0px;
          box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 5px 0px;
  width: 26px;
  height: 26px;
  line-height: 24px;
  font-size: 16px;
}
.check-card-icon.type-circle.size-small {
  top: 2px;
  right: 2px;
  width: 22px;
  height: 22px;
  line-height: 20px;
  font-size: 12px;
}
.check-card-icon.type-circle.size-large {
  top: 12px;
  right: 12px;
  width: 30px;
  height: 30px;
  line-height: 28px;
  font-size: 18px;
}
.check-card-icon.type-round {
  top: 0;
  right: 0;
  opacity: 0;
}
.check-card-icon.type-round.checked {
  opacity: 1;
}
.check-card-icon.type-round.size-small {
  width: 18px;
  height: 18px;
  line-height: 16px;
  font-size: 12px;
  border-bottom-left-radius: 5px;
}
.check-card-icon.type-round.size-default {
  width: 22px;
  height: 22px;
  line-height: 1em;
  font-size: 14px;
  padding-top: 3px;
  border-bottom-left-radius: 7px;
}
.check-card-icon.type-round.size-large {
  width: 26px;
  height: 26px;
  line-height: 24px;
  font-size: 16px;
  border-bottom-left-radius: 9px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
@-webkit-keyframes fading {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes fading {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes fading {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
.tui-gallery-modal.ant-modal .ant-modal-body {
  overflow: hidden;
}
.tui-gallery-modal.ant-modal.with-sidebar .ant-modal-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tui-gallery-modal.ant-modal.with-sidebar .ant-modal-body .tui-gallery {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tui-gallery-modal.ant-modal.with-sidebar-left .ant-modal-body {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.tui-gallery {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #333;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
}
.tui-gallery .gallery-head {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  right: 0;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.78)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0));
  padding: 12px 30px;
  line-height: 40px;
  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;
}
.tui-gallery .gallery-head .head-text {
  color: var(--color-primary);
}
.tui-gallery .gallery-head .head-gap {
  margin: 0 5px;
}
.tui-gallery .gallery-head .head-count {
  margin-right: 24px;
}
.tui-gallery .gallery-head .head-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 0;
  font-weight: 600;
}
.tui-gallery .gallery-head .head-action {
  display: block;
  cursor: pointer;
  width: 40px;
  text-align: center;
  font-size: 18px;
  margin-left: 10px;
}
.tui-gallery .gallery-head .head-action:hover {
  color: var(--color-primary);
}
.tui-gallery .gallery-head .action-close {
  border-radius: 50%;
  background-color: #000;
}
.tui-gallery .gallery-head .action-close:hover {
  color: #fff;
  background-color: var(--color-primary);
}
.tui-gallery .gallery-prev-arrow,
.tui-gallery .gallery-next-arrow {
  display: block;
  cursor: pointer;
  z-index: 9;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 40px;
  width: 40px;
  margin: auto;
  line-height: 40px;
  text-align: center;
  font-size: 24px;
  color: #fff;
  background-color: #000;
  border-radius: 50%;
}
.tui-gallery .gallery-prev-arrow:hover,
.tui-gallery .gallery-next-arrow:hover {
  background-color: var(--color-primary);
}
.tui-gallery .gallery-prev-arrow {
  left: 30px;
}
.tui-gallery .gallery-next-arrow {
  right: 30px;
}
.tui-gallery .gallery-item {
  position: absolute;
  z-index: 2;
  top: 84px;
  bottom: 20px;
  left: 100px;
  right: 100px;
  opacity: 0;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
.tui-gallery .gallery-item.active {
  z-index: 5;
  opacity: 1;
}
.tui-gallery .video-wrap {
  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;
}
.tui-gallery .img-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
.tui-gallery .img-wrap .img-bar {
  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;
  width: 200px;
  height: 40px;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 20px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
}
.tui-gallery .img-wrap .img-bar .bar-text {
  display: block;
  width: 40px;
  text-align: center;
}
.tui-gallery .img-wrap .img-bar .bar-action {
  cursor: pointer;
  padding: 4px;
  font-size: 20px;
}
.tui-gallery .img-wrap .img-bar .bar-action:hover {
  color: var(--color-primary);
}
.tui-gallery .img-wrap .img-bar .bar-action.disabled {
  color: #666;
  cursor: not-allowed;
}
.tui-gallery .img-wrap .img-bar .bar-action.with-gap {
  margin-left: 12px;
}
.tui-gallery .img-element,
.tui-gallery .img-spin {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.tui-gallery .img-element {
  cursor: move;
}
.tui-gallery .img-spin {
  font-size: 72px;
  line-height: 100px;
  height: 100px;
  text-align: center;
  -webkit-animation: fading 2s infinite;
          animation: fading 2s infinite;
}
.tui-gallery-static-wrap {
  position: relative;
}

.ant-progress {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-progress-line {
  position: relative;
  width: 100%;
  font-size: 14px;
}
.ant-progress-small.ant-progress-line,
.ant-progress-small.ant-progress-line .ant-progress-text .anticon {
  font-size: 12px;
}
.ant-progress-outer {
  display: inline-block;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
}
.ant-progress-show-info .ant-progress-outer {
  margin-right: calc(-2em - 8px);
  padding-right: calc(2em + 8px);
}
.ant-progress-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  vertical-align: middle;
  background-color: var(--color-bg);
  border-radius: 100px;
}
.ant-progress-circle-trail {
  stroke: var(--color-bg);
}
.ant-progress-circle-path {
  -webkit-animation: ant-progress-appear 0.3s;
          animation: ant-progress-appear 0.3s;
}
.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: var(--color-progress);
}
.ant-progress-success-bg,
.ant-progress-bg {
  position: relative;
  background-color: var(--color-progress);
  border-radius: 100px;
  -webkit-transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
.ant-progress-success-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-success);
}
.ant-progress-text {
  display: inline-block;
  width: 2em;
  margin-left: 8px;
  color: var(--color-text-light);
  font-size: 1em;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal;
}
.ant-progress-text .anticon {
  font-size: 14px;
}
.ant-progress-status-active .ant-progress-bg::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 10px;
  opacity: 0;
  -webkit-animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
          animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  content: '';
}
.ant-progress-status-exception .ant-progress-bg {
  background-color: var(--color-danger);
}
.ant-progress-status-exception .ant-progress-text {
  color: var(--color-danger);
}
.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: var(--color-danger);
}
.ant-progress-status-success .ant-progress-bg {
  background-color: var(--color-success);
}
.ant-progress-status-success .ant-progress-text {
  color: var(--color-success);
}
.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: var(--color-success);
}
.ant-progress-circle .ant-progress-inner {
  position: relative;
  line-height: 1;
  background-color: transparent;
}
.ant-progress-circle .ant-progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  line-height: 1;
  white-space: normal;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ant-progress-circle .ant-progress-text .anticon {
  font-size: 1.16666667em;
}
.ant-progress-circle.ant-progress-status-exception .ant-progress-text {
  color: var(--color-danger);
}
.ant-progress-circle.ant-progress-status-success .ant-progress-text {
  color: var(--color-success);
}
@-webkit-keyframes ant-progress-active {
  0% {
    width: 0;
    opacity: 0.1;
  }
  20% {
    width: 0;
    opacity: 0.5;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
@keyframes ant-progress-active {
  0% {
    width: 0;
    opacity: 0.1;
  }
  20% {
    width: 0;
    opacity: 0.5;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-progress-line.no-padding .ant-progress-outer,
.ant-progress-line.no-padding .ant-progress-inner {
  display: block;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.tz-chapters-video-control-progress {
  position: relative;
}
.tz-chapters-video-control-progress:hover .progress-bg,
.tz-chapters-video-control-progress:hover .progress-loaded,
.tz-chapters-video-control-progress:hover .progress-value {
  opacity: 0.5;
}
.tz-chapters-video-control-progress .progress-bg,
.tz-chapters-video-control-progress .progress-loaded,
.tz-chapters-video-control-progress .progress-value {
  position: absolute;
  z-index: 0;
  height: 4px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 3px;
}
.tz-chapters-video-control-progress .progress-bg {
  width: 100%;
  background: rgba(255, 255, 255, 0.3);
}
.tz-chapters-video-control-progress .progress-loaded {
  background: rgba(255, 255, 255, 0.5);
}
.tz-chapters-video-control-progress .progress-value {
  background: var(--color-primary);
}
.tz-chapters-video-control-progress input {
  cursor: pointer;
  position: relative;
  z-index: 3;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: none;
  outline: none;
  color: var(--color-primary);
  display: block;
  height: 20px;
  margin: 0;
  padding: 0;
  width: 100%;
}
.tz-chapters-video-control-progress input::-webkit-slider-thumb {
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: var(--color-primary);
  cursor: pointer;
}
.tz-chapters-video-control-progress input::-ms-track {
  color: transparent;
  background: transparent;
  border: none;
}
.tz-chapters-video-control-progress input::-ms-fill-upper {
  background: transparent;
}
.tz-chapters-video-control-progress input::-ms-fill-lower {
  background: transparent;
}
.tz-chapters-video-control-progress input::-ms-thumb {
  box-sizing: border-box;
  border: none;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: var(--color-primary);
  cursor: pointer;
}
.tz-chapters-video-control-progress input::-ms-tooltip {
  display: none;
}
.tz-chapters-video-control-progress input::-moz-range-track {
  background-color: transparent;
}
.tz-chapters-video-control-progress input::-moz-range-thumb {
  box-sizing: border-box;
  border: none;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: var(--color-primary);
  cursor: pointer;
}
.tz-chapters-video-control-progress input::-moz-range-progress {
  background: transparent;
}
.tz-chapters-video-wrap {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  background-color: #333;
}
.tz-chapters-video-wrap:hover .tz-chapters-video-control-bar {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.tz-chapters-video-el {
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  outline: none;
}
.tz-chapters-video-el,
.tz-chapters-video-main-control,
.tz-chapters-video-poster,
.tz-chapters-video-error {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tz-chapters-video-height-auto {
  position: relative;
  height: auto;
}
.tz-chapters-video-height-auto .tz-chapters-video-el {
  position: relative;
}
.tz-chapters-video-poster {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  transition: opacity 500ms;
}
.tz-chapters-video-poster-active {
  opacity: 1;
}
.tz-chapters-video-error {
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3));
}
.tz-chapters-video-error-icon {
  color: var(--color-danger);
  font-size: 40px;
}
.tz-chapters-video-error-text {
  margin-top: 16px;
  color: var(--color-text-light);
  font-size: 16px;
}
.tz-chapters-video-play-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  cursor: pointer;
  color: #fff;
  width: 88px;
  height: 88px;
  font-size: 44px;
  line-height: 1em;
  padding: 22px 0;
  border-radius: 50%;
  background-color: var(--color-primary);
  -webkit-box-shadow: 0 4px 16px #000000;
          box-shadow: 0 4px 16px #000000;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.tz-chapters-video-tip-pr {
  position: absolute;
  top: 20px;
  right: 24px;
  padding: 5px 10px;
  color: #fff;
  font-size: 12px;
  background-color: rgba(51, 51, 51, 0.6);
  border-radius: 4px;
}
.tz-chapters-video-main-control {
  opacity: 1;
  -webkit-transition: opacity 600ms;
  transition: opacity 600ms;
}
.tz-chapters-video-main-control-hide {
  opacity: 0;
}
.tz-chapters-video-sound-slider {
  width: 48px;
  padding: 12px 0;
  background-color: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.tz-chapters-video-sound-slider .ant-slider-vertical {
  margin-right: auto;
  margin-left: auto;
}
.tz-chapters-video-sound-slider .ant-slider-vertical .ant-slider-handle {
  width: 10px;
  height: 10px;
  margin-bottom: 0;
  margin-left: -3px;
  background-color: var(--color-primary);
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tz-chapters-video-sound-value {
  padding-bottom: 4px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
.tz-chapters-video-slider-inner {
  height: 100px;
}
.tz-chapters-video-control-bar {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}
.tz-chapters-video-control-pr .drop-select-wrap {
  min-width: 90px;
  text-align: center;
}
.tz-chapters-video-play-btn {
  color: #fff;
  font-size: 18px;
}
.tz-chapters-video-function-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tz-chapters-video-icon {
  margin: 0 15px 0 0;
  color: #fff;
  font-size: 18px;
}
.tz-chapters-video-icon:last-child {
  margin: 0;
}
.tz-chapters-progress-item {
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-transform: scaleY(0.3333333);
          transform: scaleY(0.3333333);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.tz-chapters-progress-item-exclude {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  background-color: var(--color-primary);
  -webkit-transform: scaleY(0.3333333);
          transform: scaleY(0.3333333);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.tz-chapters-video-progress {
  position: relative;
  margin: 14px 32px 0;
  cursor: pointer;
}
.tz-chapters-video-progress.tz-chapters-video-progress-active .tz-chapters-progress-item,
.tz-chapters-video-progress.tz-chapters-video-progress-active .tz-chapters-progress-item-exclude {
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.tz-chapters-video-progress.tz-chapters-video-progress-active .tz-chapters-progress-item-indicator {
  opacity: 1;
}
.tz-chapters-video-progress.tz-chapters-video-progress-active .tz-chapters-progress-item-preview-indicator {
  opacity: 1;
}
.tz-chapters-video-progress:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 200%;
  margin: auto;
  content: '';
}
.tz-chapters-video-progress-chapter {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 9px;
}
.tz-chapters-progress-item-wrap {
  position: relative;
  z-index: 1;
  margin-right: 2px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  overflow: hidden;
}
.tz-chapters-progress-item-wrap.tz-chapters-progress-item-wrap-active .tz-chapters-progress-item,
.tz-chapters-progress-item-wrap.tz-chapters-progress-item-wrap-active .tz-chapters-progress-item-exclude {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.tz-chapters-progress-item-wrap:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 200%;
  margin: auto;
  content: '';
}
.tz-chapters-progress-item-wrap:last-child {
  margin-right: 0;
}
.tz-chapters-progress-item-indicator {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -7px;
  z-index: 1;
  width: 12px;
  height: 12px;
  margin: auto;
  background-color: var(--color-primary);
  border-radius: 14px;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  pointer-events: none;
}
.tz-chapters-progress-item-indicator:hover {
  -webkit-box-shadow: 0 0 0 1px #fff;
          box-shadow: 0 0 0 1px #fff;
}
.tz-chapters-progress-item-preview-indicator {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 1px;
  height: 18px;
  margin: auto;
  background-color: #fff;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  pointer-events: none;
}
.tz-chapters-progress-preview {
  position: absolute;
  top: -145px;
  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;
}
.tz-chapters-progress-time {
  margin: 5px 0;
  text-align: center;
}
.tz-chapters-progress-time-text {
  display: inline-block;
  height: 20px;
  padding: 0 8px;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tz-chapters-progress-frame {
  background-color: #313030;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 2px;
}
.tz-chapters-video-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 32px 2px;
}
.tz-chapters-video-control-btn {
  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;
  width: 24px;
  height: 24px;
  padding: 0;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
}
.tz-chapters-video-control-btn:hover {
  background-color: var(--color-primary);
  color: #fff;
}
.tz-chapters-video-play-btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tz-chapters-video-play-btn-wrap .tz-chapters-video-control-btn {
  margin: 0 14px 0 0;
}
.tz-chapters-video-controls-btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tz-chapters-video-controls-btn-group .tz-chapters-video-control-btn {
  margin: 0 0 0 14px;
}
.tz-chapters-preview {
  position: absolute;
  bottom: 14px;
}
.tz-chapters-preview-hide {
  display: none;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.tz-audio-control-progress {
  position: relative;
}
.tz-audio-control-progress:hover .progress-bg,
.tz-audio-control-progress:hover .progress-loaded,
.tz-audio-control-progress:hover .progress-value {
  opacity: 0.5;
}
.tz-audio-control-progress .progress-bg,
.tz-audio-control-progress .progress-loaded,
.tz-audio-control-progress .progress-value {
  position: absolute;
  z-index: 0;
  height: 4px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 3px;
}
.tz-audio-control-progress .progress-bg {
  width: 100%;
  background: rgba(255, 255, 255, 0.3);
}
.tz-audio-control-progress .progress-loaded {
  background: rgba(255, 255, 255, 0.5);
}
.tz-audio-control-progress .progress-value {
  background: var(--color-primary);
}
.tz-audio-control-progress input {
  cursor: pointer;
  position: relative;
  z-index: 3;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: none;
  outline: none;
  color: var(--color-primary);
  display: block;
  height: 20px;
  margin: 0;
  padding: 0;
  width: 100%;
}
.tz-audio-control-progress input::-webkit-slider-thumb {
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: var(--color-primary);
  cursor: pointer;
}
.tz-audio-control-progress input::-ms-track {
  color: transparent;
  background: transparent;
  border: none;
}
.tz-audio-control-progress input::-ms-fill-upper {
  background: transparent;
}
.tz-audio-control-progress input::-ms-fill-lower {
  background: transparent;
}
.tz-audio-control-progress input::-ms-thumb {
  box-sizing: border-box;
  border: none;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: var(--color-primary);
  cursor: pointer;
}
.tz-audio-control-progress input::-ms-tooltip {
  display: none;
}
.tz-audio-control-progress input::-moz-range-track {
  background-color: transparent;
}
.tz-audio-control-progress input::-moz-range-thumb {
  box-sizing: border-box;
  border: none;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: var(--color-primary);
  cursor: pointer;
}
.tz-audio-control-progress input::-moz-range-progress {
  background: transparent;
}
.tz-audio {
  width: 100%;
  height: 52px;
  min-width: 250px;
  min-height: 35px;
  position: relative;
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.5);
}
.tz-audio .control-btn {
  width: 32px;
  height: 32px;
  font-size: 18px;
  line-height: 1em;
  padding: 7px 0;
  margin: 2px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
}
.tz-audio .control-btn:hover {
  background-color: var(--color-primary);
}
.tz-audio .control-progress {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 8px;
  position: relative;
}
.tz-audio .control-progress:hover .progress-tip {
  opacity: 1;
}
.tz-audio .spin-wrap {
  min-height: auto;
  margin: 0 auto;
}
.tz-audio .tz-audio-error {
  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;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 3;
  cursor: default;
}
.tz-audio .tz-audio-error .error-icon {
  font-size: 26px;
  color: var(--color-danger);
}
.tz-audio .tz-audio-error .error-text {
  margin-left: 8px;
  font-size: 16px;
  color: var(--color-white);
  opacity: 0.8;
}
.tz-audio .progress-tip {
  background: #fff;
  border-radius: 3px;
  bottom: 100%;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  color: var(--color-text);
  font-size: 14px;
  left: 50%;
  line-height: 20px;
  margin-bottom: 10px;
  opacity: 0;
  padding: 5px 8px;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translate(-50%, 10px) scale(0.8);
          transform: translate(-50%, 10px) scale(0.8);
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transition: opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  transition: opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  white-space: nowrap;
  z-index: 2;
}
.tz-audio .progress-tip::before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #fff;
  bottom: -4px;
  content: '';
  height: 0;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.tz-audio-tip-pr {
  position: absolute;
  top: 20px;
  right: 24px;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  padding: 5px 10px;
  background-color: rgba(51, 51, 51, 0.6);
}
.tz-audio-sound-slider {
  width: 48px;
  border-radius: 2px;
  padding: 12px 0;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.tz-audio-sound-slider .sound-value {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 4px;
}
.tz-audio-sound-slider .slider-inner {
  height: 100px;
}
.tz-audio-sound-slider .ant-slider-vertical {
  margin-left: auto;
  margin-right: auto;
}
.tz-audio-sound-slider .ant-slider-vertical .ant-slider-handle {
  width: 10px;
  height: 10px;
  margin-left: -3px;
  margin-bottom: 0;
  border: none;
  background-color: var(--color-primary);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tz-audio-control-pr .drop-select-wrap {
  min-width: 90px;
  text-align: center;
}

.ant-divider {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  background: var(--color-border-light);
}
.ant-divider,
.ant-divider-vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  width: 1px;
  height: 0.9em;
  margin: 0 8px;
  vertical-align: middle;
}
.ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 24px 0;
}
.ant-divider-horizontal.ant-divider-with-text-center,
.ant-divider-horizontal.ant-divider-with-text-left,
.ant-divider-horizontal.ant-divider-with-text-right {
  display: table;
  margin: 16px 0;
  color: var(--color-text-dark);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-align: center;
  background: transparent;
}
.ant-divider-horizontal.ant-divider-with-text-center::before,
.ant-divider-horizontal.ant-divider-with-text-left::before,
.ant-divider-horizontal.ant-divider-with-text-right::before,
.ant-divider-horizontal.ant-divider-with-text-center::after,
.ant-divider-horizontal.ant-divider-with-text-left::after,
.ant-divider-horizontal.ant-divider-with-text-right::after {
  position: relative;
  top: 50%;
  display: table-cell;
  width: 50%;
  border-top: 1px solid var(--color-border-light);
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  content: '';
}
.ant-divider-horizontal.ant-divider-with-text-left .ant-divider-inner-text,
.ant-divider-horizontal.ant-divider-with-text-right .ant-divider-inner-text {
  display: inline-block;
  padding: 0 10px;
}
.ant-divider-horizontal.ant-divider-with-text-left::before {
  top: 50%;
  width: 5%;
}
.ant-divider-horizontal.ant-divider-with-text-left::after {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::before {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::after {
  top: 50%;
  width: 5%;
}
.ant-divider-inner-text {
  display: inline-block;
  padding: 0 24px;
}
.ant-divider-dashed {
  background: none;
  border-color: var(--color-border-light);
  border-style: dashed;
  border-width: 1px 0 0;
}
.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed {
  border-top: 0;
}
.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed::after,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::after,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::after {
  border-style: dashed none none;
}
.ant-divider-vertical.ant-divider-dashed {
  border-width: 0 0 0 1px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/

.ant-menu {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  margin-bottom: 0;
  padding-left: 0;
  color: var(--color-text-dark);
  line-height: 0;
  list-style: none;
  background: #fff;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-transition: background 0.3s, width 0.2s;
  transition: background 0.3s, width 0.2s;
  zoom: 1;
}
.ant-menu::before,
.ant-menu::after {
  display: table;
  content: '';
}
.ant-menu::after {
  clear: both;
}
.ant-menu ul,
.ant-menu ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-menu-hidden {
  display: none;
}
.ant-menu-item-group-title {
  padding: 8px 16px;
  color: var(--color-text-light);
  font-size: 14px;
  line-height: 1.7;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-menu-submenu,
.ant-menu-submenu-inline {
  -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-selected {
  color: var(--color-primary);
}
.ant-menu-item:active,
.ant-menu-submenu-title:active {
  background: transparent;
}
.ant-menu-submenu .ant-menu-sub {
  cursor: initial;
  -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item > a {
  display: block;
  color: var(--color-text-dark);
}
.ant-menu-item > a:hover {
  color: var(--color-primary);
}
.ant-menu-item > a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: '';
}
.ant-menu-item > .ant-badge > a {
  color: var(--color-text-dark);
}
.ant-menu-item > .ant-badge > a:hover {
  color: var(--color-primary);
}
.ant-menu-item-divider {
  height: 1px;
  overflow: hidden;
  line-height: 0;
  background-color: var(--color-border-light);
}
.ant-menu-item:hover,
.ant-menu-item-active,
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-submenu-active,
.ant-menu-submenu-title:hover {
  color: var(--color-primary);
}
.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu {
  margin-top: -1px;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
  background-color: transparent;
}
.ant-menu-item-selected {
  color: var(--color-primary);
}
.ant-menu-item-selected > a,
.ant-menu-item-selected > a:hover {
  color: var(--color-primary);
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: transparent;
}
.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
  border-right: 1px solid var(--color-border-light);
}
.ant-menu-vertical-right {
  border-left: 1px solid var(--color-border-light);
}
.ant-menu-vertical.ant-menu-sub,
.ant-menu-vertical-left.ant-menu-sub,
.ant-menu-vertical-right.ant-menu-sub {
  min-width: 160px;
  padding: 0;
  border-right: 0;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.ant-menu-horizontal.ant-menu-sub {
  min-width: 114px;
}
.ant-menu-item,
.ant-menu-submenu-title {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 20px;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item .anticon,
.ant-menu-submenu-title .anticon {
  min-width: 14px;
  margin-right: 10px;
  font-size: 14px;
  -webkit-transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item .anticon + span,
.ant-menu-submenu-title .anticon + span {
  opacity: 1;
  -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu > .ant-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  background-color: var(--color-border-light);
}
.ant-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: #fff;
  border-radius: 4px;
}
.ant-menu-submenu-popup .submenu-title-wrapper {
  padding-right: 20px;
}
.ant-menu-submenu-popup::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.0001;
  content: ' ';
}
.ant-menu-submenu > .ant-menu {
  background-color: #fff;
  border-radius: 4px;
}
.ant-menu-submenu > .ant-menu-submenu-title::after {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  position: absolute;
  width: 6px;
  height: 1.5px;
  background: #fff;
  background: var(--color-text-dark) \9;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--color-text-dark)), to(var(--color-text-dark)));
  background-image: linear-gradient(to right, var(--color-text-dark), var(--color-text-dark));
  background-image: none \9;
  border-radius: 2px;
  -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  -webkit-transform: rotate(45deg) translateY(-2px);
          transform: rotate(45deg) translateY(-2px);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  -webkit-transform: rotate(-45deg) translateY(2px);
          transform: rotate(-45deg) translateY(2px);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before {
  background: -webkit-gradient(linear, left top, right top, from(var(--color-primary)), to(var(--color-primary)));
  background: linear-gradient(to right, var(--color-primary), var(--color-primary));
}
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  -webkit-transform: rotate(-45deg) translateX(2px);
          transform: rotate(-45deg) translateX(2px);
}
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  -webkit-transform: rotate(45deg) translateX(-2px);
          transform: rotate(45deg) translateX(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  -webkit-transform: rotate(-45deg) translateX(-2px);
          transform: rotate(-45deg) translateX(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  -webkit-transform: rotate(45deg) translateX(2px);
          transform: rotate(45deg) translateX(2px);
}
.ant-menu-vertical .ant-menu-submenu-selected,
.ant-menu-vertical-left .ant-menu-submenu-selected,
.ant-menu-vertical-right .ant-menu-submenu-selected {
  color: var(--color-primary);
}
.ant-menu-vertical .ant-menu-submenu-selected > a,
.ant-menu-vertical-left .ant-menu-submenu-selected > a,
.ant-menu-vertical-right .ant-menu-submenu-selected > a {
  color: var(--color-primary);
}
.ant-menu-horizontal {
  line-height: 46px;
  white-space: nowrap;
  border: 0;
  border-bottom: 1px solid var(--color-border-light);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
  position: relative;
  top: 1px;
  display: inline-block;
  vertical-align: bottom;
  border-bottom: 2px solid transparent;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-submenu:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu-active,
.ant-menu-horizontal > .ant-menu-item-open,
.ant-menu-horizontal > .ant-menu-submenu-open,
.ant-menu-horizontal > .ant-menu-item-selected,
.ant-menu-horizontal > .ant-menu-submenu-selected {
  color: var(--color-primary);
  border-bottom: 2px solid var(--color-primary);
}
.ant-menu-horizontal > .ant-menu-item > a {
  display: block;
  color: var(--color-text-dark);
}
.ant-menu-horizontal > .ant-menu-item > a:hover {
  color: var(--color-primary);
}
.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: -2px;
}
.ant-menu-horizontal > .ant-menu-item-selected > a {
  color: var(--color-primary);
}
.ant-menu-horizontal::after {
  display: block;
  clear: both;
  height: 0;
  content: '\20';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item {
  position: relative;
}
.ant-menu-vertical .ant-menu-item::after,
.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-inline .ant-menu-item::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 3px solid var(--color-primary);
  -webkit-transform: scaleY(0.0001);
          transform: scaleY(0.0001);
  opacity: 0;
  -webkit-transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  content: '';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  height: 40px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0 16px;
  overflow: hidden;
  font-size: 14px;
  line-height: 40px;
  text-overflow: ellipsis;
}
.ant-menu-vertical .ant-menu-submenu,
.ant-menu-vertical-left .ant-menu-submenu,
.ant-menu-vertical-right .ant-menu-submenu,
.ant-menu-inline .ant-menu-submenu {
  padding-bottom: 0.02px;
}
.ant-menu-vertical .ant-menu-item:not(:last-child),
.ant-menu-vertical-left .ant-menu-item:not(:last-child),
.ant-menu-vertical-right .ant-menu-item:not(:last-child),
.ant-menu-inline .ant-menu-item:not(:last-child) {
  margin-bottom: 8px;
}
.ant-menu-vertical > .ant-menu-item,
.ant-menu-vertical-left > .ant-menu-item,
.ant-menu-vertical-right > .ant-menu-item,
.ant-menu-inline > .ant-menu-item,
.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
}
.ant-menu-inline {
  width: 100%;
}
.ant-menu-inline .ant-menu-selected::after,
.ant-menu-inline .ant-menu-item-selected::after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  opacity: 1;
  -webkit-transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title {
  width: calc(100% + 1px);
}
.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 34px;
}
.ant-menu-inline-collapsed {
  width: 80px;
}
.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
  left: 0;
  padding: 0 32px !important;
  text-overflow: clip;
}
.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  display: none;
}
.ant-menu-inline-collapsed > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
  margin: 0;
  font-size: 16px;
  line-height: 40px;
}
.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span {
  display: inline-block;
  max-width: 0;
  opacity: 0;
}
.ant-menu-inline-collapsed-tooltip {
  pointer-events: none;
}
.ant-menu-inline-collapsed-tooltip .anticon {
  display: none;
}
.ant-menu-inline-collapsed-tooltip a {
  color: var(--color-text-dark);
}
.ant-menu-inline-collapsed .ant-menu-item-group-title {
  padding-right: 4px;
  padding-left: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-menu-item-group-list .ant-menu-item,
.ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 16px 0 28px;
}
.ant-menu-root.ant-menu-vertical,
.ant-menu-root.ant-menu-vertical-left,
.ant-menu-root.ant-menu-vertical-right,
.ant-menu-root.ant-menu-inline {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-menu-sub.ant-menu-inline {
  padding: 0;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-menu-sub.ant-menu-inline > .ant-menu-item,
.ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
  list-style-position: inside;
  list-style-type: disc;
}
.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-left: 32px;
}
.ant-menu-item-disabled,
.ant-menu-submenu-disabled {
  color: var(--color-text-disabled) !important;
  background: none;
  border-color: transparent !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled > a,
.ant-menu-submenu-disabled > a {
  color: var(--color-text-disabled) !important;
  pointer-events: none;
}
.ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: var(--color-text-disabled) !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: var(--color-text-disabled) !important;
}
.ant-menu-dark,
.ant-menu-dark .ant-menu-sub {
  color: rgba(255, 255, 255, 0.65);
  background: #001529;
}
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0.45;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark.ant-menu-submenu-popup {
  background: transparent;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #000c17;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset;
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset;
}
.ant-menu-dark.ant-menu-horizontal {
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
  top: 0;
  margin-top: 0;
  border-color: #001529;
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: 0;
}
.ant-menu-dark .ant-menu-item,
.ant-menu-dark .ant-menu-item-group-title,
.ant-menu-dark .ant-menu-item > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-menu-dark.ant-menu-inline,
.ant-menu-dark.ant-menu-vertical,
.ant-menu-dark.ant-menu-vertical-left,
.ant-menu-dark.ant-menu-vertical-right {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-vertical .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
  width: 100%;
}
.ant-menu-dark .ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-active,
.ant-menu-dark .ant-menu-submenu-active,
.ant-menu-dark .ant-menu-submenu-open,
.ant-menu-dark .ant-menu-submenu-selected,
.ant-menu-dark .ant-menu-submenu-title:hover {
  color: #fff;
  background-color: transparent;
}
.ant-menu-dark .ant-menu-item:hover > a,
.ant-menu-dark .ant-menu-item-active > a,
.ant-menu-dark .ant-menu-submenu-active > a,
.ant-menu-dark .ant-menu-submenu-open > a,
.ant-menu-dark .ant-menu-submenu-selected > a,
.ant-menu-dark .ant-menu-submenu-title:hover > a {
  color: #fff;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow {
  opacity: 1;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark .ant-menu-item:hover {
  background-color: transparent;
}
.ant-menu-dark .ant-menu-item-selected {
  color: #fff;
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected::after {
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-dark .ant-menu-item-selected > a:hover {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .anticon {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .anticon + span {
  color: #fff;
}
.ant-menu.ant-menu-dark .ant-menu-item-selected,
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
  background-color: var(--color-primary);
}
.ant-menu-dark .ant-menu-item-disabled,
.ant-menu-dark .ant-menu-submenu-disabled,
.ant-menu-dark .ant-menu-item-disabled > a,
.ant-menu-dark .ant-menu-submenu-disabled > a {
  color: rgba(255, 255, 255, 0.35) !important;
  opacity: 0.8;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(255, 255, 255, 0.35) !important;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(255, 255, 255, 0.35) !important;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-menu .ant-menu-item-active {
  background-color: var(--color-bg);
}
.ant-menu.ant-menu-dark .ant-menu-item-selected {
  background-color: var(--color-primary);
}
.ant-menu.ant-menu-inline .ant-menu-item {
  margin: 0;
}
.ant-menu.ant-menu-vertical .ant-menu-item {
  margin: 0;
}

.ant-collapse {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  background-color: var(--color-bg-light);
  border: 1px solid var(--color-border);
  border-bottom: 0;
  border-radius: 4px;
}
.ant-collapse > .ant-collapse-item {
  border-bottom: 1px solid var(--color-border);
}
.ant-collapse > .ant-collapse-item:last-child,
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
  border-radius: 0 0 4px 4px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  position: relative;
  padding: 12px 0 12px 40px;
  padding-left: 40px;
  color: var(--color-text-dark);
  line-height: 22px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 16px;
  display: inline-block;
  font-size: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow > * {
  line-height: 1;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  display: inline-block;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow::before {
  display: none;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow-icon {
  display: block;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  -webkit-transition: -webkit-transform 0.24s;
  transition: -webkit-transform 0.24s;
  transition: transform 0.24s;
  transition: transform 0.24s, -webkit-transform 0.24s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
  float: right;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
  outline: none;
}
.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
  padding-left: 12px;
}
.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
  padding: 12px 0 12px 40px;
  padding-right: 40px;
}
.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  right: 16px;
  left: auto;
}
.ant-collapse-anim-active {
  -webkit-transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-collapse-content {
  overflow: hidden;
  color: var(--color-text-dark);
  background-color: #fff;
  border-top: 1px solid var(--color-border);
}
.ant-collapse-content > .ant-collapse-content-box {
  padding: 16px;
}
.ant-collapse-content-inactive {
  display: none;
}
.ant-collapse-item:last-child > .ant-collapse-content {
  border-radius: 0 0 4px 4px;
}
.ant-collapse-borderless {
  background-color: var(--color-bg-light);
  border: 0;
}
.ant-collapse-borderless > .ant-collapse-item {
  border-bottom: 1px solid var(--color-border);
}
.ant-collapse-borderless > .ant-collapse-item:last-child,
.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
  border-radius: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
  background-color: transparent;
  border-top: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding-top: 4px;
}
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-collapse {
  border: none;
  background-color: transparent;
}
.ant-collapse > .ant-collapse-item {
  padding-bottom: 20px;
  border-color: var(--color-border);
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  line-height: 24px;
  padding: 20px 40px 0 0;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  right: 0;
  top: 25px;
  -webkit-transform: none;
          transform: none;
  left: auto;
  font-size: 14px;
  line-height: 0;
}
.ant-collapse .ant-collapse-content {
  border-top: none;
}
.ant-collapse .ant-collapse-content > .ant-collapse-content-box {
  padding: 0;
  padding-top: 12px;
}
.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
  padding-left: 0;
}
.ant-collapse-borderless > .ant-collapse-item {
  border-bottom: none;
}
.ant-collapse-content-box > .ant-collapse {
  margin: 0 20px;
}
.ant-collapse > .ant-collapse-item:last-child,
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
  border-radius: 0;
}

.ant-btn {
  line-height: 1.699;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  -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);
  -webkit-user-select: none;
     -moz-user-select: none;
          -ms-user-select: none;
      user-select: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  height: 36px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 4px;
  color: var(--color-text-dark);
  background-color: #fff;
  border-color: var(--color-border);
}
.ant-btn > .anticon {
  line-height: 1;
}
.ant-btn,
.ant-btn:active,
.ant-btn:focus {
  outline: 0;
}
.ant-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-btn:not([disabled]):active {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn.disabled,
.ant-btn[disabled] {
  cursor: not-allowed;
}
.ant-btn.disabled > *,
.ant-btn[disabled] > * {
  pointer-events: none;
}
.ant-btn-lg {
  height: 48px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 4px;
}
.ant-btn-sm {
  height: 28px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
}
.ant-btn > a:only-child {
  color: currentColor;
}
.ant-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus {
  color: var(--color-text-dark);
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.ant-btn:hover > a:only-child,
.ant-btn:focus > a:only-child {
  color: currentColor;
}
.ant-btn:hover > a:only-child::after,
.ant-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:active,
.ant-btn.active {
  color: var(--color-text-dark);
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.ant-btn:active > a:only-child,
.ant-btn.active > a:only-child {
  color: currentColor;
}
.ant-btn:active > a:only-child::after,
.ant-btn.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-disabled,
.ant-btn.disabled,
.ant-btn[disabled],
.ant-btn-disabled:hover,
.ant-btn.disabled:hover,
.ant-btn[disabled]:hover,
.ant-btn-disabled:focus,
.ant-btn.disabled:focus,
.ant-btn[disabled]:focus,
.ant-btn-disabled:active,
.ant-btn.disabled:active,
.ant-btn[disabled]:active,
.ant-btn-disabled.active,
.ant-btn.disabled.active,
.ant-btn[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-disabled > a:only-child,
.ant-btn.disabled > a:only-child,
.ant-btn[disabled] > a:only-child,
.ant-btn-disabled:hover > a:only-child,
.ant-btn.disabled:hover > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn-disabled:focus > a:only-child,
.ant-btn.disabled:focus > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn-disabled:active > a:only-child,
.ant-btn.disabled:active > a:only-child,
.ant-btn[disabled]:active > a:only-child,
.ant-btn-disabled.active > a:only-child,
.ant-btn.disabled.active > a:only-child,
.ant-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-disabled > a:only-child::after,
.ant-btn.disabled > a:only-child::after,
.ant-btn[disabled] > a:only-child::after,
.ant-btn-disabled:hover > a:only-child::after,
.ant-btn.disabled:hover > a:only-child::after,
.ant-btn[disabled]:hover > a:only-child::after,
.ant-btn-disabled:focus > a:only-child::after,
.ant-btn.disabled:focus > a:only-child::after,
.ant-btn[disabled]:focus > a:only-child::after,
.ant-btn-disabled:active > a:only-child::after,
.ant-btn.disabled:active > a:only-child::after,
.ant-btn[disabled]:active > a:only-child::after,
.ant-btn-disabled.active > a:only-child::after,
.ant-btn.disabled.active > a:only-child::after,
.ant-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active,
.ant-btn.active {
  text-decoration: none;
  background: #fff;
}
.ant-btn > i,
.ant-btn > span {
  display: inline-block;
  -webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  pointer-events: none;
}
.ant-btn-primary {
  color: #fff;
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: #fff;
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.ant-btn-primary:hover > a:only-child,
.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-primary:hover > a:only-child::after,
.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:active,
.ant-btn-primary.active {
  color: #fff;
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.ant-btn-primary:active > a:only-child,
.ant-btn-primary.active > a:only-child {
  color: currentColor;
}
.ant-btn-primary:active > a:only-child::after,
.ant-btn-primary.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary-disabled,
.ant-btn-primary.disabled,
.ant-btn-primary[disabled],
.ant-btn-primary-disabled:hover,
.ant-btn-primary.disabled:hover,
.ant-btn-primary[disabled]:hover,
.ant-btn-primary-disabled:focus,
.ant-btn-primary.disabled:focus,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary-disabled:active,
.ant-btn-primary.disabled:active,
.ant-btn-primary[disabled]:active,
.ant-btn-primary-disabled.active,
.ant-btn-primary.disabled.active,
.ant-btn-primary[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-primary-disabled > a:only-child,
.ant-btn-primary.disabled > a:only-child,
.ant-btn-primary[disabled] > a:only-child,
.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-primary-disabled > a:only-child::after,
.ant-btn-primary.disabled > a:only-child::after,
.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-primary-disabled:hover > a:only-child::after,
.ant-btn-primary.disabled:hover > a:only-child::after,
.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-primary-disabled:focus > a:only-child::after,
.ant-btn-primary.disabled:focus > a:only-child::after,
.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-primary-disabled:active > a:only-child::after,
.ant-btn-primary.disabled:active > a:only-child::after,
.ant-btn-primary[disabled]:active > a:only-child::after,
.ant-btn-primary-disabled.active > a:only-child::after,
.ant-btn-primary.disabled.active > a:only-child::after,
.ant-btn-primary[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: rgba(255, 255, 255, 0.3);
  border-left-color: rgba(255, 255, 255, 0.3);
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
  border-color: var(--color-border);
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  border-right-color: rgba(255, 255, 255, 0.3);
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: var(--color-border);
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-left-color: rgba(255, 255, 255, 0.3);
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-left-color: var(--color-border);
}
.ant-btn-ghost {
  color: var(--color-text-dark);
  background-color: transparent;
  border-color: var(--color-border);
}
.ant-btn-ghost > a:only-child {
  color: currentColor;
}
.ant-btn-ghost > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
  color: var(--color-text-dark);
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.ant-btn-ghost:hover > a:only-child,
.ant-btn-ghost:focus > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:hover > a:only-child::after,
.ant-btn-ghost:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:active,
.ant-btn-ghost.active {
  color: var(--color-text-dark);
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.ant-btn-ghost:active > a:only-child,
.ant-btn-ghost.active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:active > a:only-child::after,
.ant-btn-ghost.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost-disabled,
.ant-btn-ghost.disabled,
.ant-btn-ghost[disabled],
.ant-btn-ghost-disabled:hover,
.ant-btn-ghost.disabled:hover,
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost-disabled:focus,
.ant-btn-ghost.disabled:focus,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost-disabled:active,
.ant-btn-ghost.disabled:active,
.ant-btn-ghost[disabled]:active,
.ant-btn-ghost-disabled.active,
.ant-btn-ghost.disabled.active,
.ant-btn-ghost[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-ghost-disabled > a:only-child,
.ant-btn-ghost.disabled > a:only-child,
.ant-btn-ghost[disabled] > a:only-child,
.ant-btn-ghost-disabled:hover > a:only-child,
.ant-btn-ghost.disabled:hover > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost-disabled:focus > a:only-child,
.ant-btn-ghost.disabled:focus > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost-disabled:active > a:only-child,
.ant-btn-ghost.disabled:active > a:only-child,
.ant-btn-ghost[disabled]:active > a:only-child,
.ant-btn-ghost-disabled.active > a:only-child,
.ant-btn-ghost.disabled.active > a:only-child,
.ant-btn-ghost[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost-disabled > a:only-child::after,
.ant-btn-ghost.disabled > a:only-child::after,
.ant-btn-ghost[disabled] > a:only-child::after,
.ant-btn-ghost-disabled:hover > a:only-child::after,
.ant-btn-ghost.disabled:hover > a:only-child::after,
.ant-btn-ghost[disabled]:hover > a:only-child::after,
.ant-btn-ghost-disabled:focus > a:only-child::after,
.ant-btn-ghost.disabled:focus > a:only-child::after,
.ant-btn-ghost[disabled]:focus > a:only-child::after,
.ant-btn-ghost-disabled:active > a:only-child::after,
.ant-btn-ghost.disabled:active > a:only-child::after,
.ant-btn-ghost[disabled]:active > a:only-child::after,
.ant-btn-ghost-disabled.active > a:only-child::after,
.ant-btn-ghost.disabled.active > a:only-child::after,
.ant-btn-ghost[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed {
  color: var(--color-text-dark);
  background-color: #fff;
  border-color: var(--color-border);
  border-style: dashed;
}
.ant-btn-dashed > a:only-child {
  color: currentColor;
}
.ant-btn-dashed > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
  color: var(--color-text-dark);
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.ant-btn-dashed:hover > a:only-child,
.ant-btn-dashed:focus > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:hover > a:only-child::after,
.ant-btn-dashed:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:active,
.ant-btn-dashed.active {
  color: var(--color-text-dark);
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.ant-btn-dashed:active > a:only-child,
.ant-btn-dashed.active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:active > a:only-child::after,
.ant-btn-dashed.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed-disabled,
.ant-btn-dashed.disabled,
.ant-btn-dashed[disabled],
.ant-btn-dashed-disabled:hover,
.ant-btn-dashed.disabled:hover,
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed-disabled:focus,
.ant-btn-dashed.disabled:focus,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed-disabled:active,
.ant-btn-dashed.disabled:active,
.ant-btn-dashed[disabled]:active,
.ant-btn-dashed-disabled.active,
.ant-btn-dashed.disabled.active,
.ant-btn-dashed[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-dashed-disabled > a:only-child,
.ant-btn-dashed.disabled > a:only-child,
.ant-btn-dashed[disabled] > a:only-child,
.ant-btn-dashed-disabled:hover > a:only-child,
.ant-btn-dashed.disabled:hover > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed-disabled:focus > a:only-child,
.ant-btn-dashed.disabled:focus > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed-disabled:active > a:only-child,
.ant-btn-dashed.disabled:active > a:only-child,
.ant-btn-dashed[disabled]:active > a:only-child,
.ant-btn-dashed-disabled.active > a:only-child,
.ant-btn-dashed.disabled.active > a:only-child,
.ant-btn-dashed[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed-disabled > a:only-child::after,
.ant-btn-dashed.disabled > a:only-child::after,
.ant-btn-dashed[disabled] > a:only-child::after,
.ant-btn-dashed-disabled:hover > a:only-child::after,
.ant-btn-dashed.disabled:hover > a:only-child::after,
.ant-btn-dashed[disabled]:hover > a:only-child::after,
.ant-btn-dashed-disabled:focus > a:only-child::after,
.ant-btn-dashed.disabled:focus > a:only-child::after,
.ant-btn-dashed[disabled]:focus > a:only-child::after,
.ant-btn-dashed-disabled:active > a:only-child::after,
.ant-btn-dashed.disabled:active > a:only-child::after,
.ant-btn-dashed[disabled]:active > a:only-child::after,
.ant-btn-dashed-disabled.active > a:only-child::after,
.ant-btn-dashed.disabled.active > a:only-child::after,
.ant-btn-dashed[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger {
  color: var(--color-danger);
  background-color: var(--color-bg);
  border-color: var(--color-bg);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:hover,
.ant-btn-danger:focus {
  color: var(--color-danger);
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.ant-btn-danger:hover > a:only-child,
.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-danger:hover > a:only-child::after,
.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:active,
.ant-btn-danger.active {
  color: var(--color-danger);
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.ant-btn-danger:active > a:only-child,
.ant-btn-danger.active > a:only-child {
  color: currentColor;
}
.ant-btn-danger:active > a:only-child::after,
.ant-btn-danger.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger-disabled,
.ant-btn-danger.disabled,
.ant-btn-danger[disabled],
.ant-btn-danger-disabled:hover,
.ant-btn-danger.disabled:hover,
.ant-btn-danger[disabled]:hover,
.ant-btn-danger-disabled:focus,
.ant-btn-danger.disabled:focus,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger-disabled:active,
.ant-btn-danger.disabled:active,
.ant-btn-danger[disabled]:active,
.ant-btn-danger-disabled.active,
.ant-btn-danger.disabled.active,
.ant-btn-danger[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-danger-disabled > a:only-child,
.ant-btn-danger.disabled > a:only-child,
.ant-btn-danger[disabled] > a:only-child,
.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-danger-disabled > a:only-child::after,
.ant-btn-danger.disabled > a:only-child::after,
.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-danger-disabled:hover > a:only-child::after,
.ant-btn-danger.disabled:hover > a:only-child::after,
.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-danger-disabled:focus > a:only-child::after,
.ant-btn-danger.disabled:focus > a:only-child::after,
.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-danger-disabled:active > a:only-child::after,
.ant-btn-danger.disabled:active > a:only-child::after,
.ant-btn-danger[disabled]:active > a:only-child::after,
.ant-btn-danger-disabled.active > a:only-child::after,
.ant-btn-danger.disabled.active > a:only-child::after,
.ant-btn-danger[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link {
  color: var(--color-primary);
  background-color: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus {
  color: var(--color-primary);
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.ant-btn-link:hover > a:only-child,
.ant-btn-link:focus > a:only-child {
  color: currentColor;
}
.ant-btn-link:hover > a:only-child::after,
.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:active,
.ant-btn-link.active {
  color: var(--color-primary);
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.ant-btn-link:active > a:only-child,
.ant-btn-link.active > a:only-child {
  color: currentColor;
}
.ant-btn-link:active > a:only-child::after,
.ant-btn-link.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link-disabled,
.ant-btn-link.disabled,
.ant-btn-link[disabled],
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled]:hover,
.ant-btn-link-disabled:focus,
.ant-btn-link.disabled:focus,
.ant-btn-link[disabled]:focus,
.ant-btn-link-disabled:active,
.ant-btn-link.disabled:active,
.ant-btn-link[disabled]:active,
.ant-btn-link-disabled.active,
.ant-btn-link.disabled.active,
.ant-btn-link[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-link-disabled > a:only-child::after,
.ant-btn-link.disabled > a:only-child::after,
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus,
.ant-btn-link:active {
  border-color: transparent;
}
.ant-btn-link-disabled,
.ant-btn-link.disabled,
.ant-btn-link[disabled],
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled]:hover,
.ant-btn-link-disabled:focus,
.ant-btn-link.disabled:focus,
.ant-btn-link[disabled]:focus,
.ant-btn-link-disabled:active,
.ant-btn-link.disabled:active,
.ant-btn-link[disabled]:active,
.ant-btn-link-disabled.active,
.ant-btn-link.disabled.active,
.ant-btn-link[disabled].active {
  color: var(--color-text-disabled);
  background-color: transparent;
  border-color: transparent;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-link-disabled > a:only-child::after,
.ant-btn-link.disabled > a:only-child::after,
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-icon-only {
  width: 36px;
  height: 36px;
  padding: 0;
  font-size: 16px;
  border-radius: 4px;
}
.ant-btn-icon-only.ant-btn-lg {
  width: 48px;
  height: 48px;
  padding: 0;
  font-size: 18px;
  border-radius: 4px;
}
.ant-btn-icon-only.ant-btn-sm {
  width: 28px;
  height: 28px;
  padding: 0;
  font-size: 14px;
  border-radius: 4px;
}
.ant-btn-icon-only > i {
  vertical-align: middle;
}
.ant-btn-round {
  height: 36px;
  padding: 0 18px;
  font-size: 14px;
  border-radius: 36px;
}
.ant-btn-round.ant-btn-lg {
  height: 48px;
  padding: 0 24px;
  font-size: 16px;
  border-radius: 48px;
}
.ant-btn-round.ant-btn-sm {
  height: 28px;
  padding: 0 14px;
  font-size: 14px;
  border-radius: 28px;
}
.ant-btn-round.ant-btn-icon-only {
  width: auto;
}
.ant-btn-circle,
.ant-btn-circle-outline {
  min-width: 36px;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-lg,
.ant-btn-circle-outline.ant-btn-lg {
  min-width: 48px;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-sm,
.ant-btn-circle-outline.ant-btn-sm {
  min-width: 28px;
  border-radius: 50%;
}
.ant-btn::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 1;
  display: none;
  background: #fff;
  border-radius: inherit;
  opacity: 0.35;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  content: '';
  pointer-events: none;
}
.ant-btn .anticon {
  -webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn .anticon.anticon-plus > svg,
.ant-btn .anticon.anticon-minus > svg {
  shape-rendering: optimizeSpeed;
}
.ant-btn.ant-btn-loading {
  position: relative;
}
.ant-btn.ant-btn-loading:not([disabled]) {
  pointer-events: none;
}
.ant-btn.ant-btn-loading::before {
  display: block;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 29px;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon:not(:last-child) {
  margin-left: -14px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 24px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon {
  margin-left: -17px;
}
.ant-btn-group {
  position: relative;
  display: inline-block;
}
.ant-btn-group > .ant-btn,
.ant-btn-group > span > .ant-btn {
  position: relative;
}
.ant-btn-group > .ant-btn:hover,
.ant-btn-group > span > .ant-btn:hover,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > span > .ant-btn:focus,
.ant-btn-group > .ant-btn:active,
.ant-btn-group > span > .ant-btn:active,
.ant-btn-group > .ant-btn.active,
.ant-btn-group > span > .ant-btn.active {
  z-index: 2;
}
.ant-btn-group > .ant-btn:disabled,
.ant-btn-group > span > .ant-btn:disabled {
  z-index: 0;
}
.ant-btn-group > .ant-btn-icon-only {
  font-size: 14px;
}
.ant-btn-group-lg > .ant-btn,
.ant-btn-group-lg > span > .ant-btn {
  height: 48px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 0;
  line-height: 46px;
}
.ant-btn-group-lg > .ant-btn.ant-btn-icon-only {
  width: 48px;
  height: 48px;
  padding-right: 0;
  padding-left: 0;
}
.ant-btn-group-sm > .ant-btn,
.ant-btn-group-sm > span > .ant-btn {
  height: 28px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 0;
  line-height: 26px;
}
.ant-btn-group-sm > .ant-btn > .anticon,
.ant-btn-group-sm > span > .ant-btn > .anticon {
  font-size: 14px;
}
.ant-btn-group-sm > .ant-btn.ant-btn-icon-only {
  width: 28px;
  height: 28px;
  padding-right: 0;
  padding-left: 0;
}
.ant-btn-group .ant-btn + .ant-btn,
.ant-btn + .ant-btn-group,
.ant-btn-group span + .ant-btn,
.ant-btn-group .ant-btn + span,
.ant-btn-group > span + span,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group {
  margin-left: -1px;
}
.ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
  border-left-color: transparent;
}
.ant-btn-group .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn:first-child,
.ant-btn-group > span:first-child > .ant-btn {
  margin-left: 0;
}
.ant-btn-group > .ant-btn:only-child {
  border-radius: 4px;
}
.ant-btn-group > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:only-child {
  border-radius: 4px;
}
.ant-btn-group-sm > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-btn-group > .ant-btn-group {
  float: left;
}
.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
  padding-right: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  padding-left: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn:focus > span,
.ant-btn:active > span {
  position: relative;
}
.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 8px;
}
.ant-btn-background-ghost {
  color: #fff;
  background: transparent !important;
  border-color: #fff;
}
.ant-btn-background-ghost.ant-btn-primary {
  color: var(--color-primary);
  background-color: transparent;
  border-color: var(--color-primary);
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
  color: var(--color-primary);
  background-color: transparent;
  border-color: var(--color-primary);
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:active,
.ant-btn-background-ghost.ant-btn-primary.active {
  color: var(--color-primary);
  background-color: transparent;
  border-color: var(--color-primary);
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary-disabled,
.ant-btn-background-ghost.ant-btn-primary.disabled,
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary-disabled:hover,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary-disabled:active,
.ant-btn-background-ghost.ant-btn-primary.disabled:active,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active,
.ant-btn-background-ghost.ant-btn-primary-disabled.active,
.ant-btn-background-ghost.ant-btn-primary.disabled.active,
.ant-btn-background-ghost.ant-btn-primary[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger {
  color: var(--color-border);
  background-color: transparent;
  border-color: var(--color-border);
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
  color: var(--color-border);
  background-color: transparent;
  border-color: var(--color-border);
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:active,
.ant-btn-background-ghost.ant-btn-danger.active {
  color: var(--color-border);
  background-color: transparent;
  border-color: var(--color-border);
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger-disabled,
.ant-btn-background-ghost.ant-btn-danger.disabled,
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger-disabled:hover,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger-disabled:active,
.ant-btn-background-ghost.ant-btn-danger.disabled:active,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active,
.ant-btn-background-ghost.ant-btn-danger-disabled.active,
.ant-btn-background-ghost.ant-btn-danger.disabled.active,
.ant-btn-background-ghost.ant-btn-danger[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link {
  color: var(--color-primary);
  background-color: transparent;
  border-color: transparent;
  text-shadow: none;
  color: #fff;
}
.ant-btn-background-ghost.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link:hover,
.ant-btn-background-ghost.ant-btn-link:focus {
  color: var(--color-primary);
  background-color: transparent;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-link:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link:active,
.ant-btn-background-ghost.ant-btn-link.active {
  color: var(--color-primary);
  background-color: transparent;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-link:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link-disabled,
.ant-btn-background-ghost.ant-btn-link.disabled,
.ant-btn-background-ghost.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-link-disabled:hover,
.ant-btn-background-ghost.ant-btn-link.disabled:hover,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover,
.ant-btn-background-ghost.ant-btn-link-disabled:focus,
.ant-btn-background-ghost.ant-btn-link.disabled:focus,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-link-disabled:active,
.ant-btn-background-ghost.ant-btn-link.disabled:active,
.ant-btn-background-ghost.ant-btn-link[disabled]:active,
.ant-btn-background-ghost.ant-btn-link-disabled.active,
.ant-btn-background-ghost.ant-btn-link.disabled.active,
.ant-btn-background-ghost.ant-btn-link[disabled].active {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  border-color: var(--color-border);
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-two-chinese-chars::first-letter {
  letter-spacing: 0.34em;
}
.ant-btn-two-chinese-chars > *:not(.anticon) {
  margin-right: -0.34em;
  letter-spacing: 0.34em;
}
.ant-btn-block {
  width: 100%;
}
.ant-btn:empty {
  vertical-align: top;
}
a.ant-btn {
  padding-top: 0.1px;
  line-height: 34px;
}
a.ant-btn-lg {
  line-height: 46px;
}
a.ant-btn-sm {
  line-height: 26px;
}
.ant-modal-confirm .ant-modal-header {
  display: none;
}
.ant-modal-confirm .ant-modal-close {
  display: none;
}
.ant-modal-confirm .ant-modal-body {
  padding: 32px 32px 24px;
}
.ant-modal-confirm-body-wrapper {
  zoom: 1;
}
.ant-modal-confirm-body-wrapper::before,
.ant-modal-confirm-body-wrapper::after {
  display: table;
  content: '';
}
.ant-modal-confirm-body-wrapper::after {
  clear: both;
}
.ant-modal-confirm-body .ant-modal-confirm-title {
  display: block;
  overflow: hidden;
  color: var(--color-text-dark);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
}
.ant-modal-confirm-body .ant-modal-confirm-content {
  margin-top: 8px;
  color: var(--color-text-dark);
  font-size: 14px;
}
.ant-modal-confirm-body > .anticon {
  float: left;
  margin-right: 16px;
  font-size: 22px;
}
.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-left: 38px;
}
.ant-modal-confirm .ant-modal-confirm-btns {
  float: right;
  margin-top: 24px;
}
.ant-modal-confirm .ant-modal-confirm-btns button + button {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  color: var(--color-danger);
}
.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
  color: var(--color-warning);
}
.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  color: var(--color-progress);
}
.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
  color: var(--color-success);
}
.ant-modal {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  top: 100px;
  width: auto;
  margin: 0 auto;
  padding-bottom: 24px;
  pointer-events: none;
}
.ant-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow: auto;
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.ant-modal-title {
  margin: 0;
  color: var(--color-text-dark);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  word-wrap: break-word;
}
.ant-modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: auto;
}
.ant-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: var(--color-text-light);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.ant-modal-close-x {
  display: block;
  width: 56px;
  height: 56px;
  font-size: 16px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
}
.ant-modal-close:focus,
.ant-modal-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-modal-header {
  padding: 16px 24px;
  color: var(--color-text-dark);
  background: #fff;
  border-bottom: 1px solid var(--color-border-light);
  border-radius: 4px 4px 0 0;
}
.ant-modal-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.7;
  word-wrap: break-word;
}
.ant-modal-footer {
  padding: 10px 16px;
  text-align: right;
  background: transparent;
  border-top: 1px solid var(--color-border-light);
  border-radius: 0 0 4px 4px;
}
.ant-modal-footer button + button {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal.zoom-enter,
.ant-modal.zoom-appear {
  -webkit-transform: none;
          transform: none;
  opacity: 0;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          -ms-user-select: none;
      user-select: none;
}
.ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  filter: alpha(opacity=50);
}
.ant-modal-mask-hidden {
  display: none;
}
.ant-modal-open {
  overflow: hidden;
}
.ant-modal-centered {
  text-align: center;
}
.ant-modal-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.ant-modal-centered .ant-modal {
  top: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 991px) {
  .ant-modal {
    max-width: calc(100vw - 16px);
    margin: 8px auto;
  }
  .ant-modal-centered .ant-modal {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-modal-mask {
  background-color: rgba(55, 55, 55, 0.6);
}
.ant-modal-centered {
  padding: 24px 0;
}
.ant-modal-content {
  border-radius: 4px;
}
.ant-modal-footer button + button {
  margin-left: 12px;
}
.ant-modal {
  top: 24px;
}
.ant-modal .ant-modal-header {
  margin: 0 40px;
  padding: 16px 0 15px;
  background-color: transparent;
}
.ant-modal .ant-modal-title {
  font-size: 20px;
  line-height: 34px;
  color: var(--color-text-dark);
  font-weight: 600;
}
.ant-modal .ant-modal-body {
  padding: 24px 40px;
}
.ant-modal .ant-modal-footer {
  padding: 16px 0;
  margin: 0 40px;
  border: none;
}
.ant-modal .ant-modal-footer .footer-extra {
  position: relative;
  float: left;
  height: 36px;
  line-height: 36px;
}
.ant-modal.layout-filled .ant-modal-body {
  padding: 0;
  height: 100%;
  overflow: auto;
}
.ant-modal.has-scroll-body .ant-modal-body {
  padding-top: 16px;
  padding-bottom: 0;
}
.ant-modal.full {
  top: 0;
  padding-bottom: 0;
  height: 100%;
}
.ant-modal.full .ant-modal-content {
  border-radius: 0;
  height: 100%;
}
.ant-modal.full .ant-modal-close {
  top: 24px;
  right: 32px;
  opacity: 1;
}
.ant-modal.full .ant-modal-close-x {
  position: static;
  font-size: 26px;
  border: 1px solid var(--color-border-dark);
  background-color: transparent;
  border-radius: 50%;
  color: var(--color-text);
}
.ant-modal.full .ant-modal-close-x:hover {
  color: var(--color-primary);
  border-color: var(--color-primary);
}
.ant-modal.ternary .ant-modal-body {
  padding: 40px;
}
.ant-modal .ternary-content {
  position: relative;
}
.ant-modal .ternary-content.with-icon {
  padding-left: 30px;
}
.ant-modal .ternary-content .ternary-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px;
  line-height: 28px;
  color: var(--color-primary);
}
.ant-modal .ternary-content .ternary-title {
  font-size: 16px;
  line-height: 28px;
  font-weight: bold;
  margin-bottom: 8px;
}
.ant-modal.ternary-danger .ternary-icon-wrap {
  color: var(--color-danger);
}
.ant-modal .ant-modal-close {
  right: -4px;
  top: -4px;
  opacity: 0.8;
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-modal .ant-modal-close:focus,
.ant-modal .ant-modal-close:hover {
  color: #fff;
  opacity: 1;
}
.ant-modal .ant-modal-close-x {
  position: fixed;
  line-height: 40px;
  width: 40px;
  height: 40px;
  font-size: 32px;
}
@media (max-width: 991px) {
  .ant-modal {
    max-width: none;
    margin: auto;
  }
  .ant-modal-centered .ant-modal {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.tz-dialog-modal {
  top: 0;
}
.tz-dialog-modal .ant-modal-header {
  display: none;
}
.tz-dialog-modal .ant-modal-body {
  text-align: center;
  padding: 40px;
}
.tz-dialog-modal .m-icon {
  font-size: 30px;
  margin-bottom: 10px;
}
.tz-dialog-modal .m-title {
  font-size: 16px;
}
.tz-dialog-modal .m-title + .m-content {
  padding-top: 5px;
}
.tz-dialog-modal .ant-modal-footer {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid var(--color-border-light);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  overflow: hidden;
}
.tz-dialog-modal .ant-modal-footer .foot-action {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  text-align: center;
  padding: 10px;
  line-height: 30px;
  cursor: pointer;
}
.tz-dialog-modal .ant-modal-footer .action-cancel {
  color: var(--color-text-light);
  border-right: 1px solid var(--color-border-light);
}
.tz-dialog-modal .ant-modal-footer .action-cancel:hover {
  background-color: #f8f8f8;
}
.tz-dialog-modal .ant-modal-footer .action-ok.type-primary {
  color: var(--color-primary);
}
.tz-dialog-modal .ant-modal-footer .action-ok.type-primary:hover {
  color: #fff;
  background-color: var(--color-primary);
}
.tz-dialog-modal .ant-modal-footer .action-ok.type-danger {
  color: var(--color-danger);
}
.tz-dialog-modal .ant-modal-footer .action-ok.type-danger:hover {
  color: #fff;
  background-color: var(--color-danger);
}
.tz-dialog-modal.type-danger .m-icon {
  color: var(--color-danger);
}

.ant-popover {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  cursor: auto;
  -webkit-user-select: text;
     -moz-user-select: text;
          -ms-user-select: text;
      user-select: text;
}
.ant-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  content: '';
}
.ant-popover-hidden {
  display: none;
}
.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
  padding-bottom: 10px;
}
.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
  padding-left: 10px;
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding-top: 10px;
}
.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
  padding-right: 10px;
}
.ant-popover-inner {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-popover {
    /* IE10+ */
  }
  .ant-popover-inner {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  }
}
.ant-popover-title {
  min-width: 177px;
  min-height: 32px;
  margin: 0;
  padding: 5px 16px 4px;
  color: var(--color-text-dark);
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
}
.ant-popover-inner-content {
  padding: 12px 16px;
  color: var(--color-text-dark);
}
.ant-popover-message {
  position: relative;
  padding: 4px 0 12px;
  color: var(--color-text-dark);
  font-size: 14px;
}
.ant-popover-message > .anticon {
  position: absolute;
  top: 8px;
  color: var(--color-warning);
  font-size: 14px;
}
.ant-popover-message-title {
  padding-left: 22px;
}
.ant-popover-buttons {
  margin-bottom: 4px;
  text-align: right;
}
.ant-popover-buttons button {
  margin-left: 8px;
}
.ant-popover-arrow {
  position: absolute;
  display: block;
  width: 8.48528137px;
  height: 8.48528137px;
  background: transparent;
  border-style: solid;
  border-width: 4.24264069px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  bottom: 6.2px;
  border-top-color: transparent;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: transparent;
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  left: 6px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #fff;
  border-left-color: #fff;
  -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  top: 6px;
  border-top-color: #fff;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #fff;
  -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
          box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  right: 6px;
  border-top-color: #fff;
  border-right-color: #fff;
  border-bottom-color: transparent;
  border-left-color: transparent;
  -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-popover-inner {
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.ant-popover-title {
  color: inherit;
  border: none;
  min-height: none;
}
.ant-popover.ghosted {
  pointer-events: none;
}
.ant-popover.size-small .ant-popover-title {
  font-size: 14px;
  line-height: 20px;
  padding: 8px 12px;
}
.ant-popover.size-small .ant-popover-inner-content {
  padding: 12px;
  font-size: 12px;
}
.ant-popover.size-small .ant-popover-title + .ant-popover-inner-content {
  padding-top: 0;
}
.ant-popover.size-large .ant-popover-title {
  font-size: 16px;
  line-height: 28px;
  padding: 16px 24px 8px;
}
.ant-popover.size-large .ant-popover-inner-content {
  padding: 20px 24px;
}
.ant-popover.size-large .ant-popover-title + .ant-popover-inner-content {
  padding-top: 0;
}
.ant-popover.size-large .ant-popover-arrow {
  width: 12px;
  height: 12px;
  border-width: 6px;
}
.ant-popover.size-large.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
.ant-popover.size-large.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover.size-large.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  top: 4px;
}
.ant-popover.size-large.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
.ant-popover.size-large.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover.size-large.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  bottom: 4px;
}
.ant-popover.size-large.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
.ant-popover.size-large.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover.size-large.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  right: 4px;
}
.ant-popover.size-large.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
.ant-popover.size-large.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover.size-large.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  left: 4px;
}
.layout-filled .ant-popover-inner-content {
  padding: 0;
}
.ant-popover-title + .ant-popover-inner-content {
  padding-top: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
@-webkit-keyframes tz-img-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
@keyframes tz-img-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.tz-img-wrap {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.tz-img-indicator {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  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-transition: opacity 400ms;
  transition: opacity 400ms;
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  opacity: 0;
}
.tz-img-indicator.loading {
  opacity: 1;
  -webkit-animation: tz-img-loading 1.4s ease infinite;
          animation: tz-img-loading 1.4s ease infinite;
}
.tz-img-indicator.error {
  background: transparent;
  opacity: 1;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.tz-video-control-progress {
  position: relative;
}
.tz-video-control-progress:hover .progress-bg,
.tz-video-control-progress:hover .progress-loaded,
.tz-video-control-progress:hover .progress-value {
  opacity: 0.5;
}
.tz-video-control-progress .progress-bg,
.tz-video-control-progress .progress-loaded,
.tz-video-control-progress .progress-value {
  position: absolute;
  z-index: 0;
  height: 4px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 3px;
}
.tz-video-control-progress .progress-bg {
  width: 100%;
  background: rgba(255, 255, 255, 0.3);
}
.tz-video-control-progress .progress-loaded {
  background: rgba(255, 255, 255, 0.5);
}
.tz-video-control-progress .progress-value {
  background: var(--color-primary);
}
.tz-video-control-progress input {
  cursor: pointer;
  position: relative;
  z-index: 3;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: none;
  outline: none;
  color: var(--color-primary);
  display: block;
  height: 20px;
  margin: 0;
  padding: 0;
  width: 100%;
}
.tz-video-control-progress input::-webkit-slider-thumb {
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: var(--color-primary);
  cursor: pointer;
}
.tz-video-control-progress input::-ms-track {
  color: transparent;
  background: transparent;
  border: none;
}
.tz-video-control-progress input::-ms-fill-upper {
  background: transparent;
}
.tz-video-control-progress input::-ms-fill-lower {
  background: transparent;
}
.tz-video-control-progress input::-ms-thumb {
  box-sizing: border-box;
  border: none;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: var(--color-primary);
  cursor: pointer;
}
.tz-video-control-progress input::-ms-tooltip {
  display: none;
}
.tz-video-control-progress input::-moz-range-track {
  background-color: transparent;
}
.tz-video-control-progress input::-moz-range-thumb {
  box-sizing: border-box;
  border: none;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: var(--color-primary);
  cursor: pointer;
}
.tz-video-control-progress input::-moz-range-progress {
  background: transparent;
}
.tz-video-wrap {
  position: relative;
  overflow: hidden;
  background-color: #333;
  height: 0;
  width: 100%;
}
.tz-video-wrap:hover .tz-video-control-bar {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.tz-video-wrap video {
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  outline: none;
}
.tz-video-wrap.size-small .tz-video-main-control .control-btn {
  width: 60px;
  height: 60px;
  font-size: 30px;
  padding: 15px 0;
}
.tz-video-wrap.size-small .tz-video-control-bar {
  height: 32px;
  padding: 0;
}
.tz-video-wrap.size-small .tz-video-control-bar .control-btn {
  width: 32px;
  height: 32px;
  font-size: 14px;
  line-height: 32px;
  padding: 0;
  margin: 0;
  text-align: center;
  color: #fff;
}
.tz-video-wrap.size-small .tz-video-control-bar .control-btn:hover {
  color: var(--color-primary);
  background-color: transparent;
}
.tz-video-wrap.size-small .tz-video-control-bar .control-progress {
  margin: 0;
}
.tz-video-wrap video,
.tz-video-main-control,
.tz-video-main-control .control-btn,
.tz-video-poster,
.tz-video-error {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.tz-video-wrap.height-auto video {
  height: auto;
  position: static;
}
.tz-video-poster {
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  transition: opacity 500ms;
}
.tz-video-poster.active {
  opacity: 1;
}
.tz-video-error {
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3));
}
.tz-video-error .error-icon {
  font-size: 40px;
  color: var(--color-danger);
}
.tz-video-error .error-text {
  font-size: 16px;
  color: var(--color-text-light);
  margin-top: 16px;
}
.tz-vide-tip-pr {
  position: absolute;
  top: 20px;
  right: 24px;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  padding: 5px 10px;
  background-color: rgba(51, 51, 51, 0.6);
}
.tz-video-main-control {
  -webkit-transition: opacity 600ms;
  transition: opacity 600ms;
  opacity: 1;
}
.tz-video-main-control .control-btn {
  display: block;
  cursor: pointer;
  color: #fff;
  margin: auto;
  width: 88px;
  height: 88px;
  font-size: 44px;
  line-height: 1em;
  padding: 22px 0;
  border-radius: 50%;
  background-color: var(--color-primary);
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
  opacity: 1;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
.tz-video-main-control .control-btn:hover {
  opacity: 0.8;
}
.tz-video-main-control.hide {
  opacity: 0;
}
.tz-video-sound-slider {
  width: 48px;
  border-radius: 2px;
  padding: 12px 0;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.tz-video-sound-slider .sound-value {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 4px;
}
.tz-video-sound-slider .slider-inner {
  height: 100px;
}
.tz-video-sound-slider .ant-slider-vertical {
  margin-left: auto;
  margin-right: auto;
}
.tz-video-sound-slider .ant-slider-vertical .ant-slider-handle {
  width: 10px;
  height: 10px;
  margin-left: -3px;
  margin-bottom: 0;
  border: none;
  background-color: var(--color-primary);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tz-video-control-bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 8px;
  height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
  -webkit-transform: translate3d(0, 52px, 0);
          transform: translate3d(0, 52px, 0);
}
.tz-video-control-bar .control-btn {
  width: 32px;
  height: 32px;
  font-size: 18px;
  line-height: 1em;
  padding: 7px 0;
  margin: 2px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
}
.tz-video-control-bar .control-btn:hover {
  background-color: var(--color-primary);
}
.tz-video-control-bar .control-progress {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 8px;
  position: relative;
}
.tz-video-control-bar .control-progress:hover .progress-tip {
  opacity: 1;
}
.tz-video-control-bar .control-volume {
  width: 70px;
  margin: 0 8px;
}
.tz-video-control-bar .progress-tip {
  background: #fff;
  border-radius: 3px;
  bottom: 100%;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  color: var(--color-text);
  font-size: 14px;
  left: 50%;
  line-height: 20px;
  margin-bottom: 10px;
  opacity: 0;
  padding: 5px 8px;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translate(-50%, 10px) scale(0.8);
          transform: translate(-50%, 10px) scale(0.8);
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transition: opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  transition: opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  white-space: nowrap;
  z-index: 2;
}
.tz-video-control-bar .progress-tip::before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #fff;
  bottom: -4px;
  content: '';
  height: 0;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.tz-video-control-pr .drop-select-wrap {
  min-width: 90px;
  text-align: center;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.drop-select-wrap {
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid var(--color-border-light);
  -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}
.drop-select-title {
  color: var(--color-text-dark);
  padding: 11px 16px;
  line-height: 22px;
  font-size: 14px;
  border-bottom: 1px solid var(--color-border);
}
.drop-select-option {
  padding: 11px 16px;
  line-height: 22px;
  font-size: 14px;
  color: var(--color-text);
  cursor: pointer;
}
.drop-select-option:hover {
  background-color: var(--color-bg);
}
.drop-select-option.selected {
  color: var(--color-primary);
}
.drop-select-option.disabled {
  color: var(--color-text-light);
  cursor: not-allowed;
  background-color: transparent;
}

.ant-slider {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  height: 12px;
  margin: 14px 6px 10px;
  padding: 4px 0;
  cursor: pointer;
  -ms-touch-action: none;
      touch-action: none;
}
.ant-slider-vertical {
  width: 12px;
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px;
}
.ant-slider-vertical .ant-slider-rail {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-track {
  width: 4px;
}
.ant-slider-vertical .ant-slider-handle {
  margin-bottom: -7px;
  margin-left: -5px;
}
.ant-slider-vertical .ant-slider-mark {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-mark-text {
  left: 4px;
  white-space: nowrap;
}
.ant-slider-vertical .ant-slider-step {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-dot {
  top: auto;
  left: 2px;
  margin-bottom: -4px;
}
.ant-slider-tooltip .ant-tooltip-inner {
  min-width: unset;
}
.ant-slider-with-marks {
  margin-bottom: 28px;
}
.ant-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: var(--color-bg);
  border-radius: 2px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.ant-slider-track {
  position: absolute;
  height: 4px;
  background-color: var(--color-primary);
  border-radius: 4px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.ant-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  background-color: #fff;
  border: solid 2px var(--color-primary);
  border-radius: 50%;
  -webkit-box-shadow: 0;
          box-shadow: 0;
  cursor: pointer;
  -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: border-color 0.3s, -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.ant-slider-handle:focus {
  border-color: var(--color-primary-hover);
  outline: none;
  -webkit-box-shadow: 0 0 0 5px var(--color-primary-slight);
          box-shadow: 0 0 0 5px var(--color-primary-slight);
}
.ant-slider-handle.ant-tooltip-open {
  border-color: var(--color-primary);
}
.ant-slider:hover .ant-slider-rail {
  background-color: #e1e1e1;
}
.ant-slider:hover .ant-slider-track {
  background-color: var(--color-primary-hover-lighter);
}
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: var(--color-primary-hover-lighter);
}
.ant-slider-mark {
  position: absolute;
  top: 14px;
  left: 0;
  width: 100%;
  font-size: 14px;
}
.ant-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: var(--color-text-light);
  text-align: center;
  word-break: keep-all;
  cursor: pointer;
}
.ant-slider-mark-text-active {
  color: var(--color-text-dark);
}
.ant-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.ant-slider-dot {
  position: absolute;
  top: -2px;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  background-color: #fff;
  border: 2px solid var(--color-border-light);
  border-radius: 50%;
  cursor: pointer;
}
.ant-slider-dot:first-child {
  margin-left: -4px;
}
.ant-slider-dot:last-child {
  margin-left: -4px;
}
.ant-slider-dot-active {
  border-color: var(--color-primary-active);
}
.ant-slider-disabled {
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-track {
  background-color: var(--color-text-disabled) !important;
}
.ant-slider-disabled .ant-slider-handle,
.ant-slider-disabled .ant-slider-dot {
  background-color: #fff;
  border-color: var(--color-text-disabled) !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-mark-text,
.ant-slider-disabled .ant-slider-dot {
  cursor: not-allowed !important;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-slider-track {
  background-color: var(--color-primary);
}
.ant-slider-handle {
  border-color: var(--color-primary);
}

.ant-tag {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
  height: auto;
  margin-right: 8px;
  padding: 0 7px;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  background: var(--color-bg-light);
  border: 1px solid var(--color-border);
  border-radius: 4px;
  cursor: default;
  opacity: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-tag:hover {
  opacity: 0.85;
}
.ant-tag,
.ant-tag a,
.ant-tag a:hover {
  color: var(--color-text-dark);
}
.ant-tag > a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px;
}
.ant-tag .anticon-close {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
  margin-left: 3px;
  color: var(--color-text-light);
  font-weight: bold;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
:root .ant-tag .anticon-close {
  font-size: 12px;
}
.ant-tag .anticon-close:hover {
  color: var(--color-text-dark);
}
.ant-tag-has-color {
  border-color: transparent;
}
.ant-tag-has-color,
.ant-tag-has-color a,
.ant-tag-has-color a:hover,
.ant-tag-has-color .anticon-close,
.ant-tag-has-color .anticon-close:hover {
  color: #fff;
}
.ant-tag-checkable {
  background-color: transparent;
  border-color: transparent;
}
.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  color: var(--color-primary);
}
.ant-tag-checkable:active,
.ant-tag-checkable-checked {
  color: #fff;
}
.ant-tag-checkable-checked {
  background-color: var(--color-primary);
}
.ant-tag-checkable:active {
  background-color: var(--color-primary-dark);
}
.ant-tag-hidden {
  display: none;
}
.ant-tag-blue {
  color: var(--color-primary);
  background: var(--color-primary-slight);
  border-color: var(--color-primary);
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.tz-tag {
  padding: 4px 10px;
  text-align: center;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px;
  line-height: 20px;
  vertical-align: text-bottom;
}
.tz-tag:hover {
  opacity: 0.9;
}
.tz-tag.size-middle {
  line-height: 16px;
}
.tz-tag.size-small {
  line-height: 12px;
}
.tz-tag-ellipsis .tz-tag-content {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tz-tag-default {
  background: var(--color-primary);
  color: var(--color-white);
  border-radius: 14px;
}
.tz-tag-simple {
  padding: 2px 10px;
  border: solid 1px var(--color-border);
  border-radius: 4px;
  background: var(--color-white);
  color: var(--color-text);
}
.tz-tag-closable {
  position: relative;
  cursor: pointer;
  padding-right: 24px;
}
.tz-tag-closable.tz-tag-default:hover {
  background: var(--color-primary-dark);
}
.tz-tag-closable .shut-icon {
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 12px;
  height: 12px;
  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;
}
.tz-tag-closable .shut-icon i {
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}
.tz-tag-heavy {
  background: var(--color-primary);
  color: var(--color-white);
  border-radius: 14px;
  padding-right: 10px;
  -webkit-transition: -webkit-transform linear 0.3s;
  transition: -webkit-transform linear 0.3s;
  transition: transform linear 0.3s;
  transition: transform linear 0.3s, -webkit-transform linear 0.3s;
}
.tz-tag-heavy.tz-tag-closable:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.tz-tag-heavy .shut-icon {
  visibility: hidden;
  border-radius: 50%;
  border: solid 2px var(--color-white);
  background: var(--color-primary);
  position: absolute;
  top: 0;
  right: -2px;
  width: 16px;
  height: 16px;
  -webkit-transform: translate(25%, -40%);
          transform: translate(25%, -40%);
}
.tz-tag-heavy:hover .shut-icon {
  visibility: visible;
}
.tz-tag-heavy .shut-icon i {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
.tz-tag-checkable {
  border: solid 1px rgba(220, 225, 229, 0.2);
  padding: 3px 10px;
  border-radius: 14px;
  background: var(--color-bg-light);
  color: var(--color-text);
  cursor: pointer;
  position: relative;
  -webkit-transition: -webkit-transform linear 0.3s;
  transition: -webkit-transform linear 0.3s;
  transition: transform linear 0.3s;
  transition: transform linear 0.3s, -webkit-transform linear 0.3s;
}
.tz-tag-checkable:hover {
  border: solid 1px var(--color-primary);
  color: var(--color-primary);
}
.tz-tag-checkable.tz-tag-checkable-checked {
  border: solid 1px var(--color-primary);
  padding: 3px 10px;
  border-radius: 14px;
  background: var(--color-primary);
  color: var(--color-white);
}
.tz-tag-checkable.tz-tag-checkable-checked:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.tz-tag-checkable .shut-icon {
  visibility: hidden;
  border-radius: 50%;
  border: solid 2px var(--color-white);
  background: var(--color-primary);
  position: absolute;
  top: 0;
  right: -2px;
  width: 16px;
  height: 16px;
  -webkit-transform: translate(25%, -40%);
          transform: translate(25%, -40%);
  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;
}
.tz-tag-checkable.tz-tag-checkable-checked:hover .shut-icon {
  visibility: visible;
}
.tz-tag-checkable .shut-icon i {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
.tz-status-tag {
  display: inline-block;
  vertical-align: middle;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  padding: 0 8px;
  border: 1px solid;
}
.tz-status-tag.size-small {
  line-height: 18px;
  font-size: 12px;
}
.tz-status-tag.size-large {
  font-size: 14px;
  line-height: 26px;
}
.tz-status-tag.status-error {
  border-color: var(--color-danger);
  background-color: var(--color-danger);
}
.tz-status-tag.status-error.ghost-true {
  color: var(--color-danger);
  border-color: var(--color-danger);
  background-color: transparent;
}
.tz-status-tag.status-error.ghost-half {
  color: var(--color-danger-dark);
  border-color: #fdbabd;
  background-color: #feeced;
}
.tz-status-tag.status-fail {
  border-color: #b2b8c1;
  background-color: #b2b8c1;
}
.tz-status-tag.status-fail.ghost-true,
.tz-status-tag.status-fail.ghost-half {
  color: #576272;
}
.tz-status-tag.status-fail.ghost-true {
  border-color: #858e99;
  background-color: transparent;
}
.tz-status-tag.status-fail.ghost-half {
  background-color: #e6ebf0;
  border-color: #d6dce2;
}
.tz-status-tag.status-warn {
  border-color: #ffa52f;
  background-color: #ffa52f;
}
.tz-status-tag.status-warn.ghost-true {
  color: #ffa52f;
  background-color: transparent;
}
.tz-status-tag.status-warn.ghost-half {
  color: #d9821e;
  border-color: #ffd7a4;
  background-color: #ffedd5;
}
.tz-status-tag.status-progress {
  border-color: var(--color-progress);
  background-color: var(--color-progress);
}
.tz-status-tag.status-progress.ghost-true {
  color: var(--color-progress);
  background-color: transparent;
}
.tz-status-tag.status-progress.ghost-half {
  color: var(--color-progress-dark);
  border-color: #a6d3fd;
  background-color: #d6ebfe;
}
.tz-status-tag.status-success {
  border-color: var(--color-success);
  background-color: var(--color-success);
}
.tz-status-tag.status-success.ghost-true {
  color: var(--color-success);
  background-color: transparent;
}
.tz-status-tag.status-success.ghost-half {
  color: var(--color-success-dark);
  border-color: #96e9d5;
  background-color: #cff5ec;
}

.ant-divider {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  background: var(--color-border-light);
}
.ant-divider,
.ant-divider-vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  width: 1px;
  height: 0.9em;
  margin: 0 8px;
  vertical-align: middle;
}
.ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 24px 0;
}
.ant-divider-horizontal.ant-divider-with-text-center,
.ant-divider-horizontal.ant-divider-with-text-left,
.ant-divider-horizontal.ant-divider-with-text-right {
  display: table;
  margin: 16px 0;
  color: var(--color-text-dark);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-align: center;
  background: transparent;
}
.ant-divider-horizontal.ant-divider-with-text-center::before,
.ant-divider-horizontal.ant-divider-with-text-left::before,
.ant-divider-horizontal.ant-divider-with-text-right::before,
.ant-divider-horizontal.ant-divider-with-text-center::after,
.ant-divider-horizontal.ant-divider-with-text-left::after,
.ant-divider-horizontal.ant-divider-with-text-right::after {
  position: relative;
  top: 50%;
  display: table-cell;
  width: 50%;
  border-top: 1px solid var(--color-border-light);
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  content: '';
}
.ant-divider-horizontal.ant-divider-with-text-left .ant-divider-inner-text,
.ant-divider-horizontal.ant-divider-with-text-right .ant-divider-inner-text {
  display: inline-block;
  padding: 0 10px;
}
.ant-divider-horizontal.ant-divider-with-text-left::before {
  top: 50%;
  width: 5%;
}
.ant-divider-horizontal.ant-divider-with-text-left::after {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::before {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::after {
  top: 50%;
  width: 5%;
}
.ant-divider-inner-text {
  display: inline-block;
  padding: 0 24px;
}
.ant-divider-dashed {
  background: none;
  border-color: var(--color-border-light);
  border-style: dashed;
  border-width: 1px 0 0;
}
.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed {
  border-top: 0;
}
.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed::after,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::after,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::after {
  border-style: dashed none none;
}
.ant-divider-vertical.ant-divider-dashed {
  border-width: 0 0 0 1px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container {
  height: 40px;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-ink-bar {
  visibility: hidden;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  height: 40px;
  margin: 0;
  margin-right: 2px;
  padding: 0 16px;
  line-height: 38px;
  background: var(--color-bg-light);
  border: 1px solid var(--color-border-light);
  border-radius: 4px 4px 0 0;
  -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);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  height: 40px;
  color: var(--color-primary);
  background: #fff;
  border-color: var(--color-border-light);
  border-bottom: 1px solid #fff;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active::before {
  border-top: 2px solid transparent;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-disabled {
  color: var(--color-primary);
  color: var(--color-text-disabled);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-inactive {
  padding: 0;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-wrap {
  margin-bottom: 0;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x {
  width: 16px;
  height: 16px;
  height: 14px;
  margin-right: -5px;
  margin-left: 3px;
  overflow: hidden;
  color: var(--color-text-light);
  font-size: 12px;
  vertical-align: middle;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x:hover {
  color: var(--color-text-dark);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane,
.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane {
  -webkit-transition: none !important;
  transition: none !important;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive,
.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive {
  overflow: hidden;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:hover .anticon-close {
  opacity: 1;
}
.ant-tabs-extra-content {
  line-height: 47.8px;
}
.ant-tabs-extra-content .ant-tabs-new-tab {
  position: relative;
  width: 20px;
  height: 20px;
  color: var(--color-text-dark);
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  border: 1px solid var(--color-border-light);
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-tabs-extra-content .ant-tabs-new-tab:hover {
  color: var(--color-primary);
  border-color: var(--color-primary);
}
.ant-tabs-extra-content .ant-tabs-new-tab svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-tabs.ant-tabs-large .ant-tabs-extra-content {
  line-height: 59.2px;
}
.ant-tabs.ant-tabs-small .ant-tabs-extra-content {
  line-height: 39.8px;
}
.ant-tabs.ant-tabs-card .ant-tabs-extra-content {
  line-height: 40px;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-container {
  height: 100%;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
  margin-bottom: 8px;
  border-bottom: 1px solid var(--color-border-light);
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active {
  padding-bottom: 4px;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab:last-child,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab:last-child {
  margin-bottom: 8px;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-new-tab,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-new-tab {
  width: 90%;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-wrap {
  margin-right: 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab {
  margin-right: 1px;
  border-right: 0;
  border-radius: 4px 0 0 4px;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active {
  margin-right: -1px;
  padding-right: 18px;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-left: 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
  margin-left: 1px;
  border-left: 0;
  border-radius: 0 4px 4px 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active {
  margin-left: -1px;
  padding-left: 18px;
}
.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab {
  height: auto;
  border-top: 0;
  border-bottom: 1px solid var(--color-border-light);
  border-radius: 0 0 4px 4px;
}
.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab-active {
  padding-top: 1px;
  padding-bottom: 0;
  color: var(--color-primary);
}
.ant-tabs {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  overflow: hidden;
  zoom: 1;
}
.ant-tabs::before,
.ant-tabs::after {
  display: table;
  content: '';
}
.ant-tabs::after {
  clear: both;
}
.ant-tabs-ink-bar {
  position: absolute;
  bottom: 1px;
  left: 0;
  z-index: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 0;
  height: 2px;
  background-color: var(--color-primary);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.ant-tabs-bar {
  margin: 0 0 16px 0;
  border-bottom: 1px solid var(--color-border-light);
  outline: none;
  -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav-container {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: -1px;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.7;
  white-space: nowrap;
  -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  zoom: 1;
}
.ant-tabs-nav-container::before,
.ant-tabs-nav-container::after {
  display: table;
  content: '';
}
.ant-tabs-nav-container::after {
  clear: both;
}
.ant-tabs-nav-container-scrolling {
  padding-right: 32px;
  padding-left: 32px;
}
.ant-tabs-bottom .ant-tabs-bottom-bar {
  margin-top: 16px;
  margin-bottom: 0;
  border-top: 1px solid var(--color-border-light);
  border-bottom: none;
}
.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-ink-bar {
  top: 1px;
  bottom: auto;
}
.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-nav-container {
  margin-top: -1px;
  margin-bottom: 0;
}
.ant-tabs-tab-prev,
.ant-tabs-tab-next {
  position: absolute;
  z-index: 2;
  width: 0;
  height: 100%;
  color: var(--color-text-light);
  text-align: center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
          -ms-user-select: none;
      user-select: none;
  pointer-events: none;
}
.ant-tabs-tab-prev.ant-tabs-tab-arrow-show,
.ant-tabs-tab-next.ant-tabs-tab-arrow-show {
  width: 32px;
  height: 100%;
  opacity: 1;
  pointer-events: auto;
}
.ant-tabs-tab-prev:hover,
.ant-tabs-tab-next:hover {
  color: var(--color-text-dark);
}
.ant-tabs-tab-prev-icon,
.ant-tabs-tab-next-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  line-height: inherit;
  text-align: center;
  text-transform: none;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ant-tabs-tab-prev-icon-target,
.ant-tabs-tab-next-icon-target {
  display: block;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
}
:root .ant-tabs-tab-prev-icon-target,
:root .ant-tabs-tab-next-icon-target {
  font-size: 12px;
}
.ant-tabs-tab-btn-disabled {
  cursor: not-allowed;
}
.ant-tabs-tab-btn-disabled,
.ant-tabs-tab-btn-disabled:hover {
  color: var(--color-text-disabled);
}
.ant-tabs-tab-next {
  right: 2px;
}
.ant-tabs-tab-prev {
  left: 0;
}
:root .ant-tabs-tab-prev {
  -webkit-filter: none;
          filter: none;
}
.ant-tabs-nav-wrap {
  margin-bottom: -1px;
  overflow: hidden;
}
.ant-tabs-nav-scroll {
  overflow: hidden;
  white-space: nowrap;
}
.ant-tabs-nav {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding-left: 0;
  list-style: none;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav::before,
.ant-tabs-nav::after {
  display: table;
  content: ' ';
}
.ant-tabs-nav::after {
  clear: both;
}
.ant-tabs-nav .ant-tabs-tab {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  margin: 0 32px 0 0;
  padding: 12px 16px;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav .ant-tabs-tab::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  border-top: 2px solid transparent;
  border-radius: 4px 4px 0 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
  pointer-events: none;
}
.ant-tabs-nav .ant-tabs-tab:last-child {
  margin-right: 0;
}
.ant-tabs-nav .ant-tabs-tab:hover {
  color: var(--color-primary-hover);
}
.ant-tabs-nav .ant-tabs-tab:active {
  color: var(--color-primary-dark);
}
.ant-tabs-nav .ant-tabs-tab .anticon {
  margin-right: 8px;
}
.ant-tabs-nav .ant-tabs-tab-active {
  color: var(--color-primary);
  font-weight: 500;
}
.ant-tabs-nav .ant-tabs-tab-disabled,
.ant-tabs-nav .ant-tabs-tab-disabled:hover {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}
.ant-tabs .ant-tabs-large-bar .ant-tabs-nav-container {
  font-size: 16px;
}
.ant-tabs .ant-tabs-large-bar .ant-tabs-tab {
  padding: 16px;
}
.ant-tabs .ant-tabs-small-bar .ant-tabs-nav-container {
  font-size: 14px;
}
.ant-tabs .ant-tabs-small-bar .ant-tabs-tab {
  padding: 8px 16px;
}
.ant-tabs-content::before {
  display: block;
  overflow: hidden;
  content: '';
}
.ant-tabs .ant-tabs-top-content,
.ant-tabs .ant-tabs-bottom-content {
  width: 100%;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  -webkit-backface-visibility: hidden;
  opacity: 1;
  -webkit-transition: opacity 0.45s;
  transition: opacity 0.45s;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive input,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}
.ant-tabs .ant-tabs-top-content.ant-tabs-content-animated,
.ant-tabs .ant-tabs-bottom-content.ant-tabs-content-animated {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: margin-left;
}
.ant-tabs .ant-tabs-left-bar,
.ant-tabs .ant-tabs-right-bar {
  height: 100%;
  border-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-arrow-show,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-arrow-show {
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab {
  display: block;
  float: none;
  margin: 0 0 16px 0;
  padding: 8px 24px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab:last-child,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab:last-child {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-extra-content,
.ant-tabs .ant-tabs-right-bar .ant-tabs-extra-content {
  text-align: center;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-scroll,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-scroll {
  width: auto;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  height: 100%;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling {
  padding: 32px 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav {
  width: 100%;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar,
.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {
  top: 0;
  bottom: auto;
  left: auto;
  width: 2px;
  height: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-next,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-next {
  right: 0;
  bottom: 0;
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-prev,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-prev {
  top: 0;
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-content,
.ant-tabs .ant-tabs-right-content {
  width: auto;
  margin-top: 0 !important;
  overflow: hidden;
}
.ant-tabs .ant-tabs-left-bar {
  float: left;
  margin-right: -1px;
  margin-bottom: 0;
  border-right: 1px solid var(--color-border-light);
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab {
  text-align: right;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container {
  margin-right: -1px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap {
  margin-right: -1px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar {
  right: 1px;
}
.ant-tabs .ant-tabs-left-content {
  padding-left: 24px;
  border-left: 1px solid var(--color-border-light);
}
.ant-tabs .ant-tabs-right-bar {
  float: right;
  margin-bottom: 0;
  margin-left: -1px;
  border-left: 1px solid var(--color-border-light);
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container {
  margin-left: -1px;
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-left: -1px;
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {
  left: 1px;
}
.ant-tabs .ant-tabs-right-content {
  padding-right: 24px;
  border-right: 1px solid var(--color-border-light);
}
.ant-tabs-top .ant-tabs-ink-bar-animated,
.ant-tabs-bottom .ant-tabs-ink-bar-animated {
  -webkit-transition: width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-left .ant-tabs-ink-bar-animated,
.ant-tabs-right .ant-tabs-ink-bar-animated {
  -webkit-transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.no-flex > .ant-tabs-content > .ant-tabs-content-animated,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-content-animated {
  margin-left: 0 !important;
  -webkit-transform: none !important;
          transform: none !important;
}
.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive input,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}
.ant-tabs-left-content > .ant-tabs-content-animated,
.ant-tabs-right-content > .ant-tabs-content-animated {
  margin-left: 0 !important;
  -webkit-transform: none !important;
          transform: none !important;
}
.ant-tabs-left-content > .ant-tabs-tabpane-inactive,
.ant-tabs-right-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.ant-tabs-left-content > .ant-tabs-tabpane-inactive input,
.ant-tabs-right-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-tabs-no-animation {
  overflow: visible;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane {
  -webkit-backface-visibility: hidden;
}
.ant-tabs-bar {
  margin-bottom: 24px;
}
.ant-tabs-nav .ant-tabs-tab {
  padding: 12px 0;
  margin: 0 40px 0 0;
}
.ant-tabs .ant-tabs-large-bar .ant-tabs-tab {
  padding: 12px 0;
}
.ant-tabs .ant-tabs-small-bar .ant-tabs-tab {
  font-size: 12px;
  padding: 8px 0;
}
.tab-position-top-right .ant-tabs-extra-content {
  float: left !important;
}
.tab-position-top-right .ant-tabs-nav-scroll {
  text-align: right;
}
.ant-tabs.ant-tabs-card.type-flexible-card {
  overflow: visible;
}
.ant-tabs.ant-tabs-card.type-flexible-card .ant-tabs-bar {
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-bottom: none;
  margin-bottom: 8px;
}
.ant-tabs.ant-tabs-card.type-flexible-card .ant-tabs-bar .ant-tabs-nav-container {
  height: auto;
}
.ant-tabs.ant-tabs-card.type-flexible-card .ant-tabs-bar .ant-tabs-tab {
  margin-right: 0;
  padding: 13px 0 11px;
  line-height: 1.75em;
  height: auto;
  border: none;
  background-color: transparent;
  border-bottom: 2px solid transparent;
}
.ant-tabs.ant-tabs-card.type-flexible-card .ant-tabs-bar .ant-tabs-tab-active {
  border-color: var(--color-primary);
}
.ant-tabs.ant-tabs-card.type-flexible-card .ant-tabs-bar.ant-tabs-large-bar .ant-tabs-tab {
  padding: 21px 0 19px;
}
.ant-tabs.ant-tabs-card.type-flexible-card .ant-tabs-bar.ant-tabs-small-bar .ant-tabs-tab {
  padding: 9px 0 7px;
  line-height: 22px;
}
.ant-tabs.ant-tabs-card.type-flexible-card .ant-tabs-content {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-radius: 6px;
}
.ant-tabs.ant-tabs-card.type-flexible-card .ant-tabs-nav {
  display: block;
  width: 100%;
  padding: 0 40px;
}
.ant-tabs.ant-tabs-card.type-flexible-card .ant-tabs-nav > div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ant-tabs.ant-tabs-card.type-nav-card {
  overflow: visible;
}
.ant-tabs.ant-tabs-card.type-nav-card .ant-tabs-bar {
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #fff;
  margin-bottom: 8px;
}
.ant-tabs.ant-tabs-card.type-nav-card .ant-tabs-bar .ant-tabs-nav-container {
  height: auto;
}
.ant-tabs.ant-tabs-card.type-nav-card .ant-tabs-bar .ant-tabs-tab {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
  text-align: center;
  margin-right: 0;
  padding-top: 2px;
  padding-bottom: 0;
  height: 50px;
  line-height: 24px;
  border: none;
  background-color: transparent;
  border-bottom: 2px solid transparent;
}
.ant-tabs.ant-tabs-card.type-nav-card .ant-tabs-bar .ant-tabs-tab-active {
  border-color: var(--color-primary);
  background-color: var(--color-primary-slight);
}
.ant-tabs.ant-tabs-card.type-nav-card .ant-tabs-bar .tab-title {
  font-size: 14px;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ant-tabs.ant-tabs-card.type-nav-card .ant-tabs-bar .tab-title.with-icon {
  font-size: 12px;
}
.ant-tabs.ant-tabs-card.type-nav-card .ant-tabs-bar .tab-title .anticon {
  font-size: 14px;
  margin-right: 0;
}
.ant-tabs.ant-tabs-card.type-nav-card .ant-tabs-bar.ant-tabs-large-bar .ant-tabs-tab {
  padding: 21px 0 19px;
}
.ant-tabs.ant-tabs-card.type-nav-card .ant-tabs-bar.ant-tabs-small-bar .ant-tabs-tab {
  padding: 9px 0 7px;
  line-height: 22px;
}
.ant-tabs.ant-tabs-card.type-nav-card .ant-tabs-content {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #fff;
  border-radius: 0;
}
.ant-tabs.ant-tabs-card.type-nav-card .ant-tabs-nav {
  display: block;
  width: 100%;
  padding: 0;
}
.ant-tabs.ant-tabs-card.type-nav-card .ant-tabs-nav > div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ant-tabs.ant-tabs-card.type-radio-card {
  overflow: visible;
}
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-nav {
  border-radius: 2px;
  padding: 2px;
  border: solid 1px var(--color-border);
  background-color: var(--color-bg-dark);
}
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-bar {
  border-bottom: none;
  margin-bottom: 8px;
}
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-bar .ant-tabs-nav-container {
  height: auto;
}
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-bar .ant-tabs-tab {
  position: relative;
  margin-right: 0;
  padding: 6px 24px;
  line-height: 1.75em;
  border-radius: 2px;
  height: auto;
  color: var(--color-text-light);
  border: none;
  background-color: transparent;
}
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-bar .ant-tabs-tab::before {
  display: block;
  position: absolute;
  opacity: 1;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
  content: "";
  width: 1px;
  left: 0;
  top: 8px;
  bottom: 8px;
  background-color: var(--color-border-dark);
}
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-bar .ant-tabs-tab:first-child::before {
  opacity: 0;
}
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-bar .ant-tabs-tab-active {
  color: #fff;
  background-color: var(--color-primary);
}
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-bar .ant-tabs-tab-active::before {
  opacity: 0;
}
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-bar .ant-tabs-tab-active + .ant-tabs-tab::before {
  opacity: 0;
}
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-bar.ant-tabs-large-bar .ant-tabs-nav {
  border-radius: 4px;
}
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-bar.ant-tabs-large-bar .ant-tabs-tab {
  padding: 8px 24px;
  border-radius: 4px;
}
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-bar.ant-tabs-small-bar .ant-tabs-tab {
  padding: 4px 16px;
  height: 30px;
  line-height: 22px;
}
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-nav .ant-tabs-tab-disabled,
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-nav .ant-tabs-tab-disabled:hover {
  opacity: 0.5;
}
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-nav .ant-tabs-tab-disabled::before,
.ant-tabs.ant-tabs-card.type-radio-card .ant-tabs-nav .ant-tabs-tab-disabled:hover::before {
  background-color: #ccc;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.pop-confirm.type-primary .anticon {
  color: var(--color-primary);
}
.pop-confirm.type-danger .anticon {
  color: var(--color-danger);
}
.pop-confirm .without-icon .ant-popover-message-title {
  padding-left: 0;
}
.pop-confirm .ant-popover-message > .anticon {
  font-size: 15px;
}
.pop-confirm .ant-popover-buttons {
  margin-bottom: 0;
  padding-bottom: 4px;
}
.pop-confirm .ant-popover-buttons > .footer-extra {
  float: left;
  line-height: 24px;
  text-align: left;
  position: relative;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.pop-confirm.type-primary .anticon {
  color: var(--color-primary);
}
.pop-confirm.type-danger .anticon {
  color: var(--color-danger);
}
.pop-confirm .without-icon .ant-popover-message-title {
  padding-left: 0;
}
.pop-confirm .ant-popover-message > .anticon {
  font-size: 15px;
}
.pop-confirm .ant-popover-buttons {
  margin-bottom: 0;
  padding-bottom: 4px;
}
.pop-confirm .ant-popover-buttons > .footer-extra {
  float: left;
  line-height: 24px;
  text-align: left;
  position: relative;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.tui-comment {
  padding-top: 16px;
  border-bottom: 1px solid var(--color-border);
}
.tui-comment > .tui-comment {
  margin-left: 32px;
  padding-top: 12px;
  border-bottom: none;
  border-top: 1px solid var(--color-border);
}
.tui-comment .comment-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.tui-comment .comment-head .head-inner {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tui-comment .comment-avatar {
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
  background-color: var(--color-bg);
  margin-right: 12px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  overflow: hidden;
}
.tui-comment .comment-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}
.tui-comment .comment-avatar .avatar-badge {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 12px;
  line-height: 12px;
  color: var(--color-text);
  background-color: rgba(255, 255, 255, 0.8);
}
.tui-comment .comment-avatar .avatar-badge .badge-text {
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
}
.tui-comment .comment-author {
  font-size: 14px;
  line-height: 24px;
  color: var(--color-text-dark);
}
.tui-comment .reply-to {
  color: var(--color-text-light);
  margin: 0 4px;
}
.tui-comment .comment-time {
  color: var(--color-text-light);
  font-size: 12px;
}
.tui-comment .comment-body {
  position: relative;
  padding-right: 20px;
  padding-bottom: 16px;
}
.tui-comment .comment-body .comment-action {
  position: absolute;
  top: -6px;
  right: 0;
}
.tui-comment .comment-body .comment-action .tz-btn {
  font-size: 20px;
}
.tui-comment .comment-mention {
  position: relative;
  z-index: 99;
}
.tui-comment .comment-mention:hover {
  z-index: 100;
}
.tui-comment .comment-mention:hover .mention-tooltip {
  display: block;
}
.tui-comment .mention-label {
  cursor: pointer;
  color: var(--color-primary);
}
.tui-comment .mention-label:hover {
  color: var(--color-primary-dark);
}
.tz-comment-mention-tooltip {
  display: block;
  z-index: -1;
  opacity: 0;
  -webkit-transition: opacity 400ms;
  transition: opacity 400ms;
  position: fixed;
  padding: 16px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.5em;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  word-break: keep-all;
  background-color: #fff;
}
.tz-comment-mention-tooltip.visible {
  opacity: 1;
  z-index: 99999;
}
.tz-comment-mention-tooltip .tooltip-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tz-comment-mention-tooltip .mention-avatar {
  display: block;
  position: relative;
  width: 32px;
  height: 32px;
  margin: 0;
  border-radius: 50%;
  overflow: hidden;
}
.tz-comment-mention-tooltip .mention-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}
.tz-comment-mention-tooltip .mention-avatar .avatar-badge {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 12px;
  line-height: 12px;
  color: var(--color-text);
  background-color: rgba(255, 255, 255, 0.8);
}
.tz-comment-mention-tooltip .mention-avatar .avatar-badge .badge-text {
  display: block;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
}
.tz-comment-mention-tooltip .mention-author {
  color: var(--color-text-dark);
  margin: 0 8px 0 12px;
}
.tz-comment-mention-tooltip .mention-email {
  display: block;
  padding-left: 44px;
  color: var(--color-text-light);
}

.ant-carousel {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
.ant-carousel .slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.ant-carousel .slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.ant-carousel .slick-list:focus {
  outline: none;
}
.ant-carousel .slick-list.dragging {
  cursor: pointer;
}
.ant-carousel .slick-list .slick-slide {
  pointer-events: none;
}
.ant-carousel .slick-list .slick-slide input.ant-radio-input,
.ant-carousel .slick-list .slick-slide input.ant-checkbox-input {
  visibility: hidden;
}
.ant-carousel .slick-list .slick-slide.slick-active {
  pointer-events: auto;
}
.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,
.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {
  visibility: visible;
}
.ant-carousel .slick-slider .slick-track,
.ant-carousel .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.ant-carousel .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.ant-carousel .slick-track::before,
.ant-carousel .slick-track::after {
  display: table;
  content: '';
}
.ant-carousel .slick-track::after {
  clear: both;
}
.slick-loading .ant-carousel .slick-track {
  visibility: hidden;
}
.ant-carousel .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .ant-carousel .slick-slide {
  float: right;
}
.ant-carousel .slick-slide img {
  display: block;
}
.ant-carousel .slick-slide.slick-loading img {
  display: none;
}
.ant-carousel .slick-slide.dragging img {
  pointer-events: none;
}
.ant-carousel .slick-initialized .slick-slide {
  display: block;
}
.ant-carousel .slick-loading .slick-slide {
  visibility: hidden;
}
.ant-carousel .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.ant-carousel .slick-arrow.slick-hidden {
  display: none;
}
.ant-carousel .slick-prev,
.ant-carousel .slick-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.ant-carousel .slick-prev:hover,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-next:focus {
  color: transparent;
  background: transparent;
  outline: none;
}
.ant-carousel .slick-prev:hover::before,
.ant-carousel .slick-next:hover::before,
.ant-carousel .slick-prev:focus::before,
.ant-carousel .slick-next:focus::before {
  opacity: 1;
}
.ant-carousel .slick-prev.slick-disabled::before,
.ant-carousel .slick-next.slick-disabled::before {
  opacity: 0.25;
}
.ant-carousel .slick-prev {
  left: -25px;
}
.ant-carousel .slick-prev::before {
  content: '←';
}
.ant-carousel .slick-next {
  right: -25px;
}
.ant-carousel .slick-next::before {
  content: '→';
}
.ant-carousel .slick-dots {
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
}
.ant-carousel .slick-dots-bottom {
  bottom: 12px;
}
.ant-carousel .slick-dots-top {
  top: 12px;
}
.ant-carousel .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 2px;
  padding: 0;
  text-align: center;
  vertical-align: top;
}
.ant-carousel .slick-dots li button {
  display: block;
  width: 16px;
  height: 3px;
  padding: 0;
  color: transparent;
  font-size: 0;
  background: #fff;
  border: 0;
  border-radius: 1px;
  outline: none;
  cursor: pointer;
  opacity: 0.3;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.ant-carousel .slick-dots li button:hover,
.ant-carousel .slick-dots li button:focus {
  opacity: 0.75;
}
.ant-carousel .slick-dots li.slick-active button {
  width: 24px;
  background: #fff;
  opacity: 1;
}
.ant-carousel .slick-dots li.slick-active button:hover,
.ant-carousel .slick-dots li.slick-active button:focus {
  opacity: 1;
}
.ant-carousel-vertical .slick-dots {
  top: 50%;
  bottom: auto;
  width: 3px;
  height: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ant-carousel-vertical .slick-dots-left {
  left: 12px;
}
.ant-carousel-vertical .slick-dots-right {
  right: 12px;
}
.ant-carousel-vertical .slick-dots li {
  margin: 0 2px;
  vertical-align: baseline;
}
.ant-carousel-vertical .slick-dots li button {
  width: 3px;
  height: 16px;
}
.ant-carousel-vertical .slick-dots li.slick-active button {
  width: 3px;
  height: 24px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-carousel .slick-prev,
.ant-carousel .slick-next {
  z-index: 9;
  width: 18px;
  height: 18px;
  border-left: 2px solid var(--color-border-dark);
  border-top: 2px solid var(--color-border-dark);
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
  color: transparent;
}
.ant-carousel .slick-prev:hover,
.ant-carousel .slick-next:hover {
  border-color: #333;
}
.ant-carousel .slick-disabled {
  border-color: var(--color-border-dark);
  cursor: not-allowed;
}
.ant-carousel .slick-disabled:hover {
  border-color: var(--color-border-dark);
}
.ant-carousel .slick-prev {
  left: -18px;
}
.ant-carousel .slick-next {
  right: -18px;
  -webkit-transform: rotateZ(135deg);
          transform: rotateZ(135deg);
}
.tui-carousel-scroll {
  display: block;
  position: relative;
}
.tui-carousel-scroll .tui-carousel-scroll-over {
  overflow: hidden;
}
.tui-carousel-scroll .tui-carousel-scroll-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.tui-carousel-scroll .tui-carousel-scroll-inner.animate {
  -webkit-transition: all 400ms;
  transition: all 400ms;
}
.tui-carousel-scroll .tui-carousel-item {
  display: block;
}
.tui-carousel-scroll .scroll-prev,
.tui-carousel-scroll .scroll-next {
  z-index: 9;
  cursor: pointer;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  background-color: rgba(0, 0, 0, 0.5);
}
.tui-carousel-scroll .scroll-prev::before,
.tui-carousel-scroll .scroll-next::before {
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 3px;
  bottom: 0;
  left: 3px;
  right: 0;
  margin: auto;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  content: "";
}
.tui-carousel-scroll .scroll-prev:hover::before,
.tui-carousel-scroll .scroll-next:hover::before {
  border-color: var(--color-primary);
}
.tui-carousel-scroll .scroll-prev {
  left: -32px;
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}
.tui-carousel-scroll .scroll-next {
  right: -32px;
  -webkit-transform: rotateZ(135deg);
          transform: rotateZ(135deg);
}
.tui-carousel-scroll .scroll-disabled {
  display: none;
}

.ant-table-wrapper {
  zoom: 1;
}
.ant-table-wrapper::before,
.ant-table-wrapper::after {
  display: table;
  content: '';
}
.ant-table-wrapper::after {
  clear: both;
}
.ant-table {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  clear: both;
}
.ant-table-body {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ant-table-empty .ant-table-body {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}
.ant-table table {
  width: 100%;
  text-align: left;
  border-radius: 4px 4px 0 0;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-table-layout-fixed table {
  table-layout: fixed;
}
.ant-table-thead > tr > th {
  color: var(--color-text-dark);
  font-weight: 500;
  text-align: left;
  background: var(--color-bg-light);
  border-bottom: 1px solid var(--color-border-light);
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ant-table-thead > tr > th[colspan]:not([colspan='1']) {
  text-align: center;
}
.ant-table-thead > tr > th .anticon-filter,
.ant-table-thead > tr > th .ant-table-filter-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 100%;
  color: #bfbfbf;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-table-thead > tr > th .anticon-filter > svg,
.ant-table-thead > tr > th .ant-table-filter-icon > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -6px;
}
.ant-table-thead > tr > th .ant-table-filter-selected.anticon {
  color: var(--color-primary);
}
.ant-table-thead > tr > th .ant-table-column-sorter {
  display: table-cell;
  vertical-align: middle;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner {
  height: 1em;
  margin-top: 0.35em;
  margin-left: 0.57142857em;
  color: #bfbfbf;
  line-height: 1em;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down {
  display: inline-block;
  font-size: 12px;
  font-size: 11px \9;
  -webkit-transform: scale(0.91666667) rotate(0deg);
          transform: scale(0.91666667) rotate(0deg);
  display: block;
  height: 1em;
  line-height: 1em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
:root .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up,
:root .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down {
  font-size: 12px;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up.on,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down.on {
  color: var(--color-primary);
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full {
  margin-top: -0.15em;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-up,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-down {
  height: 0.5em;
  line-height: 0.5em;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-down {
  margin-top: 0.125em;
}
.ant-table-thead > tr > th.ant-table-column-has-actions {
  position: relative;
  background-clip: padding-box;
  /* stylelint-disable-next-line */
  -webkit-background-clip: border-box;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters {
  padding-right: 30px !important;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open {
  color: var(--color-text-light);
  background: #e0e5e9;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover {
  color: var(--color-text-light);
  background: #e0e5e9;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:active,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:active {
  color: var(--color-text-dark);
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters {
  cursor: pointer;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover {
  background: #e6e8ea;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .anticon-filter,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .ant-table-filter-icon {
  background: #e6e8ea;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-up:not(.on),
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-down:not(.on) {
  color: var(--color-text-light);
}
.ant-table-thead > tr > th .ant-table-header-column {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters {
  display: table;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters > .ant-table-column-title {
  display: table-cell;
  vertical-align: middle;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters > *:not(.ant-table-column-sorter) {
  position: relative;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters:hover::before {
  background: rgba(0, 0, 0, 0.04);
}
.ant-table-thead > tr > th.ant-table-column-has-sorters {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-table-thead > tr:first-child > th:first-child {
  border-top-left-radius: 4px;
}
.ant-table-thead > tr:first-child > th:last-child {
  border-top-right-radius: 4px;
}
.ant-table-thead > tr:not(:last-child) > th[colspan] {
  border-bottom: 0;
}
.ant-table-tbody > tr > td {
  border-bottom: 1px solid var(--color-border-light);
  -webkit-transition: all 0.3s, border 0s;
  transition: all 0.3s, border 0s;
}
.ant-table-thead > tr,
.ant-table-tbody > tr {
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
  background: var(--color-bg);
}
.ant-table-thead > tr.ant-table-row-selected > td.ant-table-column-sort,
.ant-table-tbody > tr.ant-table-row-selected > td.ant-table-column-sort {
  background: #fafafa;
}
.ant-table-thead > tr:hover.ant-table-row-selected > td,
.ant-table-tbody > tr:hover.ant-table-row-selected > td {
  background: #fafafa;
}
.ant-table-thead > tr:hover.ant-table-row-selected > td.ant-table-column-sort,
.ant-table-tbody > tr:hover.ant-table-row-selected > td.ant-table-column-sort {
  background: #fafafa;
}
.ant-table-thead > tr:hover {
  background: none;
}
.ant-table-footer {
  position: relative;
  padding: 16px 16px;
  color: var(--color-text-dark);
  background: var(--color-bg-light);
  border-top: 1px solid var(--color-border-light);
  border-radius: 0 0 4px 4px;
}
.ant-table-footer::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--color-bg-light);
  content: '';
}
.ant-table.ant-table-bordered .ant-table-footer {
  border: 1px solid var(--color-border-light);
}
.ant-table-title {
  position: relative;
  top: 1px;
  padding: 16px 0;
  border-radius: 4px 4px 0 0;
}
.ant-table.ant-table-bordered .ant-table-title {
  padding-right: 16px;
  padding-left: 16px;
  border: 1px solid var(--color-border-light);
}
.ant-table-title + .ant-table-content {
  position: relative;
  border-radius: 4px 4px 0 0;
}
.ant-table-bordered .ant-table-title + .ant-table-content,
.ant-table-bordered .ant-table-title + .ant-table-content table,
.ant-table-bordered .ant-table-title + .ant-table-content .ant-table-thead > tr:first-child > th {
  border-radius: 0;
}
.ant-table-without-column-header .ant-table-title + .ant-table-content,
.ant-table-without-column-header table {
  border-radius: 0;
}
.ant-table-without-column-header.ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border-top: 1px solid var(--color-border-light);
  border-radius: 4px;
}
.ant-table-tbody > tr.ant-table-row-selected td {
  color: inherit;
  background: #fafafa;
}
.ant-table-thead > tr > th.ant-table-column-sort {
  background: var(--color-bg);
}
.ant-table-tbody > tr > td.ant-table-column-sort {
  background: rgba(0, 0, 0, 0.01);
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td {
  padding: 16px 16px;
  overflow-wrap: break-word;
}
.ant-table-expand-icon-th,
.ant-table-row-expand-icon-cell {
  width: 50px;
  min-width: 50px;
  text-align: center;
}
.ant-table-header {
  overflow: hidden;
  background: var(--color-bg-light);
}
.ant-table-header table {
  border-radius: 4px 4px 0 0;
}
.ant-table-loading {
  position: relative;
}
.ant-table-loading .ant-table-body {
  background: #fff;
  opacity: 0.5;
}
.ant-table-loading .ant-table-spin-holder {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 20px;
  margin-left: -30px;
  line-height: 20px;
}
.ant-table-loading .ant-table-with-pagination {
  margin-top: -20px;
}
.ant-table-loading .ant-table-without-pagination {
  margin-top: 10px;
}
.ant-table-bordered .ant-table-header > table,
.ant-table-bordered .ant-table-body > table,
.ant-table-bordered .ant-table-fixed-left table,
.ant-table-bordered .ant-table-fixed-right table {
  border: 1px solid var(--color-border-light);
  border-right: 0;
  border-bottom: 0;
}
.ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border-right: 1px solid var(--color-border-light);
  border-left: 1px solid var(--color-border-light);
}
.ant-table-bordered.ant-table-fixed-header .ant-table-header > table {
  border-bottom: 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-body > table {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-header + .ant-table-body > table,
.ant-table-bordered.ant-table-fixed-header .ant-table-body-inner > table {
  border-top: 0;
}
.ant-table-bordered .ant-table-thead > tr:not(:last-child) > th {
  border-bottom: 1px solid var(--color-border-light);
}
.ant-table-bordered .ant-table-thead > tr > th,
.ant-table-bordered .ant-table-tbody > tr > td {
  border-right: 1px solid var(--color-border-light);
}
.ant-table-placeholder {
  position: relative;
  z-index: 1;
  margin-top: -1px;
  padding: 16px 16px;
  color: var(--color-text-disabled);
  font-size: 14px;
  text-align: center;
  background: #fff;
  border-top: 1px solid var(--color-border-light);
  border-bottom: 1px solid var(--color-border-light);
  border-radius: 0 0 4px 4px;
}
.ant-table-pagination.ant-pagination {
  float: right;
  margin: 16px 0;
}
.ant-table-filter-dropdown {
  position: relative;
  min-width: 96px;
  margin-left: -8px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-table-filter-dropdown .ant-dropdown-menu {
  max-height: calc(100vh - 130px);
  overflow-x: hidden;
  border: 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-table-filter-dropdown .ant-dropdown-menu-item > label + span {
  padding-right: 0;
}
.ant-table-filter-dropdown .ant-dropdown-menu-sub {
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-submenu-contain-selected .ant-dropdown-menu-submenu-title::after {
  color: var(--color-primary);
  font-weight: bold;
  text-shadow: 0 0 2px var(--color-primary-active);
}
.ant-table-filter-dropdown .ant-dropdown-menu-item {
  overflow: hidden;
}
.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-item:last-child,
.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title {
  border-radius: 0;
}
.ant-table-filter-dropdown-btns {
  padding: 7px 8px;
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}
.ant-table-filter-dropdown-link {
  color: var(--color-primary);
}
.ant-table-filter-dropdown-link:hover {
  color: var(--color-primary-dark);
}
.ant-table-filter-dropdown-link:active {
  color: var(--color-primary-dark);
}
.ant-table-filter-dropdown-link.confirm {
  float: left;
}
.ant-table-filter-dropdown-link.clear {
  float: right;
}
.ant-table-selection {
  white-space: nowrap;
}
.ant-table-selection-select-all-custom {
  margin-right: 4px !important;
}
.ant-table-selection .anticon-down {
  color: #bfbfbf;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-table-selection-menu {
  min-width: 96px;
  margin-top: 5px;
  margin-left: -30px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-table-selection-menu .ant-action-down {
  color: #bfbfbf;
}
.ant-table-selection-down {
  display: inline-block;
  padding: 0;
  line-height: 1;
  cursor: pointer;
}
.ant-table-selection-down:hover .anticon-down {
  color: rgba(0, 0, 0, 0.6);
}
.ant-table-row-expand-icon {
  color: var(--color-primary);
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  display: inline-block;
  width: 17px;
  height: 17px;
  color: inherit;
  line-height: 13px;
  text-align: center;
  background: #fff;
  border: 1px solid var(--color-border-light);
  border-radius: 2px;
  outline: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover {
  color: var(--color-primary-dark);
}
.ant-table-row-expand-icon:active {
  color: var(--color-primary-dark);
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover,
.ant-table-row-expand-icon:active {
  border-color: currentColor;
}
.ant-table-row-expanded::after {
  content: '-';
}
.ant-table-row-collapsed::after {
  content: '+';
}
.ant-table-row-spaced {
  visibility: hidden;
}
.ant-table-row-spaced::after {
  content: '.';
}
.ant-table-row-cell-ellipsis,
.ant-table-row-cell-ellipsis .ant-table-column-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-table-row-cell-ellipsis .ant-table-column-title {
  display: block;
}
.ant-table-row-cell-break-word {
  word-wrap: break-word;
  word-break: break-word;
}
tr.ant-table-expanded-row,
tr.ant-table-expanded-row:hover {
  background: #fbfbfb;
}
tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -16px -16px -17px;
}
.ant-table .ant-table-row-indent + .ant-table-row-expand-icon {
  margin-right: 8px;
}
.ant-table-scroll {
  overflow: auto;
  overflow-x: hidden;
}
.ant-table-scroll table {
  min-width: 100%;
}
.ant-table-scroll table .ant-table-fixed-columns-in-body:not([colspan]) {
  color: transparent;
}
.ant-table-scroll table .ant-table-fixed-columns-in-body:not([colspan]) > * {
  visibility: hidden;
}
.ant-table-body-inner {
  height: 100%;
}
.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
  position: relative;
  background: #fff;
}
.ant-table-fixed-header .ant-table-body-inner {
  overflow: scroll;
}
.ant-table-fixed-header .ant-table-scroll .ant-table-header {
  margin-bottom: -20px;
  padding-bottom: 20px;
  overflow: scroll;
  opacity: 0.9999;
}
.ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar {
  border: 1px solid var(--color-border-light);
  border-width: 0 0 1px 0;
}
.ant-table-hide-scrollbar {
  scrollbar-color: transparent transparent;
  min-width: unset;
}
.ant-table-hide-scrollbar::-webkit-scrollbar {
  min-width: inherit;
  background-color: transparent;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar {
  border: 1px solid var(--color-border-light);
  border-width: 1px 1px 1px 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-scroll .ant-table-header.ant-table-hide-scrollbar .ant-table-thead > tr:only-child > th:last-child {
  border-right-color: transparent;
}
.ant-table-fixed-left,
.ant-table-fixed-right {
  position: absolute;
  top: 0;
  z-index: 20;
  overflow: hidden;
  border-radius: 0;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
.ant-table-fixed-left table,
.ant-table-fixed-right table {
  width: auto;
  background: #fff;
}
.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-outer .ant-table-fixed,
.ant-table-fixed-header .ant-table-fixed-right .ant-table-body-outer .ant-table-fixed {
  border-radius: 0;
}
.ant-table-fixed-left {
  left: 0;
  -webkit-box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);
          box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);
}
.ant-table-fixed-left .ant-table-header {
  overflow-y: hidden;
}
.ant-table-fixed-left .ant-table-body-inner {
  margin-right: -20px;
  padding-right: 20px;
}
.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-inner {
  padding-right: 0;
}
.ant-table-fixed-left,
.ant-table-fixed-left table {
  border-radius: 4px 0 0 0;
}
.ant-table-fixed-left .ant-table-thead > tr > th:last-child {
  border-top-right-radius: 0;
}
.ant-table-fixed-right {
  right: 0;
  -webkit-box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);
          box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);
}
.ant-table-fixed-right,
.ant-table-fixed-right table {
  border-radius: 0 4px 0 0;
}
.ant-table-fixed-right .ant-table-expanded-row {
  color: transparent;
  pointer-events: none;
}
.ant-table-fixed-right .ant-table-thead > tr > th:first-child {
  border-top-left-radius: 0;
}
.ant-table.ant-table-scroll-position-left .ant-table-fixed-left {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-table.ant-table-scroll-position-right .ant-table-fixed-right {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-table colgroup > col.ant-table-selection-col {
  width: 60px;
}
.ant-table-thead > tr > th.ant-table-selection-column-custom .ant-table-selection {
  margin-right: -15px;
}
.ant-table-thead > tr > th.ant-table-selection-column,
.ant-table-tbody > tr > td.ant-table-selection-column {
  text-align: center;
}
.ant-table-thead > tr > th.ant-table-selection-column .ant-radio-wrapper,
.ant-table-tbody > tr > td.ant-table-selection-column .ant-radio-wrapper {
  margin-right: 0;
}
.ant-table-row[class*='ant-table-row-level-0'] .ant-table-selection-column > span {
  display: inline-block;
}
.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
  padding-left: 8px;
}
/**
* Another fix of Firefox:
*/
@supports (-moz-appearance: meterbar) {
  .ant-table-thead > tr > th.ant-table-column-has-actions {
    background-clip: padding-box;
  }
}
.ant-table-middle > .ant-table-title,
.ant-table-middle > .ant-table-content > .ant-table-footer {
  padding: 8px 8px;
}
.ant-table-middle > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
  padding: 8px 8px;
}
.ant-table-middle tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -8px -8px -9px;
}
.ant-table-small {
  border: 1px solid var(--color-border-light);
  border-radius: 4px;
}
.ant-table-small > .ant-table-title,
.ant-table-small > .ant-table-content > .ant-table-footer {
  padding: 8px 8px;
}
.ant-table-small > .ant-table-title {
  top: 0;
  border-bottom: 1px solid var(--color-border-light);
}
.ant-table-small > .ant-table-content > .ant-table-footer {
  background-color: transparent;
  border-top: 1px solid var(--color-border-light);
}
.ant-table-small > .ant-table-content > .ant-table-footer::before {
  background-color: transparent;
}
.ant-table-small > .ant-table-content > .ant-table-body {
  margin: 0 8px;
}
.ant-table-small > .ant-table-content > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table {
  border: 0;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
  padding: 8px 8px;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th {
  background-color: transparent;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr {
  border-bottom: 1px solid var(--color-border-light);
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort {
  background-color: rgba(0, 0, 0, 0.01);
}
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table {
  padding: 0;
}
.ant-table-small > .ant-table-content .ant-table-header {
  background-color: transparent;
  border-radius: 4px 4px 0 0;
}
.ant-table-small > .ant-table-content .ant-table-placeholder,
.ant-table-small > .ant-table-content .ant-table-row:last-child td {
  border-bottom: 0;
}
.ant-table-small.ant-table-bordered {
  border-right: 0;
}
.ant-table-small.ant-table-bordered .ant-table-title {
  border: 0;
  border-right: 1px solid var(--color-border-light);
  border-bottom: 1px solid var(--color-border-light);
}
.ant-table-small.ant-table-bordered .ant-table-content {
  border-right: 1px solid var(--color-border-light);
}
.ant-table-small.ant-table-bordered .ant-table-footer {
  border: 0;
  border-top: 1px solid var(--color-border-light);
}
.ant-table-small.ant-table-bordered .ant-table-footer::before {
  display: none;
}
.ant-table-small.ant-table-bordered .ant-table-placeholder {
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
.ant-table-small.ant-table-bordered .ant-table-thead > tr > th.ant-table-row-cell-last,
.ant-table-small.ant-table-bordered .ant-table-tbody > tr > td:last-child {
  border-right: none;
}
.ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-thead > tr > th:last-child,
.ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-tbody > tr > td:last-child {
  border-right: 1px solid var(--color-border-light);
}
.ant-table-small.ant-table-bordered .ant-table-fixed-right {
  border-right: 1px solid var(--color-border-light);
  border-left: 1px solid var(--color-border-light);
}
.ant-table-small tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -8px -8px -9px;
}
.ant-table-small.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
  border-radius: 0 0 4px 4px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-table {
  line-height: 1.43;
}
.ant-table-pagination.ant-pagination.with-total-left {
  float: none;
  text-align: right;
}
.ant-table-pagination.ant-pagination.with-total-left .ant-pagination-total-text {
  float: left;
}
.ant-table-row-expand-icon {
  width: 18px;
  height: 18px;
  border: none;
  vertical-align: middle;
  background-color: transparent;
}
.ant-table-row-expand-icon::after {
  display: block;
  margin: 4px;
  width: 10px;
  border-top: 5px solid transparent;
  border-left: 10px solid var(--color-text-light);
  border-bottom: 5px solid transparent;
  content: "";
}
.ant-table-row-expanded {
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}
.ant-table-middle {
  font-size: 12px;
}
.ant-table-middle.ant-table-bordered .ant-table-title {
  padding-left: 8px;
}
.ant-table-thead > tr > th {
  background-color: var(--color-bg-light);
  color: var(--color-text);
}
.ant-table-tbody > tr > td {
  color: var(--color-text-dark);
}
.table-theme-dark .ant-table-header {
  background-color: #A2ADB6;
}
.table-theme-dark .ant-table-header table {
  border-radius: 0;
}
.table-theme-dark .ant-table-thead > tr > th {
  background-color: #A2ADB6;
  color: #fff;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
@-webkit-keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
@keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
.ant-pagination {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
.ant-pagination ul,
.ant-pagination ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-pagination::after {
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ' ';
}
.ant-pagination-total-text {
  display: inline-block;
  height: 32px;
  margin-right: 8px;
  line-height: 30px;
  vertical-align: middle;
}
.ant-pagination-item {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  margin-right: 8px;
  font-family: arial;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  background-color: #fff;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-pagination-item a {
  display: block;
  padding: 0 6px;
  color: var(--color-text-dark);
  -webkit-transition: none;
  transition: none;
}
.ant-pagination-item a:hover {
  text-decoration: none;
}
.ant-pagination-item:focus,
.ant-pagination-item:hover {
  border-color: var(--color-primary);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-pagination-item:focus a,
.ant-pagination-item:hover a {
  color: var(--color-primary);
}
.ant-pagination-item-active {
  font-weight: 500;
  background: #fff;
  border-color: var(--color-primary);
}
.ant-pagination-item-active a {
  color: var(--color-primary);
}
.ant-pagination-item-active:focus,
.ant-pagination-item-active:hover {
  border-color: var(--color-primary);
}
.ant-pagination-item-active:focus a,
.ant-pagination-item-active:hover a {
  color: var(--color-primary);
}
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  outline: 0;
}
.ant-pagination-jump-prev .ant-pagination-item-container,
.ant-pagination-jump-next .ant-pagination-item-container {
  position: relative;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  display: inline-block;
  font-size: 12px;
  font-size: 12px \9;
  -webkit-transform: scale(1) rotate(0deg);
          transform: scale(1) rotate(0deg);
  color: var(--color-primary);
  letter-spacing: -1px;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
:root .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
:root .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  font-size: 12px;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  color: var(--color-text-disabled);
  letter-spacing: 2px;
  text-align: center;
  text-indent: 0.13em;
  opacity: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-next:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 1;
}
.ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 0;
}
.ant-pagination-prev,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  margin-right: 8px;
}
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  color: var(--color-text-dark);
  font-family: arial;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-pagination-prev,
.ant-pagination-next {
  outline: 0;
}
.ant-pagination-prev a,
.ant-pagination-next a {
  color: var(--color-text-dark);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-pagination-prev:hover a,
.ant-pagination-next:hover a {
  border-color: var(--color-primary);
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  display: block;
  height: 100%;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  outline: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-pagination-prev:focus .ant-pagination-item-link,
.ant-pagination-next:focus .ant-pagination-item-link,
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link {
  color: var(--color-primary);
  border-color: var(--color-primary);
}
.ant-pagination-disabled,
.ant-pagination-disabled:hover,
.ant-pagination-disabled:focus {
  cursor: not-allowed;
}
.ant-pagination-disabled a,
.ant-pagination-disabled:hover a,
.ant-pagination-disabled:focus a,
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link,
.ant-pagination-disabled:focus .ant-pagination-item-link {
  color: var(--color-text-disabled);
  border-color: var(--color-border);
  cursor: not-allowed;
}
.ant-pagination-slash {
  margin: 0 10px 0 5px;
}
.ant-pagination-options {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
}
.ant-pagination-options-size-changer.ant-select {
  display: inline-block;
  width: auto;
  margin-right: 8px;
}
.ant-pagination-options-quick-jumper {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  vertical-align: top;
}
.ant-pagination-options-quick-jumper input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 36px;
  padding: 6px 16px;
  color: var(--color-text-dark);
  font-size: 14px;
  line-height: 1.7;
  background-color: #fff;
  background-image: none;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 50px;
  margin: 0 8px;
}
.ant-pagination-options-quick-jumper input::-moz-placeholder {
  color: var(--color-text-light);
  opacity: 1;
}
.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
  color: var(--color-text-light);
}
.ant-pagination-options-quick-jumper input::-webkit-input-placeholder {
  color: var(--color-text-light);
}
.ant-pagination-options-quick-jumper input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:hover {
  border-color: var(--color-primary);
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input:focus {
  border-color: var(--color-primary);
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 var(--color-primary);
          box-shadow: 0 0 0 0 var(--color-primary);
}
.ant-pagination-options-quick-jumper input-disabled {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input-disabled:hover {
  border-color: var(--color-border);
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input[disabled] {
  color: var(--color-text-disabled);
  background-color: var(--color-bg-light);
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input[disabled]:hover {
  border-color: var(--color-border);
  border-right-width: 1px !important;
}
textarea.ant-pagination-options-quick-jumper input {
  max-width: 100%;
  height: auto;
  min-height: 36px;
  line-height: 1.7;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-pagination-options-quick-jumper input-lg {
  height: 48px;
  padding: 12px 16px;
  font-size: 16px;
}
.ant-pagination-options-quick-jumper input-sm {
  height: 28px;
  padding: 2px 12px;
}
.ant-pagination-simple .ant-pagination-prev,
.ant-pagination-simple .ant-pagination-next {
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
  height: 24px;
  border: 0;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination-simple .ant-pagination-simple-pager {
  display: inline-block;
  height: 24px;
  margin-right: 8px;
}
.ant-pagination-simple .ant-pagination-simple-pager input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  margin-right: 8px;
  padding: 0 6px;
  text-align: center;
  background-color: #fff;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  outline: none;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.ant-pagination-simple .ant-pagination-simple-pager input:hover {
  border-color: var(--color-primary);
}
.ant-pagination.mini .ant-pagination-total-text,
.ant-pagination.mini .ant-pagination-simple-pager {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-item {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
}
.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev,
.ant-pagination.mini .ant-pagination-next {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-jump-prev,
.ant-pagination.mini .ant-pagination-jump-next {
  height: 24px;
  margin-right: 0;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options {
  margin-left: 2px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper input {
  height: 28px;
  padding: 2px 12px;
  width: 44px;
}
.ant-pagination.ant-pagination-disabled {
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item {
  background: var(--color-bg-light);
  border-color: var(--color-border);
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item a {
  color: var(--color-text-disabled);
  background: transparent;
  border: none;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
  background: #dbdbdb;
  border-color: transparent;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
  color: #fff;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:hover,
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:focus {
  color: var(--color-text-light);
  background: var(--color-bg-light);
  border-color: var(--color-border);
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:focus .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 0;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 1;
}
@media only screen and (max-width: 1200px) {
  .ant-pagination-item-after-jump-prev,
  .ant-pagination-item-before-jump-next {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .ant-pagination-options {
    display: none;
  }
}
.ant-pagination {
  color: var(--color-text-dark);
}
.ant-pagination-total-text {
  line-height: 32px;
}
.ant-pagination-options-quick-jumper input {
  padding: 6px 12px;
}
.ant-pagination-item-active,
.ant-pagination-item:hover,
.ant-pagination-item:focus {
  background-color: var(--color-primary);
}
.ant-pagination-item-active a,
.ant-pagination-item:hover a,
.ant-pagination-item:focus a {
  color: #fff;
}
.ant-pagination.mini .ant-pagination-item:hover,
.ant-pagination.mini .ant-pagination-item:focus {
  background-color: var(--color-primary);
}
.ant-pagination.mini .ant-pagination-item:hover a,
.ant-pagination.mini .ant-pagination-item:focus a {
  color: #fff;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.tz-resize-box .resize-inner {
  position: relative;
  margin: 0 auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          -ms-user-select: none;
      user-select: none;
}
.tz-resize-box .resize-handle {
  position: absolute;
  z-index: 9;
  width: 8px;
  top: 0;
  bottom: 0;
  height: 60px;
  max-height: 90%;
  margin: auto;
  padding: 0 2px;
  cursor: col-resize;
  opacity: 0;
  -webkit-transition: all 400ms;
  transition: all 400ms;
}
.tz-resize-box .resize-handle:after {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--color-primary-light);
  border-radius: 2px;
}
.tz-resize-box .resize-handle-left {
  left: -8px;
}
.tz-resize-box .resize-handle-right {
  right: -8px;
}
.tz-resize-box:hover .resize-handle {
  opacity: 1;
}

.ant-breadcrumb {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  color: var(--color-text-light);
  font-size: 14px;
}
.ant-breadcrumb .anticon {
  font-size: 14px;
}
.ant-breadcrumb a {
  color: var(--color-text-light);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.ant-breadcrumb a:hover {
  color: var(--color-primary-hover);
}
.ant-breadcrumb > span:last-child {
  color: var(--color-text-dark);
}
.ant-breadcrumb > span:last-child a {
  color: var(--color-text-dark);
}
.ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
  display: none;
}
.ant-breadcrumb-separator {
  margin: 0 8px;
  color: var(--color-text-light);
}
.ant-breadcrumb-link > .anticon + span {
  margin-left: 4px;
}
.ant-breadcrumb-overlay-link > .anticon {
  margin-left: 4px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/

.ant-badge {
  position: relative;
  display: inline-block;
  color: unset;
  line-height: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--color-text-dark);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.7;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
.ant-badge-count {
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  text-align: center;
  background: var(--color-danger);
  border-radius: 10px;
  -webkit-box-shadow: 0 0 0 1px #fff;
          box-shadow: 0 0 0 1px #fff;
}
.ant-badge-count a,
.ant-badge-count a:hover {
  color: #fff;
}
.ant-badge-multiple-words {
  padding: 0 8px;
}
.ant-badge-dot {
  width: 6px;
  height: 6px;
  background: var(--color-danger);
  border-radius: 100%;
  -webkit-box-shadow: 0 0 0 1px #fff;
          box-shadow: 0 0 0 1px #fff;
}
.ant-badge-count,
.ant-badge-dot,
.ant-badge .ant-scroll-number-custom-component {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  -webkit-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
}
.ant-badge-status {
  line-height: inherit;
  vertical-align: baseline;
}
.ant-badge-status-dot {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-radius: 50%;
}
.ant-badge-status-success {
  background-color: var(--color-success);
}
.ant-badge-status-processing {
  position: relative;
  background-color: var(--color-progress);
}
.ant-badge-status-processing::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-progress);
  border-radius: 50%;
  -webkit-animation: antStatusProcessing 1.2s infinite ease-in-out;
          animation: antStatusProcessing 1.2s infinite ease-in-out;
  content: '';
}
.ant-badge-status-default {
  background-color: #d9d9d9;
}
.ant-badge-status-error {
  background-color: var(--color-danger);
}
.ant-badge-status-warning {
  background-color: var(--color-warning);
}
.ant-badge-status-pink {
  background: #eb2f96;
}
.ant-badge-status-magenta {
  background: #eb2f96;
}
.ant-badge-status-red {
  background: #f5222d;
}
.ant-badge-status-volcano {
  background: #fa541c;
}
.ant-badge-status-orange {
  background: #fa8c16;
}
.ant-badge-status-yellow {
  background: #fadb14;
}
.ant-badge-status-gold {
  background: #faad14;
}
.ant-badge-status-cyan {
  background: #13c2c2;
}
.ant-badge-status-lime {
  background: #a0d911;
}
.ant-badge-status-green {
  background: #52c41a;
}
.ant-badge-status-blue {
  background: #3cc8b4;
}
.ant-badge-status-geekblue {
  background: #2f54eb;
}
.ant-badge-status-purple {
  background: #722ed1;
}
.ant-badge-status-text {
  margin-left: 8px;
  color: var(--color-text-dark);
  font-size: 14px;
}
.ant-badge-zoom-appear,
.ant-badge-zoom-enter {
  -webkit-animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
          animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.ant-badge-zoom-leave {
  -webkit-animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
          animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.ant-badge-not-a-wrapper:not(.ant-badge-status) {
  vertical-align: middle;
}
.ant-badge-not-a-wrapper .ant-scroll-number {
  position: relative;
  top: auto;
  display: block;
}
.ant-badge-not-a-wrapper .ant-badge-count {
  -webkit-transform: none;
          transform: none;
}
@-webkit-keyframes antStatusProcessing {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(2.4);
            transform: scale(2.4);
    opacity: 0;
  }
}
@keyframes antStatusProcessing {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(2.4);
            transform: scale(2.4);
    opacity: 0;
  }
}
.ant-scroll-number {
  overflow: hidden;
}
.ant-scroll-number-only {
  display: inline-block;
  height: 20px;
  -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);
}
.ant-scroll-number-only > p.ant-scroll-number-only-unit {
  height: 20px;
  margin: 0;
}
.ant-scroll-number-symbol {
  vertical-align: top;
}
@-webkit-keyframes antZoomBadgeIn {
  0% {
    -webkit-transform: scale(0) translate(50%, -50%);
            transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1) translate(50%, -50%);
            transform: scale(1) translate(50%, -50%);
  }
}
@keyframes antZoomBadgeIn {
  0% {
    -webkit-transform: scale(0) translate(50%, -50%);
            transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1) translate(50%, -50%);
            transform: scale(1) translate(50%, -50%);
  }
}
@-webkit-keyframes antZoomBadgeOut {
  0% {
    -webkit-transform: scale(1) translate(50%, -50%);
            transform: scale(1) translate(50%, -50%);
  }
  100% {
    -webkit-transform: scale(0) translate(50%, -50%);
            transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
}
@keyframes antZoomBadgeOut {
  0% {
    -webkit-transform: scale(1) translate(50%, -50%);
            transform: scale(1) translate(50%, -50%);
  }
  100% {
    -webkit-transform: scale(0) translate(50%, -50%);
            transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-badge-count,
.ant-badge-dot {
  background-color: var(--color-danger);
}
.ant-badge-count-status-default .ant-badge-count {
  background-color: #d9d9d9;
}
.ant-badge-count-status-success .ant-badge-count {
  background-color: var(--color-success);
}
.ant-badge-count-status-warning .ant-badge-count {
  background-color: var(--color-warning);
}
.ant-badge-count-status-processing .ant-badge-count {
  background-color: var(--color-progress);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.file-select {
  position: relative;
  cursor: pointer;
}
.file-select .input-wrap {
  z-index: 9;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
}
.file-select .input-wrap input {
  cursor: pointer;
  display: block;
  width: 100%;
  height: 100%;
}
.file-select .input-wrap input::-ms-value {
  display: none;
  width: 0;
}
.file-select .input-wrap input::-ms-browse {
  width: 100%;
}
.file-select .select-box {
  background-color: var(--color-bg-light);
  padding: 30px;
  border: 1px dashed var(--color-border-dark);
  border-radius: 2px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.file-select .select-box.fix-height {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.file-select:hover .select-box,
.file-select:focus .select-box {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.file-select .box-icon {
  font-size: 40px;
  line-height: 1em;
  margin-bottom: 20px;
  text-align: center;
}
.file-select .box-title {
  text-align: center;
  font-size: 14px;
  margin-bottom: 5px;
  color: var(--color-text);
}
.file-select .box-subtitle {
  text-align: center;
  font-size: 12px;
  color: var(--color-text-light);
}
.file-select.disabled .select-box {
  background-color: var(--color-bg);
  border-color: var(--color-border-dark);
  cursor: not-allowed;
  color: var(--color-text);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
[class^=ant-]::-ms-clear,
[class*= ant-]::-ms-clear,
[class^=ant-] input::-ms-clear,
[class*= ant-] input::-ms-clear,
[class^=ant-] input::-ms-reveal,
[class*= ant-] input::-ms-reveal {
  display: none;
}
[class^=ant-],
[class*= ant-],
[class^=ant-] *,
[class*= ant-] *,
[class^=ant-] *::before,
[class*= ant-] *::before,
[class^=ant-] *::after,
[class*= ant-] *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
/* stylelint-disable at-rule-no-unknown */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
body {
  margin: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-variant: tabular-nums;
  line-height: 1.5715;
  background-color: #fff;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
[tabindex='-1']:focus {
  outline: none !important;
}
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #1890ff;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #40a9ff;
}
a:active {
  color: #096dd9;
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}
a:focus {
  text-decoration: none;
  outline: 0;
}
a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  pointer-events: none;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  color: rgba(0, 0, 0, 0.45);
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}
::-moz-selection {
  color: #fff;
  background: #1890ff;
}
::selection {
  color: #fff;
  background: #1890ff;
}
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon[tabindex] {
  cursor: pointer;
}
.anticon-spin::before {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
          animation: loadingCircle 1s infinite linear;
}
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
          animation: loadingCircle 1s infinite linear;
}
.fade-enter,
.fade-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.fade-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.fade-enter.fade-enter-active,
.fade-appear.fade-appear-active {
  -webkit-animation-name: antFadeIn;
          animation-name: antFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.fade-leave.fade-leave-active {
  -webkit-animation-name: antFadeOut;
          animation-name: antFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.fade-enter,
.fade-appear {
  opacity: 0;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.fade-leave {
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
@-webkit-keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.move-up-enter,
.move-up-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-up-enter.move-up-enter-active,
.move-up-appear.move-up-appear-active {
  -webkit-animation-name: antMoveUpIn;
          animation-name: antMoveUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.move-up-leave.move-up-leave-active {
  -webkit-animation-name: antMoveUpOut;
          animation-name: antMoveUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.move-up-enter,
.move-up-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-down-enter,
.move-down-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-down-enter.move-down-enter-active,
.move-down-appear.move-down-appear-active {
  -webkit-animation-name: antMoveDownIn;
          animation-name: antMoveDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.move-down-leave.move-down-leave-active {
  -webkit-animation-name: antMoveDownOut;
          animation-name: antMoveDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.move-down-enter,
.move-down-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-left-enter,
.move-left-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-left-enter.move-left-enter-active,
.move-left-appear.move-left-appear-active {
  -webkit-animation-name: antMoveLeftIn;
          animation-name: antMoveLeftIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.move-left-leave.move-left-leave-active {
  -webkit-animation-name: antMoveLeftOut;
          animation-name: antMoveLeftOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.move-left-enter,
.move-left-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-right-enter,
.move-right-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-right-enter.move-right-enter-active,
.move-right-appear.move-right-appear-active {
  -webkit-animation-name: antMoveRightIn;
          animation-name: antMoveRightIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.move-right-leave.move-right-leave-active {
  -webkit-animation-name: antMoveRightOut;
          animation-name: antMoveRightOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.move-right-enter,
.move-right-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@-webkit-keyframes antMoveDownIn {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveDownIn {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveDownOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveDownOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveLeftOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveLeftOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveRightIn {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveRightIn {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveRightOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveRightOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveUpIn {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveUpIn {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveUpOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveUpOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
[ant-click-animating='true'],
[ant-click-animating-without-extra-node='true'] {
  position: relative;
}
html {
  --antd-wave-shadow-color: #1890ff;
  --scroll-bar: 0;
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: inherit;
  -webkit-box-shadow: 0 0 0 0 #1890ff;
          box-shadow: 0 0 0 0 #1890ff;
  -webkit-box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
          box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  opacity: 0.2;
  -webkit-animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
          animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
@-webkit-keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 #1890ff;
            box-shadow: 0 0 0 #1890ff;
    -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
            box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 #1890ff;
            box-shadow: 0 0 0 #1890ff;
    -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
            box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@-webkit-keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
.slide-up-enter,
.slide-up-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-up-enter.slide-up-enter-active,
.slide-up-appear.slide-up-appear-active {
  -webkit-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.slide-up-leave.slide-up-leave-active {
  -webkit-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.slide-up-enter,
.slide-up-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-down-enter,
.slide-down-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-down-enter.slide-down-enter-active,
.slide-down-appear.slide-down-appear-active {
  -webkit-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.slide-down-leave.slide-down-leave-active {
  -webkit-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.slide-down-enter,
.slide-down-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-left-enter,
.slide-left-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-left-enter.slide-left-enter-active,
.slide-left-appear.slide-left-appear-active {
  -webkit-animation-name: antSlideLeftIn;
          animation-name: antSlideLeftIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.slide-left-leave.slide-left-leave-active {
  -webkit-animation-name: antSlideLeftOut;
          animation-name: antSlideLeftOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.slide-left-enter,
.slide-left-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-right-enter,
.slide-right-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-right-enter.slide-right-enter-active,
.slide-right-appear.slide-right-appear-active {
  -webkit-animation-name: antSlideRightIn;
          animation-name: antSlideRightIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.slide-right-leave.slide-right-leave-active {
  -webkit-animation-name: antSlideRightOut;
          animation-name: antSlideRightOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.slide-right-enter,
.slide-right-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@-webkit-keyframes antSlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes antSlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes antSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideLeftIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideLeftIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideLeftOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideLeftOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideRightIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes antSlideRightIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideRightOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
}
@keyframes antSlideRightOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
}
.zoom-enter,
.zoom-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-enter.zoom-enter-active,
.zoom-appear.zoom-appear-active {
  -webkit-animation-name: antZoomIn;
          animation-name: antZoomIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-leave.zoom-leave-active {
  -webkit-animation-name: antZoomOut;
          animation-name: antZoomOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-enter,
.zoom-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-enter,
.zoom-big-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-enter.zoom-big-enter-active,
.zoom-big-appear.zoom-big-appear-active {
  -webkit-animation-name: antZoomBigIn;
          animation-name: antZoomBigIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-big-leave.zoom-big-leave-active {
  -webkit-animation-name: antZoomBigOut;
          animation-name: antZoomBigOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-big-enter,
.zoom-big-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-fast-leave {
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-fast-enter.zoom-big-fast-enter-active,
.zoom-big-fast-appear.zoom-big-fast-appear-active {
  -webkit-animation-name: antZoomBigIn;
          animation-name: antZoomBigIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-big-fast-leave.zoom-big-fast-leave-active {
  -webkit-animation-name: antZoomBigOut;
          animation-name: antZoomBigOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-fast-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-up-enter,
.zoom-up-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-up-enter.zoom-up-enter-active,
.zoom-up-appear.zoom-up-appear-active {
  -webkit-animation-name: antZoomUpIn;
          animation-name: antZoomUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-up-leave.zoom-up-leave-active {
  -webkit-animation-name: antZoomUpOut;
          animation-name: antZoomUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-up-enter,
.zoom-up-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-down-enter,
.zoom-down-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-down-enter.zoom-down-enter-active,
.zoom-down-appear.zoom-down-appear-active {
  -webkit-animation-name: antZoomDownIn;
          animation-name: antZoomDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-down-leave.zoom-down-leave-active {
  -webkit-animation-name: antZoomDownOut;
          animation-name: antZoomDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-down-enter,
.zoom-down-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-left-enter,
.zoom-left-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-left-enter.zoom-left-enter-active,
.zoom-left-appear.zoom-left-appear-active {
  -webkit-animation-name: antZoomLeftIn;
          animation-name: antZoomLeftIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-left-leave.zoom-left-leave-active {
  -webkit-animation-name: antZoomLeftOut;
          animation-name: antZoomLeftOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-left-enter,
.zoom-left-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-right-enter,
.zoom-right-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-right-enter.zoom-right-enter-active,
.zoom-right-appear.zoom-right-appear-active {
  -webkit-animation-name: antZoomRightIn;
          animation-name: antZoomRightIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-right-leave.zoom-right-leave-active {
  -webkit-animation-name: antZoomRightOut;
          animation-name: antZoomRightOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-right-enter,
.zoom-right-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@-webkit-keyframes antZoomIn {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomIn {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
}
@-webkit-keyframes antZoomBigIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomBigIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}
@-webkit-keyframes antZoomUpIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}
@keyframes antZoomUpIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}
@-webkit-keyframes antZoomUpOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes antZoomUpOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomLeftIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
}
@keyframes antZoomLeftIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
}
@-webkit-keyframes antZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes antZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomRightIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
}
@keyframes antZoomRightIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
}
@-webkit-keyframes antZoomRightOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes antZoomRightOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomDownIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}
@keyframes antZoomDownIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}
@-webkit-keyframes antZoomDownOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
}
@keyframes antZoomDownOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
}
.ant-motion-collapse-legacy {
  overflow: hidden;
}
.ant-motion-collapse-legacy-active {
  -webkit-transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-motion-collapse {
  overflow: hidden;
  -webkit-transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-select-single .ant-select-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ant-select-single .ant-select-selector .ant-select-selection-search {
  position: absolute;
  top: 0;
  right: 11px;
  bottom: 0;
  left: 11px;
}
.ant-select-single .ant-select-selector .ant-select-selection-search-input {
  width: 100%;
}
.ant-select-single .ant-select-selector .ant-select-selection-item,
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  padding: 0;
  line-height: 30px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@supports (-moz-appearance: meterbar) {
  .ant-select-single .ant-select-selector .ant-select-selection-item,
  .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
    line-height: 30px;
  }
}
.ant-select-single .ant-select-selector .ant-select-selection-item {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  pointer-events: none;
}
.ant-select-single .ant-select-selector::after,
.ant-select-single .ant-select-selector .ant-select-selection-item::after,
.ant-select-single .ant-select-selector .ant-select-selection-placeholder::after {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '\a0';
}
.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
  right: 25px;
}
.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 18px;
}
.ant-select-single.ant-select-open .ant-select-selection-item {
  opacity: 0.4;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  position: relative;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  -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);
  width: 100%;
  height: 32px;
  padding: 0 11px;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector input {
  cursor: pointer;
}
.ant-select-show-search.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  cursor: text;
}
.ant-select-show-search.ant-select-single:not(.ant-select-customize-input) .ant-select-selector input {
  cursor: auto;
}
.ant-select-focused.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
          box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-select-disabled.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-select-disabled.ant-select-single:not(.ant-select-customize-input) .ant-select-selector input {
  cursor: not-allowed;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  outline: none;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
  height: 30px;
}
.ant-select-single.ant-select-customize-input .ant-select-selector::after {
  display: none;
}
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
  position: static;
  width: 100%;
}
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
  position: absolute;
  right: 0;
  left: 0;
  padding: 0 11px;
}
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
  display: none;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
  height: 40px;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
  line-height: 38px;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
  height: 38px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
  height: 24px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
  line-height: 22px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
  height: 22px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search {
  right: 7px;
  left: 7px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
  padding: 0 7px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
  right: 28px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 21px;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
  padding: 0 11px;
}
/**
 * Do not merge `height` & `line-height` under style with `selection` & `search`,
 * since chrome may update to redesign with its align logic.
 */
.ant-select-multiple .ant-select-selector {
  position: relative;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  -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);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1px 4px;
}
.ant-select-multiple .ant-select-selector input {
  cursor: pointer;
}
.ant-select-show-search.ant-select-multiple .ant-select-selector {
  cursor: text;
}
.ant-select-show-search.ant-select-multiple .ant-select-selector input {
  cursor: auto;
}
.ant-select-focused.ant-select-multiple .ant-select-selector {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
          box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-select-disabled.ant-select-multiple .ant-select-selector {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-select-disabled.ant-select-multiple .ant-select-selector input {
  cursor: not-allowed;
}
.ant-select-multiple .ant-select-selector .ant-select-selection-search-input {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  outline: none;
}
.ant-select-show-search.ant-select-multiple .ant-select-selector {
  cursor: text;
}
.ant-select-multiple .ant-select-selector::after {
  display: inline-block;
  width: 0;
  margin: 2px 0;
  line-height: 24px;
  content: '\a0';
}
.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
  padding-right: 24px;
}
.ant-select-multiple .ant-select-selection-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
  height: 24px;
  margin-top: 2px;
  margin-right: 4px;
  margin-bottom: 2px;
  padding: 0 4px 0 8px;
  line-height: 22px;
  background: #f5f5f5;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  cursor: default;
  -webkit-transition: font-size 0.3s, line-height 0.3s, height 0.3s;
  transition: font-size 0.3s, line-height 0.3s, height 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-select-multiple .ant-select-selection-item-content {
  display: inline-block;
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-select-multiple .ant-select-selection-item-remove {
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  font-size: 12px;
  line-height: inherit;
  cursor: pointer;
  display: inline-block;
  font-size: 10px;
}
.ant-select-multiple .ant-select-selection-item-remove > * {
  line-height: 1;
}
.ant-select-multiple .ant-select-selection-item-remove svg {
  display: inline-block;
}
.ant-select-multiple .ant-select-selection-item-remove::before {
  display: none;
}
.ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
  display: block;
}
.ant-select-multiple .ant-select-selection-item-remove > .anticon {
  vertical-align: -0.2em;
}
.ant-select-multiple .ant-select-selection-item-remove:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-select-multiple .ant-select-selection-search {
  position: relative;
  margin-left: 0.5px;
}
.ant-select-multiple .ant-select-selection-search-input,
.ant-select-multiple .ant-select-selection-search-mirror {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  line-height: 1.5715;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-select-multiple .ant-select-selection-search-input {
  width: 100%;
  min-width: 3px;
}
.ant-select-multiple .ant-select-selection-search-mirror {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  white-space: nowrap;
  visibility: hidden;
}
.ant-select-multiple .ant-select-selection-search:first-child .ant-select-selection-search-input {
  margin-left: 6.5px;
}
.ant-select-multiple .ant-select-selection-placeholder {
  position: absolute;
  top: 50%;
  right: 11px;
  left: 11px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-select-multiple.ant-select-lg .ant-select-selector::after {
  line-height: 32px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-item {
  height: 32px;
  line-height: 30px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-search {
  height: 33px;
  line-height: 33px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
.ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
  height: 32px;
  line-height: 30px;
}
.ant-select-multiple.ant-select-sm .ant-select-selector::after {
  line-height: 16px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-item {
  height: 16px;
  line-height: 14px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search {
  height: 17px;
  line-height: 17px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search-input,
.ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
  height: 16px;
  line-height: 14px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
  left: 7px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search:first-child .ant-select-selection-search-input {
  margin-left: 3px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-item {
  height: 32px;
  line-height: 32px;
}
.ant-select-disabled .ant-select-selection-item-remove {
  display: none;
}
/* Reset search input style */
.ant-select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-select-selection-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media all and (-ms-high-contrast: none) {
  .ant-select-selection-item *::-ms-backdrop,
  .ant-select-selection-item {
    -ms-flex: auto;
        flex: auto;
  }
}
.ant-select-selection-placeholder {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  opacity: 0.4;
}
@media all and (-ms-high-contrast: none) {
  .ant-select-selection-placeholder *::-ms-backdrop,
  .ant-select-selection-placeholder {
    -ms-flex: auto;
        flex: auto;
  }
}
.ant-select-arrow {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 53%;
  right: 11px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 1;
  text-align: center;
  pointer-events: none;
}
.ant-select-arrow > * {
  line-height: 1;
}
.ant-select-arrow svg {
  display: inline-block;
}
.ant-select-arrow::before {
  display: none;
}
.ant-select-arrow .ant-select-arrow-icon {
  display: block;
}
.ant-select-arrow .anticon {
  vertical-align: top;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.ant-select-arrow .anticon > svg {
  vertical-align: top;
}
.ant-select-arrow .anticon:not(.ant-select-suffix) {
  pointer-events: auto;
}
.ant-select-clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  font-style: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: color 0.3s ease, opacity 0.15s ease;
  transition: color 0.3s ease, opacity 0.15s ease;
  text-rendering: auto;
}
.ant-select-clear::before {
  display: block;
}
.ant-select-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-select:hover .ant-select-clear {
  opacity: 1;
}
.ant-select-dropdown {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 4px 0;
  overflow: hidden;
  font-size: 14px;
  font-variant: initial;
  background-color: #fff;
  border-radius: 2px;
  outline: none;
  -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
  -webkit-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft {
  -webkit-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
  -webkit-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft {
  -webkit-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
}
.ant-select-dropdown-hidden {
  display: none;
}
.ant-select-dropdown-empty {
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-item-empty {
  position: relative;
  display: block;
  min-height: 32px;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-item {
  position: relative;
  display: block;
  min-height: 32px;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ant-select-item-group {
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  cursor: default;
}
.ant-select-item-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ant-select-item-option-content {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-select-item-option-state {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: #f5f5f5;
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  color: rgba(0, 0, 0, 0.65);
  font-weight: 600;
  background-color: #e6f7ff;
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
  color: #1890ff;
}
.ant-select-item-option-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-item-option-grouped {
  padding-left: 24px;
}
.ant-select-lg {
  font-size: 16px;
}
.ant-select-borderless .ant-select-selector {
  background-color: transparent !important;
  border-color: transparent !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.ant-select-rtl {
  direction: rtl;
}
.ant-select-rtl .ant-select-arrow {
  right: initial;
  left: 11px;
}
.ant-select-rtl .ant-select-clear {
  right: initial;
  left: 11px;
}
.ant-select-dropdown-rtl {
  direction: rtl;
}
.ant-select-dropdown-rtl .ant-select-item-option-grouped {
  padding-right: 24px;
  padding-left: 12px;
}
.ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
  padding-right: 4px;
  padding-left: 24px;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-item {
  margin-right: 0;
  margin-left: 4px;
  padding: 0 8px 0 4px;
  text-align: right;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
  margin-right: 0;
  margin-left: 4px;
  text-align: right;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-search {
  margin-right: 0.5px;
  margin-left: 4px;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
  right: 0;
  left: auto;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
  right: 11px;
  left: auto;
}
.ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
  right: 7px;
}
.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,
.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  right: 0;
  left: 9px;
  text-align: right;
}
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
  right: 11px;
  left: 25px;
}
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 0;
  padding-left: 18px;
}
.ant-select-rtl.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  padding: 0 11px;
}
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
  right: 0;
}
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 0;
  padding-left: 21px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-empty {
  margin: 0 8px;
  font-size: 14px;
  line-height: 1.5715;
  text-align: center;
}
.ant-empty-image {
  height: 100px;
  margin-bottom: 8px;
}
.ant-empty-image img {
  height: 100%;
}
.ant-empty-image svg {
  height: 100%;
  margin: auto;
}
.ant-empty-description {
  margin: 0;
}
.ant-empty-footer {
  margin-top: 16px;
}
.ant-empty-normal {
  margin: 32px 0;
  color: rgba(0, 0, 0, 0.25);
}
.ant-empty-normal .ant-empty-image {
  height: 40px;
}
.ant-empty-small {
  margin: 8px 0;
  color: rgba(0, 0, 0, 0.25);
}
.ant-empty-small .ant-empty-image {
  height: 35px;
}
.ant-empty-img-default-ellipse {
  fill-opacity: 0.8;
  fill: #f5f5f5;
}
.ant-empty-img-default-path-1 {
  fill: #aeb8c2;
}
.ant-empty-img-default-path-2 {
  fill: url(#linearGradient-1);
}
.ant-empty-img-default-path-3 {
  fill: #f5f5f7;
}
.ant-empty-img-default-path-4 {
  fill: #dce0e6;
}
.ant-empty-img-default-path-5 {
  fill: #dce0e6;
}
.ant-empty-img-default-g {
  fill: #fff;
}
.ant-empty-img-simple-ellipse {
  fill: #f5f5f5;
}
.ant-empty-img-simple-g {
  stroke: #d9d9d9;
}
.ant-empty-img-simple-path {
  fill: #fafafa;
}
.ant-empty-rtl {
  direction: rtl;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.tz-category-tree-select {
  width: 100%;
}
.tz-category-tree-select .ant-select-selection__choice {
  height: auto !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  line-height: 18px !important;
  border-radius: 100px !important;
}
.tz-category-tree-select .ant-select-selection__choice__content {
  white-space: pre-wrap;
  vertical-align: middle;
}
.tz-category-tree-select .ant-select-selection__choice__remove {
  top: 0;
  right: 10px;
  bottom: 0;
  height: 20px;
  margin: auto;
  color: #fff;
}
.tz-tree-search-match {
  color: var(--color-primary);
}
.tz-category-tree-select-dropdown {
  overflow: auto;
}
.category-tree-select-empty {
  padding: 20px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.check-list .list-item {
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.check-list .list-item:first-child {
  margin-top: 0;
}
.check-list .list-item .item-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.check-list .list-item .item-title .ant-checkbox-wrapper {
  display: block;
  position: relative;
  padding-left: 16px;
}
.check-list .list-item .item-title .ant-checkbox-wrapper .ant-checkbox {
  position: absolute;
  left: 0;
  top: 3px;
}
.check-list .list-item .item-title .ant-checkbox-wrapper .ant-checkbox + span {
  display: block;
}
.check-list .list-item .item-subtitle {
  font-size: 12px;
  line-height: 23px;
  color: var(--color-text-light);
}
.check-list .list-more {
  margin-top: 8px;
}
.check-list .list-more .more-action {
  color: var(--color-text-light);
  cursor: pointer;
}
.check-list .list-more .more-action:hover {
  color: var(--color-primary);
}
.check-list-group .check-list,
.check-list-groups .check-list {
  padding-left: 18px;
}
.check-list-group .head-subtitle,
.check-list-groups .head-subtitle {
  font-size: 12px;
  position: absolute;
  right: 20px;
  top: 1px;
  color: var(--color-text-light);
}
.check-list-group.ant-collapse > .ant-collapse-item,
.check-list-groups.ant-collapse > .ant-collapse-item {
  padding-bottom: 0;
  border: none;
}
.check-list-group.ant-collapse > .ant-collapse-item .ant-collapse-content > .ant-collapse-content-box,
.check-list-groups.ant-collapse > .ant-collapse-item .ant-collapse-content > .ant-collapse-content-box {
  padding-top: 8px;
}
.check-list-group.ant-collapse > .ant-collapse-item > .ant-collapse-header,
.check-list-groups.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  padding-top: 0;
}
.check-list-group.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow,
.check-list-groups.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  top: 5px;
}
.check-list-groups .more-action {
  color: var(--color-text-light);
  cursor: pointer;
}
.check-list-groups .more-action:hover {
  color: var(--color-primary);
}
.check-list-groups.ant-collapse > .ant-collapse-item {
  padding-bottom: 12px;
}
.check-list-groups.ant-collapse > .ant-collapse-item:last-child {
  padding-bottom: 0;
}
.check-list-rows {
  position: relative;
}
.check-list-rows.scrolled {
  padding: 0 24px;
}
.check-list-rows.scrolled .scroll-left,
.check-list-rows.scrolled .scroll-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.check-list-rows .rows-scroll {
  overflow: hidden;
  position: relative;
}
.check-list-rows .scroll-left,
.check-list-rows .scroll-right {
  display: none;
  z-index: 9;
  position: absolute;
  top: 0;
  bottom: 0;
  font-size: 16px;
  width: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.check-list-rows .scroll-left:hover,
.check-list-rows .scroll-right:hover {
  color: var(--color-primary);
}
.check-list-rows .scroll-left {
  left: 0;
}
.check-list-rows .scroll-right {
  right: 0;
}
.check-list-rows .rows-inner {
  white-space: nowrap;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: all 400ms;
  transition: all 400ms;
}
.check-list-rows .row-item {
  padding: 8px;
  display: inline-block;
  white-space: nowrap;
  position: relative;
  padding-right: 30px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.check-list-rows .row-item .item-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  margin: auto;
  width: 1em;
  height: 1em;
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
  -webkit-transition: all 400ms;
  transition: all 400ms;
}
.check-list-rows .row-item.active {
  background-color: var(--color-bg);
}
.check-list-rows .row-item.active .item-icon {
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}
.check-list-rows .check-list-drop {
  position: absolute;
  left: 0;
  right: 0;
  display: none;
}
.check-list-rows .check-list-drop .check-list-rows-sub {
  margin-top: 0;
}
.check-list-rows:hover .check-list-drop {
  display: block;
}
.check-list-rows-sub {
  zoom: 1;
  margin-top: -4px;
  padding: 8px 0;
  background-color: var(--color-bg);
  border-radius: 4px;
}
.check-list-rows-sub::before,
.check-list-rows-sub::after {
  display: table;
  content: '';
}
.check-list-rows-sub::after {
  clear: both;
}
.check-list-rows-sub.no-tlr {
  border-top-left-radius: 0;
}
.check-list-rows-sub.no-trr {
  border-top-right-radius: 0;
}
.check-list-rows-sub .sub-item {
  float: left;
  padding: 4px 8px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/*
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
@primary-5: color(
  ~`colorPalette('@{primary-color}', 5) `
); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused

@text-color: fade(@black, 65%);
@text-color-secondary: fade(@black, 45%);
@text-color-inverse: @white;

@icon-color-hover: fade(@black, 75%);
@heading-color: fade(#000, 85%);
@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);

@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
@link-active-color: color(~`colorPalette('@{link-color}', 7) `);

@switch-shadow-color: fade(#00230b, 20%);

@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-dot-border-color-active: tint(@primary-color, 50%);

@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
*/
/*
@alert-success-border-color: ~`colorPalette("@{success-color}", 3) `;
@alert-success-bg-color: ~`colorPalette("@{success-color}", 1) `;
@alert-success-icon-color: @success-color;
@alert-info-border-color: ~`colorPalette("@{info-color}", 3) `;
@alert-info-bg-color: ~`colorPalette("@{info-color}", 1) `;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: ~`colorPalette("@{warning-color}", 3) `;
@alert-warning-bg-color: ~`colorPalette("@{warning-color}", 1) `;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: ~`colorPalette("@{error-color}", 3) `;
@alert-error-bg-color: ~`colorPalette("@{error-color}", 1) `;
@alert-error-icon-color: @error-color;
*/
.ant-drawer {
  position: fixed;
  z-index: 1000;
  width: 0%;
  height: 100%;
  -webkit-transition: height 0s ease 0.3s, width 0s ease 0.3s, -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: height 0s ease 0.3s, width 0s ease 0.3s, -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), height 0s ease 0.3s, width 0s ease 0.3s;
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), height 0s ease 0.3s, width 0s ease 0.3s, -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer > * {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), -webkit-box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), -webkit-box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), -webkit-box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-content-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ant-drawer .ant-drawer-content {
  width: 100%;
  height: 100%;
}
.ant-drawer-left,
.ant-drawer-right {
  top: 0;
  width: 0%;
  height: 100%;
}
.ant-drawer-left .ant-drawer-content-wrapper,
.ant-drawer-right .ant-drawer-content-wrapper {
  height: 100%;
}
.ant-drawer-left.ant-drawer-open,
.ant-drawer-right.ant-drawer-open {
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-left {
  left: 0;
}
.ant-drawer-left .ant-drawer-content-wrapper {
  left: 0;
}
.ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
  -webkit-box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
          box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-right {
  right: 0;
}
.ant-drawer-right .ant-drawer-content-wrapper {
  right: 0;
}
.ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
  -webkit-box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
          box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-right.ant-drawer-open.no-mask {
  right: 1px;
  -webkit-transform: translateX(1px);
          transform: translateX(1px);
}
.ant-drawer-top,
.ant-drawer-bottom {
  left: 0;
  width: 100%;
  height: 0%;
}
.ant-drawer-top .ant-drawer-content-wrapper,
.ant-drawer-bottom .ant-drawer-content-wrapper {
  width: 100%;
}
.ant-drawer-top.ant-drawer-open,
.ant-drawer-bottom.ant-drawer-open {
  height: 100%;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-top {
  top: 0;
}
.ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-bottom {
  bottom: 0;
}
.ant-drawer-bottom .ant-drawer-content-wrapper {
  bottom: 0;
}
.ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {
  -webkit-box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-bottom.ant-drawer-open.no-mask {
  bottom: 1px;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.ant-drawer.ant-drawer-open .ant-drawer-mask {
  height: 100%;
  opacity: 1;
  -webkit-transition: none;
  transition: none;
  -webkit-animation: antdDrawerFadeIn 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
          animation: antdDrawerFadeIn 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  pointer-events: auto;
}
.ant-drawer-title {
  margin: 0;
  color: var(--color-text-dark);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
.ant-drawer-content {
  position: relative;
  z-index: 1;
  overflow: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
}
.ant-drawer-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: block;
  padding: 20px;
  color: var(--color-text-light);
  font-weight: 700;
  font-size: 16px;
  font-style: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  text-rendering: auto;
}
.ant-drawer-close:focus,
.ant-drawer-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-drawer-header-no-title .ant-drawer-close {
  margin-right: var(--scroll-bar);
  /* stylelint-disable-next-line function-calc-no-invalid */
  padding-right: calc(20px - var(--scroll-bar));
}
.ant-drawer-header {
  position: relative;
  padding: 16px 24px;
  color: var(--color-text-dark);
  background: #fff;
  border-bottom: 1px solid var(--color-border-light);
  border-radius: 4px 4px 0 0;
}
.ant-drawer-header-no-title {
  color: var(--color-text-dark);
  background: #fff;
}
.ant-drawer-wrapper-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  height: 100%;
}
.ant-drawer-body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 24px;
  overflow: auto;
  font-size: 14px;
  line-height: 1.7;
  word-wrap: break-word;
}
.ant-drawer-footer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 10px 10px;
  border-top: 1px solid var(--color-border-light);
}
.ant-drawer-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: rgba(0, 0, 0, 0.65);
  opacity: 0;
  filter: alpha(opacity=45);
  -webkit-transition: opacity 0.3s linear, height 0s ease 0.3s;
  transition: opacity 0.3s linear, height 0s ease 0.3s;
  pointer-events: none;
}
.ant-drawer-open-content {
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.ant-drawer .ant-picker-clear {
  background: #fff;
}
@-webkit-keyframes antdDrawerFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antdDrawerFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ant-drawer-rtl {
  direction: rtl;
}
.ant-drawer-rtl .ant-drawer-close {
  right: auto;
  left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-divider {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.tzui-divider-vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  height: 0.9em;
  margin: 0 8px;
  vertical-align: middle;
  border-top: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.tzui-divider-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  clear: both;
  width: 100%;
  min-width: 100%;
  margin: 24px 0;
}
.tzui-divider-horizontal.tzui-divider-with-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 16px 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-align: center;
  border-top: 0;
  border-top-color: rgba(0, 0, 0, 0.06);
}
.tzui-divider-horizontal.tzui-divider-with-text::before,
.tzui-divider-horizontal.tzui-divider-with-text::after {
  position: relative;
  width: 50%;
  border-top: 1px solid transparent;
  border-top-color: inherit;
  border-bottom: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  content: '';
}
.tzui-divider-horizontal.tzui-divider-with-text-left::before {
  width: 5%;
}
.tzui-divider-horizontal.tzui-divider-with-text-left::after {
  width: 95%;
}
.tzui-divider-horizontal.tzui-divider-with-text-right::before {
  width: 95%;
}
.tzui-divider-horizontal.tzui-divider-with-text-right::after {
  width: 5%;
}
.tzui-divider-inner-text {
  display: inline-block;
  padding: 0 1em;
}
.tzui-divider-dashed {
  background: none;
  border-color: rgba(0, 0, 0, 0.06);
  border-style: dashed;
  border-width: 1px 0 0;
}
.tzui-divider-horizontal.tzui-divider-with-text.tzui-divider-dashed::before,
.tzui-divider-horizontal.tzui-divider-with-text.tzui-divider-dashed::after {
  border-style: dashed none none;
}
.tzui-divider-vertical.tzui-divider-dashed {
  border-width: 0 0 0 1px;
}
.tzui-divider-plain.tzui-divider-with-text {
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
}
.tzui-divider-horizontal.tzui-divider-with-text-left.tzui-divider-no-default-orientation-margin-left::before {
  width: 0;
}
.tzui-divider-horizontal.tzui-divider-with-text-left.tzui-divider-no-default-orientation-margin-left::after {
  width: 100%;
}
.tzui-divider-horizontal.tzui-divider-with-text-left.tzui-divider-no-default-orientation-margin-left .tzui-divider-inner-text {
  padding-left: 0;
}
.tzui-divider-horizontal.tzui-divider-with-text-right.tzui-divider-no-default-orientation-margin-right::before {
  width: 100%;
}
.tzui-divider-horizontal.tzui-divider-with-text-right.tzui-divider-no-default-orientation-margin-right::after {
  width: 0;
}
.tzui-divider-horizontal.tzui-divider-with-text-right.tzui-divider-no-default-orientation-margin-right .tzui-divider-inner-text {
  padding-right: 0;
}
.tzui-divider-rtl {
  direction: rtl;
}
.tzui-divider-rtl.tzui-divider-horizontal.tzui-divider-with-text-left::before {
  width: 95%;
}
.tzui-divider-rtl.tzui-divider-horizontal.tzui-divider-with-text-left::after {
  width: 5%;
}
.tzui-divider-rtl.tzui-divider-horizontal.tzui-divider-with-text-right::before {
  width: 5%;
}
.tzui-divider-rtl.tzui-divider-horizontal.tzui-divider-with-text-right::after {
  width: 95%;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-radio-group {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
  font-size: 0;
}
.tzui-radio-group .tzui-badge-count {
  z-index: 1;
}
.tzui-radio-group > .tzui-badge:not(:first-child) > .tzui-radio-button-wrapper {
  border-left: none;
}
.tzui-radio-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-right: 8px;
  cursor: pointer;
}
.tzui-radio-wrapper-disabled {
  cursor: not-allowed;
}
.tzui-radio-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\a0';
}
.tzui-radio-wrapper.tzui-radio-wrapper-in-form-item input[type='radio'] {
  width: 14px;
  height: 14px;
}
.tzui-radio {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  display: inline-block;
  outline: none;
  cursor: pointer;
}
.tzui-radio-wrapper:hover .tzui-radio,
.tzui-radio:hover .tzui-radio-inner,
.tzui-radio-input:focus + .tzui-radio-inner {
  border-color: var(--color-primary);
}
.tzui-radio-input:focus + .tzui-radio-inner {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-radio-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-primary);
  border-radius: 50%;
  visibility: hidden;
  -webkit-animation: antRadioEffect 0.36s ease-in-out;
          animation: antRadioEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  content: '';
}
.tzui-radio:hover::after,
.tzui-radio-wrapper:hover .tzui-radio::after {
  visibility: visible;
}
.tzui-radio-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-color: var(--color-border);
  border-style: solid;
  border-width: 1px;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-radio-inner::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background-color: var(--color-primary);
  border-top: 0;
  border-left: 0;
  border-radius: 16px;
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}
.tzui-radio-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}
.tzui-radio.tzui-radio-disabled .tzui-radio-inner {
  border-color: var(--color-border);
}
.tzui-radio-checked .tzui-radio-inner {
  border-color: var(--color-primary);
}
.tzui-radio-checked .tzui-radio-inner::after {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  opacity: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.tzui-radio-disabled {
  cursor: not-allowed;
}
.tzui-radio-disabled .tzui-radio-inner {
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.tzui-radio-disabled .tzui-radio-inner::after {
  background-color: rgba(0, 0, 0, 0.2);
}
.tzui-radio-disabled .tzui-radio-input {
  cursor: not-allowed;
}
.tzui-radio-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
span.tzui-radio + * {
  padding-right: 8px;
  padding-left: 8px;
}
.tzui-radio-button-wrapper {
  position: relative;
  display: inline-block;
  height: 32px;
  margin: 0;
  padding: 0 15px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 30px;
  background: #fff;
  border: 1px solid var(--color-border);
  border-top-width: 1.02px;
  border-left-width: 0;
  cursor: pointer;
  -webkit-transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
  transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
  transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
  transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
}
.tzui-radio-button-wrapper a {
  color: rgba(0, 0, 0, 0.85);
}
.tzui-radio-button-wrapper > .tzui-radio-button {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.tzui-radio-group-large .tzui-radio-button-wrapper {
  height: 40px;
  font-size: 16px;
  line-height: 38px;
}
.tzui-radio-group-small .tzui-radio-button-wrapper {
  height: 24px;
  padding: 0 7px;
  line-height: 22px;
}
.tzui-radio-button-wrapper:not(:first-child)::before {
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 1px;
  height: 100%;
  padding: 1px 0;
  background-color: var(--color-border);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  content: '';
}
.tzui-radio-button-wrapper:first-child {
  border-left: 1px solid var(--color-border);
  border-radius: 4px 0 0 4px;
}
.tzui-radio-button-wrapper:last-child {
  border-radius: 0 4px 4px 0;
}
.tzui-radio-button-wrapper:first-child:last-child {
  border-radius: 4px;
}
.tzui-radio-button-wrapper:hover {
  position: relative;
  color: var(--color-primary);
}
.tzui-radio-button-wrapper:focus-within {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-radio-button-wrapper .tzui-radio-inner,
.tzui-radio-button-wrapper input[type='checkbox'],
.tzui-radio-button-wrapper input[type='radio'] {
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.tzui-radio-button-wrapper-checked:not(.tzui-radio-button-wrapper-disabled) {
  z-index: 1;
  color: var(--color-primary);
  background: #fff;
  border-color: var(--color-primary);
}
.tzui-radio-button-wrapper-checked:not(.tzui-radio-button-wrapper-disabled)::before {
  background-color: var(--color-primary);
}
.tzui-radio-button-wrapper-checked:not(.tzui-radio-button-wrapper-disabled):first-child {
  border-color: var(--color-primary);
}
.tzui-radio-button-wrapper-checked:not(.tzui-radio-button-wrapper-disabled):hover {
  color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.tzui-radio-button-wrapper-checked:not(.tzui-radio-button-wrapper-disabled):hover::before {
  background-color: var(--color-primary-hover);
}
.tzui-radio-button-wrapper-checked:not(.tzui-radio-button-wrapper-disabled):active {
  color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.tzui-radio-button-wrapper-checked:not(.tzui-radio-button-wrapper-disabled):active::before {
  background-color: var(--color-primary-dark);
}
.tzui-radio-button-wrapper-checked:not(.tzui-radio-button-wrapper-disabled):focus-within {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-radio-group-solid .tzui-radio-button-wrapper-checked:not(.tzui-radio-button-wrapper-disabled) {
  color: #fff;
  background: var(--color-primary);
  border-color: var(--color-primary);
}
.tzui-radio-group-solid .tzui-radio-button-wrapper-checked:not(.tzui-radio-button-wrapper-disabled):hover {
  color: #fff;
  background: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.tzui-radio-group-solid .tzui-radio-button-wrapper-checked:not(.tzui-radio-button-wrapper-disabled):active {
  color: #fff;
  background: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}
.tzui-radio-group-solid .tzui-radio-button-wrapper-checked:not(.tzui-radio-button-wrapper-disabled):focus-within {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-radio-button-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: var(--color-border);
  cursor: not-allowed;
}
.tzui-radio-button-wrapper-disabled:first-child,
.tzui-radio-button-wrapper-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: var(--color-border);
}
.tzui-radio-button-wrapper-disabled:first-child {
  border-left-color: var(--color-border);
}
.tzui-radio-button-wrapper-disabled.tzui-radio-button-wrapper-checked {
  color: rgba(0, 0, 0, 0.25);
  background-color: #e6e6e6;
  border-color: var(--color-border);
  -webkit-box-shadow: none;
          box-shadow: none;
}
@-webkit-keyframes antRadioEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
@keyframes antRadioEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
.tzui-radio-group.tzui-radio-group-rtl {
  direction: rtl;
}
.tzui-radio-wrapper.tzui-radio-wrapper-rtl {
  margin-right: 0;
  margin-left: 8px;
  direction: rtl;
}
.tzui-radio-button-wrapper.tzui-radio-button-wrapper-rtl {
  border-right-width: 0;
  border-left-width: 1px;
}
.tzui-radio-button-wrapper.tzui-radio-button-wrapper-rtl.tzui-radio-button-wrapper:not(:first-child)::before {
  right: -1px;
  left: 0;
}
.tzui-radio-button-wrapper.tzui-radio-button-wrapper-rtl.tzui-radio-button-wrapper:first-child {
  border-right: 1px solid var(--color-border);
  border-radius: 0 4px 4px 0;
}
.tzui-radio-button-wrapper-checked:not([class*=' tzui-radio-button-wrapper-disabled']).tzui-radio-button-wrapper:first-child {
  border-right-color: var(--color-primary-hover);
}
.tzui-radio-button-wrapper.tzui-radio-button-wrapper-rtl.tzui-radio-button-wrapper:last-child {
  border-radius: 4px 0 0 4px;
}
.tzui-radio-button-wrapper.tzui-radio-button-wrapper-rtl.tzui-radio-button-wrapper-disabled:first-child {
  border-right-color: var(--color-border);
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  pointer-events: none;
}
.tzui-drawer-inline {
  position: absolute;
}
.tzui-drawer-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.45);
  pointer-events: auto;
}
.tzui-drawer-content-wrapper {
  position: absolute;
  z-index: 1000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-drawer-content-wrapper-hidden {
  display: none;
}
.tzui-drawer-left > .tzui-drawer-content-wrapper {
  top: 0;
  bottom: 0;
  left: 0;
  -webkit-box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
          box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
}
.tzui-drawer-right > .tzui-drawer-content-wrapper {
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
          box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
}
.tzui-drawer-top > .tzui-drawer-content-wrapper {
  top: 0;
  right: 0;
  left: 0;
  -webkit-box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
          box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}
.tzui-drawer-bottom > .tzui-drawer-content-wrapper {
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
          box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
}
.tzui-drawer-content {
  width: 100%;
  height: 100%;
  overflow: auto;
  background: #fff;
  pointer-events: auto;
}
.tzui-drawer-wrapper-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
}
.tzui-drawer-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 24px;
  font-size: 16px;
  line-height: 22px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.tzui-drawer-header-title {
  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;
  min-width: 0;
  min-height: 0;
}
.tzui-drawer-extra {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.tzui-drawer-close {
  display: inline-block;
  margin-right: 12px;
  color: #858e99;
  font-weight: 700;
  font-size: 16px;
  font-style: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  text-rendering: auto;
}
.tzui-drawer-close:focus,
.tzui-drawer-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.tzui-drawer-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
.tzui-drawer-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  min-height: 0;
  padding: 24px;
  overflow: auto;
}
.tzui-drawer-footer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 10px 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.panel-motion-enter-start,
.panel-motion-appear-start,
.panel-motion-leave-start {
  -webkit-transition: none;
  transition: none;
}
.panel-motion-enter-active,
.panel-motion-appear-active,
.panel-motion-leave-active {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-drawer-mask-motion-enter-active,
.tzui-drawer-mask-motion-appear-active,
.tzui-drawer-mask-motion-leave-active {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-drawer-mask-motion-enter,
.tzui-drawer-mask-motion-appear {
  opacity: 0;
}
.tzui-drawer-mask-motion-enter-active,
.tzui-drawer-mask-motion-appear-active {
  opacity: 1;
}
.tzui-drawer-mask-motion-leave {
  opacity: 1;
}
.tzui-drawer-mask-motion-leave-active {
  opacity: 0;
}
.tzui-drawer-panel-motion-left-enter-start,
.tzui-drawer-panel-motion-left-appear-start,
.tzui-drawer-panel-motion-left-leave-start {
  -webkit-transition: none;
  transition: none;
}
.tzui-drawer-panel-motion-left-enter-active,
.tzui-drawer-panel-motion-left-appear-active,
.tzui-drawer-panel-motion-left-leave-active {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-drawer-panel-motion-left-enter-start,
.tzui-drawer-panel-motion-left-appear-start {
  -webkit-transform: translateX(-100%) !important;
          transform: translateX(-100%) !important;
}
.tzui-drawer-panel-motion-left-enter-active,
.tzui-drawer-panel-motion-left-appear-active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.tzui-drawer-panel-motion-left-leave {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.tzui-drawer-panel-motion-left-leave-active {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.tzui-drawer-panel-motion-right-enter-start,
.tzui-drawer-panel-motion-right-appear-start,
.tzui-drawer-panel-motion-right-leave-start {
  -webkit-transition: none;
  transition: none;
}
.tzui-drawer-panel-motion-right-enter-active,
.tzui-drawer-panel-motion-right-appear-active,
.tzui-drawer-panel-motion-right-leave-active {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-drawer-panel-motion-right-enter-start,
.tzui-drawer-panel-motion-right-appear-start {
  -webkit-transform: translateX(100%) !important;
          transform: translateX(100%) !important;
}
.tzui-drawer-panel-motion-right-enter-active,
.tzui-drawer-panel-motion-right-appear-active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.tzui-drawer-panel-motion-right-leave {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.tzui-drawer-panel-motion-right-leave-active {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.tzui-drawer-panel-motion-top-enter-start,
.tzui-drawer-panel-motion-top-appear-start,
.tzui-drawer-panel-motion-top-leave-start {
  -webkit-transition: none;
  transition: none;
}
.tzui-drawer-panel-motion-top-enter-active,
.tzui-drawer-panel-motion-top-appear-active,
.tzui-drawer-panel-motion-top-leave-active {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-drawer-panel-motion-top-enter-start,
.tzui-drawer-panel-motion-top-appear-start {
  -webkit-transform: translateY(-100%) !important;
          transform: translateY(-100%) !important;
}
.tzui-drawer-panel-motion-top-enter-active,
.tzui-drawer-panel-motion-top-appear-active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.tzui-drawer-panel-motion-top-leave {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.tzui-drawer-panel-motion-top-leave-active {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.tzui-drawer-panel-motion-bottom-enter-start,
.tzui-drawer-panel-motion-bottom-appear-start,
.tzui-drawer-panel-motion-bottom-leave-start {
  -webkit-transition: none;
  transition: none;
}
.tzui-drawer-panel-motion-bottom-enter-active,
.tzui-drawer-panel-motion-bottom-appear-active,
.tzui-drawer-panel-motion-bottom-leave-active {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-drawer-panel-motion-bottom-enter-start,
.tzui-drawer-panel-motion-bottom-appear-start {
  -webkit-transform: translateY(100%) !important;
          transform: translateY(100%) !important;
}
.tzui-drawer-panel-motion-bottom-enter-active,
.tzui-drawer-panel-motion-bottom-appear-active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.tzui-drawer-panel-motion-bottom-leave {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.tzui-drawer-panel-motion-bottom-leave-active {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.tzui-drawer-rtl {
  direction: rtl;
}
.tzui-drawer-rtl .tzui-drawer-close {
  margin-right: 0;
  margin-left: 12px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  min-width: 0;
}
.tzui-row::before,
.tzui-row::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tzui-row-no-wrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.tzui-row-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.tzui-row-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tzui-row-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.tzui-row-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tzui-row-space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.tzui-row-space-evenly {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.tzui-row-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.tzui-row-middle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tzui-row-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.tzui-col {
  position: relative;
  max-width: 100%;
  min-height: 1px;
}
.tzui-col-24 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
.tzui-col-push-24 {
  left: 100%;
}
.tzui-col-pull-24 {
  right: 100%;
}
.tzui-col-offset-24 {
  margin-left: 100%;
}
.tzui-col-order-24 {
  -webkit-box-ordinal-group: 25;
      -ms-flex-order: 24;
          order: 24;
}
.tzui-col-23 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 95.83333333%;
          flex: 0 0 95.83333333%;
  max-width: 95.83333333%;
}
.tzui-col-push-23 {
  left: 95.83333333%;
}
.tzui-col-pull-23 {
  right: 95.83333333%;
}
.tzui-col-offset-23 {
  margin-left: 95.83333333%;
}
.tzui-col-order-23 {
  -webkit-box-ordinal-group: 24;
      -ms-flex-order: 23;
          order: 23;
}
.tzui-col-22 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.66666667%;
          flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.tzui-col-push-22 {
  left: 91.66666667%;
}
.tzui-col-pull-22 {
  right: 91.66666667%;
}
.tzui-col-offset-22 {
  margin-left: 91.66666667%;
}
.tzui-col-order-22 {
  -webkit-box-ordinal-group: 23;
      -ms-flex-order: 22;
          order: 22;
}
.tzui-col-21 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 87.5%;
          flex: 0 0 87.5%;
  max-width: 87.5%;
}
.tzui-col-push-21 {
  left: 87.5%;
}
.tzui-col-pull-21 {
  right: 87.5%;
}
.tzui-col-offset-21 {
  margin-left: 87.5%;
}
.tzui-col-order-21 {
  -webkit-box-ordinal-group: 22;
      -ms-flex-order: 21;
          order: 21;
}
.tzui-col-20 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.33333333%;
          flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.tzui-col-push-20 {
  left: 83.33333333%;
}
.tzui-col-pull-20 {
  right: 83.33333333%;
}
.tzui-col-offset-20 {
  margin-left: 83.33333333%;
}
.tzui-col-order-20 {
  -webkit-box-ordinal-group: 21;
      -ms-flex-order: 20;
          order: 20;
}
.tzui-col-19 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 79.16666667%;
          flex: 0 0 79.16666667%;
  max-width: 79.16666667%;
}
.tzui-col-push-19 {
  left: 79.16666667%;
}
.tzui-col-pull-19 {
  right: 79.16666667%;
}
.tzui-col-offset-19 {
  margin-left: 79.16666667%;
}
.tzui-col-order-19 {
  -webkit-box-ordinal-group: 20;
      -ms-flex-order: 19;
          order: 19;
}
.tzui-col-18 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}
.tzui-col-push-18 {
  left: 75%;
}
.tzui-col-pull-18 {
  right: 75%;
}
.tzui-col-offset-18 {
  margin-left: 75%;
}
.tzui-col-order-18 {
  -webkit-box-ordinal-group: 19;
      -ms-flex-order: 18;
          order: 18;
}
.tzui-col-17 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70.83333333%;
          flex: 0 0 70.83333333%;
  max-width: 70.83333333%;
}
.tzui-col-push-17 {
  left: 70.83333333%;
}
.tzui-col-pull-17 {
  right: 70.83333333%;
}
.tzui-col-offset-17 {
  margin-left: 70.83333333%;
}
.tzui-col-order-17 {
  -webkit-box-ordinal-group: 18;
      -ms-flex-order: 17;
          order: 17;
}
.tzui-col-16 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66666667%;
          flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.tzui-col-push-16 {
  left: 66.66666667%;
}
.tzui-col-pull-16 {
  right: 66.66666667%;
}
.tzui-col-offset-16 {
  margin-left: 66.66666667%;
}
.tzui-col-order-16 {
  -webkit-box-ordinal-group: 17;
      -ms-flex-order: 16;
          order: 16;
}
.tzui-col-15 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 62.5%;
          flex: 0 0 62.5%;
  max-width: 62.5%;
}
.tzui-col-push-15 {
  left: 62.5%;
}
.tzui-col-pull-15 {
  right: 62.5%;
}
.tzui-col-offset-15 {
  margin-left: 62.5%;
}
.tzui-col-order-15 {
  -webkit-box-ordinal-group: 16;
      -ms-flex-order: 15;
          order: 15;
}
.tzui-col-14 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.33333333%;
          flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.tzui-col-push-14 {
  left: 58.33333333%;
}
.tzui-col-pull-14 {
  right: 58.33333333%;
}
.tzui-col-offset-14 {
  margin-left: 58.33333333%;
}
.tzui-col-order-14 {
  -webkit-box-ordinal-group: 15;
      -ms-flex-order: 14;
          order: 14;
}
.tzui-col-13 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 54.16666667%;
          flex: 0 0 54.16666667%;
  max-width: 54.16666667%;
}
.tzui-col-push-13 {
  left: 54.16666667%;
}
.tzui-col-pull-13 {
  right: 54.16666667%;
}
.tzui-col-offset-13 {
  margin-left: 54.16666667%;
}
.tzui-col-order-13 {
  -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
          order: 13;
}
.tzui-col-12 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}
.tzui-col-push-12 {
  left: 50%;
}
.tzui-col-pull-12 {
  right: 50%;
}
.tzui-col-offset-12 {
  margin-left: 50%;
}
.tzui-col-order-12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12;
}
.tzui-col-11 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45.83333333%;
          flex: 0 0 45.83333333%;
  max-width: 45.83333333%;
}
.tzui-col-push-11 {
  left: 45.83333333%;
}
.tzui-col-pull-11 {
  right: 45.83333333%;
}
.tzui-col-offset-11 {
  margin-left: 45.83333333%;
}
.tzui-col-order-11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11;
}
.tzui-col-10 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.66666667%;
          flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.tzui-col-push-10 {
  left: 41.66666667%;
}
.tzui-col-pull-10 {
  right: 41.66666667%;
}
.tzui-col-offset-10 {
  margin-left: 41.66666667%;
}
.tzui-col-order-10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}
.tzui-col-9 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 37.5%;
          flex: 0 0 37.5%;
  max-width: 37.5%;
}
.tzui-col-push-9 {
  left: 37.5%;
}
.tzui-col-pull-9 {
  right: 37.5%;
}
.tzui-col-offset-9 {
  margin-left: 37.5%;
}
.tzui-col-order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}
.tzui-col-8 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333333%;
          flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.tzui-col-push-8 {
  left: 33.33333333%;
}
.tzui-col-pull-8 {
  right: 33.33333333%;
}
.tzui-col-offset-8 {
  margin-left: 33.33333333%;
}
.tzui-col-order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}
.tzui-col-7 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 29.16666667%;
          flex: 0 0 29.16666667%;
  max-width: 29.16666667%;
}
.tzui-col-push-7 {
  left: 29.16666667%;
}
.tzui-col-pull-7 {
  right: 29.16666667%;
}
.tzui-col-offset-7 {
  margin-left: 29.16666667%;
}
.tzui-col-order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}
.tzui-col-6 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}
.tzui-col-push-6 {
  left: 25%;
}
.tzui-col-pull-6 {
  right: 25%;
}
.tzui-col-offset-6 {
  margin-left: 25%;
}
.tzui-col-order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}
.tzui-col-5 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20.83333333%;
          flex: 0 0 20.83333333%;
  max-width: 20.83333333%;
}
.tzui-col-push-5 {
  left: 20.83333333%;
}
.tzui-col-pull-5 {
  right: 20.83333333%;
}
.tzui-col-offset-5 {
  margin-left: 20.83333333%;
}
.tzui-col-order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
.tzui-col-4 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66666667%;
          flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.tzui-col-push-4 {
  left: 16.66666667%;
}
.tzui-col-pull-4 {
  right: 16.66666667%;
}
.tzui-col-offset-4 {
  margin-left: 16.66666667%;
}
.tzui-col-order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.tzui-col-3 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12.5%;
          flex: 0 0 12.5%;
  max-width: 12.5%;
}
.tzui-col-push-3 {
  left: 12.5%;
}
.tzui-col-pull-3 {
  right: 12.5%;
}
.tzui-col-offset-3 {
  margin-left: 12.5%;
}
.tzui-col-order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.tzui-col-2 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.33333333%;
          flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.tzui-col-push-2 {
  left: 8.33333333%;
}
.tzui-col-pull-2 {
  right: 8.33333333%;
}
.tzui-col-offset-2 {
  margin-left: 8.33333333%;
}
.tzui-col-order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.tzui-col-1 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4.16666667%;
          flex: 0 0 4.16666667%;
  max-width: 4.16666667%;
}
.tzui-col-push-1 {
  left: 4.16666667%;
}
.tzui-col-pull-1 {
  right: 4.16666667%;
}
.tzui-col-offset-1 {
  margin-left: 4.16666667%;
}
.tzui-col-order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.tzui-col-0 {
  display: none;
}
.tzui-col-push-0 {
  left: auto;
}
.tzui-col-pull-0 {
  right: auto;
}
.tzui-col-push-0 {
  left: auto;
}
.tzui-col-pull-0 {
  right: auto;
}
.tzui-col-offset-0 {
  margin-left: 0;
}
.tzui-col-order-0 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.tzui-col-push-0.tzui-col-rtl {
  right: auto;
}
.tzui-col-pull-0.tzui-col-rtl {
  left: auto;
}
.tzui-col-push-0.tzui-col-rtl {
  right: auto;
}
.tzui-col-pull-0.tzui-col-rtl {
  left: auto;
}
.tzui-col-offset-0.tzui-col-rtl {
  margin-right: 0;
}
.tzui-col-push-1.tzui-col-rtl {
  right: 4.16666667%;
  left: auto;
}
.tzui-col-pull-1.tzui-col-rtl {
  right: auto;
  left: 4.16666667%;
}
.tzui-col-offset-1.tzui-col-rtl {
  margin-right: 4.16666667%;
  margin-left: 0;
}
.tzui-col-push-2.tzui-col-rtl {
  right: 8.33333333%;
  left: auto;
}
.tzui-col-pull-2.tzui-col-rtl {
  right: auto;
  left: 8.33333333%;
}
.tzui-col-offset-2.tzui-col-rtl {
  margin-right: 8.33333333%;
  margin-left: 0;
}
.tzui-col-push-3.tzui-col-rtl {
  right: 12.5%;
  left: auto;
}
.tzui-col-pull-3.tzui-col-rtl {
  right: auto;
  left: 12.5%;
}
.tzui-col-offset-3.tzui-col-rtl {
  margin-right: 12.5%;
  margin-left: 0;
}
.tzui-col-push-4.tzui-col-rtl {
  right: 16.66666667%;
  left: auto;
}
.tzui-col-pull-4.tzui-col-rtl {
  right: auto;
  left: 16.66666667%;
}
.tzui-col-offset-4.tzui-col-rtl {
  margin-right: 16.66666667%;
  margin-left: 0;
}
.tzui-col-push-5.tzui-col-rtl {
  right: 20.83333333%;
  left: auto;
}
.tzui-col-pull-5.tzui-col-rtl {
  right: auto;
  left: 20.83333333%;
}
.tzui-col-offset-5.tzui-col-rtl {
  margin-right: 20.83333333%;
  margin-left: 0;
}
.tzui-col-push-6.tzui-col-rtl {
  right: 25%;
  left: auto;
}
.tzui-col-pull-6.tzui-col-rtl {
  right: auto;
  left: 25%;
}
.tzui-col-offset-6.tzui-col-rtl {
  margin-right: 25%;
  margin-left: 0;
}
.tzui-col-push-7.tzui-col-rtl {
  right: 29.16666667%;
  left: auto;
}
.tzui-col-pull-7.tzui-col-rtl {
  right: auto;
  left: 29.16666667%;
}
.tzui-col-offset-7.tzui-col-rtl {
  margin-right: 29.16666667%;
  margin-left: 0;
}
.tzui-col-push-8.tzui-col-rtl {
  right: 33.33333333%;
  left: auto;
}
.tzui-col-pull-8.tzui-col-rtl {
  right: auto;
  left: 33.33333333%;
}
.tzui-col-offset-8.tzui-col-rtl {
  margin-right: 33.33333333%;
  margin-left: 0;
}
.tzui-col-push-9.tzui-col-rtl {
  right: 37.5%;
  left: auto;
}
.tzui-col-pull-9.tzui-col-rtl {
  right: auto;
  left: 37.5%;
}
.tzui-col-offset-9.tzui-col-rtl {
  margin-right: 37.5%;
  margin-left: 0;
}
.tzui-col-push-10.tzui-col-rtl {
  right: 41.66666667%;
  left: auto;
}
.tzui-col-pull-10.tzui-col-rtl {
  right: auto;
  left: 41.66666667%;
}
.tzui-col-offset-10.tzui-col-rtl {
  margin-right: 41.66666667%;
  margin-left: 0;
}
.tzui-col-push-11.tzui-col-rtl {
  right: 45.83333333%;
  left: auto;
}
.tzui-col-pull-11.tzui-col-rtl {
  right: auto;
  left: 45.83333333%;
}
.tzui-col-offset-11.tzui-col-rtl {
  margin-right: 45.83333333%;
  margin-left: 0;
}
.tzui-col-push-12.tzui-col-rtl {
  right: 50%;
  left: auto;
}
.tzui-col-pull-12.tzui-col-rtl {
  right: auto;
  left: 50%;
}
.tzui-col-offset-12.tzui-col-rtl {
  margin-right: 50%;
  margin-left: 0;
}
.tzui-col-push-13.tzui-col-rtl {
  right: 54.16666667%;
  left: auto;
}
.tzui-col-pull-13.tzui-col-rtl {
  right: auto;
  left: 54.16666667%;
}
.tzui-col-offset-13.tzui-col-rtl {
  margin-right: 54.16666667%;
  margin-left: 0;
}
.tzui-col-push-14.tzui-col-rtl {
  right: 58.33333333%;
  left: auto;
}
.tzui-col-pull-14.tzui-col-rtl {
  right: auto;
  left: 58.33333333%;
}
.tzui-col-offset-14.tzui-col-rtl {
  margin-right: 58.33333333%;
  margin-left: 0;
}
.tzui-col-push-15.tzui-col-rtl {
  right: 62.5%;
  left: auto;
}
.tzui-col-pull-15.tzui-col-rtl {
  right: auto;
  left: 62.5%;
}
.tzui-col-offset-15.tzui-col-rtl {
  margin-right: 62.5%;
  margin-left: 0;
}
.tzui-col-push-16.tzui-col-rtl {
  right: 66.66666667%;
  left: auto;
}
.tzui-col-pull-16.tzui-col-rtl {
  right: auto;
  left: 66.66666667%;
}
.tzui-col-offset-16.tzui-col-rtl {
  margin-right: 66.66666667%;
  margin-left: 0;
}
.tzui-col-push-17.tzui-col-rtl {
  right: 70.83333333%;
  left: auto;
}
.tzui-col-pull-17.tzui-col-rtl {
  right: auto;
  left: 70.83333333%;
}
.tzui-col-offset-17.tzui-col-rtl {
  margin-right: 70.83333333%;
  margin-left: 0;
}
.tzui-col-push-18.tzui-col-rtl {
  right: 75%;
  left: auto;
}
.tzui-col-pull-18.tzui-col-rtl {
  right: auto;
  left: 75%;
}
.tzui-col-offset-18.tzui-col-rtl {
  margin-right: 75%;
  margin-left: 0;
}
.tzui-col-push-19.tzui-col-rtl {
  right: 79.16666667%;
  left: auto;
}
.tzui-col-pull-19.tzui-col-rtl {
  right: auto;
  left: 79.16666667%;
}
.tzui-col-offset-19.tzui-col-rtl {
  margin-right: 79.16666667%;
  margin-left: 0;
}
.tzui-col-push-20.tzui-col-rtl {
  right: 83.33333333%;
  left: auto;
}
.tzui-col-pull-20.tzui-col-rtl {
  right: auto;
  left: 83.33333333%;
}
.tzui-col-offset-20.tzui-col-rtl {
  margin-right: 83.33333333%;
  margin-left: 0;
}
.tzui-col-push-21.tzui-col-rtl {
  right: 87.5%;
  left: auto;
}
.tzui-col-pull-21.tzui-col-rtl {
  right: auto;
  left: 87.5%;
}
.tzui-col-offset-21.tzui-col-rtl {
  margin-right: 87.5%;
  margin-left: 0;
}
.tzui-col-push-22.tzui-col-rtl {
  right: 91.66666667%;
  left: auto;
}
.tzui-col-pull-22.tzui-col-rtl {
  right: auto;
  left: 91.66666667%;
}
.tzui-col-offset-22.tzui-col-rtl {
  margin-right: 91.66666667%;
  margin-left: 0;
}
.tzui-col-push-23.tzui-col-rtl {
  right: 95.83333333%;
  left: auto;
}
.tzui-col-pull-23.tzui-col-rtl {
  right: auto;
  left: 95.83333333%;
}
.tzui-col-offset-23.tzui-col-rtl {
  margin-right: 95.83333333%;
  margin-left: 0;
}
.tzui-col-push-24.tzui-col-rtl {
  right: 100%;
  left: auto;
}
.tzui-col-pull-24.tzui-col-rtl {
  right: auto;
  left: 100%;
}
.tzui-col-offset-24.tzui-col-rtl {
  margin-right: 100%;
  margin-left: 0;
}
.tzui-col-xs-24 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
.tzui-col-xs-push-24 {
  left: 100%;
}
.tzui-col-xs-pull-24 {
  right: 100%;
}
.tzui-col-xs-offset-24 {
  margin-left: 100%;
}
.tzui-col-xs-order-24 {
  -webkit-box-ordinal-group: 25;
      -ms-flex-order: 24;
          order: 24;
}
.tzui-col-xs-23 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 95.83333333%;
          flex: 0 0 95.83333333%;
  max-width: 95.83333333%;
}
.tzui-col-xs-push-23 {
  left: 95.83333333%;
}
.tzui-col-xs-pull-23 {
  right: 95.83333333%;
}
.tzui-col-xs-offset-23 {
  margin-left: 95.83333333%;
}
.tzui-col-xs-order-23 {
  -webkit-box-ordinal-group: 24;
      -ms-flex-order: 23;
          order: 23;
}
.tzui-col-xs-22 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.66666667%;
          flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.tzui-col-xs-push-22 {
  left: 91.66666667%;
}
.tzui-col-xs-pull-22 {
  right: 91.66666667%;
}
.tzui-col-xs-offset-22 {
  margin-left: 91.66666667%;
}
.tzui-col-xs-order-22 {
  -webkit-box-ordinal-group: 23;
      -ms-flex-order: 22;
          order: 22;
}
.tzui-col-xs-21 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 87.5%;
          flex: 0 0 87.5%;
  max-width: 87.5%;
}
.tzui-col-xs-push-21 {
  left: 87.5%;
}
.tzui-col-xs-pull-21 {
  right: 87.5%;
}
.tzui-col-xs-offset-21 {
  margin-left: 87.5%;
}
.tzui-col-xs-order-21 {
  -webkit-box-ordinal-group: 22;
      -ms-flex-order: 21;
          order: 21;
}
.tzui-col-xs-20 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.33333333%;
          flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.tzui-col-xs-push-20 {
  left: 83.33333333%;
}
.tzui-col-xs-pull-20 {
  right: 83.33333333%;
}
.tzui-col-xs-offset-20 {
  margin-left: 83.33333333%;
}
.tzui-col-xs-order-20 {
  -webkit-box-ordinal-group: 21;
      -ms-flex-order: 20;
          order: 20;
}
.tzui-col-xs-19 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 79.16666667%;
          flex: 0 0 79.16666667%;
  max-width: 79.16666667%;
}
.tzui-col-xs-push-19 {
  left: 79.16666667%;
}
.tzui-col-xs-pull-19 {
  right: 79.16666667%;
}
.tzui-col-xs-offset-19 {
  margin-left: 79.16666667%;
}
.tzui-col-xs-order-19 {
  -webkit-box-ordinal-group: 20;
      -ms-flex-order: 19;
          order: 19;
}
.tzui-col-xs-18 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}
.tzui-col-xs-push-18 {
  left: 75%;
}
.tzui-col-xs-pull-18 {
  right: 75%;
}
.tzui-col-xs-offset-18 {
  margin-left: 75%;
}
.tzui-col-xs-order-18 {
  -webkit-box-ordinal-group: 19;
      -ms-flex-order: 18;
          order: 18;
}
.tzui-col-xs-17 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70.83333333%;
          flex: 0 0 70.83333333%;
  max-width: 70.83333333%;
}
.tzui-col-xs-push-17 {
  left: 70.83333333%;
}
.tzui-col-xs-pull-17 {
  right: 70.83333333%;
}
.tzui-col-xs-offset-17 {
  margin-left: 70.83333333%;
}
.tzui-col-xs-order-17 {
  -webkit-box-ordinal-group: 18;
      -ms-flex-order: 17;
          order: 17;
}
.tzui-col-xs-16 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66666667%;
          flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.tzui-col-xs-push-16 {
  left: 66.66666667%;
}
.tzui-col-xs-pull-16 {
  right: 66.66666667%;
}
.tzui-col-xs-offset-16 {
  margin-left: 66.66666667%;
}
.tzui-col-xs-order-16 {
  -webkit-box-ordinal-group: 17;
      -ms-flex-order: 16;
          order: 16;
}
.tzui-col-xs-15 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 62.5%;
          flex: 0 0 62.5%;
  max-width: 62.5%;
}
.tzui-col-xs-push-15 {
  left: 62.5%;
}
.tzui-col-xs-pull-15 {
  right: 62.5%;
}
.tzui-col-xs-offset-15 {
  margin-left: 62.5%;
}
.tzui-col-xs-order-15 {
  -webkit-box-ordinal-group: 16;
      -ms-flex-order: 15;
          order: 15;
}
.tzui-col-xs-14 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.33333333%;
          flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.tzui-col-xs-push-14 {
  left: 58.33333333%;
}
.tzui-col-xs-pull-14 {
  right: 58.33333333%;
}
.tzui-col-xs-offset-14 {
  margin-left: 58.33333333%;
}
.tzui-col-xs-order-14 {
  -webkit-box-ordinal-group: 15;
      -ms-flex-order: 14;
          order: 14;
}
.tzui-col-xs-13 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 54.16666667%;
          flex: 0 0 54.16666667%;
  max-width: 54.16666667%;
}
.tzui-col-xs-push-13 {
  left: 54.16666667%;
}
.tzui-col-xs-pull-13 {
  right: 54.16666667%;
}
.tzui-col-xs-offset-13 {
  margin-left: 54.16666667%;
}
.tzui-col-xs-order-13 {
  -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
          order: 13;
}
.tzui-col-xs-12 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}
.tzui-col-xs-push-12 {
  left: 50%;
}
.tzui-col-xs-pull-12 {
  right: 50%;
}
.tzui-col-xs-offset-12 {
  margin-left: 50%;
}
.tzui-col-xs-order-12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12;
}
.tzui-col-xs-11 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45.83333333%;
          flex: 0 0 45.83333333%;
  max-width: 45.83333333%;
}
.tzui-col-xs-push-11 {
  left: 45.83333333%;
}
.tzui-col-xs-pull-11 {
  right: 45.83333333%;
}
.tzui-col-xs-offset-11 {
  margin-left: 45.83333333%;
}
.tzui-col-xs-order-11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11;
}
.tzui-col-xs-10 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.66666667%;
          flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.tzui-col-xs-push-10 {
  left: 41.66666667%;
}
.tzui-col-xs-pull-10 {
  right: 41.66666667%;
}
.tzui-col-xs-offset-10 {
  margin-left: 41.66666667%;
}
.tzui-col-xs-order-10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}
.tzui-col-xs-9 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 37.5%;
          flex: 0 0 37.5%;
  max-width: 37.5%;
}
.tzui-col-xs-push-9 {
  left: 37.5%;
}
.tzui-col-xs-pull-9 {
  right: 37.5%;
}
.tzui-col-xs-offset-9 {
  margin-left: 37.5%;
}
.tzui-col-xs-order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}
.tzui-col-xs-8 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333333%;
          flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.tzui-col-xs-push-8 {
  left: 33.33333333%;
}
.tzui-col-xs-pull-8 {
  right: 33.33333333%;
}
.tzui-col-xs-offset-8 {
  margin-left: 33.33333333%;
}
.tzui-col-xs-order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}
.tzui-col-xs-7 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 29.16666667%;
          flex: 0 0 29.16666667%;
  max-width: 29.16666667%;
}
.tzui-col-xs-push-7 {
  left: 29.16666667%;
}
.tzui-col-xs-pull-7 {
  right: 29.16666667%;
}
.tzui-col-xs-offset-7 {
  margin-left: 29.16666667%;
}
.tzui-col-xs-order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}
.tzui-col-xs-6 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}
.tzui-col-xs-push-6 {
  left: 25%;
}
.tzui-col-xs-pull-6 {
  right: 25%;
}
.tzui-col-xs-offset-6 {
  margin-left: 25%;
}
.tzui-col-xs-order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}
.tzui-col-xs-5 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20.83333333%;
          flex: 0 0 20.83333333%;
  max-width: 20.83333333%;
}
.tzui-col-xs-push-5 {
  left: 20.83333333%;
}
.tzui-col-xs-pull-5 {
  right: 20.83333333%;
}
.tzui-col-xs-offset-5 {
  margin-left: 20.83333333%;
}
.tzui-col-xs-order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
.tzui-col-xs-4 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66666667%;
          flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.tzui-col-xs-push-4 {
  left: 16.66666667%;
}
.tzui-col-xs-pull-4 {
  right: 16.66666667%;
}
.tzui-col-xs-offset-4 {
  margin-left: 16.66666667%;
}
.tzui-col-xs-order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.tzui-col-xs-3 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12.5%;
          flex: 0 0 12.5%;
  max-width: 12.5%;
}
.tzui-col-xs-push-3 {
  left: 12.5%;
}
.tzui-col-xs-pull-3 {
  right: 12.5%;
}
.tzui-col-xs-offset-3 {
  margin-left: 12.5%;
}
.tzui-col-xs-order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.tzui-col-xs-2 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.33333333%;
          flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.tzui-col-xs-push-2 {
  left: 8.33333333%;
}
.tzui-col-xs-pull-2 {
  right: 8.33333333%;
}
.tzui-col-xs-offset-2 {
  margin-left: 8.33333333%;
}
.tzui-col-xs-order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.tzui-col-xs-1 {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4.16666667%;
          flex: 0 0 4.16666667%;
  max-width: 4.16666667%;
}
.tzui-col-xs-push-1 {
  left: 4.16666667%;
}
.tzui-col-xs-pull-1 {
  right: 4.16666667%;
}
.tzui-col-xs-offset-1 {
  margin-left: 4.16666667%;
}
.tzui-col-xs-order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.tzui-col-xs-0 {
  display: none;
}
.tzui-col-push-0 {
  left: auto;
}
.tzui-col-pull-0 {
  right: auto;
}
.tzui-col-xs-push-0 {
  left: auto;
}
.tzui-col-xs-pull-0 {
  right: auto;
}
.tzui-col-xs-offset-0 {
  margin-left: 0;
}
.tzui-col-xs-order-0 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.tzui-col-push-0.tzui-col-rtl {
  right: auto;
}
.tzui-col-pull-0.tzui-col-rtl {
  left: auto;
}
.tzui-col-xs-push-0.tzui-col-rtl {
  right: auto;
}
.tzui-col-xs-pull-0.tzui-col-rtl {
  left: auto;
}
.tzui-col-xs-offset-0.tzui-col-rtl {
  margin-right: 0;
}
.tzui-col-xs-push-1.tzui-col-rtl {
  right: 4.16666667%;
  left: auto;
}
.tzui-col-xs-pull-1.tzui-col-rtl {
  right: auto;
  left: 4.16666667%;
}
.tzui-col-xs-offset-1.tzui-col-rtl {
  margin-right: 4.16666667%;
  margin-left: 0;
}
.tzui-col-xs-push-2.tzui-col-rtl {
  right: 8.33333333%;
  left: auto;
}
.tzui-col-xs-pull-2.tzui-col-rtl {
  right: auto;
  left: 8.33333333%;
}
.tzui-col-xs-offset-2.tzui-col-rtl {
  margin-right: 8.33333333%;
  margin-left: 0;
}
.tzui-col-xs-push-3.tzui-col-rtl {
  right: 12.5%;
  left: auto;
}
.tzui-col-xs-pull-3.tzui-col-rtl {
  right: auto;
  left: 12.5%;
}
.tzui-col-xs-offset-3.tzui-col-rtl {
  margin-right: 12.5%;
  margin-left: 0;
}
.tzui-col-xs-push-4.tzui-col-rtl {
  right: 16.66666667%;
  left: auto;
}
.tzui-col-xs-pull-4.tzui-col-rtl {
  right: auto;
  left: 16.66666667%;
}
.tzui-col-xs-offset-4.tzui-col-rtl {
  margin-right: 16.66666667%;
  margin-left: 0;
}
.tzui-col-xs-push-5.tzui-col-rtl {
  right: 20.83333333%;
  left: auto;
}
.tzui-col-xs-pull-5.tzui-col-rtl {
  right: auto;
  left: 20.83333333%;
}
.tzui-col-xs-offset-5.tzui-col-rtl {
  margin-right: 20.83333333%;
  margin-left: 0;
}
.tzui-col-xs-push-6.tzui-col-rtl {
  right: 25%;
  left: auto;
}
.tzui-col-xs-pull-6.tzui-col-rtl {
  right: auto;
  left: 25%;
}
.tzui-col-xs-offset-6.tzui-col-rtl {
  margin-right: 25%;
  margin-left: 0;
}
.tzui-col-xs-push-7.tzui-col-rtl {
  right: 29.16666667%;
  left: auto;
}
.tzui-col-xs-pull-7.tzui-col-rtl {
  right: auto;
  left: 29.16666667%;
}
.tzui-col-xs-offset-7.tzui-col-rtl {
  margin-right: 29.16666667%;
  margin-left: 0;
}
.tzui-col-xs-push-8.tzui-col-rtl {
  right: 33.33333333%;
  left: auto;
}
.tzui-col-xs-pull-8.tzui-col-rtl {
  right: auto;
  left: 33.33333333%;
}
.tzui-col-xs-offset-8.tzui-col-rtl {
  margin-right: 33.33333333%;
  margin-left: 0;
}
.tzui-col-xs-push-9.tzui-col-rtl {
  right: 37.5%;
  left: auto;
}
.tzui-col-xs-pull-9.tzui-col-rtl {
  right: auto;
  left: 37.5%;
}
.tzui-col-xs-offset-9.tzui-col-rtl {
  margin-right: 37.5%;
  margin-left: 0;
}
.tzui-col-xs-push-10.tzui-col-rtl {
  right: 41.66666667%;
  left: auto;
}
.tzui-col-xs-pull-10.tzui-col-rtl {
  right: auto;
  left: 41.66666667%;
}
.tzui-col-xs-offset-10.tzui-col-rtl {
  margin-right: 41.66666667%;
  margin-left: 0;
}
.tzui-col-xs-push-11.tzui-col-rtl {
  right: 45.83333333%;
  left: auto;
}
.tzui-col-xs-pull-11.tzui-col-rtl {
  right: auto;
  left: 45.83333333%;
}
.tzui-col-xs-offset-11.tzui-col-rtl {
  margin-right: 45.83333333%;
  margin-left: 0;
}
.tzui-col-xs-push-12.tzui-col-rtl {
  right: 50%;
  left: auto;
}
.tzui-col-xs-pull-12.tzui-col-rtl {
  right: auto;
  left: 50%;
}
.tzui-col-xs-offset-12.tzui-col-rtl {
  margin-right: 50%;
  margin-left: 0;
}
.tzui-col-xs-push-13.tzui-col-rtl {
  right: 54.16666667%;
  left: auto;
}
.tzui-col-xs-pull-13.tzui-col-rtl {
  right: auto;
  left: 54.16666667%;
}
.tzui-col-xs-offset-13.tzui-col-rtl {
  margin-right: 54.16666667%;
  margin-left: 0;
}
.tzui-col-xs-push-14.tzui-col-rtl {
  right: 58.33333333%;
  left: auto;
}
.tzui-col-xs-pull-14.tzui-col-rtl {
  right: auto;
  left: 58.33333333%;
}
.tzui-col-xs-offset-14.tzui-col-rtl {
  margin-right: 58.33333333%;
  margin-left: 0;
}
.tzui-col-xs-push-15.tzui-col-rtl {
  right: 62.5%;
  left: auto;
}
.tzui-col-xs-pull-15.tzui-col-rtl {
  right: auto;
  left: 62.5%;
}
.tzui-col-xs-offset-15.tzui-col-rtl {
  margin-right: 62.5%;
  margin-left: 0;
}
.tzui-col-xs-push-16.tzui-col-rtl {
  right: 66.66666667%;
  left: auto;
}
.tzui-col-xs-pull-16.tzui-col-rtl {
  right: auto;
  left: 66.66666667%;
}
.tzui-col-xs-offset-16.tzui-col-rtl {
  margin-right: 66.66666667%;
  margin-left: 0;
}
.tzui-col-xs-push-17.tzui-col-rtl {
  right: 70.83333333%;
  left: auto;
}
.tzui-col-xs-pull-17.tzui-col-rtl {
  right: auto;
  left: 70.83333333%;
}
.tzui-col-xs-offset-17.tzui-col-rtl {
  margin-right: 70.83333333%;
  margin-left: 0;
}
.tzui-col-xs-push-18.tzui-col-rtl {
  right: 75%;
  left: auto;
}
.tzui-col-xs-pull-18.tzui-col-rtl {
  right: auto;
  left: 75%;
}
.tzui-col-xs-offset-18.tzui-col-rtl {
  margin-right: 75%;
  margin-left: 0;
}
.tzui-col-xs-push-19.tzui-col-rtl {
  right: 79.16666667%;
  left: auto;
}
.tzui-col-xs-pull-19.tzui-col-rtl {
  right: auto;
  left: 79.16666667%;
}
.tzui-col-xs-offset-19.tzui-col-rtl {
  margin-right: 79.16666667%;
  margin-left: 0;
}
.tzui-col-xs-push-20.tzui-col-rtl {
  right: 83.33333333%;
  left: auto;
}
.tzui-col-xs-pull-20.tzui-col-rtl {
  right: auto;
  left: 83.33333333%;
}
.tzui-col-xs-offset-20.tzui-col-rtl {
  margin-right: 83.33333333%;
  margin-left: 0;
}
.tzui-col-xs-push-21.tzui-col-rtl {
  right: 87.5%;
  left: auto;
}
.tzui-col-xs-pull-21.tzui-col-rtl {
  right: auto;
  left: 87.5%;
}
.tzui-col-xs-offset-21.tzui-col-rtl {
  margin-right: 87.5%;
  margin-left: 0;
}
.tzui-col-xs-push-22.tzui-col-rtl {
  right: 91.66666667%;
  left: auto;
}
.tzui-col-xs-pull-22.tzui-col-rtl {
  right: auto;
  left: 91.66666667%;
}
.tzui-col-xs-offset-22.tzui-col-rtl {
  margin-right: 91.66666667%;
  margin-left: 0;
}
.tzui-col-xs-push-23.tzui-col-rtl {
  right: 95.83333333%;
  left: auto;
}
.tzui-col-xs-pull-23.tzui-col-rtl {
  right: auto;
  left: 95.83333333%;
}
.tzui-col-xs-offset-23.tzui-col-rtl {
  margin-right: 95.83333333%;
  margin-left: 0;
}
.tzui-col-xs-push-24.tzui-col-rtl {
  right: 100%;
  left: auto;
}
.tzui-col-xs-pull-24.tzui-col-rtl {
  right: auto;
  left: 100%;
}
.tzui-col-xs-offset-24.tzui-col-rtl {
  margin-right: 100%;
  margin-left: 0;
}
@media (min-width: 576px) {
  .tzui-col-sm-24 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .tzui-col-sm-push-24 {
    left: 100%;
  }
  .tzui-col-sm-pull-24 {
    right: 100%;
  }
  .tzui-col-sm-offset-24 {
    margin-left: 100%;
  }
  .tzui-col-sm-order-24 {
    -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
            order: 24;
  }
  .tzui-col-sm-23 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 95.83333333%;
            flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .tzui-col-sm-push-23 {
    left: 95.83333333%;
  }
  .tzui-col-sm-pull-23 {
    right: 95.83333333%;
  }
  .tzui-col-sm-offset-23 {
    margin-left: 95.83333333%;
  }
  .tzui-col-sm-order-23 {
    -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
            order: 23;
  }
  .tzui-col-sm-22 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
            flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .tzui-col-sm-push-22 {
    left: 91.66666667%;
  }
  .tzui-col-sm-pull-22 {
    right: 91.66666667%;
  }
  .tzui-col-sm-offset-22 {
    margin-left: 91.66666667%;
  }
  .tzui-col-sm-order-22 {
    -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
            order: 22;
  }
  .tzui-col-sm-21 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
            flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .tzui-col-sm-push-21 {
    left: 87.5%;
  }
  .tzui-col-sm-pull-21 {
    right: 87.5%;
  }
  .tzui-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .tzui-col-sm-order-21 {
    -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
            order: 21;
  }
  .tzui-col-sm-20 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .tzui-col-sm-push-20 {
    left: 83.33333333%;
  }
  .tzui-col-sm-pull-20 {
    right: 83.33333333%;
  }
  .tzui-col-sm-offset-20 {
    margin-left: 83.33333333%;
  }
  .tzui-col-sm-order-20 {
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20;
  }
  .tzui-col-sm-19 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 79.16666667%;
            flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .tzui-col-sm-push-19 {
    left: 79.16666667%;
  }
  .tzui-col-sm-pull-19 {
    right: 79.16666667%;
  }
  .tzui-col-sm-offset-19 {
    margin-left: 79.16666667%;
  }
  .tzui-col-sm-order-19 {
    -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
            order: 19;
  }
  .tzui-col-sm-18 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .tzui-col-sm-push-18 {
    left: 75%;
  }
  .tzui-col-sm-pull-18 {
    right: 75%;
  }
  .tzui-col-sm-offset-18 {
    margin-left: 75%;
  }
  .tzui-col-sm-order-18 {
    -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
            order: 18;
  }
  .tzui-col-sm-17 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70.83333333%;
            flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .tzui-col-sm-push-17 {
    left: 70.83333333%;
  }
  .tzui-col-sm-pull-17 {
    right: 70.83333333%;
  }
  .tzui-col-sm-offset-17 {
    margin-left: 70.83333333%;
  }
  .tzui-col-sm-order-17 {
    -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
            order: 17;
  }
  .tzui-col-sm-16 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .tzui-col-sm-push-16 {
    left: 66.66666667%;
  }
  .tzui-col-sm-pull-16 {
    right: 66.66666667%;
  }
  .tzui-col-sm-offset-16 {
    margin-left: 66.66666667%;
  }
  .tzui-col-sm-order-16 {
    -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
            order: 16;
  }
  .tzui-col-sm-15 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
            flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .tzui-col-sm-push-15 {
    left: 62.5%;
  }
  .tzui-col-sm-pull-15 {
    right: 62.5%;
  }
  .tzui-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .tzui-col-sm-order-15 {
    -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
            order: 15;
  }
  .tzui-col-sm-14 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .tzui-col-sm-push-14 {
    left: 58.33333333%;
  }
  .tzui-col-sm-pull-14 {
    right: 58.33333333%;
  }
  .tzui-col-sm-offset-14 {
    margin-left: 58.33333333%;
  }
  .tzui-col-sm-order-14 {
    -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
            order: 14;
  }
  .tzui-col-sm-13 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 54.16666667%;
            flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .tzui-col-sm-push-13 {
    left: 54.16666667%;
  }
  .tzui-col-sm-pull-13 {
    right: 54.16666667%;
  }
  .tzui-col-sm-offset-13 {
    margin-left: 54.16666667%;
  }
  .tzui-col-sm-order-13 {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .tzui-col-sm-12 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .tzui-col-sm-push-12 {
    left: 50%;
  }
  .tzui-col-sm-pull-12 {
    right: 50%;
  }
  .tzui-col-sm-offset-12 {
    margin-left: 50%;
  }
  .tzui-col-sm-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .tzui-col-sm-11 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45.83333333%;
            flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .tzui-col-sm-push-11 {
    left: 45.83333333%;
  }
  .tzui-col-sm-pull-11 {
    right: 45.83333333%;
  }
  .tzui-col-sm-offset-11 {
    margin-left: 45.83333333%;
  }
  .tzui-col-sm-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .tzui-col-sm-10 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .tzui-col-sm-push-10 {
    left: 41.66666667%;
  }
  .tzui-col-sm-pull-10 {
    right: 41.66666667%;
  }
  .tzui-col-sm-offset-10 {
    margin-left: 41.66666667%;
  }
  .tzui-col-sm-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .tzui-col-sm-9 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
            flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .tzui-col-sm-push-9 {
    left: 37.5%;
  }
  .tzui-col-sm-pull-9 {
    right: 37.5%;
  }
  .tzui-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .tzui-col-sm-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .tzui-col-sm-8 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .tzui-col-sm-push-8 {
    left: 33.33333333%;
  }
  .tzui-col-sm-pull-8 {
    right: 33.33333333%;
  }
  .tzui-col-sm-offset-8 {
    margin-left: 33.33333333%;
  }
  .tzui-col-sm-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .tzui-col-sm-7 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 29.16666667%;
            flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .tzui-col-sm-push-7 {
    left: 29.16666667%;
  }
  .tzui-col-sm-pull-7 {
    right: 29.16666667%;
  }
  .tzui-col-sm-offset-7 {
    margin-left: 29.16666667%;
  }
  .tzui-col-sm-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .tzui-col-sm-6 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .tzui-col-sm-push-6 {
    left: 25%;
  }
  .tzui-col-sm-pull-6 {
    right: 25%;
  }
  .tzui-col-sm-offset-6 {
    margin-left: 25%;
  }
  .tzui-col-sm-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .tzui-col-sm-5 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20.83333333%;
            flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .tzui-col-sm-push-5 {
    left: 20.83333333%;
  }
  .tzui-col-sm-pull-5 {
    right: 20.83333333%;
  }
  .tzui-col-sm-offset-5 {
    margin-left: 20.83333333%;
  }
  .tzui-col-sm-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .tzui-col-sm-4 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
            flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .tzui-col-sm-push-4 {
    left: 16.66666667%;
  }
  .tzui-col-sm-pull-4 {
    right: 16.66666667%;
  }
  .tzui-col-sm-offset-4 {
    margin-left: 16.66666667%;
  }
  .tzui-col-sm-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .tzui-col-sm-3 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .tzui-col-sm-push-3 {
    left: 12.5%;
  }
  .tzui-col-sm-pull-3 {
    right: 12.5%;
  }
  .tzui-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .tzui-col-sm-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .tzui-col-sm-2 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
            flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .tzui-col-sm-push-2 {
    left: 8.33333333%;
  }
  .tzui-col-sm-pull-2 {
    right: 8.33333333%;
  }
  .tzui-col-sm-offset-2 {
    margin-left: 8.33333333%;
  }
  .tzui-col-sm-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .tzui-col-sm-1 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 4.16666667%;
            flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .tzui-col-sm-push-1 {
    left: 4.16666667%;
  }
  .tzui-col-sm-pull-1 {
    right: 4.16666667%;
  }
  .tzui-col-sm-offset-1 {
    margin-left: 4.16666667%;
  }
  .tzui-col-sm-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .tzui-col-sm-0 {
    display: none;
  }
  .tzui-col-push-0 {
    left: auto;
  }
  .tzui-col-pull-0 {
    right: auto;
  }
  .tzui-col-sm-push-0 {
    left: auto;
  }
  .tzui-col-sm-pull-0 {
    right: auto;
  }
  .tzui-col-sm-offset-0 {
    margin-left: 0;
  }
  .tzui-col-sm-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .tzui-col-push-0.tzui-col-rtl {
    right: auto;
  }
  .tzui-col-pull-0.tzui-col-rtl {
    left: auto;
  }
  .tzui-col-sm-push-0.tzui-col-rtl {
    right: auto;
  }
  .tzui-col-sm-pull-0.tzui-col-rtl {
    left: auto;
  }
  .tzui-col-sm-offset-0.tzui-col-rtl {
    margin-right: 0;
  }
  .tzui-col-sm-push-1.tzui-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .tzui-col-sm-pull-1.tzui-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .tzui-col-sm-offset-1.tzui-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .tzui-col-sm-push-2.tzui-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .tzui-col-sm-pull-2.tzui-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .tzui-col-sm-offset-2.tzui-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .tzui-col-sm-push-3.tzui-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .tzui-col-sm-pull-3.tzui-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .tzui-col-sm-offset-3.tzui-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .tzui-col-sm-push-4.tzui-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .tzui-col-sm-pull-4.tzui-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .tzui-col-sm-offset-4.tzui-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .tzui-col-sm-push-5.tzui-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .tzui-col-sm-pull-5.tzui-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .tzui-col-sm-offset-5.tzui-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .tzui-col-sm-push-6.tzui-col-rtl {
    right: 25%;
    left: auto;
  }
  .tzui-col-sm-pull-6.tzui-col-rtl {
    right: auto;
    left: 25%;
  }
  .tzui-col-sm-offset-6.tzui-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .tzui-col-sm-push-7.tzui-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .tzui-col-sm-pull-7.tzui-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .tzui-col-sm-offset-7.tzui-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .tzui-col-sm-push-8.tzui-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .tzui-col-sm-pull-8.tzui-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .tzui-col-sm-offset-8.tzui-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .tzui-col-sm-push-9.tzui-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .tzui-col-sm-pull-9.tzui-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .tzui-col-sm-offset-9.tzui-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .tzui-col-sm-push-10.tzui-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .tzui-col-sm-pull-10.tzui-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .tzui-col-sm-offset-10.tzui-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .tzui-col-sm-push-11.tzui-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .tzui-col-sm-pull-11.tzui-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .tzui-col-sm-offset-11.tzui-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .tzui-col-sm-push-12.tzui-col-rtl {
    right: 50%;
    left: auto;
  }
  .tzui-col-sm-pull-12.tzui-col-rtl {
    right: auto;
    left: 50%;
  }
  .tzui-col-sm-offset-12.tzui-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .tzui-col-sm-push-13.tzui-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .tzui-col-sm-pull-13.tzui-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .tzui-col-sm-offset-13.tzui-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .tzui-col-sm-push-14.tzui-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .tzui-col-sm-pull-14.tzui-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .tzui-col-sm-offset-14.tzui-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .tzui-col-sm-push-15.tzui-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .tzui-col-sm-pull-15.tzui-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .tzui-col-sm-offset-15.tzui-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .tzui-col-sm-push-16.tzui-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .tzui-col-sm-pull-16.tzui-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .tzui-col-sm-offset-16.tzui-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .tzui-col-sm-push-17.tzui-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .tzui-col-sm-pull-17.tzui-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .tzui-col-sm-offset-17.tzui-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .tzui-col-sm-push-18.tzui-col-rtl {
    right: 75%;
    left: auto;
  }
  .tzui-col-sm-pull-18.tzui-col-rtl {
    right: auto;
    left: 75%;
  }
  .tzui-col-sm-offset-18.tzui-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .tzui-col-sm-push-19.tzui-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .tzui-col-sm-pull-19.tzui-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .tzui-col-sm-offset-19.tzui-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .tzui-col-sm-push-20.tzui-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .tzui-col-sm-pull-20.tzui-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .tzui-col-sm-offset-20.tzui-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .tzui-col-sm-push-21.tzui-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .tzui-col-sm-pull-21.tzui-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .tzui-col-sm-offset-21.tzui-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .tzui-col-sm-push-22.tzui-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .tzui-col-sm-pull-22.tzui-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .tzui-col-sm-offset-22.tzui-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .tzui-col-sm-push-23.tzui-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .tzui-col-sm-pull-23.tzui-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .tzui-col-sm-offset-23.tzui-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .tzui-col-sm-push-24.tzui-col-rtl {
    right: 100%;
    left: auto;
  }
  .tzui-col-sm-pull-24.tzui-col-rtl {
    right: auto;
    left: 100%;
  }
  .tzui-col-sm-offset-24.tzui-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .tzui-col-md-24 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .tzui-col-md-push-24 {
    left: 100%;
  }
  .tzui-col-md-pull-24 {
    right: 100%;
  }
  .tzui-col-md-offset-24 {
    margin-left: 100%;
  }
  .tzui-col-md-order-24 {
    -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
            order: 24;
  }
  .tzui-col-md-23 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 95.83333333%;
            flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .tzui-col-md-push-23 {
    left: 95.83333333%;
  }
  .tzui-col-md-pull-23 {
    right: 95.83333333%;
  }
  .tzui-col-md-offset-23 {
    margin-left: 95.83333333%;
  }
  .tzui-col-md-order-23 {
    -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
            order: 23;
  }
  .tzui-col-md-22 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
            flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .tzui-col-md-push-22 {
    left: 91.66666667%;
  }
  .tzui-col-md-pull-22 {
    right: 91.66666667%;
  }
  .tzui-col-md-offset-22 {
    margin-left: 91.66666667%;
  }
  .tzui-col-md-order-22 {
    -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
            order: 22;
  }
  .tzui-col-md-21 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
            flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .tzui-col-md-push-21 {
    left: 87.5%;
  }
  .tzui-col-md-pull-21 {
    right: 87.5%;
  }
  .tzui-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .tzui-col-md-order-21 {
    -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
            order: 21;
  }
  .tzui-col-md-20 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .tzui-col-md-push-20 {
    left: 83.33333333%;
  }
  .tzui-col-md-pull-20 {
    right: 83.33333333%;
  }
  .tzui-col-md-offset-20 {
    margin-left: 83.33333333%;
  }
  .tzui-col-md-order-20 {
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20;
  }
  .tzui-col-md-19 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 79.16666667%;
            flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .tzui-col-md-push-19 {
    left: 79.16666667%;
  }
  .tzui-col-md-pull-19 {
    right: 79.16666667%;
  }
  .tzui-col-md-offset-19 {
    margin-left: 79.16666667%;
  }
  .tzui-col-md-order-19 {
    -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
            order: 19;
  }
  .tzui-col-md-18 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .tzui-col-md-push-18 {
    left: 75%;
  }
  .tzui-col-md-pull-18 {
    right: 75%;
  }
  .tzui-col-md-offset-18 {
    margin-left: 75%;
  }
  .tzui-col-md-order-18 {
    -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
            order: 18;
  }
  .tzui-col-md-17 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70.83333333%;
            flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .tzui-col-md-push-17 {
    left: 70.83333333%;
  }
  .tzui-col-md-pull-17 {
    right: 70.83333333%;
  }
  .tzui-col-md-offset-17 {
    margin-left: 70.83333333%;
  }
  .tzui-col-md-order-17 {
    -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
            order: 17;
  }
  .tzui-col-md-16 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .tzui-col-md-push-16 {
    left: 66.66666667%;
  }
  .tzui-col-md-pull-16 {
    right: 66.66666667%;
  }
  .tzui-col-md-offset-16 {
    margin-left: 66.66666667%;
  }
  .tzui-col-md-order-16 {
    -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
            order: 16;
  }
  .tzui-col-md-15 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
            flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .tzui-col-md-push-15 {
    left: 62.5%;
  }
  .tzui-col-md-pull-15 {
    right: 62.5%;
  }
  .tzui-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .tzui-col-md-order-15 {
    -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
            order: 15;
  }
  .tzui-col-md-14 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .tzui-col-md-push-14 {
    left: 58.33333333%;
  }
  .tzui-col-md-pull-14 {
    right: 58.33333333%;
  }
  .tzui-col-md-offset-14 {
    margin-left: 58.33333333%;
  }
  .tzui-col-md-order-14 {
    -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
            order: 14;
  }
  .tzui-col-md-13 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 54.16666667%;
            flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .tzui-col-md-push-13 {
    left: 54.16666667%;
  }
  .tzui-col-md-pull-13 {
    right: 54.16666667%;
  }
  .tzui-col-md-offset-13 {
    margin-left: 54.16666667%;
  }
  .tzui-col-md-order-13 {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .tzui-col-md-12 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .tzui-col-md-push-12 {
    left: 50%;
  }
  .tzui-col-md-pull-12 {
    right: 50%;
  }
  .tzui-col-md-offset-12 {
    margin-left: 50%;
  }
  .tzui-col-md-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .tzui-col-md-11 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45.83333333%;
            flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .tzui-col-md-push-11 {
    left: 45.83333333%;
  }
  .tzui-col-md-pull-11 {
    right: 45.83333333%;
  }
  .tzui-col-md-offset-11 {
    margin-left: 45.83333333%;
  }
  .tzui-col-md-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .tzui-col-md-10 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .tzui-col-md-push-10 {
    left: 41.66666667%;
  }
  .tzui-col-md-pull-10 {
    right: 41.66666667%;
  }
  .tzui-col-md-offset-10 {
    margin-left: 41.66666667%;
  }
  .tzui-col-md-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .tzui-col-md-9 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
            flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .tzui-col-md-push-9 {
    left: 37.5%;
  }
  .tzui-col-md-pull-9 {
    right: 37.5%;
  }
  .tzui-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .tzui-col-md-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .tzui-col-md-8 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .tzui-col-md-push-8 {
    left: 33.33333333%;
  }
  .tzui-col-md-pull-8 {
    right: 33.33333333%;
  }
  .tzui-col-md-offset-8 {
    margin-left: 33.33333333%;
  }
  .tzui-col-md-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .tzui-col-md-7 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 29.16666667%;
            flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .tzui-col-md-push-7 {
    left: 29.16666667%;
  }
  .tzui-col-md-pull-7 {
    right: 29.16666667%;
  }
  .tzui-col-md-offset-7 {
    margin-left: 29.16666667%;
  }
  .tzui-col-md-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .tzui-col-md-6 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .tzui-col-md-push-6 {
    left: 25%;
  }
  .tzui-col-md-pull-6 {
    right: 25%;
  }
  .tzui-col-md-offset-6 {
    margin-left: 25%;
  }
  .tzui-col-md-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .tzui-col-md-5 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20.83333333%;
            flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .tzui-col-md-push-5 {
    left: 20.83333333%;
  }
  .tzui-col-md-pull-5 {
    right: 20.83333333%;
  }
  .tzui-col-md-offset-5 {
    margin-left: 20.83333333%;
  }
  .tzui-col-md-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .tzui-col-md-4 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
            flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .tzui-col-md-push-4 {
    left: 16.66666667%;
  }
  .tzui-col-md-pull-4 {
    right: 16.66666667%;
  }
  .tzui-col-md-offset-4 {
    margin-left: 16.66666667%;
  }
  .tzui-col-md-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .tzui-col-md-3 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .tzui-col-md-push-3 {
    left: 12.5%;
  }
  .tzui-col-md-pull-3 {
    right: 12.5%;
  }
  .tzui-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .tzui-col-md-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .tzui-col-md-2 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
            flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .tzui-col-md-push-2 {
    left: 8.33333333%;
  }
  .tzui-col-md-pull-2 {
    right: 8.33333333%;
  }
  .tzui-col-md-offset-2 {
    margin-left: 8.33333333%;
  }
  .tzui-col-md-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .tzui-col-md-1 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 4.16666667%;
            flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .tzui-col-md-push-1 {
    left: 4.16666667%;
  }
  .tzui-col-md-pull-1 {
    right: 4.16666667%;
  }
  .tzui-col-md-offset-1 {
    margin-left: 4.16666667%;
  }
  .tzui-col-md-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .tzui-col-md-0 {
    display: none;
  }
  .tzui-col-push-0 {
    left: auto;
  }
  .tzui-col-pull-0 {
    right: auto;
  }
  .tzui-col-md-push-0 {
    left: auto;
  }
  .tzui-col-md-pull-0 {
    right: auto;
  }
  .tzui-col-md-offset-0 {
    margin-left: 0;
  }
  .tzui-col-md-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .tzui-col-push-0.tzui-col-rtl {
    right: auto;
  }
  .tzui-col-pull-0.tzui-col-rtl {
    left: auto;
  }
  .tzui-col-md-push-0.tzui-col-rtl {
    right: auto;
  }
  .tzui-col-md-pull-0.tzui-col-rtl {
    left: auto;
  }
  .tzui-col-md-offset-0.tzui-col-rtl {
    margin-right: 0;
  }
  .tzui-col-md-push-1.tzui-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .tzui-col-md-pull-1.tzui-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .tzui-col-md-offset-1.tzui-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .tzui-col-md-push-2.tzui-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .tzui-col-md-pull-2.tzui-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .tzui-col-md-offset-2.tzui-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .tzui-col-md-push-3.tzui-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .tzui-col-md-pull-3.tzui-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .tzui-col-md-offset-3.tzui-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .tzui-col-md-push-4.tzui-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .tzui-col-md-pull-4.tzui-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .tzui-col-md-offset-4.tzui-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .tzui-col-md-push-5.tzui-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .tzui-col-md-pull-5.tzui-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .tzui-col-md-offset-5.tzui-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .tzui-col-md-push-6.tzui-col-rtl {
    right: 25%;
    left: auto;
  }
  .tzui-col-md-pull-6.tzui-col-rtl {
    right: auto;
    left: 25%;
  }
  .tzui-col-md-offset-6.tzui-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .tzui-col-md-push-7.tzui-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .tzui-col-md-pull-7.tzui-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .tzui-col-md-offset-7.tzui-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .tzui-col-md-push-8.tzui-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .tzui-col-md-pull-8.tzui-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .tzui-col-md-offset-8.tzui-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .tzui-col-md-push-9.tzui-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .tzui-col-md-pull-9.tzui-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .tzui-col-md-offset-9.tzui-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .tzui-col-md-push-10.tzui-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .tzui-col-md-pull-10.tzui-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .tzui-col-md-offset-10.tzui-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .tzui-col-md-push-11.tzui-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .tzui-col-md-pull-11.tzui-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .tzui-col-md-offset-11.tzui-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .tzui-col-md-push-12.tzui-col-rtl {
    right: 50%;
    left: auto;
  }
  .tzui-col-md-pull-12.tzui-col-rtl {
    right: auto;
    left: 50%;
  }
  .tzui-col-md-offset-12.tzui-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .tzui-col-md-push-13.tzui-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .tzui-col-md-pull-13.tzui-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .tzui-col-md-offset-13.tzui-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .tzui-col-md-push-14.tzui-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .tzui-col-md-pull-14.tzui-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .tzui-col-md-offset-14.tzui-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .tzui-col-md-push-15.tzui-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .tzui-col-md-pull-15.tzui-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .tzui-col-md-offset-15.tzui-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .tzui-col-md-push-16.tzui-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .tzui-col-md-pull-16.tzui-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .tzui-col-md-offset-16.tzui-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .tzui-col-md-push-17.tzui-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .tzui-col-md-pull-17.tzui-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .tzui-col-md-offset-17.tzui-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .tzui-col-md-push-18.tzui-col-rtl {
    right: 75%;
    left: auto;
  }
  .tzui-col-md-pull-18.tzui-col-rtl {
    right: auto;
    left: 75%;
  }
  .tzui-col-md-offset-18.tzui-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .tzui-col-md-push-19.tzui-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .tzui-col-md-pull-19.tzui-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .tzui-col-md-offset-19.tzui-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .tzui-col-md-push-20.tzui-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .tzui-col-md-pull-20.tzui-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .tzui-col-md-offset-20.tzui-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .tzui-col-md-push-21.tzui-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .tzui-col-md-pull-21.tzui-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .tzui-col-md-offset-21.tzui-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .tzui-col-md-push-22.tzui-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .tzui-col-md-pull-22.tzui-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .tzui-col-md-offset-22.tzui-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .tzui-col-md-push-23.tzui-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .tzui-col-md-pull-23.tzui-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .tzui-col-md-offset-23.tzui-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .tzui-col-md-push-24.tzui-col-rtl {
    right: 100%;
    left: auto;
  }
  .tzui-col-md-pull-24.tzui-col-rtl {
    right: auto;
    left: 100%;
  }
  .tzui-col-md-offset-24.tzui-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .tzui-col-lg-24 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .tzui-col-lg-push-24 {
    left: 100%;
  }
  .tzui-col-lg-pull-24 {
    right: 100%;
  }
  .tzui-col-lg-offset-24 {
    margin-left: 100%;
  }
  .tzui-col-lg-order-24 {
    -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
            order: 24;
  }
  .tzui-col-lg-23 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 95.83333333%;
            flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .tzui-col-lg-push-23 {
    left: 95.83333333%;
  }
  .tzui-col-lg-pull-23 {
    right: 95.83333333%;
  }
  .tzui-col-lg-offset-23 {
    margin-left: 95.83333333%;
  }
  .tzui-col-lg-order-23 {
    -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
            order: 23;
  }
  .tzui-col-lg-22 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
            flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .tzui-col-lg-push-22 {
    left: 91.66666667%;
  }
  .tzui-col-lg-pull-22 {
    right: 91.66666667%;
  }
  .tzui-col-lg-offset-22 {
    margin-left: 91.66666667%;
  }
  .tzui-col-lg-order-22 {
    -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
            order: 22;
  }
  .tzui-col-lg-21 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
            flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .tzui-col-lg-push-21 {
    left: 87.5%;
  }
  .tzui-col-lg-pull-21 {
    right: 87.5%;
  }
  .tzui-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .tzui-col-lg-order-21 {
    -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
            order: 21;
  }
  .tzui-col-lg-20 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .tzui-col-lg-push-20 {
    left: 83.33333333%;
  }
  .tzui-col-lg-pull-20 {
    right: 83.33333333%;
  }
  .tzui-col-lg-offset-20 {
    margin-left: 83.33333333%;
  }
  .tzui-col-lg-order-20 {
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20;
  }
  .tzui-col-lg-19 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 79.16666667%;
            flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .tzui-col-lg-push-19 {
    left: 79.16666667%;
  }
  .tzui-col-lg-pull-19 {
    right: 79.16666667%;
  }
  .tzui-col-lg-offset-19 {
    margin-left: 79.16666667%;
  }
  .tzui-col-lg-order-19 {
    -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
            order: 19;
  }
  .tzui-col-lg-18 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .tzui-col-lg-push-18 {
    left: 75%;
  }
  .tzui-col-lg-pull-18 {
    right: 75%;
  }
  .tzui-col-lg-offset-18 {
    margin-left: 75%;
  }
  .tzui-col-lg-order-18 {
    -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
            order: 18;
  }
  .tzui-col-lg-17 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70.83333333%;
            flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .tzui-col-lg-push-17 {
    left: 70.83333333%;
  }
  .tzui-col-lg-pull-17 {
    right: 70.83333333%;
  }
  .tzui-col-lg-offset-17 {
    margin-left: 70.83333333%;
  }
  .tzui-col-lg-order-17 {
    -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
            order: 17;
  }
  .tzui-col-lg-16 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .tzui-col-lg-push-16 {
    left: 66.66666667%;
  }
  .tzui-col-lg-pull-16 {
    right: 66.66666667%;
  }
  .tzui-col-lg-offset-16 {
    margin-left: 66.66666667%;
  }
  .tzui-col-lg-order-16 {
    -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
            order: 16;
  }
  .tzui-col-lg-15 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
            flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .tzui-col-lg-push-15 {
    left: 62.5%;
  }
  .tzui-col-lg-pull-15 {
    right: 62.5%;
  }
  .tzui-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .tzui-col-lg-order-15 {
    -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
            order: 15;
  }
  .tzui-col-lg-14 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .tzui-col-lg-push-14 {
    left: 58.33333333%;
  }
  .tzui-col-lg-pull-14 {
    right: 58.33333333%;
  }
  .tzui-col-lg-offset-14 {
    margin-left: 58.33333333%;
  }
  .tzui-col-lg-order-14 {
    -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
            order: 14;
  }
  .tzui-col-lg-13 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 54.16666667%;
            flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .tzui-col-lg-push-13 {
    left: 54.16666667%;
  }
  .tzui-col-lg-pull-13 {
    right: 54.16666667%;
  }
  .tzui-col-lg-offset-13 {
    margin-left: 54.16666667%;
  }
  .tzui-col-lg-order-13 {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .tzui-col-lg-12 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .tzui-col-lg-push-12 {
    left: 50%;
  }
  .tzui-col-lg-pull-12 {
    right: 50%;
  }
  .tzui-col-lg-offset-12 {
    margin-left: 50%;
  }
  .tzui-col-lg-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .tzui-col-lg-11 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45.83333333%;
            flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .tzui-col-lg-push-11 {
    left: 45.83333333%;
  }
  .tzui-col-lg-pull-11 {
    right: 45.83333333%;
  }
  .tzui-col-lg-offset-11 {
    margin-left: 45.83333333%;
  }
  .tzui-col-lg-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .tzui-col-lg-10 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .tzui-col-lg-push-10 {
    left: 41.66666667%;
  }
  .tzui-col-lg-pull-10 {
    right: 41.66666667%;
  }
  .tzui-col-lg-offset-10 {
    margin-left: 41.66666667%;
  }
  .tzui-col-lg-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .tzui-col-lg-9 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
            flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .tzui-col-lg-push-9 {
    left: 37.5%;
  }
  .tzui-col-lg-pull-9 {
    right: 37.5%;
  }
  .tzui-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .tzui-col-lg-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .tzui-col-lg-8 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .tzui-col-lg-push-8 {
    left: 33.33333333%;
  }
  .tzui-col-lg-pull-8 {
    right: 33.33333333%;
  }
  .tzui-col-lg-offset-8 {
    margin-left: 33.33333333%;
  }
  .tzui-col-lg-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .tzui-col-lg-7 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 29.16666667%;
            flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .tzui-col-lg-push-7 {
    left: 29.16666667%;
  }
  .tzui-col-lg-pull-7 {
    right: 29.16666667%;
  }
  .tzui-col-lg-offset-7 {
    margin-left: 29.16666667%;
  }
  .tzui-col-lg-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .tzui-col-lg-6 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .tzui-col-lg-push-6 {
    left: 25%;
  }
  .tzui-col-lg-pull-6 {
    right: 25%;
  }
  .tzui-col-lg-offset-6 {
    margin-left: 25%;
  }
  .tzui-col-lg-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .tzui-col-lg-5 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20.83333333%;
            flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .tzui-col-lg-push-5 {
    left: 20.83333333%;
  }
  .tzui-col-lg-pull-5 {
    right: 20.83333333%;
  }
  .tzui-col-lg-offset-5 {
    margin-left: 20.83333333%;
  }
  .tzui-col-lg-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .tzui-col-lg-4 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
            flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .tzui-col-lg-push-4 {
    left: 16.66666667%;
  }
  .tzui-col-lg-pull-4 {
    right: 16.66666667%;
  }
  .tzui-col-lg-offset-4 {
    margin-left: 16.66666667%;
  }
  .tzui-col-lg-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .tzui-col-lg-3 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .tzui-col-lg-push-3 {
    left: 12.5%;
  }
  .tzui-col-lg-pull-3 {
    right: 12.5%;
  }
  .tzui-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .tzui-col-lg-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .tzui-col-lg-2 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
            flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .tzui-col-lg-push-2 {
    left: 8.33333333%;
  }
  .tzui-col-lg-pull-2 {
    right: 8.33333333%;
  }
  .tzui-col-lg-offset-2 {
    margin-left: 8.33333333%;
  }
  .tzui-col-lg-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .tzui-col-lg-1 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 4.16666667%;
            flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .tzui-col-lg-push-1 {
    left: 4.16666667%;
  }
  .tzui-col-lg-pull-1 {
    right: 4.16666667%;
  }
  .tzui-col-lg-offset-1 {
    margin-left: 4.16666667%;
  }
  .tzui-col-lg-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .tzui-col-lg-0 {
    display: none;
  }
  .tzui-col-push-0 {
    left: auto;
  }
  .tzui-col-pull-0 {
    right: auto;
  }
  .tzui-col-lg-push-0 {
    left: auto;
  }
  .tzui-col-lg-pull-0 {
    right: auto;
  }
  .tzui-col-lg-offset-0 {
    margin-left: 0;
  }
  .tzui-col-lg-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .tzui-col-push-0.tzui-col-rtl {
    right: auto;
  }
  .tzui-col-pull-0.tzui-col-rtl {
    left: auto;
  }
  .tzui-col-lg-push-0.tzui-col-rtl {
    right: auto;
  }
  .tzui-col-lg-pull-0.tzui-col-rtl {
    left: auto;
  }
  .tzui-col-lg-offset-0.tzui-col-rtl {
    margin-right: 0;
  }
  .tzui-col-lg-push-1.tzui-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .tzui-col-lg-pull-1.tzui-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .tzui-col-lg-offset-1.tzui-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .tzui-col-lg-push-2.tzui-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .tzui-col-lg-pull-2.tzui-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .tzui-col-lg-offset-2.tzui-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .tzui-col-lg-push-3.tzui-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .tzui-col-lg-pull-3.tzui-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .tzui-col-lg-offset-3.tzui-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .tzui-col-lg-push-4.tzui-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .tzui-col-lg-pull-4.tzui-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .tzui-col-lg-offset-4.tzui-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .tzui-col-lg-push-5.tzui-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .tzui-col-lg-pull-5.tzui-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .tzui-col-lg-offset-5.tzui-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .tzui-col-lg-push-6.tzui-col-rtl {
    right: 25%;
    left: auto;
  }
  .tzui-col-lg-pull-6.tzui-col-rtl {
    right: auto;
    left: 25%;
  }
  .tzui-col-lg-offset-6.tzui-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .tzui-col-lg-push-7.tzui-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .tzui-col-lg-pull-7.tzui-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .tzui-col-lg-offset-7.tzui-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .tzui-col-lg-push-8.tzui-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .tzui-col-lg-pull-8.tzui-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .tzui-col-lg-offset-8.tzui-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .tzui-col-lg-push-9.tzui-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .tzui-col-lg-pull-9.tzui-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .tzui-col-lg-offset-9.tzui-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .tzui-col-lg-push-10.tzui-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .tzui-col-lg-pull-10.tzui-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .tzui-col-lg-offset-10.tzui-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .tzui-col-lg-push-11.tzui-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .tzui-col-lg-pull-11.tzui-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .tzui-col-lg-offset-11.tzui-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .tzui-col-lg-push-12.tzui-col-rtl {
    right: 50%;
    left: auto;
  }
  .tzui-col-lg-pull-12.tzui-col-rtl {
    right: auto;
    left: 50%;
  }
  .tzui-col-lg-offset-12.tzui-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .tzui-col-lg-push-13.tzui-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .tzui-col-lg-pull-13.tzui-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .tzui-col-lg-offset-13.tzui-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .tzui-col-lg-push-14.tzui-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .tzui-col-lg-pull-14.tzui-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .tzui-col-lg-offset-14.tzui-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .tzui-col-lg-push-15.tzui-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .tzui-col-lg-pull-15.tzui-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .tzui-col-lg-offset-15.tzui-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .tzui-col-lg-push-16.tzui-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .tzui-col-lg-pull-16.tzui-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .tzui-col-lg-offset-16.tzui-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .tzui-col-lg-push-17.tzui-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .tzui-col-lg-pull-17.tzui-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .tzui-col-lg-offset-17.tzui-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .tzui-col-lg-push-18.tzui-col-rtl {
    right: 75%;
    left: auto;
  }
  .tzui-col-lg-pull-18.tzui-col-rtl {
    right: auto;
    left: 75%;
  }
  .tzui-col-lg-offset-18.tzui-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .tzui-col-lg-push-19.tzui-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .tzui-col-lg-pull-19.tzui-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .tzui-col-lg-offset-19.tzui-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .tzui-col-lg-push-20.tzui-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .tzui-col-lg-pull-20.tzui-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .tzui-col-lg-offset-20.tzui-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .tzui-col-lg-push-21.tzui-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .tzui-col-lg-pull-21.tzui-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .tzui-col-lg-offset-21.tzui-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .tzui-col-lg-push-22.tzui-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .tzui-col-lg-pull-22.tzui-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .tzui-col-lg-offset-22.tzui-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .tzui-col-lg-push-23.tzui-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .tzui-col-lg-pull-23.tzui-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .tzui-col-lg-offset-23.tzui-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .tzui-col-lg-push-24.tzui-col-rtl {
    right: 100%;
    left: auto;
  }
  .tzui-col-lg-pull-24.tzui-col-rtl {
    right: auto;
    left: 100%;
  }
  .tzui-col-lg-offset-24.tzui-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .tzui-col-xl-24 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .tzui-col-xl-push-24 {
    left: 100%;
  }
  .tzui-col-xl-pull-24 {
    right: 100%;
  }
  .tzui-col-xl-offset-24 {
    margin-left: 100%;
  }
  .tzui-col-xl-order-24 {
    -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
            order: 24;
  }
  .tzui-col-xl-23 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 95.83333333%;
            flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .tzui-col-xl-push-23 {
    left: 95.83333333%;
  }
  .tzui-col-xl-pull-23 {
    right: 95.83333333%;
  }
  .tzui-col-xl-offset-23 {
    margin-left: 95.83333333%;
  }
  .tzui-col-xl-order-23 {
    -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
            order: 23;
  }
  .tzui-col-xl-22 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
            flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .tzui-col-xl-push-22 {
    left: 91.66666667%;
  }
  .tzui-col-xl-pull-22 {
    right: 91.66666667%;
  }
  .tzui-col-xl-offset-22 {
    margin-left: 91.66666667%;
  }
  .tzui-col-xl-order-22 {
    -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
            order: 22;
  }
  .tzui-col-xl-21 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
            flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .tzui-col-xl-push-21 {
    left: 87.5%;
  }
  .tzui-col-xl-pull-21 {
    right: 87.5%;
  }
  .tzui-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .tzui-col-xl-order-21 {
    -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
            order: 21;
  }
  .tzui-col-xl-20 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .tzui-col-xl-push-20 {
    left: 83.33333333%;
  }
  .tzui-col-xl-pull-20 {
    right: 83.33333333%;
  }
  .tzui-col-xl-offset-20 {
    margin-left: 83.33333333%;
  }
  .tzui-col-xl-order-20 {
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20;
  }
  .tzui-col-xl-19 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 79.16666667%;
            flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .tzui-col-xl-push-19 {
    left: 79.16666667%;
  }
  .tzui-col-xl-pull-19 {
    right: 79.16666667%;
  }
  .tzui-col-xl-offset-19 {
    margin-left: 79.16666667%;
  }
  .tzui-col-xl-order-19 {
    -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
            order: 19;
  }
  .tzui-col-xl-18 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .tzui-col-xl-push-18 {
    left: 75%;
  }
  .tzui-col-xl-pull-18 {
    right: 75%;
  }
  .tzui-col-xl-offset-18 {
    margin-left: 75%;
  }
  .tzui-col-xl-order-18 {
    -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
            order: 18;
  }
  .tzui-col-xl-17 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70.83333333%;
            flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .tzui-col-xl-push-17 {
    left: 70.83333333%;
  }
  .tzui-col-xl-pull-17 {
    right: 70.83333333%;
  }
  .tzui-col-xl-offset-17 {
    margin-left: 70.83333333%;
  }
  .tzui-col-xl-order-17 {
    -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
            order: 17;
  }
  .tzui-col-xl-16 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .tzui-col-xl-push-16 {
    left: 66.66666667%;
  }
  .tzui-col-xl-pull-16 {
    right: 66.66666667%;
  }
  .tzui-col-xl-offset-16 {
    margin-left: 66.66666667%;
  }
  .tzui-col-xl-order-16 {
    -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
            order: 16;
  }
  .tzui-col-xl-15 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
            flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .tzui-col-xl-push-15 {
    left: 62.5%;
  }
  .tzui-col-xl-pull-15 {
    right: 62.5%;
  }
  .tzui-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .tzui-col-xl-order-15 {
    -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
            order: 15;
  }
  .tzui-col-xl-14 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .tzui-col-xl-push-14 {
    left: 58.33333333%;
  }
  .tzui-col-xl-pull-14 {
    right: 58.33333333%;
  }
  .tzui-col-xl-offset-14 {
    margin-left: 58.33333333%;
  }
  .tzui-col-xl-order-14 {
    -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
            order: 14;
  }
  .tzui-col-xl-13 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 54.16666667%;
            flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .tzui-col-xl-push-13 {
    left: 54.16666667%;
  }
  .tzui-col-xl-pull-13 {
    right: 54.16666667%;
  }
  .tzui-col-xl-offset-13 {
    margin-left: 54.16666667%;
  }
  .tzui-col-xl-order-13 {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .tzui-col-xl-12 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .tzui-col-xl-push-12 {
    left: 50%;
  }
  .tzui-col-xl-pull-12 {
    right: 50%;
  }
  .tzui-col-xl-offset-12 {
    margin-left: 50%;
  }
  .tzui-col-xl-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .tzui-col-xl-11 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45.83333333%;
            flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .tzui-col-xl-push-11 {
    left: 45.83333333%;
  }
  .tzui-col-xl-pull-11 {
    right: 45.83333333%;
  }
  .tzui-col-xl-offset-11 {
    margin-left: 45.83333333%;
  }
  .tzui-col-xl-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .tzui-col-xl-10 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .tzui-col-xl-push-10 {
    left: 41.66666667%;
  }
  .tzui-col-xl-pull-10 {
    right: 41.66666667%;
  }
  .tzui-col-xl-offset-10 {
    margin-left: 41.66666667%;
  }
  .tzui-col-xl-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .tzui-col-xl-9 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
            flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .tzui-col-xl-push-9 {
    left: 37.5%;
  }
  .tzui-col-xl-pull-9 {
    right: 37.5%;
  }
  .tzui-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .tzui-col-xl-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .tzui-col-xl-8 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .tzui-col-xl-push-8 {
    left: 33.33333333%;
  }
  .tzui-col-xl-pull-8 {
    right: 33.33333333%;
  }
  .tzui-col-xl-offset-8 {
    margin-left: 33.33333333%;
  }
  .tzui-col-xl-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .tzui-col-xl-7 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 29.16666667%;
            flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .tzui-col-xl-push-7 {
    left: 29.16666667%;
  }
  .tzui-col-xl-pull-7 {
    right: 29.16666667%;
  }
  .tzui-col-xl-offset-7 {
    margin-left: 29.16666667%;
  }
  .tzui-col-xl-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .tzui-col-xl-6 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .tzui-col-xl-push-6 {
    left: 25%;
  }
  .tzui-col-xl-pull-6 {
    right: 25%;
  }
  .tzui-col-xl-offset-6 {
    margin-left: 25%;
  }
  .tzui-col-xl-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .tzui-col-xl-5 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20.83333333%;
            flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .tzui-col-xl-push-5 {
    left: 20.83333333%;
  }
  .tzui-col-xl-pull-5 {
    right: 20.83333333%;
  }
  .tzui-col-xl-offset-5 {
    margin-left: 20.83333333%;
  }
  .tzui-col-xl-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .tzui-col-xl-4 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
            flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .tzui-col-xl-push-4 {
    left: 16.66666667%;
  }
  .tzui-col-xl-pull-4 {
    right: 16.66666667%;
  }
  .tzui-col-xl-offset-4 {
    margin-left: 16.66666667%;
  }
  .tzui-col-xl-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .tzui-col-xl-3 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .tzui-col-xl-push-3 {
    left: 12.5%;
  }
  .tzui-col-xl-pull-3 {
    right: 12.5%;
  }
  .tzui-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .tzui-col-xl-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .tzui-col-xl-2 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
            flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .tzui-col-xl-push-2 {
    left: 8.33333333%;
  }
  .tzui-col-xl-pull-2 {
    right: 8.33333333%;
  }
  .tzui-col-xl-offset-2 {
    margin-left: 8.33333333%;
  }
  .tzui-col-xl-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .tzui-col-xl-1 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 4.16666667%;
            flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .tzui-col-xl-push-1 {
    left: 4.16666667%;
  }
  .tzui-col-xl-pull-1 {
    right: 4.16666667%;
  }
  .tzui-col-xl-offset-1 {
    margin-left: 4.16666667%;
  }
  .tzui-col-xl-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .tzui-col-xl-0 {
    display: none;
  }
  .tzui-col-push-0 {
    left: auto;
  }
  .tzui-col-pull-0 {
    right: auto;
  }
  .tzui-col-xl-push-0 {
    left: auto;
  }
  .tzui-col-xl-pull-0 {
    right: auto;
  }
  .tzui-col-xl-offset-0 {
    margin-left: 0;
  }
  .tzui-col-xl-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .tzui-col-push-0.tzui-col-rtl {
    right: auto;
  }
  .tzui-col-pull-0.tzui-col-rtl {
    left: auto;
  }
  .tzui-col-xl-push-0.tzui-col-rtl {
    right: auto;
  }
  .tzui-col-xl-pull-0.tzui-col-rtl {
    left: auto;
  }
  .tzui-col-xl-offset-0.tzui-col-rtl {
    margin-right: 0;
  }
  .tzui-col-xl-push-1.tzui-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .tzui-col-xl-pull-1.tzui-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .tzui-col-xl-offset-1.tzui-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .tzui-col-xl-push-2.tzui-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .tzui-col-xl-pull-2.tzui-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .tzui-col-xl-offset-2.tzui-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .tzui-col-xl-push-3.tzui-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .tzui-col-xl-pull-3.tzui-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .tzui-col-xl-offset-3.tzui-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .tzui-col-xl-push-4.tzui-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .tzui-col-xl-pull-4.tzui-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .tzui-col-xl-offset-4.tzui-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .tzui-col-xl-push-5.tzui-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .tzui-col-xl-pull-5.tzui-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .tzui-col-xl-offset-5.tzui-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .tzui-col-xl-push-6.tzui-col-rtl {
    right: 25%;
    left: auto;
  }
  .tzui-col-xl-pull-6.tzui-col-rtl {
    right: auto;
    left: 25%;
  }
  .tzui-col-xl-offset-6.tzui-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .tzui-col-xl-push-7.tzui-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .tzui-col-xl-pull-7.tzui-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .tzui-col-xl-offset-7.tzui-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .tzui-col-xl-push-8.tzui-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .tzui-col-xl-pull-8.tzui-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .tzui-col-xl-offset-8.tzui-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .tzui-col-xl-push-9.tzui-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .tzui-col-xl-pull-9.tzui-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .tzui-col-xl-offset-9.tzui-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .tzui-col-xl-push-10.tzui-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .tzui-col-xl-pull-10.tzui-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .tzui-col-xl-offset-10.tzui-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .tzui-col-xl-push-11.tzui-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .tzui-col-xl-pull-11.tzui-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .tzui-col-xl-offset-11.tzui-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .tzui-col-xl-push-12.tzui-col-rtl {
    right: 50%;
    left: auto;
  }
  .tzui-col-xl-pull-12.tzui-col-rtl {
    right: auto;
    left: 50%;
  }
  .tzui-col-xl-offset-12.tzui-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .tzui-col-xl-push-13.tzui-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .tzui-col-xl-pull-13.tzui-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .tzui-col-xl-offset-13.tzui-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .tzui-col-xl-push-14.tzui-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .tzui-col-xl-pull-14.tzui-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .tzui-col-xl-offset-14.tzui-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .tzui-col-xl-push-15.tzui-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .tzui-col-xl-pull-15.tzui-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .tzui-col-xl-offset-15.tzui-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .tzui-col-xl-push-16.tzui-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .tzui-col-xl-pull-16.tzui-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .tzui-col-xl-offset-16.tzui-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .tzui-col-xl-push-17.tzui-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .tzui-col-xl-pull-17.tzui-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .tzui-col-xl-offset-17.tzui-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .tzui-col-xl-push-18.tzui-col-rtl {
    right: 75%;
    left: auto;
  }
  .tzui-col-xl-pull-18.tzui-col-rtl {
    right: auto;
    left: 75%;
  }
  .tzui-col-xl-offset-18.tzui-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .tzui-col-xl-push-19.tzui-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .tzui-col-xl-pull-19.tzui-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .tzui-col-xl-offset-19.tzui-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .tzui-col-xl-push-20.tzui-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .tzui-col-xl-pull-20.tzui-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .tzui-col-xl-offset-20.tzui-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .tzui-col-xl-push-21.tzui-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .tzui-col-xl-pull-21.tzui-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .tzui-col-xl-offset-21.tzui-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .tzui-col-xl-push-22.tzui-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .tzui-col-xl-pull-22.tzui-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .tzui-col-xl-offset-22.tzui-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .tzui-col-xl-push-23.tzui-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .tzui-col-xl-pull-23.tzui-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .tzui-col-xl-offset-23.tzui-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .tzui-col-xl-push-24.tzui-col-rtl {
    right: 100%;
    left: auto;
  }
  .tzui-col-xl-pull-24.tzui-col-rtl {
    right: auto;
    left: 100%;
  }
  .tzui-col-xl-offset-24.tzui-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 1600px) {
  .tzui-col-xxl-24 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .tzui-col-xxl-push-24 {
    left: 100%;
  }
  .tzui-col-xxl-pull-24 {
    right: 100%;
  }
  .tzui-col-xxl-offset-24 {
    margin-left: 100%;
  }
  .tzui-col-xxl-order-24 {
    -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
            order: 24;
  }
  .tzui-col-xxl-23 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 95.83333333%;
            flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .tzui-col-xxl-push-23 {
    left: 95.83333333%;
  }
  .tzui-col-xxl-pull-23 {
    right: 95.83333333%;
  }
  .tzui-col-xxl-offset-23 {
    margin-left: 95.83333333%;
  }
  .tzui-col-xxl-order-23 {
    -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
            order: 23;
  }
  .tzui-col-xxl-22 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
            flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .tzui-col-xxl-push-22 {
    left: 91.66666667%;
  }
  .tzui-col-xxl-pull-22 {
    right: 91.66666667%;
  }
  .tzui-col-xxl-offset-22 {
    margin-left: 91.66666667%;
  }
  .tzui-col-xxl-order-22 {
    -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
            order: 22;
  }
  .tzui-col-xxl-21 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 87.5%;
            flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .tzui-col-xxl-push-21 {
    left: 87.5%;
  }
  .tzui-col-xxl-pull-21 {
    right: 87.5%;
  }
  .tzui-col-xxl-offset-21 {
    margin-left: 87.5%;
  }
  .tzui-col-xxl-order-21 {
    -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
            order: 21;
  }
  .tzui-col-xxl-20 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .tzui-col-xxl-push-20 {
    left: 83.33333333%;
  }
  .tzui-col-xxl-pull-20 {
    right: 83.33333333%;
  }
  .tzui-col-xxl-offset-20 {
    margin-left: 83.33333333%;
  }
  .tzui-col-xxl-order-20 {
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20;
  }
  .tzui-col-xxl-19 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 79.16666667%;
            flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .tzui-col-xxl-push-19 {
    left: 79.16666667%;
  }
  .tzui-col-xxl-pull-19 {
    right: 79.16666667%;
  }
  .tzui-col-xxl-offset-19 {
    margin-left: 79.16666667%;
  }
  .tzui-col-xxl-order-19 {
    -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
            order: 19;
  }
  .tzui-col-xxl-18 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .tzui-col-xxl-push-18 {
    left: 75%;
  }
  .tzui-col-xxl-pull-18 {
    right: 75%;
  }
  .tzui-col-xxl-offset-18 {
    margin-left: 75%;
  }
  .tzui-col-xxl-order-18 {
    -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
            order: 18;
  }
  .tzui-col-xxl-17 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70.83333333%;
            flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .tzui-col-xxl-push-17 {
    left: 70.83333333%;
  }
  .tzui-col-xxl-pull-17 {
    right: 70.83333333%;
  }
  .tzui-col-xxl-offset-17 {
    margin-left: 70.83333333%;
  }
  .tzui-col-xxl-order-17 {
    -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
            order: 17;
  }
  .tzui-col-xxl-16 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .tzui-col-xxl-push-16 {
    left: 66.66666667%;
  }
  .tzui-col-xxl-pull-16 {
    right: 66.66666667%;
  }
  .tzui-col-xxl-offset-16 {
    margin-left: 66.66666667%;
  }
  .tzui-col-xxl-order-16 {
    -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
            order: 16;
  }
  .tzui-col-xxl-15 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 62.5%;
            flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .tzui-col-xxl-push-15 {
    left: 62.5%;
  }
  .tzui-col-xxl-pull-15 {
    right: 62.5%;
  }
  .tzui-col-xxl-offset-15 {
    margin-left: 62.5%;
  }
  .tzui-col-xxl-order-15 {
    -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
            order: 15;
  }
  .tzui-col-xxl-14 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .tzui-col-xxl-push-14 {
    left: 58.33333333%;
  }
  .tzui-col-xxl-pull-14 {
    right: 58.33333333%;
  }
  .tzui-col-xxl-offset-14 {
    margin-left: 58.33333333%;
  }
  .tzui-col-xxl-order-14 {
    -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
            order: 14;
  }
  .tzui-col-xxl-13 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 54.16666667%;
            flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .tzui-col-xxl-push-13 {
    left: 54.16666667%;
  }
  .tzui-col-xxl-pull-13 {
    right: 54.16666667%;
  }
  .tzui-col-xxl-offset-13 {
    margin-left: 54.16666667%;
  }
  .tzui-col-xxl-order-13 {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .tzui-col-xxl-12 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .tzui-col-xxl-push-12 {
    left: 50%;
  }
  .tzui-col-xxl-pull-12 {
    right: 50%;
  }
  .tzui-col-xxl-offset-12 {
    margin-left: 50%;
  }
  .tzui-col-xxl-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .tzui-col-xxl-11 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45.83333333%;
            flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .tzui-col-xxl-push-11 {
    left: 45.83333333%;
  }
  .tzui-col-xxl-pull-11 {
    right: 45.83333333%;
  }
  .tzui-col-xxl-offset-11 {
    margin-left: 45.83333333%;
  }
  .tzui-col-xxl-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .tzui-col-xxl-10 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .tzui-col-xxl-push-10 {
    left: 41.66666667%;
  }
  .tzui-col-xxl-pull-10 {
    right: 41.66666667%;
  }
  .tzui-col-xxl-offset-10 {
    margin-left: 41.66666667%;
  }
  .tzui-col-xxl-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .tzui-col-xxl-9 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
            flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .tzui-col-xxl-push-9 {
    left: 37.5%;
  }
  .tzui-col-xxl-pull-9 {
    right: 37.5%;
  }
  .tzui-col-xxl-offset-9 {
    margin-left: 37.5%;
  }
  .tzui-col-xxl-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .tzui-col-xxl-8 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .tzui-col-xxl-push-8 {
    left: 33.33333333%;
  }
  .tzui-col-xxl-pull-8 {
    right: 33.33333333%;
  }
  .tzui-col-xxl-offset-8 {
    margin-left: 33.33333333%;
  }
  .tzui-col-xxl-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .tzui-col-xxl-7 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 29.16666667%;
            flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .tzui-col-xxl-push-7 {
    left: 29.16666667%;
  }
  .tzui-col-xxl-pull-7 {
    right: 29.16666667%;
  }
  .tzui-col-xxl-offset-7 {
    margin-left: 29.16666667%;
  }
  .tzui-col-xxl-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .tzui-col-xxl-6 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .tzui-col-xxl-push-6 {
    left: 25%;
  }
  .tzui-col-xxl-pull-6 {
    right: 25%;
  }
  .tzui-col-xxl-offset-6 {
    margin-left: 25%;
  }
  .tzui-col-xxl-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .tzui-col-xxl-5 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20.83333333%;
            flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .tzui-col-xxl-push-5 {
    left: 20.83333333%;
  }
  .tzui-col-xxl-pull-5 {
    right: 20.83333333%;
  }
  .tzui-col-xxl-offset-5 {
    margin-left: 20.83333333%;
  }
  .tzui-col-xxl-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .tzui-col-xxl-4 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
            flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .tzui-col-xxl-push-4 {
    left: 16.66666667%;
  }
  .tzui-col-xxl-pull-4 {
    right: 16.66666667%;
  }
  .tzui-col-xxl-offset-4 {
    margin-left: 16.66666667%;
  }
  .tzui-col-xxl-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .tzui-col-xxl-3 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .tzui-col-xxl-push-3 {
    left: 12.5%;
  }
  .tzui-col-xxl-pull-3 {
    right: 12.5%;
  }
  .tzui-col-xxl-offset-3 {
    margin-left: 12.5%;
  }
  .tzui-col-xxl-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .tzui-col-xxl-2 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
            flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .tzui-col-xxl-push-2 {
    left: 8.33333333%;
  }
  .tzui-col-xxl-pull-2 {
    right: 8.33333333%;
  }
  .tzui-col-xxl-offset-2 {
    margin-left: 8.33333333%;
  }
  .tzui-col-xxl-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .tzui-col-xxl-1 {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 4.16666667%;
            flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .tzui-col-xxl-push-1 {
    left: 4.16666667%;
  }
  .tzui-col-xxl-pull-1 {
    right: 4.16666667%;
  }
  .tzui-col-xxl-offset-1 {
    margin-left: 4.16666667%;
  }
  .tzui-col-xxl-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .tzui-col-xxl-0 {
    display: none;
  }
  .tzui-col-push-0 {
    left: auto;
  }
  .tzui-col-pull-0 {
    right: auto;
  }
  .tzui-col-xxl-push-0 {
    left: auto;
  }
  .tzui-col-xxl-pull-0 {
    right: auto;
  }
  .tzui-col-xxl-offset-0 {
    margin-left: 0;
  }
  .tzui-col-xxl-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .tzui-col-push-0.tzui-col-rtl {
    right: auto;
  }
  .tzui-col-pull-0.tzui-col-rtl {
    left: auto;
  }
  .tzui-col-xxl-push-0.tzui-col-rtl {
    right: auto;
  }
  .tzui-col-xxl-pull-0.tzui-col-rtl {
    left: auto;
  }
  .tzui-col-xxl-offset-0.tzui-col-rtl {
    margin-right: 0;
  }
  .tzui-col-xxl-push-1.tzui-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .tzui-col-xxl-pull-1.tzui-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .tzui-col-xxl-offset-1.tzui-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .tzui-col-xxl-push-2.tzui-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .tzui-col-xxl-pull-2.tzui-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .tzui-col-xxl-offset-2.tzui-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .tzui-col-xxl-push-3.tzui-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .tzui-col-xxl-pull-3.tzui-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .tzui-col-xxl-offset-3.tzui-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .tzui-col-xxl-push-4.tzui-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .tzui-col-xxl-pull-4.tzui-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .tzui-col-xxl-offset-4.tzui-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .tzui-col-xxl-push-5.tzui-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .tzui-col-xxl-pull-5.tzui-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .tzui-col-xxl-offset-5.tzui-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .tzui-col-xxl-push-6.tzui-col-rtl {
    right: 25%;
    left: auto;
  }
  .tzui-col-xxl-pull-6.tzui-col-rtl {
    right: auto;
    left: 25%;
  }
  .tzui-col-xxl-offset-6.tzui-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .tzui-col-xxl-push-7.tzui-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .tzui-col-xxl-pull-7.tzui-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .tzui-col-xxl-offset-7.tzui-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .tzui-col-xxl-push-8.tzui-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .tzui-col-xxl-pull-8.tzui-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .tzui-col-xxl-offset-8.tzui-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .tzui-col-xxl-push-9.tzui-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .tzui-col-xxl-pull-9.tzui-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .tzui-col-xxl-offset-9.tzui-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .tzui-col-xxl-push-10.tzui-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .tzui-col-xxl-pull-10.tzui-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .tzui-col-xxl-offset-10.tzui-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .tzui-col-xxl-push-11.tzui-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .tzui-col-xxl-pull-11.tzui-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .tzui-col-xxl-offset-11.tzui-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .tzui-col-xxl-push-12.tzui-col-rtl {
    right: 50%;
    left: auto;
  }
  .tzui-col-xxl-pull-12.tzui-col-rtl {
    right: auto;
    left: 50%;
  }
  .tzui-col-xxl-offset-12.tzui-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .tzui-col-xxl-push-13.tzui-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .tzui-col-xxl-pull-13.tzui-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .tzui-col-xxl-offset-13.tzui-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .tzui-col-xxl-push-14.tzui-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .tzui-col-xxl-pull-14.tzui-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .tzui-col-xxl-offset-14.tzui-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .tzui-col-xxl-push-15.tzui-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .tzui-col-xxl-pull-15.tzui-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .tzui-col-xxl-offset-15.tzui-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .tzui-col-xxl-push-16.tzui-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .tzui-col-xxl-pull-16.tzui-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .tzui-col-xxl-offset-16.tzui-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .tzui-col-xxl-push-17.tzui-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .tzui-col-xxl-pull-17.tzui-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .tzui-col-xxl-offset-17.tzui-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .tzui-col-xxl-push-18.tzui-col-rtl {
    right: 75%;
    left: auto;
  }
  .tzui-col-xxl-pull-18.tzui-col-rtl {
    right: auto;
    left: 75%;
  }
  .tzui-col-xxl-offset-18.tzui-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .tzui-col-xxl-push-19.tzui-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .tzui-col-xxl-pull-19.tzui-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .tzui-col-xxl-offset-19.tzui-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .tzui-col-xxl-push-20.tzui-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .tzui-col-xxl-pull-20.tzui-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .tzui-col-xxl-offset-20.tzui-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .tzui-col-xxl-push-21.tzui-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .tzui-col-xxl-pull-21.tzui-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .tzui-col-xxl-offset-21.tzui-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .tzui-col-xxl-push-22.tzui-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .tzui-col-xxl-pull-22.tzui-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .tzui-col-xxl-offset-22.tzui-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .tzui-col-xxl-push-23.tzui-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .tzui-col-xxl-pull-23.tzui-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .tzui-col-xxl-offset-23.tzui-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .tzui-col-xxl-push-24.tzui-col-rtl {
    right: 100%;
    left: auto;
  }
  .tzui-col-xxl-pull-24.tzui-col-rtl {
    right: auto;
    left: 100%;
  }
  .tzui-col-xxl-offset-24.tzui-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
.tzui-row-rtl {
  direction: rtl;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@-webkit-keyframes tzui-img-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
@keyframes tzui-img-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.tzui-img-wrap {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.tzui-img-indicator {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  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-transition: opacity 400ms;
  transition: opacity 400ms;
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  opacity: 0;
}
.tzui-img-indicator.loading {
  opacity: 1;
  -webkit-animation: tzui-img-loading 1.4s ease infinite;
          animation: tzui-img-loading 1.4s ease infinite;
}
.tzui-img-indicator.error {
  background: transparent;
  opacity: 1;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-alert {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 15px;
  word-wrap: break-word;
  border-radius: 6px;
}
.tzui-alert-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.tzui-alert-icon {
  margin-right: 8px;
}
.tzui-alert-description {
  display: none;
  font-size: 14px;
  line-height: 22px;
}
.tzui-alert-success {
  background-color: #e6fff4;
  border: 1px solid #88f2cd;
}
.tzui-alert-success .tzui-alert-icon {
  color: var(--color-success);
}
.tzui-alert-info {
  background-color: #f0faff;
  border: 1px solid #b0e1ff;
}
.tzui-alert-info .tzui-alert-icon {
  color: var(--color-progress);
}
.tzui-alert-warning {
  background-color: #fffbf0;
  border: 1px solid #ffe3ab;
}
.tzui-alert-warning .tzui-alert-icon {
  color: var(--color-warning);
}
.tzui-alert-error {
  background-color: #fff1f0;
  border: 1px solid #ffc2bf;
}
.tzui-alert-error .tzui-alert-icon {
  color: var(--color-danger);
}
.tzui-alert-error .tzui-alert-description > pre {
  margin: 0;
  padding: 0;
}
.tzui-alert-action {
  margin-left: 8px;
}
.tzui-alert-close-icon {
  margin-left: 8px;
  padding: 0;
  overflow: hidden;
  font-size: 12px;
  line-height: 12px;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.tzui-alert-close-icon .anticon-close {
  color: #858e99;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.tzui-alert-close-icon .anticon-close:hover {
  color: rgba(0, 0, 0, 0.75);
}
.tzui-alert-close-text {
  color: #858e99;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.tzui-alert-close-text:hover {
  color: rgba(0, 0, 0, 0.75);
}
.tzui-alert-with-description {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 15px 15px 15px 24px;
}
.tzui-alert-with-description.tzui-alert-no-icon {
  padding: 15px 15px;
}
.tzui-alert-with-description .tzui-alert-icon {
  margin-right: 15px;
  font-size: 24px;
}
.tzui-alert-with-description .tzui-alert-message {
  display: block;
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
}
.tzui-alert-message {
  color: rgba(0, 0, 0, 0.85);
}
.tzui-alert-with-description .tzui-alert-description {
  display: block;
}
.tzui-alert.tzui-alert-motion-leave {
  overflow: hidden;
  opacity: 1;
  -webkit-transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.tzui-alert.tzui-alert-motion-leave-active {
  max-height: 0;
  margin-bottom: 0 !important;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
}
.tzui-alert-banner {
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
}
.tzui-alert.tzui-alert-rtl {
  direction: rtl;
}
.tzui-alert-rtl .tzui-alert-icon {
  margin-right: auto;
  margin-left: 8px;
}
.tzui-alert-rtl .tzui-alert-action {
  margin-right: 8px;
  margin-left: auto;
}
.tzui-alert-rtl .tzui-alert-close-icon {
  margin-right: 8px;
  margin-left: auto;
}
.tzui-alert-rtl.tzui-alert-with-description {
  padding-right: 24px;
  padding-left: 15px;
}
.tzui-alert-rtl.tzui-alert-with-description .tzui-alert-icon {
  margin-right: auto;
  margin-left: 15px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-custom-spin-wrap {
  position: relative;
  min-height: 60px;
}
.tzui-custom-spin-wrap .tzui-custom-spin-icon {
  color: var(--color-primary-light);
  font-size: 40px;
  -webkit-animation: loadingCircle 1.4s infinite linear;
          animation: loadingCircle 1.4s infinite linear;
}
.tzui-custom-spin-wrap.loading .tzui-custom-spin-container {
  opacity: 0.3;
}
.tzui-custom-spin-wrap.loading .tzui-custom-spin-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(255, 255, 255, 0.6);
}
.tzui-custom-spin-wrap.size-small {
  min-height: 40px;
}
.tzui-custom-spin-wrap.size-small .tzui-custom-spin-icon {
  font-size: 24px;
}
.tzui-custom-spin-wrap.size-small .tzui-custom-spin-title {
  font-size: 12px;
}
.tzui-custom-spin-wrap.size-large {
  min-height: 80px;
}
.tzui-custom-spin-wrap.size-large .tzui-custom-spin-icon {
  font-size: 60px;
}
.tzui-custom-spin-wrap.size-large .tzui-custom-spin-title {
  font-size: 15px;
}
.tzui-custom-spin-wrap.block {
  width: 100%;
  height: 100%;
}
.tzui-custom-spin-wrap.block .tzui-custom-spin-container {
  height: 100%;
}
.tzui-custom-spin-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  -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;
}
.tzui-custom-spin-title {
  margin-top: 10px;
  color: var(--color-text-light);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-collapse {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  background-color: #fafafa;
  border: 1px solid var(--color-border);
  border-bottom: 0;
  border-radius: 4px;
}
.tzui-collapse > .tzui-collapse-item {
  border-bottom: 1px solid var(--color-border);
}
.tzui-collapse > .tzui-collapse-item:last-child,
.tzui-collapse > .tzui-collapse-item:last-child > .tzui-collapse-header {
  border-radius: 0 0 4px 4px;
}
.tzui-collapse > .tzui-collapse-item > .tzui-collapse-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 12px 16px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 1.5715;
  cursor: pointer;
  -webkit-transition: all 0.3s, visibility 0s;
  transition: all 0.3s, visibility 0s;
}
.tzui-collapse > .tzui-collapse-item > .tzui-collapse-header .tzui-collapse-arrow {
  display: inline-block;
  margin-right: 12px;
  font-size: 12px;
  vertical-align: -1px;
}
.tzui-collapse > .tzui-collapse-item > .tzui-collapse-header .tzui-collapse-arrow svg {
  -webkit-transition: -webkit-transform 0.24s;
  transition: -webkit-transform 0.24s;
  transition: transform 0.24s;
  transition: transform 0.24s, -webkit-transform 0.24s;
}
.tzui-collapse > .tzui-collapse-item > .tzui-collapse-header .tzui-collapse-header-text {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.tzui-collapse > .tzui-collapse-item > .tzui-collapse-header .tzui-collapse-extra {
  margin-left: auto;
}
.tzui-collapse > .tzui-collapse-item > .tzui-collapse-header:focus {
  outline: none;
}
.tzui-collapse > .tzui-collapse-item .tzui-collapse-header-collapsible-only {
  cursor: default;
}
.tzui-collapse > .tzui-collapse-item .tzui-collapse-header-collapsible-only .tzui-collapse-header-text {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  cursor: pointer;
}
.tzui-collapse > .tzui-collapse-item .tzui-collapse-icon-collapsible-only {
  cursor: default;
}
.tzui-collapse > .tzui-collapse-item .tzui-collapse-icon-collapsible-only .tzui-collapse-expand-icon {
  cursor: pointer;
}
.tzui-collapse > .tzui-collapse-item.tzui-collapse-no-arrow > .tzui-collapse-header {
  padding-left: 12px;
}
.tzui-collapse-icon-position-end > .tzui-collapse-item > .tzui-collapse-header {
  position: relative;
  padding: 12px 16px;
  padding-right: 40px;
}
.tzui-collapse-icon-position-end > .tzui-collapse-item > .tzui-collapse-header .tzui-collapse-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  left: auto;
  margin: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.tzui-collapse-content {
  color: rgba(0, 0, 0, 0.85);
  background-color: #fff;
  border-top: 1px solid var(--color-border);
}
.tzui-collapse-content > .tzui-collapse-content-box {
  padding: 16px;
}
.tzui-collapse-content-hidden {
  display: none;
}
.tzui-collapse-item:last-child > .tzui-collapse-content {
  border-radius: 0 0 4px 4px;
}
.tzui-collapse-borderless {
  background-color: #fafafa;
  border: 0;
}
.tzui-collapse-borderless > .tzui-collapse-item {
  border-bottom: 1px solid var(--color-border);
}
.tzui-collapse-borderless > .tzui-collapse-item:last-child,
.tzui-collapse-borderless > .tzui-collapse-item:last-child .tzui-collapse-header {
  border-radius: 0;
}
.tzui-collapse-borderless > .tzui-collapse-item:last-child {
  border-bottom: 0;
}
.tzui-collapse-borderless > .tzui-collapse-item > .tzui-collapse-content {
  background-color: transparent;
  border-top: 0;
}
.tzui-collapse-borderless > .tzui-collapse-item > .tzui-collapse-content > .tzui-collapse-content-box {
  padding-top: 4px;
}
.tzui-collapse-ghost {
  background-color: transparent;
  border: 0;
}
.tzui-collapse-ghost > .tzui-collapse-item {
  border-bottom: 0;
}
.tzui-collapse-ghost > .tzui-collapse-item > .tzui-collapse-content {
  background-color: transparent;
  border-top: 0;
}
.tzui-collapse-ghost > .tzui-collapse-item > .tzui-collapse-content > .tzui-collapse-content-box {
  padding-top: 12px;
  padding-bottom: 12px;
}
.tzui-collapse .tzui-collapse-item-disabled > .tzui-collapse-header,
.tzui-collapse .tzui-collapse-item-disabled > .tzui-collapse-header > .arrow {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.tzui-collapse-rtl {
  direction: rtl;
}
.tzui-collapse-rtl.tzui-collapse.tzui-collapse-icon-position-end > .tzui-collapse-item > .tzui-collapse-header {
  position: relative;
  padding: 12px 16px;
  padding-left: 40px;
}
.tzui-collapse-rtl.tzui-collapse.tzui-collapse-icon-position-end > .tzui-collapse-item > .tzui-collapse-header .tzui-collapse-arrow {
  position: absolute;
  top: 50%;
  right: auto;
  left: 16px;
  margin: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.tzui-collapse-rtl .tzui-collapse > .tzui-collapse-item > .tzui-collapse-header {
  padding: 12px 16px;
  padding-right: 40px;
}
.tzui-collapse-rtl.tzui-collapse > .tzui-collapse-item > .tzui-collapse-header .tzui-collapse-arrow {
  margin-right: 0;
  margin-left: 12px;
}
.tzui-collapse-rtl.tzui-collapse > .tzui-collapse-item > .tzui-collapse-header .tzui-collapse-arrow svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.tzui-collapse-rtl.tzui-collapse > .tzui-collapse-item > .tzui-collapse-header .tzui-collapse-extra {
  margin-right: auto;
  margin-left: 0;
}
.tzui-collapse-rtl.tzui-collapse > .tzui-collapse-item.tzui-collapse-no-arrow > .tzui-collapse-header {
  padding-right: 12px;
  padding-left: 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
@-webkit-keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
@keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
.tzui-checkbox {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.tzui-checkbox-wrapper:hover .tzui-checkbox-inner,
.tzui-checkbox:hover .tzui-checkbox-inner,
.tzui-checkbox-input:focus + .tzui-checkbox-inner {
  border-color: var(--color-primary);
}
.tzui-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-primary);
  border-radius: 4px;
  visibility: hidden;
  -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
          animation: antCheckboxEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  content: '';
}
.tzui-checkbox:hover::after,
.tzui-checkbox-wrapper:hover .tzui-checkbox::after {
  visibility: visible;
}
.tzui-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  direction: ltr;
  background-color: #fff;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  border-collapse: separate;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21.5%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
          transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.tzui-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.tzui-checkbox-checked .tzui-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
          transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.tzui-checkbox-checked .tzui-checkbox-inner {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.tzui-checkbox-disabled {
  cursor: not-allowed;
}
.tzui-checkbox-disabled.tzui-checkbox-checked .tzui-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  -webkit-animation-name: none;
          animation-name: none;
}
.tzui-checkbox-disabled .tzui-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}
.tzui-checkbox-disabled .tzui-checkbox-inner {
  background-color: #f5f5f5;
  border-color: var(--color-border) !important;
}
.tzui-checkbox-disabled .tzui-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  -webkit-animation-name: none;
          animation-name: none;
}
.tzui-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.tzui-checkbox-disabled:hover::after,
.tzui-checkbox-wrapper:hover .tzui-checkbox-disabled::after {
  visibility: hidden;
}
.tzui-checkbox-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  line-height: unset;
  cursor: pointer;
}
.tzui-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\a0';
}
.tzui-checkbox-wrapper.tzui-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.tzui-checkbox-wrapper + .tzui-checkbox-wrapper {
  margin-left: 8px;
}
.tzui-checkbox-wrapper.tzui-checkbox-wrapper-in-form-item input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
.tzui-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.tzui-checkbox-group {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
}
.tzui-checkbox-group-item {
  margin-right: 8px;
}
.tzui-checkbox-group-item:last-child {
  margin-right: 0;
}
.tzui-checkbox-group-item + .tzui-checkbox-group-item {
  margin-left: 0;
}
.tzui-checkbox-indeterminate .tzui-checkbox-inner {
  background-color: #fff;
  border-color: var(--color-border);
}
.tzui-checkbox-indeterminate .tzui-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: var(--color-primary);
  border: 0;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.tzui-checkbox-indeterminate.tzui-checkbox-disabled .tzui-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.tzui-checkbox-rtl {
  direction: rtl;
}
.tzui-checkbox-group-rtl .tzui-checkbox-group-item {
  margin-right: 0;
  margin-left: 8px;
}
.tzui-checkbox-group-rtl .tzui-checkbox-group-item:last-child {
  margin-left: 0 !important;
}
.tzui-checkbox-group-rtl .tzui-checkbox-group-item + .tzui-checkbox-group-item {
  margin-left: 8px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-checkbox-checked::after {
  -webkit-animation: none;
          animation: none;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-breadcrumb {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  color: #858e99;
  font-size: 14px;
}
.tzui-breadcrumb .anticon {
  font-size: 14px;
}
.tzui-breadcrumb ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.tzui-breadcrumb a {
  color: #858e99;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.tzui-breadcrumb a:hover {
  color: var(--color-primary-hover);
}
.tzui-breadcrumb li:last-child {
  color: rgba(0, 0, 0, 0.85);
}
.tzui-breadcrumb li:last-child a {
  color: rgba(0, 0, 0, 0.85);
}
li:last-child > .tzui-breadcrumb-separator {
  display: none;
}
.tzui-breadcrumb-separator {
  margin: 0 8px;
  color: #858e99;
}
.tzui-breadcrumb-link > .anticon + span,
.tzui-breadcrumb-link > .anticon + a {
  margin-left: 4px;
}
.tzui-breadcrumb-overlay-link > .anticon {
  margin-left: 4px;
}
.tzui-breadcrumb-rtl {
  direction: rtl;
}
.tzui-breadcrumb-rtl::before {
  display: table;
  content: '';
}
.tzui-breadcrumb-rtl::after {
  display: table;
  clear: both;
  content: '';
}
.tzui-breadcrumb-rtl > span {
  float: right;
}
.tzui-breadcrumb-rtl .tzui-breadcrumb-link > .anticon + span,
.tzui-breadcrumb-rtl .tzui-breadcrumb-link > .anticon + a {
  margin-right: 4px;
  margin-left: 0;
}
.tzui-breadcrumb-rtl .tzui-breadcrumb-overlay-link > .anticon {
  margin-right: 4px;
  margin-left: 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-load-more {
  padding: 15px 0;
  text-align: center;
}
.tzui-load-more-spin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tzui-load-more-spin .tzui-load-more-spin-icon {
  color: var(--color-primary-light);
  font-size: 26px;
  -webkit-animation: tzui-load-more-spin-ani ease-in-out infinite 1.5s;
          animation: tzui-load-more-spin-ani ease-in-out infinite 1.5s;
}
@-webkit-keyframes tzui-load-more-spin-ani {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(720deg);
            transform: rotate(720deg);
  }
}
@keyframes tzui-load-more-spin-ani {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(720deg);
            transform: rotate(720deg);
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-popover {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  cursor: auto;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}
.tzui-popover-content {
  position: relative;
}
.tzui-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  content: '';
}
.tzui-popover-hidden {
  display: none;
}
.tzui-popover-placement-top,
.tzui-popover-placement-topLeft,
.tzui-popover-placement-topRight {
  padding-bottom: 16px;
}
.tzui-popover-placement-right,
.tzui-popover-placement-rightTop,
.tzui-popover-placement-rightBottom {
  padding-left: 16px;
}
.tzui-popover-placement-bottom,
.tzui-popover-placement-bottomLeft,
.tzui-popover-placement-bottomRight {
  padding-top: 16px;
}
.tzui-popover-placement-left,
.tzui-popover-placement-leftTop,
.tzui-popover-placement-leftBottom {
  padding-right: 16px;
}
.tzui-popover-inner {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
          box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .tzui-popover {
    /* IE10+ */
  }
  .tzui-popover-inner {
    -webkit-box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
            box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
  }
}
.tzui-popover-title {
  min-width: 177px;
  min-height: 32px;
  margin: 0;
  padding: 5px 16px 4px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.tzui-popover-inner-content {
  padding: 12px 16px;
  color: rgba(0, 0, 0, 0.85);
}
.tzui-popover-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 0 12px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.tzui-popover-message-icon {
  display: inline-block;
  margin-right: 8px;
  color: var(--color-warning);
  font-size: 14px;
}
.tzui-popover-buttons {
  margin-bottom: 4px;
  text-align: right;
}
.tzui-popover-buttons button:not(:first-child) {
  margin-left: 8px;
}
.tzui-popover-arrow {
  position: absolute;
  display: block;
  width: 22.97056275px;
  height: 22.97056275px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.tzui-popover-arrow-content {
  --antd-arrow-background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 12px;
  height: 12px;
  margin: auto;
  content: '';
  pointer-events: auto;
  border-radius: 0 0 4px;
  pointer-events: none;
}
.tzui-popover-arrow-content::before {
  position: absolute;
  top: -12px;
  left: -12px;
  width: 36px;
  height: 36px;
  background: var(--antd-arrow-background-color);
  background-repeat: no-repeat;
  background-position: -11px -11px;
  content: '';
  clip-path: inset(33% 33%);
  clip-path: path('M 10.535533905932738 25.464466094067262 A 5 5 0 0 1 14.071067811865476 24 L 20 24 A 4 4 0 0 0 24 20 L 24 14.071067811865476 A 5 5 0 0 1 25.464466094067262 10.535533905932738 L 24.464466094067262 10.535533905932738 L 10.535533905932738 24.464466094067262 Z');
}
.tzui-popover-placement-top .tzui-popover-arrow,
.tzui-popover-placement-topLeft .tzui-popover-arrow,
.tzui-popover-placement-topRight .tzui-popover-arrow {
  bottom: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.tzui-popover-placement-top .tzui-popover-arrow-content,
.tzui-popover-placement-topLeft .tzui-popover-arrow-content,
.tzui-popover-placement-topRight .tzui-popover-arrow-content {
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateY(-11.48528137px) rotate(45deg);
          transform: translateY(-11.48528137px) rotate(45deg);
}
.tzui-popover-placement-top .tzui-popover-arrow {
  left: 50%;
  -webkit-transform: translateY(100%) translateX(-50%);
          transform: translateY(100%) translateX(-50%);
}
.tzui-popover-placement-topLeft .tzui-popover-arrow {
  left: 16px;
}
.tzui-popover-placement-topRight .tzui-popover-arrow {
  right: 16px;
}
.tzui-popover-placement-right .tzui-popover-arrow,
.tzui-popover-placement-rightTop .tzui-popover-arrow,
.tzui-popover-placement-rightBottom .tzui-popover-arrow {
  left: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.tzui-popover-placement-right .tzui-popover-arrow-content,
.tzui-popover-placement-rightTop .tzui-popover-arrow-content,
.tzui-popover-placement-rightBottom .tzui-popover-arrow-content {
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateX(11.48528137px) rotate(135deg);
          transform: translateX(11.48528137px) rotate(135deg);
}
.tzui-popover-placement-right .tzui-popover-arrow {
  top: 50%;
  -webkit-transform: translateX(-100%) translateY(-50%);
          transform: translateX(-100%) translateY(-50%);
}
.tzui-popover-placement-rightTop .tzui-popover-arrow {
  top: 12px;
}
.tzui-popover-placement-rightBottom .tzui-popover-arrow {
  bottom: 12px;
}
.tzui-popover-placement-bottom .tzui-popover-arrow,
.tzui-popover-placement-bottomLeft .tzui-popover-arrow,
.tzui-popover-placement-bottomRight .tzui-popover-arrow {
  top: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.tzui-popover-placement-bottom .tzui-popover-arrow-content,
.tzui-popover-placement-bottomLeft .tzui-popover-arrow-content,
.tzui-popover-placement-bottomRight .tzui-popover-arrow-content {
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);
  -webkit-transform: translateY(11.48528137px) rotate(-135deg);
          transform: translateY(11.48528137px) rotate(-135deg);
}
.tzui-popover-placement-bottom .tzui-popover-arrow {
  left: 50%;
  -webkit-transform: translateY(-100%) translateX(-50%);
          transform: translateY(-100%) translateX(-50%);
}
.tzui-popover-placement-bottomLeft .tzui-popover-arrow {
  left: 16px;
}
.tzui-popover-placement-bottomRight .tzui-popover-arrow {
  right: 16px;
}
.tzui-popover-placement-left .tzui-popover-arrow,
.tzui-popover-placement-leftTop .tzui-popover-arrow,
.tzui-popover-placement-leftBottom .tzui-popover-arrow {
  right: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.tzui-popover-placement-left .tzui-popover-arrow-content,
.tzui-popover-placement-leftTop .tzui-popover-arrow-content,
.tzui-popover-placement-leftBottom .tzui-popover-arrow-content {
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateX(-11.48528137px) rotate(-45deg);
          transform: translateX(-11.48528137px) rotate(-45deg);
}
.tzui-popover-placement-left .tzui-popover-arrow {
  top: 50%;
  -webkit-transform: translateX(100%) translateY(-50%);
          transform: translateX(100%) translateY(-50%);
}
.tzui-popover-placement-leftTop .tzui-popover-arrow {
  top: 12px;
}
.tzui-popover-placement-leftBottom .tzui-popover-arrow {
  bottom: 12px;
}
.tzui-popover-pink .tzui-popover-inner {
  background-color: #eb2f96;
}
.tzui-popover-pink .tzui-popover-arrow-content {
  background-color: #eb2f96;
}
.tzui-popover-magenta .tzui-popover-inner {
  background-color: #eb2f96;
}
.tzui-popover-magenta .tzui-popover-arrow-content {
  background-color: #eb2f96;
}
.tzui-popover-red .tzui-popover-inner {
  background-color: #f5222d;
}
.tzui-popover-red .tzui-popover-arrow-content {
  background-color: #f5222d;
}
.tzui-popover-volcano .tzui-popover-inner {
  background-color: #fa541c;
}
.tzui-popover-volcano .tzui-popover-arrow-content {
  background-color: #fa541c;
}
.tzui-popover-orange .tzui-popover-inner {
  background-color: #fa8c16;
}
.tzui-popover-orange .tzui-popover-arrow-content {
  background-color: #fa8c16;
}
.tzui-popover-yellow .tzui-popover-inner {
  background-color: #fadb14;
}
.tzui-popover-yellow .tzui-popover-arrow-content {
  background-color: #fadb14;
}
.tzui-popover-gold .tzui-popover-inner {
  background-color: #faad14;
}
.tzui-popover-gold .tzui-popover-arrow-content {
  background-color: #faad14;
}
.tzui-popover-cyan .tzui-popover-inner {
  background-color: #13c2c2;
}
.tzui-popover-cyan .tzui-popover-arrow-content {
  background-color: #13c2c2;
}
.tzui-popover-lime .tzui-popover-inner {
  background-color: #a0d911;
}
.tzui-popover-lime .tzui-popover-arrow-content {
  background-color: #a0d911;
}
.tzui-popover-green .tzui-popover-inner {
  background-color: #52c41a;
}
.tzui-popover-green .tzui-popover-arrow-content {
  background-color: #52c41a;
}
.tzui-popover-blue .tzui-popover-inner {
  background-color: #1890ff;
}
.tzui-popover-blue .tzui-popover-arrow-content {
  background-color: #1890ff;
}
.tzui-popover-geekblue .tzui-popover-inner {
  background-color: #2f54eb;
}
.tzui-popover-geekblue .tzui-popover-arrow-content {
  background-color: #2f54eb;
}
.tzui-popover-purple .tzui-popover-inner {
  background-color: #722ed1;
}
.tzui-popover-purple .tzui-popover-arrow-content {
  background-color: #722ed1;
}
.tzui-popover-rtl {
  direction: rtl;
  text-align: right;
}
.tzui-popover-rtl .tzui-popover-message-icon {
  margin-right: 0;
  margin-left: 8px;
}
.tzui-popover-rtl .tzui-popover-message-title {
  padding-left: 16px;
}
.tzui-popover-rtl .tzui-popover-buttons {
  text-align: left;
}
.tzui-popover-rtl .tzui-popover-buttons button {
  margin-right: 8px;
  margin-left: 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-popover-inner {
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.tzui-popover-title {
  color: inherit;
  border: none;
  min-height: none;
}
.tzui-popover.ghosted {
  pointer-events: none;
}
.tzui-popover.size-small .tzui-popover-title {
  font-size: 14px;
  line-height: 20px;
  padding: 8px 12px;
}
.tzui-popover.size-small .tzui-popover-inner-content {
  padding: 12px;
  font-size: 12px;
}
.tzui-popover.size-small .tzui-popover-title + .tzui-popover-inner-content {
  padding-top: 0;
}
.tzui-popover.size-large .tzui-popover-title {
  font-size: 16px;
  line-height: 28px;
  padding: 16px 24px 8px;
}
.tzui-popover.size-large .tzui-popover-inner-content {
  padding: 20px 24px;
}
.tzui-popover.size-large .tzui-popover-title + .tzui-popover-inner-content {
  padding-top: 0;
}
.layout-filled .tzui-popover-inner-content {
  padding: 0;
}
.tzui-popover-title + .tzui-popover-inner-content {
  padding-top: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-tag {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
  height: auto;
  margin-right: 8px;
  padding: 0 7px;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  background: #fafafa;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-tag,
.tzui-tag a,
.tzui-tag a:hover {
  color: rgba(0, 0, 0, 0.85);
}
.tzui-tag > a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px;
}
.tzui-tag-close-icon {
  margin-left: 3px;
  color: #858e99;
  font-size: 10px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-tag-close-icon:hover {
  color: rgba(0, 0, 0, 0.85);
}
.tzui-tag-has-color {
  border-color: transparent;
}
.tzui-tag-has-color,
.tzui-tag-has-color a,
.tzui-tag-has-color a:hover,
.tzui-tag-has-color .anticon-close,
.tzui-tag-has-color .anticon-close:hover {
  color: #fff;
}
.tzui-tag-checkable {
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
}
.tzui-tag-checkable:not(.tzui-tag-checkable-checked):hover {
  color: var(--color-primary);
}
.tzui-tag-checkable:active,
.tzui-tag-checkable-checked {
  color: #fff;
}
.tzui-tag-checkable-checked {
  background-color: var(--color-primary);
}
.tzui-tag-checkable:active {
  background-color: var(--color-primary-dark);
}
.tzui-tag-hidden {
  display: none;
}
.tzui-tag-pink {
  color: #c41d7f;
  background: #fff0f6;
  border-color: #ffadd2;
}
.tzui-tag-pink-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.tzui-tag-magenta {
  color: #c41d7f;
  background: #fff0f6;
  border-color: #ffadd2;
}
.tzui-tag-magenta-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.tzui-tag-red {
  color: #cf1322;
  background: #fff1f0;
  border-color: #ffa39e;
}
.tzui-tag-red-inverse {
  color: #fff;
  background: #f5222d;
  border-color: #f5222d;
}
.tzui-tag-volcano {
  color: #d4380d;
  background: #fff2e8;
  border-color: #ffbb96;
}
.tzui-tag-volcano-inverse {
  color: #fff;
  background: #fa541c;
  border-color: #fa541c;
}
.tzui-tag-orange {
  color: #d46b08;
  background: #fff7e6;
  border-color: #ffd591;
}
.tzui-tag-orange-inverse {
  color: #fff;
  background: #fa8c16;
  border-color: #fa8c16;
}
.tzui-tag-yellow {
  color: #d4b106;
  background: #feffe6;
  border-color: #fffb8f;
}
.tzui-tag-yellow-inverse {
  color: #fff;
  background: #fadb14;
  border-color: #fadb14;
}
.tzui-tag-gold {
  color: #d48806;
  background: #fffbe6;
  border-color: #ffe58f;
}
.tzui-tag-gold-inverse {
  color: #fff;
  background: #faad14;
  border-color: #faad14;
}
.tzui-tag-cyan {
  color: #08979c;
  background: #e6fffb;
  border-color: #87e8de;
}
.tzui-tag-cyan-inverse {
  color: #fff;
  background: #13c2c2;
  border-color: #13c2c2;
}
.tzui-tag-lime {
  color: #7cb305;
  background: #fcffe6;
  border-color: #eaff8f;
}
.tzui-tag-lime-inverse {
  color: #fff;
  background: #a0d911;
  border-color: #a0d911;
}
.tzui-tag-green {
  color: #389e0d;
  background: #f6ffed;
  border-color: #b7eb8f;
}
.tzui-tag-green-inverse {
  color: #fff;
  background: #52c41a;
  border-color: #52c41a;
}
.tzui-tag-blue {
  color: #096dd9;
  background: #e6f7ff;
  border-color: #91d5ff;
}
.tzui-tag-blue-inverse {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff;
}
.tzui-tag-geekblue {
  color: #1d39c4;
  background: #f0f5ff;
  border-color: #adc6ff;
}
.tzui-tag-geekblue-inverse {
  color: #fff;
  background: #2f54eb;
  border-color: #2f54eb;
}
.tzui-tag-purple {
  color: #531dab;
  background: #f9f0ff;
  border-color: #d3adf7;
}
.tzui-tag-purple-inverse {
  color: #fff;
  background: #722ed1;
  border-color: #722ed1;
}
.tzui-tag-success {
  color: var(--color-success);
  background: #e6fff4;
  border-color: #88f2cd;
}
.tzui-tag-processing {
  color: var(--color-progress);
  background: #f0faff;
  border-color: #b0e1ff;
}
.tzui-tag-error {
  color: var(--color-danger);
  background: #fff1f0;
  border-color: #ffc2bf;
}
.tzui-tag-warning {
  color: var(--color-warning);
  background: #fffbf0;
  border-color: #ffe3ab;
}
.tzui-tag > .anticon + span,
.tzui-tag > span + .anticon {
  margin-left: 7px;
}
.tzui-tag.tzui-tag-rtl {
  margin-right: 0;
  margin-left: 8px;
  direction: rtl;
  text-align: right;
}
.tzui-tag-rtl .tzui-tag-close-icon {
  margin-right: 3px;
  margin-left: 0;
}
.tzui-tag-rtl.tzui-tag > .anticon + span,
.tzui-tag-rtl.tzui-tag > span + .anticon {
  margin-right: 7px;
  margin-left: 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
[class^=tzui-]::-ms-clear,
[class*= tzui-]::-ms-clear,
[class^=tzui-] input::-ms-clear,
[class*= tzui-] input::-ms-clear,
[class^=tzui-] input::-ms-reveal,
[class*= tzui-] input::-ms-reveal {
  display: none;
}
/* stylelint-disable property-no-vendor-prefix, at-rule-no-vendor-prefix */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
body {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-variant: tabular-nums;
  line-height: 1.5715;
  background-color: #fff;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
[tabindex='-1']:focus {
  outline: none !important;
}
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: var(--color-primary);
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: var(--color-primary-hover);
}
a:active {
  color: var(--color-primary-dark);
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}
a:focus {
  text-decoration: none;
  outline: 0;
}
a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  color: #858e99;
  text-align: left;
  caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}
::-moz-selection {
  color: #fff;
  background: var(--color-primary);
}
::selection {
  color: #fff;
  background: var(--color-primary);
}
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon[tabindex] {
  cursor: pointer;
}
.anticon-spin::before {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
          animation: loadingCircle 1s infinite linear;
}
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
          animation: loadingCircle 1s infinite linear;
}
.tzui-fade-enter,
.tzui-fade-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-fade-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-fade-enter.tzui-fade-enter-active,
.tzui-fade-appear.tzui-fade-appear-active {
  -webkit-animation-name: antFadeIn;
          animation-name: antFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-fade-leave.tzui-fade-leave-active {
  -webkit-animation-name: antFadeOut;
          animation-name: antFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-fade-enter,
.tzui-fade-appear {
  opacity: 0;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.tzui-fade-leave {
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
@-webkit-keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.tzui-move-up-enter,
.tzui-move-up-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-up-enter.tzui-move-up-enter-active,
.tzui-move-up-appear.tzui-move-up-appear-active {
  -webkit-animation-name: antMoveUpIn;
          animation-name: antMoveUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-move-up-leave.tzui-move-up-leave-active {
  -webkit-animation-name: antMoveUpOut;
          animation-name: antMoveUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-move-up-enter,
.tzui-move-up-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-move-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.tzui-move-down-enter,
.tzui-move-down-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-down-enter.tzui-move-down-enter-active,
.tzui-move-down-appear.tzui-move-down-appear-active {
  -webkit-animation-name: antMoveDownIn;
          animation-name: antMoveDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-move-down-leave.tzui-move-down-leave-active {
  -webkit-animation-name: antMoveDownOut;
          animation-name: antMoveDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-move-down-enter,
.tzui-move-down-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-move-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.tzui-move-left-enter,
.tzui-move-left-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-left-enter.tzui-move-left-enter-active,
.tzui-move-left-appear.tzui-move-left-appear-active {
  -webkit-animation-name: antMoveLeftIn;
          animation-name: antMoveLeftIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-move-left-leave.tzui-move-left-leave-active {
  -webkit-animation-name: antMoveLeftOut;
          animation-name: antMoveLeftOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-move-left-enter,
.tzui-move-left-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-move-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.tzui-move-right-enter,
.tzui-move-right-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-move-right-enter.tzui-move-right-enter-active,
.tzui-move-right-appear.tzui-move-right-appear-active {
  -webkit-animation-name: antMoveRightIn;
          animation-name: antMoveRightIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-move-right-leave.tzui-move-right-leave-active {
  -webkit-animation-name: antMoveRightOut;
          animation-name: antMoveRightOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-move-right-enter,
.tzui-move-right-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-move-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@-webkit-keyframes antMoveDownIn {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveDownIn {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveDownOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveDownOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveLeftOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveLeftOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveRightIn {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveRightIn {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveRightOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveRightOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveUpIn {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveUpIn {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveUpOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveUpOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
[tzui-click-animating='true'],
[tzui-click-animating-without-extra-node='true'] {
  position: relative;
}
html {
  --antd-wave-shadow-color: var(--color-primary);
  --scroll-bar: 0;
}
[tzui-click-animating-without-extra-node='true']::after,
.tzui-click-animating-node {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: inherit;
  -webkit-box-shadow: 0 0 0 0 var(--color-primary);
          box-shadow: 0 0 0 0 var(--color-primary);
  -webkit-box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
          box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  opacity: 0.2;
  -webkit-animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
          animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
@-webkit-keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 var(--color-primary);
            box-shadow: 0 0 0 var(--color-primary);
    -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
            box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 var(--color-primary);
            box-shadow: 0 0 0 var(--color-primary);
    -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
            box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@-webkit-keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
.tzui-slide-up-enter,
.tzui-slide-up-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-up-enter.tzui-slide-up-enter-active,
.tzui-slide-up-appear.tzui-slide-up-appear-active {
  -webkit-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-slide-up-leave.tzui-slide-up-leave-active {
  -webkit-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-slide-up-enter,
.tzui-slide-up-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.tzui-slide-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.tzui-slide-down-enter,
.tzui-slide-down-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-down-enter.tzui-slide-down-enter-active,
.tzui-slide-down-appear.tzui-slide-down-appear-active {
  -webkit-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-slide-down-leave.tzui-slide-down-leave-active {
  -webkit-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-slide-down-enter,
.tzui-slide-down-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.tzui-slide-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.tzui-slide-left-enter,
.tzui-slide-left-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-left-enter.tzui-slide-left-enter-active,
.tzui-slide-left-appear.tzui-slide-left-appear-active {
  -webkit-animation-name: antSlideLeftIn;
          animation-name: antSlideLeftIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-slide-left-leave.tzui-slide-left-leave-active {
  -webkit-animation-name: antSlideLeftOut;
          animation-name: antSlideLeftOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-slide-left-enter,
.tzui-slide-left-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.tzui-slide-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.tzui-slide-right-enter,
.tzui-slide-right-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-slide-right-enter.tzui-slide-right-enter-active,
.tzui-slide-right-appear.tzui-slide-right-appear-active {
  -webkit-animation-name: antSlideRightIn;
          animation-name: antSlideRightIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-slide-right-leave.tzui-slide-right-leave-active {
  -webkit-animation-name: antSlideRightOut;
          animation-name: antSlideRightOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-slide-right-enter,
.tzui-slide-right-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.tzui-slide-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@-webkit-keyframes antSlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes antSlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes antSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideLeftIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideLeftIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideLeftOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideLeftOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideRightIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes antSlideRightIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideRightOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
}
@keyframes antSlideRightOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
}
.tzui-zoom-enter,
.tzui-zoom-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-enter.tzui-zoom-enter-active,
.tzui-zoom-appear.tzui-zoom-appear-active {
  -webkit-animation-name: antZoomIn;
          animation-name: antZoomIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-zoom-leave.tzui-zoom-leave-active {
  -webkit-animation-name: antZoomOut;
          animation-name: antZoomOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-zoom-enter,
.tzui-zoom-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-zoom-enter-prepare,
.tzui-zoom-appear-prepare {
  -webkit-transform: none;
          transform: none;
}
.tzui-zoom-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.tzui-zoom-big-enter,
.tzui-zoom-big-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-big-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-big-enter.tzui-zoom-big-enter-active,
.tzui-zoom-big-appear.tzui-zoom-big-appear-active {
  -webkit-animation-name: antZoomBigIn;
          animation-name: antZoomBigIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-zoom-big-leave.tzui-zoom-big-leave-active {
  -webkit-animation-name: antZoomBigOut;
          animation-name: antZoomBigOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-zoom-big-enter,
.tzui-zoom-big-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-zoom-big-enter-prepare,
.tzui-zoom-big-appear-prepare {
  -webkit-transform: none;
          transform: none;
}
.tzui-zoom-big-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.tzui-zoom-big-fast-enter,
.tzui-zoom-big-fast-appear {
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-big-fast-leave {
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-big-fast-enter.tzui-zoom-big-fast-enter-active,
.tzui-zoom-big-fast-appear.tzui-zoom-big-fast-appear-active {
  -webkit-animation-name: antZoomBigIn;
          animation-name: antZoomBigIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-zoom-big-fast-leave.tzui-zoom-big-fast-leave-active {
  -webkit-animation-name: antZoomBigOut;
          animation-name: antZoomBigOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-zoom-big-fast-enter,
.tzui-zoom-big-fast-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-zoom-big-fast-enter-prepare,
.tzui-zoom-big-fast-appear-prepare {
  -webkit-transform: none;
          transform: none;
}
.tzui-zoom-big-fast-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.tzui-zoom-up-enter,
.tzui-zoom-up-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-up-enter.tzui-zoom-up-enter-active,
.tzui-zoom-up-appear.tzui-zoom-up-appear-active {
  -webkit-animation-name: antZoomUpIn;
          animation-name: antZoomUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-zoom-up-leave.tzui-zoom-up-leave-active {
  -webkit-animation-name: antZoomUpOut;
          animation-name: antZoomUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-zoom-up-enter,
.tzui-zoom-up-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-zoom-up-enter-prepare,
.tzui-zoom-up-appear-prepare {
  -webkit-transform: none;
          transform: none;
}
.tzui-zoom-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.tzui-zoom-down-enter,
.tzui-zoom-down-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-down-enter.tzui-zoom-down-enter-active,
.tzui-zoom-down-appear.tzui-zoom-down-appear-active {
  -webkit-animation-name: antZoomDownIn;
          animation-name: antZoomDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-zoom-down-leave.tzui-zoom-down-leave-active {
  -webkit-animation-name: antZoomDownOut;
          animation-name: antZoomDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-zoom-down-enter,
.tzui-zoom-down-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-zoom-down-enter-prepare,
.tzui-zoom-down-appear-prepare {
  -webkit-transform: none;
          transform: none;
}
.tzui-zoom-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.tzui-zoom-left-enter,
.tzui-zoom-left-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-left-enter.tzui-zoom-left-enter-active,
.tzui-zoom-left-appear.tzui-zoom-left-appear-active {
  -webkit-animation-name: antZoomLeftIn;
          animation-name: antZoomLeftIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-zoom-left-leave.tzui-zoom-left-leave-active {
  -webkit-animation-name: antZoomLeftOut;
          animation-name: antZoomLeftOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-zoom-left-enter,
.tzui-zoom-left-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-zoom-left-enter-prepare,
.tzui-zoom-left-appear-prepare {
  -webkit-transform: none;
          transform: none;
}
.tzui-zoom-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.tzui-zoom-right-enter,
.tzui-zoom-right-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.tzui-zoom-right-enter.tzui-zoom-right-enter-active,
.tzui-zoom-right-appear.tzui-zoom-right-appear-active {
  -webkit-animation-name: antZoomRightIn;
          animation-name: antZoomRightIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.tzui-zoom-right-leave.tzui-zoom-right-leave-active {
  -webkit-animation-name: antZoomRightOut;
          animation-name: antZoomRightOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.tzui-zoom-right-enter,
.tzui-zoom-right-appear {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.tzui-zoom-right-enter-prepare,
.tzui-zoom-right-appear-prepare {
  -webkit-transform: none;
          transform: none;
}
.tzui-zoom-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@-webkit-keyframes antZoomIn {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomIn {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
}
@-webkit-keyframes antZoomBigIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomBigIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}
@-webkit-keyframes antZoomUpIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}
@keyframes antZoomUpIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}
@-webkit-keyframes antZoomUpOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes antZoomUpOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomLeftIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
}
@keyframes antZoomLeftIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
}
@-webkit-keyframes antZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes antZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomRightIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
}
@keyframes antZoomRightIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
}
@-webkit-keyframes antZoomRightOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes antZoomRightOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomDownIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}
@keyframes antZoomDownIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}
@-webkit-keyframes antZoomDownOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
}
@keyframes antZoomDownOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
}
.ant-motion-collapse-legacy {
  overflow: hidden;
}
.ant-motion-collapse-legacy-active {
  -webkit-transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-motion-collapse {
  overflow: hidden;
  -webkit-transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-input-phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tzui-input-phone .tzui-input-phone-input {
  border-left-color: transparent;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tzui-input-phone .tzui-input-phone-input:focus,
.tzui-input-phone .tzui-input-phone-input:hover {
  border-left-color: var(--color-primary-hover);
}
.tzui-input-phone .tzui-input-phone-select .tzui-select-selector {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.tzui-input-phone-option-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tzui-input-phone-option-name {
  display: inline-block;
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-timeline {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  margin: 0;
  padding: 0;
  list-style: none;
}
.tzui-timeline-item {
  position: relative;
  margin: 0;
  padding-bottom: 20px;
  font-size: 14px;
  list-style: none;
}
.tzui-timeline-item-tail {
  position: absolute;
  top: 10px;
  left: 4px;
  height: calc(100% - 10px);
  border-left: 2px solid rgba(0, 0, 0, 0.06);
}
.tzui-timeline-item-pending .tzui-timeline-item-head {
  font-size: 12px;
  background-color: transparent;
}
.tzui-timeline-item-pending .tzui-timeline-item-tail {
  display: none;
}
.tzui-timeline-item-head {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 2px solid transparent;
  border-radius: 100px;
}
.tzui-timeline-item-head-blue {
  color: var(--color-primary);
  border-color: var(--color-primary);
}
.tzui-timeline-item-head-red {
  color: var(--color-danger);
  border-color: var(--color-danger);
}
.tzui-timeline-item-head-green {
  color: var(--color-success);
  border-color: var(--color-success);
}
.tzui-timeline-item-head-gray {
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.tzui-timeline-item-head-custom {
  position: absolute;
  top: 5.5px;
  left: 5px;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 3px 1px;
  line-height: 1;
  text-align: center;
  border: 0;
  border-radius: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.tzui-timeline-item-content {
  position: relative;
  top: -7.001px;
  margin: 0 0 0 26px;
  word-break: break-word;
}
.tzui-timeline-item-last > .tzui-timeline-item-tail {
  display: none;
}
.tzui-timeline-item-last > .tzui-timeline-item-content {
  min-height: 48px;
}
.tzui-timeline.tzui-timeline-alternate .tzui-timeline-item-tail,
.tzui-timeline.tzui-timeline-right .tzui-timeline-item-tail,
.tzui-timeline.tzui-timeline-label .tzui-timeline-item-tail,
.tzui-timeline.tzui-timeline-alternate .tzui-timeline-item-head,
.tzui-timeline.tzui-timeline-right .tzui-timeline-item-head,
.tzui-timeline.tzui-timeline-label .tzui-timeline-item-head,
.tzui-timeline.tzui-timeline-alternate .tzui-timeline-item-head-custom,
.tzui-timeline.tzui-timeline-right .tzui-timeline-item-head-custom,
.tzui-timeline.tzui-timeline-label .tzui-timeline-item-head-custom {
  left: 50%;
}
.tzui-timeline.tzui-timeline-alternate .tzui-timeline-item-head,
.tzui-timeline.tzui-timeline-right .tzui-timeline-item-head,
.tzui-timeline.tzui-timeline-label .tzui-timeline-item-head {
  margin-left: -4px;
}
.tzui-timeline.tzui-timeline-alternate .tzui-timeline-item-head-custom,
.tzui-timeline.tzui-timeline-right .tzui-timeline-item-head-custom,
.tzui-timeline.tzui-timeline-label .tzui-timeline-item-head-custom {
  margin-left: 1px;
}
.tzui-timeline.tzui-timeline-alternate .tzui-timeline-item-left .tzui-timeline-item-content,
.tzui-timeline.tzui-timeline-right .tzui-timeline-item-left .tzui-timeline-item-content,
.tzui-timeline.tzui-timeline-label .tzui-timeline-item-left .tzui-timeline-item-content {
  left: calc(50% - 4px);
  width: calc(50% - 14px);
  text-align: left;
}
.tzui-timeline.tzui-timeline-alternate .tzui-timeline-item-right .tzui-timeline-item-content,
.tzui-timeline.tzui-timeline-right .tzui-timeline-item-right .tzui-timeline-item-content,
.tzui-timeline.tzui-timeline-label .tzui-timeline-item-right .tzui-timeline-item-content {
  width: calc(50% - 12px);
  margin: 0;
  text-align: right;
}
.tzui-timeline.tzui-timeline-right .tzui-timeline-item-right .tzui-timeline-item-tail,
.tzui-timeline.tzui-timeline-right .tzui-timeline-item-right .tzui-timeline-item-head,
.tzui-timeline.tzui-timeline-right .tzui-timeline-item-right .tzui-timeline-item-head-custom {
  left: calc(100% - 4px - 2px);
}
.tzui-timeline.tzui-timeline-right .tzui-timeline-item-right .tzui-timeline-item-content {
  width: calc(100% - 18px);
}
.tzui-timeline.tzui-timeline-pending .tzui-timeline-item-last .tzui-timeline-item-tail {
  display: block;
  height: calc(100% - 14px);
  border-left: 2px dotted rgba(0, 0, 0, 0.06);
}
.tzui-timeline.tzui-timeline-reverse .tzui-timeline-item-last .tzui-timeline-item-tail {
  display: none;
}
.tzui-timeline.tzui-timeline-reverse .tzui-timeline-item-pending .tzui-timeline-item-tail {
  top: 15px;
  display: block;
  height: calc(100% - 15px);
  border-left: 2px dotted rgba(0, 0, 0, 0.06);
}
.tzui-timeline.tzui-timeline-reverse .tzui-timeline-item-pending .tzui-timeline-item-content {
  min-height: 48px;
}
.tzui-timeline.tzui-timeline-label .tzui-timeline-item-label {
  position: absolute;
  top: -7.001px;
  width: calc(50% - 12px);
  text-align: right;
}
.tzui-timeline.tzui-timeline-label .tzui-timeline-item-right .tzui-timeline-item-label {
  left: calc(50% + 14px);
  width: calc(50% - 14px);
  text-align: left;
}
.tzui-timeline-rtl {
  direction: rtl;
}
.tzui-timeline-rtl .tzui-timeline-item-tail {
  right: 4px;
  left: auto;
  border-right: 2px solid rgba(0, 0, 0, 0.06);
  border-left: none;
}
.tzui-timeline-rtl .tzui-timeline-item-head-custom {
  right: 5px;
  left: auto;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.tzui-timeline-rtl .tzui-timeline-item-content {
  margin: 0 18px 0 0;
}
.tzui-timeline-rtl.tzui-timeline.tzui-timeline-alternate .tzui-timeline-item-tail,
.tzui-timeline-rtl.tzui-timeline.tzui-timeline-right .tzui-timeline-item-tail,
.tzui-timeline-rtl.tzui-timeline.tzui-timeline-label .tzui-timeline-item-tail,
.tzui-timeline-rtl.tzui-timeline.tzui-timeline-alternate .tzui-timeline-item-head,
.tzui-timeline-rtl.tzui-timeline.tzui-timeline-right .tzui-timeline-item-head,
.tzui-timeline-rtl.tzui-timeline.tzui-timeline-label .tzui-timeline-item-head,
.tzui-timeline-rtl.tzui-timeline.tzui-timeline-alternate .tzui-timeline-item-head-custom,
.tzui-timeline-rtl.tzui-timeline.tzui-timeline-right .tzui-timeline-item-head-custom,
.tzui-timeline-rtl.tzui-timeline.tzui-timeline-label .tzui-timeline-item-head-custom {
  right: 50%;
  left: auto;
}
.tzui-timeline-rtl.tzui-timeline.tzui-timeline-alternate .tzui-timeline-item-head,
.tzui-timeline-rtl.tzui-timeline.tzui-timeline-right .tzui-timeline-item-head,
.tzui-timeline-rtl.tzui-timeline.tzui-timeline-label .tzui-timeline-item-head {
  margin-right: -4px;
  margin-left: 0;
}
.tzui-timeline-rtl.tzui-timeline.tzui-timeline-alternate .tzui-timeline-item-head-custom,
.tzui-timeline-rtl.tzui-timeline.tzui-timeline-right .tzui-timeline-item-head-custom,
.tzui-timeline-rtl.tzui-timeline.tzui-timeline-label .tzui-timeline-item-head-custom {
  margin-right: 1px;
  margin-left: 0;
}
.tzui-timeline-rtl.tzui-timeline.tzui-timeline-alternate .tzui-timeline-item-left .tzui-timeline-item-content,
.tzui-timeline-rtl.tzui-timeline.tzui-timeline-right .tzui-timeline-item-left .tzui-timeline-item-content,
.tzui-timeline-rtl.tzui-timeline.tzui-timeline-label .tzui-timeline-item-left .tzui-timeline-item-content {
  right: calc(50% - 4px);
  left: auto;
  text-align: right;
}
.tzui-timeline-rtl.tzui-timeline.tzui-timeline-alternate .tzui-timeline-item-right .tzui-timeline-item-content,
.tzui-timeline-rtl.tzui-timeline.tzui-timeline-right .tzui-timeline-item-right .tzui-timeline-item-content,
.tzui-timeline-rtl.tzui-timeline.tzui-timeline-label .tzui-timeline-item-right .tzui-timeline-item-content {
  text-align: left;
}
.tzui-timeline-rtl.tzui-timeline.tzui-timeline-right .tzui-timeline-item-right .tzui-timeline-item-tail,
.tzui-timeline-rtl.tzui-timeline.tzui-timeline-right .tzui-timeline-item-right .tzui-timeline-item-head,
.tzui-timeline-rtl.tzui-timeline.tzui-timeline-right .tzui-timeline-item-right .tzui-timeline-item-head-custom {
  right: 0;
  left: auto;
}
.tzui-timeline-rtl.tzui-timeline.tzui-timeline-right .tzui-timeline-item-right .tzui-timeline-item-content {
  width: 100%;
  margin-right: 18px;
  text-align: right;
}
.tzui-timeline-rtl.tzui-timeline.tzui-timeline-pending .tzui-timeline-item-last .tzui-timeline-item-tail {
  border-right: 2px dotted rgba(0, 0, 0, 0.06);
  border-left: none;
}
.tzui-timeline-rtl.tzui-timeline.tzui-timeline-reverse .tzui-timeline-item-pending .tzui-timeline-item-tail {
  border-right: 2px dotted rgba(0, 0, 0, 0.06);
  border-left: none;
}
.tzui-timeline-rtl.tzui-timeline.tzui-timeline-label .tzui-timeline-item-label {
  text-align: left;
}
.tzui-timeline-rtl.tzui-timeline.tzui-timeline-label .tzui-timeline-item-right .tzui-timeline-item-label {
  right: calc(50% + 14px);
  text-align: right;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-avatar {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  overflow: hidden;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background: #ccc;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
}
.tzui-avatar-image {
  background: transparent;
}
.tzui-avatar .tzui-image-img {
  display: block;
}
.tzui-avatar-string {
  position: absolute;
  left: 50%;
  -webkit-transform-origin: 0 center;
          transform-origin: 0 center;
}
.tzui-avatar.tzui-avatar-icon {
  font-size: 18px;
}
.tzui-avatar.tzui-avatar-icon > .anticon {
  margin: 0;
}
.tzui-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
}
.tzui-avatar-lg-string {
  position: absolute;
  left: 50%;
  -webkit-transform-origin: 0 center;
          transform-origin: 0 center;
}
.tzui-avatar-lg.tzui-avatar-icon {
  font-size: 24px;
}
.tzui-avatar-lg.tzui-avatar-icon > .anticon {
  margin: 0;
}
.tzui-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
}
.tzui-avatar-sm-string {
  position: absolute;
  left: 50%;
  -webkit-transform-origin: 0 center;
          transform-origin: 0 center;
}
.tzui-avatar-sm.tzui-avatar-icon {
  font-size: 14px;
}
.tzui-avatar-sm.tzui-avatar-icon > .anticon {
  margin: 0;
}
.tzui-avatar-square {
  border-radius: 4px;
}
.tzui-avatar > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.tzui-avatar-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.tzui-avatar-group .tzui-avatar {
  border: 1px solid #fff;
}
.tzui-avatar-group .tzui-avatar:not(:first-child) {
  margin-left: -8px;
}
.tzui-avatar-group-popover .tzui-avatar + .tzui-avatar {
  margin-left: 3px;
}
.tzui-avatar-group-rtl .tzui-avatar:not(:first-child) {
  margin-right: -8px;
  margin-left: 0;
}
.tzui-avatar-group-popover.tzui-popover-rtl .tzui-avatar + .tzui-avatar {
  margin-right: 3px;
  margin-left: 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
@-webkit-keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
@keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
@-webkit-keyframes ant-tree-node-fx-do-not-use {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ant-tree-node-fx-do-not-use {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.tzui-tree.tzui-tree-directory .tzui-tree-treenode {
  position: relative;
}
.tzui-tree.tzui-tree-directory .tzui-tree-treenode::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  left: 0;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  content: '';
  pointer-events: none;
}
.tzui-tree.tzui-tree-directory .tzui-tree-treenode:hover::before {
  background: var(--color-bg);
}
.tzui-tree.tzui-tree-directory .tzui-tree-treenode > * {
  z-index: 1;
}
.tzui-tree.tzui-tree-directory .tzui-tree-treenode .tzui-tree-switcher {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.tzui-tree.tzui-tree-directory .tzui-tree-treenode .tzui-tree-node-content-wrapper {
  border-radius: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tzui-tree.tzui-tree-directory .tzui-tree-treenode .tzui-tree-node-content-wrapper:hover {
  background: transparent;
}
.tzui-tree.tzui-tree-directory .tzui-tree-treenode .tzui-tree-node-content-wrapper.tzui-tree-node-selected {
  color: #fff;
  background: transparent;
}
.tzui-tree.tzui-tree-directory .tzui-tree-treenode-selected:hover::before,
.tzui-tree.tzui-tree-directory .tzui-tree-treenode-selected::before {
  background: var(--color-primary);
}
.tzui-tree.tzui-tree-directory .tzui-tree-treenode-selected .tzui-tree-switcher {
  color: #fff;
}
.tzui-tree.tzui-tree-directory .tzui-tree-treenode-selected .tzui-tree-node-content-wrapper {
  color: #fff;
  background: transparent;
}
.tzui-tree-checkbox {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.tzui-tree-checkbox-wrapper:hover .tzui-tree-checkbox-inner,
.tzui-tree-checkbox:hover .tzui-tree-checkbox-inner,
.tzui-tree-checkbox-input:focus + .tzui-tree-checkbox-inner {
  border-color: var(--color-primary);
}
.tzui-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-primary);
  border-radius: 4px;
  visibility: hidden;
  -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
          animation: antCheckboxEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  content: '';
}
.tzui-tree-checkbox:hover::after,
.tzui-tree-checkbox-wrapper:hover .tzui-tree-checkbox::after {
  visibility: visible;
}
.tzui-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  direction: ltr;
  background-color: #fff;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  border-collapse: separate;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21.5%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
          transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.tzui-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.tzui-tree-checkbox-checked .tzui-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
          transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.tzui-tree-checkbox-checked .tzui-tree-checkbox-inner {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.tzui-tree-checkbox-disabled {
  cursor: not-allowed;
}
.tzui-tree-checkbox-disabled.tzui-tree-checkbox-checked .tzui-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  -webkit-animation-name: none;
          animation-name: none;
}
.tzui-tree-checkbox-disabled .tzui-tree-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}
.tzui-tree-checkbox-disabled .tzui-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: var(--color-border) !important;
}
.tzui-tree-checkbox-disabled .tzui-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  -webkit-animation-name: none;
          animation-name: none;
}
.tzui-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.tzui-tree-checkbox-disabled:hover::after,
.tzui-tree-checkbox-wrapper:hover .tzui-tree-checkbox-disabled::after {
  visibility: hidden;
}
.tzui-tree-checkbox-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  line-height: unset;
  cursor: pointer;
}
.tzui-tree-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\a0';
}
.tzui-tree-checkbox-wrapper.tzui-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.tzui-tree-checkbox-wrapper + .tzui-tree-checkbox-wrapper {
  margin-left: 8px;
}
.tzui-tree-checkbox-wrapper.tzui-tree-checkbox-wrapper-in-form-item input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
.tzui-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.tzui-tree-checkbox-group {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
}
.tzui-tree-checkbox-group-item {
  margin-right: 8px;
}
.tzui-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.tzui-tree-checkbox-group-item + .tzui-tree-checkbox-group-item {
  margin-left: 0;
}
.tzui-tree-checkbox-indeterminate .tzui-tree-checkbox-inner {
  background-color: #fff;
  border-color: var(--color-border);
}
.tzui-tree-checkbox-indeterminate .tzui-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: var(--color-primary);
  border: 0;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.tzui-tree-checkbox-indeterminate.tzui-tree-checkbox-disabled .tzui-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.tzui-tree {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  background: #fff;
  border-radius: 4px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.tzui-tree-focused:not(:hover):not(.tzui-tree-active-focused) {
  background: var(--color-primary-slight);
}
.tzui-tree-list-holder-inner {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.tzui-tree.tzui-tree-block-node .tzui-tree-list-holder-inner {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.tzui-tree.tzui-tree-block-node .tzui-tree-list-holder-inner .tzui-tree-node-content-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.tzui-tree.tzui-tree-block-node .tzui-tree-list-holder-inner .tzui-tree-treenode.dragging {
  position: relative;
}
.tzui-tree.tzui-tree-block-node .tzui-tree-list-holder-inner .tzui-tree-treenode.dragging::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  left: 0;
  border: 1px solid var(--color-primary);
  opacity: 0;
  -webkit-animation: ant-tree-node-fx-do-not-use 0.3s;
          animation: ant-tree-node-fx-do-not-use 0.3s;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
.tzui-tree .tzui-tree-treenode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0 0 4px 0;
  outline: none;
}
.tzui-tree .tzui-tree-treenode-disabled .tzui-tree-node-content-wrapper {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.tzui-tree .tzui-tree-treenode-disabled .tzui-tree-node-content-wrapper:hover {
  background: transparent;
}
.tzui-tree .tzui-tree-treenode-active .tzui-tree-node-content-wrapper {
  background: var(--color-bg);
}
.tzui-tree .tzui-tree-treenode:not(.tzui-tree .tzui-tree-treenode-disabled).filter-node .tzui-tree-title {
  color: inherit;
  font-weight: 500;
}
.tzui-tree .tzui-tree-treenode-draggable .tzui-tree-draggable-icon {
  width: 24px;
  line-height: 24px;
  text-align: center;
  visibility: visible;
  opacity: 0.2;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.tzui-tree-treenode:hover .tzui-tree .tzui-tree-treenode-draggable .tzui-tree-draggable-icon {
  opacity: 0.45;
}
.tzui-tree .tzui-tree-treenode-draggable.tzui-tree-treenode-disabled .tzui-tree-draggable-icon {
  visibility: hidden;
}
.tzui-tree-indent {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tzui-tree-indent-unit {
  display: inline-block;
  width: 24px;
}
.tzui-tree-draggable-icon {
  visibility: hidden;
}
.tzui-tree-switcher {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  width: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tzui-tree-switcher .tzui-tree-switcher-icon,
.tzui-tree-switcher .tzui-select-tree-switcher-icon {
  display: inline-block;
  font-size: 10px;
  vertical-align: baseline;
}
.tzui-tree-switcher .tzui-tree-switcher-icon svg,
.tzui-tree-switcher .tzui-select-tree-switcher-icon svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.tzui-tree-switcher-noop {
  cursor: default;
}
.tzui-tree-switcher_close .tzui-tree-switcher-icon svg {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.tzui-tree-switcher-loading-icon {
  color: var(--color-primary);
}
.tzui-tree-switcher-leaf-line {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.tzui-tree-switcher-leaf-line::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  margin-left: -1px;
  border-right: 1px solid #ccc;
  content: ' ';
}
.tzui-tree-switcher-leaf-line::after {
  position: absolute;
  width: 10px;
  height: 14px;
  border-bottom: 1px solid #ccc;
  content: ' ';
}
.tzui-tree-checkbox {
  top: initial;
  margin: 4px 8px 0 0;
}
.tzui-tree .tzui-tree-node-content-wrapper {
  position: relative;
  z-index: auto;
  min-height: 24px;
  margin: 0;
  padding: 0 4px;
  color: inherit;
  line-height: 24px;
  background: transparent;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all 0.3s, border 0s, line-height 0s, -webkit-box-shadow 0s;
  transition: all 0.3s, border 0s, line-height 0s, -webkit-box-shadow 0s;
  transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
  transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s, -webkit-box-shadow 0s;
}
.tzui-tree .tzui-tree-node-content-wrapper:hover {
  background-color: var(--color-bg);
}
.tzui-tree .tzui-tree-node-content-wrapper.tzui-tree-node-selected {
  background-color: var(--color-primary-slight);
}
.tzui-tree .tzui-tree-node-content-wrapper .tzui-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
}
.tzui-tree .tzui-tree-node-content-wrapper .tzui-tree-iconEle:empty {
  display: none;
}
.tzui-tree-unselectable .tzui-tree-node-content-wrapper:hover {
  background-color: transparent;
}
.tzui-tree-node-content-wrapper {
  line-height: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tzui-tree-node-content-wrapper .tzui-tree-drop-indicator {
  position: absolute;
  z-index: 1;
  height: 2px;
  background-color: var(--color-primary);
  border-radius: 1px;
  pointer-events: none;
}
.tzui-tree-node-content-wrapper .tzui-tree-drop-indicator::after {
  position: absolute;
  top: -3px;
  left: -6px;
  width: 8px;
  height: 8px;
  background-color: transparent;
  border: 2px solid var(--color-primary);
  border-radius: 50%;
  content: '';
}
.tzui-tree .tzui-tree-treenode.drop-container > [draggable] {
  -webkit-box-shadow: 0 0 0 2px var(--color-primary);
          box-shadow: 0 0 0 2px var(--color-primary);
}
.tzui-tree-show-line .tzui-tree-indent-unit {
  position: relative;
  height: 100%;
}
.tzui-tree-show-line .tzui-tree-indent-unit::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  border-right: 1px solid var(--color-border);
  content: '';
}
.tzui-tree-show-line .tzui-tree-indent-unit-end::before {
  display: none;
}
.tzui-tree-show-line .tzui-tree-switcher {
  background: #fff;
}
.tzui-tree-show-line .tzui-tree-switcher-line-icon {
  vertical-align: -0.15em;
}
.tzui-tree .tzui-tree-treenode-leaf-last .tzui-tree-switcher-leaf-line::before {
  top: auto !important;
  bottom: auto !important;
  height: 14px !important;
}
.tzui-tree-rtl {
  direction: rtl;
}
.tzui-tree-rtl .tzui-tree-node-content-wrapper[draggable='true'] .tzui-tree-drop-indicator::after {
  right: -6px;
  left: unset;
}
.tzui-tree .tzui-tree-treenode-rtl {
  direction: rtl;
}
.tzui-tree-rtl .tzui-tree-switcher_close .tzui-tree-switcher-icon svg {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.tzui-tree-rtl.tzui-tree-show-line .tzui-tree-indent-unit::before {
  right: auto;
  left: -13px;
  border-right: none;
  border-left: 1px solid var(--color-border);
}
.tzui-tree-rtl .tzui-tree-checkbox {
  margin: 4px 0 0 8px;
}
.tzui-tree-select-dropdown-rtl .tzui-select-tree-checkbox {
  margin: 4px 0 0 8px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-form-item .tzui-input-number + .tzui-form-text {
  margin-left: 8px;
}
.tzui-form-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tzui-form-inline .tzui-form-item {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-right: 16px;
  margin-bottom: 0;
}
.tzui-form-inline .tzui-form-item-with-help {
  margin-bottom: 24px;
}
.tzui-form-inline .tzui-form-item > .tzui-form-item-label,
.tzui-form-inline .tzui-form-item > .tzui-form-item-control {
  display: inline-block;
  vertical-align: top;
}
.tzui-form-inline .tzui-form-item > .tzui-form-item-label {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.tzui-form-inline .tzui-form-item .tzui-form-text {
  display: inline-block;
}
.tzui-form-inline .tzui-form-item .tzui-form-item-has-feedback {
  display: inline-block;
}
.tzui-form-horizontal .tzui-form-item-label {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.tzui-form-horizontal .tzui-form-item-control {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
}
.tzui-form-horizontal .tzui-form-item-label[class$='-24'] + .tzui-form-item-control,
.tzui-form-horizontal .tzui-form-item-label[class*='-24 '] + .tzui-form-item-control {
  min-width: unset;
}
.tzui-form-vertical .tzui-form-item-row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.tzui-form-vertical .tzui-form-item-label > label {
  height: auto;
}
.tzui-form-vertical .tzui-form-item .tzui-form-item-control {
  width: 100%;
}
.tzui-form-vertical .tzui-form-item-label,
.tzui-col-24.tzui-form-item-label,
.tzui-col-xl-24.tzui-form-item-label {
  padding: 0 0 8px;
  line-height: 1.5715;
  white-space: initial;
  text-align: left;
}
.tzui-form-vertical .tzui-form-item-label > label,
.tzui-col-24.tzui-form-item-label > label,
.tzui-col-xl-24.tzui-form-item-label > label {
  margin: 0;
}
.tzui-form-vertical .tzui-form-item-label > label::after,
.tzui-col-24.tzui-form-item-label > label::after,
.tzui-col-xl-24.tzui-form-item-label > label::after {
  display: none;
}
.tzui-form-rtl.tzui-form-vertical .tzui-form-item-label,
.tzui-form-rtl.tzui-col-24.tzui-form-item-label,
.tzui-form-rtl.tzui-col-xl-24.tzui-form-item-label {
  text-align: right;
}
@media (max-width: 575px) {
  .tzui-form-item .tzui-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .tzui-form-item .tzui-form-item-label > label {
    margin: 0;
  }
  .tzui-form-item .tzui-form-item-label > label::after {
    display: none;
  }
  .tzui-form-rtl.tzui-form-item .tzui-form-item-label {
    text-align: right;
  }
  .tzui-form .tzui-form-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tzui-form .tzui-form-item .tzui-form-item-label,
  .tzui-form .tzui-form-item .tzui-form-item-control {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .tzui-col-xs-24.tzui-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .tzui-col-xs-24.tzui-form-item-label > label {
    margin: 0;
  }
  .tzui-col-xs-24.tzui-form-item-label > label::after {
    display: none;
  }
  .tzui-form-rtl.tzui-col-xs-24.tzui-form-item-label {
    text-align: right;
  }
}
@media (max-width: 767px) {
  .tzui-col-sm-24.tzui-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .tzui-col-sm-24.tzui-form-item-label > label {
    margin: 0;
  }
  .tzui-col-sm-24.tzui-form-item-label > label::after {
    display: none;
  }
  .tzui-form-rtl.tzui-col-sm-24.tzui-form-item-label {
    text-align: right;
  }
}
@media (max-width: 991px) {
  .tzui-col-md-24.tzui-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .tzui-col-md-24.tzui-form-item-label > label {
    margin: 0;
  }
  .tzui-col-md-24.tzui-form-item-label > label::after {
    display: none;
  }
  .tzui-form-rtl.tzui-col-md-24.tzui-form-item-label {
    text-align: right;
  }
}
@media (max-width: 1199px) {
  .tzui-col-lg-24.tzui-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .tzui-col-lg-24.tzui-form-item-label > label {
    margin: 0;
  }
  .tzui-col-lg-24.tzui-form-item-label > label::after {
    display: none;
  }
  .tzui-form-rtl.tzui-col-lg-24.tzui-form-item-label {
    text-align: right;
  }
}
@media (max-width: 1599px) {
  .tzui-col-xl-24.tzui-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .tzui-col-xl-24.tzui-form-item-label > label {
    margin: 0;
  }
  .tzui-col-xl-24.tzui-form-item-label > label::after {
    display: none;
  }
  .tzui-form-rtl.tzui-col-xl-24.tzui-form-item-label {
    text-align: right;
  }
}
.tzui-form-item {
  /* Some non-status related component style is in `components.less` */
  /* To support leave along ErrorList. We add additional className to handle explain style */
}
.tzui-form-item-explain-error {
  color: var(--color-danger);
}
.tzui-form-item-explain-warning {
  color: var(--color-warning);
}
.tzui-form-item-has-feedback .tzui-switch {
  margin: 2px 0 4px;
}
.tzui-form-item-has-warning .tzui-form-item-split {
  color: var(--color-warning);
}
.tzui-form-item-has-error .tzui-form-item-split {
  color: var(--color-danger);
}
.tzui-form {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
.tzui-form legend {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  color: #858e99;
  font-size: 16px;
  line-height: inherit;
  border: 0;
  border-bottom: 1px solid var(--color-border);
}
.tzui-form label {
  font-size: 14px;
}
.tzui-form input[type='search'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.tzui-form input[type='radio'],
.tzui-form input[type='checkbox'] {
  line-height: normal;
}
.tzui-form input[type='file'] {
  display: block;
}
.tzui-form input[type='range'] {
  display: block;
  width: 100%;
}
.tzui-form select[multiple],
.tzui-form select[size] {
  height: auto;
}
.tzui-form input[type='file']:focus,
.tzui-form input[type='radio']:focus,
.tzui-form input[type='checkbox']:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.tzui-form output {
  display: block;
  padding-top: 15px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
}
.tzui-form .tzui-form-text {
  display: inline-block;
  padding-right: 8px;
}
.tzui-form-small .tzui-form-item-label > label {
  height: 24px;
}
.tzui-form-small .tzui-form-item-control-input {
  min-height: 24px;
}
.tzui-form-large .tzui-form-item-label > label {
  height: 40px;
}
.tzui-form-large .tzui-form-item-control-input {
  min-height: 40px;
}
.tzui-form-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  margin-bottom: 24px;
  vertical-align: top;
}
.tzui-form-item-with-help {
  -webkit-transition: none;
  transition: none;
}
.tzui-form-item-hidden,
.tzui-form-item-hidden.tzui-row {
  display: none;
}
.tzui-form-item-label {
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
}
.tzui-form-item-label-left {
  text-align: left;
}
.tzui-form-item-label-wrap {
  overflow: unset;
  line-height: 1.3215em;
  white-space: unset;
}
.tzui-form-item-label > label {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 100%;
  height: 32px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.tzui-form-item-label > label > .anticon {
  font-size: 14px;
  vertical-align: top;
}
.tzui-form-item-label > label.tzui-form-item-required:not(.tzui-form-item-required-mark-optional)::before {
  display: inline-block;
  margin-right: 4px;
  color: #ff4d4f;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.tzui-form-hide-required-mark .tzui-form-item-label > label.tzui-form-item-required:not(.tzui-form-item-required-mark-optional)::before {
  display: none;
}
.tzui-form-item-label > label .tzui-form-item-optional {
  display: inline-block;
  margin-left: 4px;
  color: #858e99;
}
.tzui-form-hide-required-mark .tzui-form-item-label > label .tzui-form-item-optional {
  display: none;
}
.tzui-form-item-label > label .tzui-form-item-tooltip {
  color: #858e99;
  cursor: help;
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
  -webkit-margin-start: 4px;
          margin-inline-start: 4px;
}
.tzui-form-item-label > label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.tzui-form-item-label > label.tzui-form-item-no-colon::after {
  content: ' ';
}
.tzui-form-item-control {
  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-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.tzui-form-item-control:first-child:not([class^='tzui-col-']):not([class*=' tzui-col-']) {
  width: 100%;
}
.tzui-form-item-control-input {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 32px;
}
.tzui-form-item-control-input-content {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  max-width: 100%;
}
.tzui-form-item-explain,
.tzui-form-item-extra {
  clear: both;
  color: #858e99;
  font-size: 14px;
  line-height: 1.5715;
  -webkit-transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  padding-top: 0px;
}
.tzui-form-item-explain-connected {
  width: 100%;
}
.tzui-form-item-extra {
  min-height: 24px;
}
.tzui-form-item-with-help .tzui-form-item-explain {
  height: auto;
  opacity: 1;
}
.tzui-form-item-feedback-icon {
  font-size: 14px;
  text-align: center;
  visibility: visible;
  -webkit-animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
          animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  pointer-events: none;
}
.tzui-form-item-feedback-icon-success {
  color: var(--color-success);
}
.tzui-form-item-feedback-icon-error {
  color: var(--color-danger);
}
.tzui-form-item-feedback-icon-warning {
  color: var(--color-warning);
}
.tzui-form-item-feedback-icon-validating {
  color: var(--color-primary);
}
.tzui-show-help {
  -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tzui-show-help-appear,
.tzui-show-help-enter {
  opacity: 0;
}
.tzui-show-help-appear-active,
.tzui-show-help-enter-active {
  opacity: 1;
}
.tzui-show-help-leave {
  opacity: 1;
}
.tzui-show-help-leave-active {
  opacity: 0;
}
.tzui-show-help-item {
  overflow: hidden;
  -webkit-transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.tzui-show-help-item-appear,
.tzui-show-help-item-enter {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  opacity: 0;
}
.tzui-show-help-item-appear-active,
.tzui-show-help-item-enter-active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.tzui-show-help-item-leave {
  -webkit-transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.tzui-show-help-item-leave-active {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}
@-webkit-keyframes diffZoomIn1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes diffZoomIn1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes diffZoomIn2 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes diffZoomIn2 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes diffZoomIn3 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes diffZoomIn3 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
.tzui-form-rtl {
  direction: rtl;
}
.tzui-form-rtl .tzui-form-item-label {
  text-align: left;
}
.tzui-form-rtl .tzui-form-item-label > label.tzui-form-item-required::before {
  margin-right: 0;
  margin-left: 4px;
}
.tzui-form-rtl .tzui-form-item-label > label::after {
  margin: 0 2px 0 8px;
}
.tzui-form-rtl .tzui-form-item-label > label .tzui-form-item-optional {
  margin-right: 4px;
  margin-left: 0;
}
.tzui-col-rtl .tzui-form-item-control:first-child {
  width: 100%;
}
.tzui-form-rtl .tzui-form-item-has-feedback .tzui-input {
  padding-right: 11px;
  padding-left: 24px;
}
.tzui-form-rtl .tzui-form-item-has-feedback .tzui-input-affix-wrapper .tzui-input-suffix {
  padding-right: 11px;
  padding-left: 18px;
}
.tzui-form-rtl .tzui-form-item-has-feedback .tzui-input-affix-wrapper .tzui-input {
  padding: 0;
}
.tzui-form-rtl .tzui-form-item-has-feedback .tzui-input-number-affix-wrapper .tzui-input-number {
  padding: 0;
}
.tzui-form-rtl .tzui-form-item-has-feedback .tzui-input-search:not(.tzui-input-search-enter-button) .tzui-input-suffix {
  right: auto;
  left: 28px;
}
.tzui-form-rtl .tzui-form-item-has-feedback .tzui-input-number {
  padding-left: 18px;
}
.tzui-form-rtl .tzui-form-item-has-feedback > .tzui-select .tzui-select-arrow,
.tzui-form-rtl .tzui-form-item-has-feedback > .tzui-select .tzui-select-clear,
.tzui-form-rtl .tzui-form-item-has-feedback :not(.tzui-input-group-addon) > .tzui-select .tzui-select-arrow,
.tzui-form-rtl .tzui-form-item-has-feedback :not(.tzui-input-group-addon) > .tzui-select .tzui-select-clear,
.tzui-form-rtl .tzui-form-item-has-feedback :not(.tzui-input-number-group-addon) > .tzui-select .tzui-select-arrow,
.tzui-form-rtl .tzui-form-item-has-feedback :not(.tzui-input-number-group-addon) > .tzui-select .tzui-select-clear {
  right: auto;
  left: 32px;
}
.tzui-form-rtl .tzui-form-item-has-feedback > .tzui-select .tzui-select-selection-selected-value,
.tzui-form-rtl .tzui-form-item-has-feedback :not(.tzui-input-group-addon) > .tzui-select .tzui-select-selection-selected-value,
.tzui-form-rtl .tzui-form-item-has-feedback :not(.tzui-input-number-group-addon) > .tzui-select .tzui-select-selection-selected-value {
  padding-right: 0;
  padding-left: 42px;
}
.tzui-form-rtl .tzui-form-item-has-feedback .tzui-cascader-picker-arrow {
  margin-right: 0;
  margin-left: 19px;
}
.tzui-form-rtl .tzui-form-item-has-feedback .tzui-cascader-picker-clear {
  right: auto;
  left: 32px;
}
.tzui-form-rtl .tzui-form-item-has-feedback .tzui-picker {
  padding-right: 11px;
  padding-left: 29.2px;
}
.tzui-form-rtl .tzui-form-item-has-feedback .tzui-picker-large {
  padding-right: 11px;
  padding-left: 29.2px;
}
.tzui-form-rtl .tzui-form-item-has-feedback .tzui-picker-small {
  padding-right: 7px;
  padding-left: 25.2px;
}
.tzui-form-rtl .tzui-form-item-has-feedback.tzui-form-item-has-success .tzui-form-item-children-icon,
.tzui-form-rtl .tzui-form-item-has-feedback.tzui-form-item-has-warning .tzui-form-item-children-icon,
.tzui-form-rtl .tzui-form-item-has-feedback.tzui-form-item-has-error .tzui-form-item-children-icon,
.tzui-form-rtl .tzui-form-item-has-feedback.tzui-form-item-is-validating .tzui-form-item-children-icon {
  right: auto;
  left: 0;
}
.tzui-form-rtl.tzui-form-inline .tzui-form-item {
  margin-right: 0;
  margin-left: 16px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-carousel {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
.tzui-carousel .slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.tzui-carousel .slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.tzui-carousel .slick-list:focus {
  outline: none;
}
.tzui-carousel .slick-list.dragging {
  cursor: pointer;
}
.tzui-carousel .slick-list .slick-slide {
  pointer-events: none;
}
.tzui-carousel .slick-list .slick-slide input.tzui-radio-input,
.tzui-carousel .slick-list .slick-slide input.tzui-checkbox-input {
  visibility: hidden;
}
.tzui-carousel .slick-list .slick-slide.slick-active {
  pointer-events: auto;
}
.tzui-carousel .slick-list .slick-slide.slick-active input.tzui-radio-input,
.tzui-carousel .slick-list .slick-slide.slick-active input.tzui-checkbox-input {
  visibility: visible;
}
.tzui-carousel .slick-list .slick-slide > div > div {
  vertical-align: bottom;
}
.tzui-carousel .slick-slider .slick-track,
.tzui-carousel .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}
.tzui-carousel .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.tzui-carousel .slick-track::before,
.tzui-carousel .slick-track::after {
  display: table;
  content: '';
}
.tzui-carousel .slick-track::after {
  clear: both;
}
.slick-loading .tzui-carousel .slick-track {
  visibility: hidden;
}
.tzui-carousel .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.tzui-carousel .slick-slide img {
  display: block;
}
.tzui-carousel .slick-slide.slick-loading img {
  display: none;
}
.tzui-carousel .slick-slide.dragging img {
  pointer-events: none;
}
.tzui-carousel .slick-initialized .slick-slide {
  display: block;
}
.tzui-carousel .slick-loading .slick-slide {
  visibility: hidden;
}
.tzui-carousel .slick-vertical .slick-slide {
  display: block;
  height: auto;
}
.tzui-carousel .slick-arrow.slick-hidden {
  display: none;
}
.tzui-carousel .slick-prev,
.tzui-carousel .slick-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.tzui-carousel .slick-prev:hover,
.tzui-carousel .slick-next:hover,
.tzui-carousel .slick-prev:focus,
.tzui-carousel .slick-next:focus {
  color: transparent;
  background: transparent;
  outline: none;
}
.tzui-carousel .slick-prev:hover::before,
.tzui-carousel .slick-next:hover::before,
.tzui-carousel .slick-prev:focus::before,
.tzui-carousel .slick-next:focus::before {
  opacity: 1;
}
.tzui-carousel .slick-prev.slick-disabled::before,
.tzui-carousel .slick-next.slick-disabled::before {
  opacity: 0.25;
}
.tzui-carousel .slick-prev {
  left: -25px;
}
.tzui-carousel .slick-prev::before {
  content: '←';
}
.tzui-carousel .slick-next {
  right: -25px;
}
.tzui-carousel .slick-next::before {
  content: '→';
}
.tzui-carousel .slick-dots {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 15%;
  margin-bottom: 0;
  margin-left: 15%;
  padding-left: 0;
  list-style: none;
}
.tzui-carousel .slick-dots-bottom {
  bottom: 12px;
}
.tzui-carousel .slick-dots-top {
  top: 12px;
  bottom: auto;
}
.tzui-carousel .slick-dots li {
  position: relative;
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 16px;
  height: 3px;
  margin: 0 4px;
  padding: 0;
  text-align: center;
  text-indent: -999px;
  vertical-align: top;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.tzui-carousel .slick-dots li button {
  position: relative;
  display: block;
  width: 100%;
  height: 3px;
  padding: 0;
  color: transparent;
  font-size: 0;
  background: #fff;
  border: 0;
  border-radius: 1px;
  outline: none;
  cursor: pointer;
  opacity: 0.3;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.tzui-carousel .slick-dots li button:hover,
.tzui-carousel .slick-dots li button:focus {
  opacity: 0.75;
}
.tzui-carousel .slick-dots li button::after {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  content: '';
}
.tzui-carousel .slick-dots li.slick-active {
  width: 24px;
}
.tzui-carousel .slick-dots li.slick-active button {
  background: #fff;
  opacity: 1;
}
.tzui-carousel .slick-dots li.slick-active:hover,
.tzui-carousel .slick-dots li.slick-active:focus {
  opacity: 1;
}
.tzui-carousel-vertical .slick-dots {
  top: 50%;
  bottom: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 3px;
  height: auto;
  margin: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.tzui-carousel-vertical .slick-dots-left {
  right: auto;
  left: 12px;
}
.tzui-carousel-vertical .slick-dots-right {
  right: 12px;
  left: auto;
}
.tzui-carousel-vertical .slick-dots li {
  width: 3px;
  height: 16px;
  margin: 4px 0;
  vertical-align: baseline;
}
.tzui-carousel-vertical .slick-dots li button {
  width: 3px;
  height: 16px;
}
.tzui-carousel-vertical .slick-dots li.slick-active {
  width: 3px;
  height: 24px;
}
.tzui-carousel-vertical .slick-dots li.slick-active button {
  width: 3px;
  height: 24px;
}
.tzui-carousel-rtl {
  direction: rtl;
}
.tzui-carousel-rtl .tzui-carousel .slick-track {
  right: 0;
  left: auto;
}
.tzui-carousel-rtl .tzui-carousel .slick-prev {
  right: -25px;
  left: auto;
}
.tzui-carousel-rtl .tzui-carousel .slick-prev::before {
  content: '→';
}
.tzui-carousel-rtl .tzui-carousel .slick-next {
  right: auto;
  left: -25px;
}
.tzui-carousel-rtl .tzui-carousel .slick-next::before {
  content: '←';
}
.tzui-carousel-rtl.tzui-carousel .slick-dots {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.tzui-carousel-rtl.tzui-carousel-vertical .slick-dots {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-check-card {
  position: relative;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
}
.tzui-check-card.tzui-border {
  border: 1px solid transparent;
  border-color: var(--color-border);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-check-card.tzui-border:hover {
  border-color: var(--color-primary-light, #7febd3);
}
.tzui-check-card.tzui-checked {
  border-color: var(--color-primary-light, #7febd3);
}
.tzui-check-card.tzui-usable {
  cursor: pointer;
}
.tzui-check-card.tzui-disabled {
  cursor: not-allowed;
}
.tzui-check-card-icon {
  position: absolute;
  z-index: 9;
  background-color: rgba(221, 221, 221, 0.8);
  text-align: center;
  overflow: hidden;
  color: transparent;
}
.tzui-check-card-icon.tzui-checked {
  color: #fff;
  background-color: var(--color-primary, #0cc5ae);
}
.tzui-check-card-icon.tzui-disabled {
  background-color: rgba(221, 221, 221, 0.9);
}
.tzui-check-card-icon.tzui-type-circle {
  top: 5px;
  right: 5px;
  border-radius: 50%;
  border: solid white 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 5px 0px;
          box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 5px 0px;
  width: 26px;
  height: 26px;
  line-height: 24px;
  font-size: 16px;
}
.tzui-check-card-icon.tzui-type-circle.tzui-size-small {
  top: 2px;
  right: 2px;
  width: 22px;
  height: 22px;
  line-height: 20px;
  font-size: 12px;
}
.tzui-check-card-icon.tzui-type-circle.tzui-size-large {
  top: 12px;
  right: 12px;
  width: 30px;
  height: 30px;
  line-height: 28px;
  font-size: 18px;
}
.tzui-check-card-icon.tzui-type-round {
  top: 0;
  right: 0;
  opacity: 0;
}
.tzui-check-card-icon.tzui-type-round.tzui-checked {
  opacity: 1;
}
.tzui-check-card-icon.tzui-type-round.tzui-size-small {
  width: 18px;
  height: 18px;
  line-height: 16px;
  font-size: 12px;
  border-bottom-left-radius: 5px;
}
.tzui-check-card-icon.tzui-type-round.tzui-size-default {
  width: 22px;
  height: 22px;
  line-height: 1em;
  font-size: 14px;
  padding-top: 3px;
  border-bottom-left-radius: 7px;
}
.tzui-check-card-icon.tzui-type-round.tzui-size-large {
  width: 26px;
  height: 26px;
  line-height: 24px;
  font-size: 16px;
  border-bottom-left-radius: 9px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-resize-box .resize-inner {
  position: relative;
  margin: 0 auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tzui-resize-box .resize-handle {
  position: absolute;
  z-index: 9;
  width: 8px;
  top: 0;
  bottom: 0;
  height: 60px;
  max-height: 90%;
  margin: auto;
  padding: 0 2px;
  cursor: col-resize;
  opacity: 0;
  -webkit-transition: all 400ms;
  transition: all 400ms;
}
.tzui-resize-box .resize-handle:after {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--color-primary-light);
  border-radius: 2px;
}
.tzui-resize-box .resize-handle-left {
  left: -8px;
}
.tzui-resize-box .resize-handle-right {
  right: -8px;
}
.tzui-resize-box:hover .resize-handle {
  opacity: 1;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-tabs-small > .tzui-tabs-nav .tzui-tabs-tab {
  padding: 8px 0;
  font-size: 14px;
}
.tzui-tabs-large > .tzui-tabs-nav .tzui-tabs-tab {
  padding: 16px 0;
  font-size: 16px;
}
.tzui-tabs-card.tzui-tabs-small > .tzui-tabs-nav .tzui-tabs-tab {
  padding: 6px 16px;
}
.tzui-tabs-card.tzui-tabs-large > .tzui-tabs-nav .tzui-tabs-tab {
  padding: 7px 16px 6px;
}
.tzui-tabs-rtl {
  direction: rtl;
}
.tzui-tabs-rtl .tzui-tabs-nav .tzui-tabs-tab {
  margin: 0 0 0 32px;
}
.tzui-tabs-rtl .tzui-tabs-nav .tzui-tabs-tab:last-of-type {
  margin-left: 0;
}
.tzui-tabs-rtl .tzui-tabs-nav .tzui-tabs-tab .anticon {
  margin-right: 0;
  margin-left: 12px;
}
.tzui-tabs-rtl .tzui-tabs-nav .tzui-tabs-tab .tzui-tabs-tab-remove {
  margin-right: 8px;
  margin-left: -4px;
}
.tzui-tabs-rtl .tzui-tabs-nav .tzui-tabs-tab .tzui-tabs-tab-remove .anticon {
  margin: 0;
}
.tzui-tabs-rtl.tzui-tabs-left > .tzui-tabs-nav {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.tzui-tabs-rtl.tzui-tabs-left > .tzui-tabs-content-holder {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.tzui-tabs-rtl.tzui-tabs-right > .tzui-tabs-nav {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.tzui-tabs-rtl.tzui-tabs-right > .tzui-tabs-content-holder {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.tzui-tabs-rtl.tzui-tabs-card.tzui-tabs-top > .tzui-tabs-nav .tzui-tabs-tab + .tzui-tabs-tab,
.tzui-tabs-rtl.tzui-tabs-card.tzui-tabs-bottom > .tzui-tabs-nav .tzui-tabs-tab + .tzui-tabs-tab,
.tzui-tabs-rtl.tzui-tabs-card.tzui-tabs-top > div > .tzui-tabs-nav .tzui-tabs-tab + .tzui-tabs-tab,
.tzui-tabs-rtl.tzui-tabs-card.tzui-tabs-bottom > div > .tzui-tabs-nav .tzui-tabs-tab + .tzui-tabs-tab {
  margin-right: 2px;
  margin-left: 0;
}
.tzui-tabs-rtl.tzui-tabs-card.tzui-tabs-top > .tzui-tabs-nav .tzui-tabs-nav-add,
.tzui-tabs-rtl.tzui-tabs-card.tzui-tabs-bottom > .tzui-tabs-nav .tzui-tabs-nav-add,
.tzui-tabs-rtl.tzui-tabs-card.tzui-tabs-top > div > .tzui-tabs-nav .tzui-tabs-nav-add,
.tzui-tabs-rtl.tzui-tabs-card.tzui-tabs-bottom > div > .tzui-tabs-nav .tzui-tabs-nav-add {
  margin-right: 2px;
  margin-left: 0;
}
.tzui-tabs-dropdown-rtl {
  direction: rtl;
}
.tzui-tabs-dropdown-rtl .tzui-tabs-dropdown-menu-item {
  text-align: right;
}
.tzui-tabs-top,
.tzui-tabs-bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.tzui-tabs-top > .tzui-tabs-nav,
.tzui-tabs-bottom > .tzui-tabs-nav,
.tzui-tabs-top > div > .tzui-tabs-nav,
.tzui-tabs-bottom > div > .tzui-tabs-nav {
  margin: 0 0 16px 0;
}
.tzui-tabs-top > .tzui-tabs-nav::before,
.tzui-tabs-bottom > .tzui-tabs-nav::before,
.tzui-tabs-top > div > .tzui-tabs-nav::before,
.tzui-tabs-bottom > div > .tzui-tabs-nav::before {
  position: absolute;
  right: 0;
  left: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  content: '';
}
.tzui-tabs-top > .tzui-tabs-nav .tzui-tabs-ink-bar,
.tzui-tabs-bottom > .tzui-tabs-nav .tzui-tabs-ink-bar,
.tzui-tabs-top > div > .tzui-tabs-nav .tzui-tabs-ink-bar,
.tzui-tabs-bottom > div > .tzui-tabs-nav .tzui-tabs-ink-bar {
  height: 2px;
}
.tzui-tabs-top > .tzui-tabs-nav .tzui-tabs-ink-bar-animated,
.tzui-tabs-bottom > .tzui-tabs-nav .tzui-tabs-ink-bar-animated,
.tzui-tabs-top > div > .tzui-tabs-nav .tzui-tabs-ink-bar-animated,
.tzui-tabs-bottom > div > .tzui-tabs-nav .tzui-tabs-ink-bar-animated {
  -webkit-transition: width 0.3s, left 0.3s, right 0.3s;
  transition: width 0.3s, left 0.3s, right 0.3s;
}
.tzui-tabs-top > .tzui-tabs-nav .tzui-tabs-nav-wrap::before,
.tzui-tabs-bottom > .tzui-tabs-nav .tzui-tabs-nav-wrap::before,
.tzui-tabs-top > div > .tzui-tabs-nav .tzui-tabs-nav-wrap::before,
.tzui-tabs-bottom > div > .tzui-tabs-nav .tzui-tabs-nav-wrap::before,
.tzui-tabs-top > .tzui-tabs-nav .tzui-tabs-nav-wrap::after,
.tzui-tabs-bottom > .tzui-tabs-nav .tzui-tabs-nav-wrap::after,
.tzui-tabs-top > div > .tzui-tabs-nav .tzui-tabs-nav-wrap::after,
.tzui-tabs-bottom > div > .tzui-tabs-nav .tzui-tabs-nav-wrap::after {
  top: 0;
  bottom: 0;
  width: 30px;
}
.tzui-tabs-top > .tzui-tabs-nav .tzui-tabs-nav-wrap::before,
.tzui-tabs-bottom > .tzui-tabs-nav .tzui-tabs-nav-wrap::before,
.tzui-tabs-top > div > .tzui-tabs-nav .tzui-tabs-nav-wrap::before,
.tzui-tabs-bottom > div > .tzui-tabs-nav .tzui-tabs-nav-wrap::before {
  left: 0;
  -webkit-box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
          box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
}
.tzui-tabs-top > .tzui-tabs-nav .tzui-tabs-nav-wrap::after,
.tzui-tabs-bottom > .tzui-tabs-nav .tzui-tabs-nav-wrap::after,
.tzui-tabs-top > div > .tzui-tabs-nav .tzui-tabs-nav-wrap::after,
.tzui-tabs-bottom > div > .tzui-tabs-nav .tzui-tabs-nav-wrap::after {
  right: 0;
  -webkit-box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
          box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
}
.tzui-tabs-top > .tzui-tabs-nav .tzui-tabs-nav-wrap.tzui-tabs-nav-wrap-ping-left::before,
.tzui-tabs-bottom > .tzui-tabs-nav .tzui-tabs-nav-wrap.tzui-tabs-nav-wrap-ping-left::before,
.tzui-tabs-top > div > .tzui-tabs-nav .tzui-tabs-nav-wrap.tzui-tabs-nav-wrap-ping-left::before,
.tzui-tabs-bottom > div > .tzui-tabs-nav .tzui-tabs-nav-wrap.tzui-tabs-nav-wrap-ping-left::before {
  opacity: 1;
}
.tzui-tabs-top > .tzui-tabs-nav .tzui-tabs-nav-wrap.tzui-tabs-nav-wrap-ping-right::after,
.tzui-tabs-bottom > .tzui-tabs-nav .tzui-tabs-nav-wrap.tzui-tabs-nav-wrap-ping-right::after,
.tzui-tabs-top > div > .tzui-tabs-nav .tzui-tabs-nav-wrap.tzui-tabs-nav-wrap-ping-right::after,
.tzui-tabs-bottom > div > .tzui-tabs-nav .tzui-tabs-nav-wrap.tzui-tabs-nav-wrap-ping-right::after {
  opacity: 1;
}
.tzui-tabs-top > .tzui-tabs-nav::before,
.tzui-tabs-top > div > .tzui-tabs-nav::before {
  bottom: 0;
}
.tzui-tabs-top > .tzui-tabs-nav .tzui-tabs-ink-bar,
.tzui-tabs-top > div > .tzui-tabs-nav .tzui-tabs-ink-bar {
  bottom: 0;
}
.tzui-tabs-bottom > .tzui-tabs-nav,
.tzui-tabs-bottom > div > .tzui-tabs-nav {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-top: 16px;
  margin-bottom: 0;
}
.tzui-tabs-bottom > .tzui-tabs-nav::before,
.tzui-tabs-bottom > div > .tzui-tabs-nav::before {
  top: 0;
}
.tzui-tabs-bottom > .tzui-tabs-nav .tzui-tabs-ink-bar,
.tzui-tabs-bottom > div > .tzui-tabs-nav .tzui-tabs-ink-bar {
  top: 0;
}
.tzui-tabs-bottom > .tzui-tabs-content-holder,
.tzui-tabs-bottom > div > .tzui-tabs-content-holder {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.tzui-tabs-left > .tzui-tabs-nav,
.tzui-tabs-right > .tzui-tabs-nav,
.tzui-tabs-left > div > .tzui-tabs-nav,
.tzui-tabs-right > div > .tzui-tabs-nav {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 50px;
}
.tzui-tabs-left > .tzui-tabs-nav .tzui-tabs-tab,
.tzui-tabs-right > .tzui-tabs-nav .tzui-tabs-tab,
.tzui-tabs-left > div > .tzui-tabs-nav .tzui-tabs-tab,
.tzui-tabs-right > div > .tzui-tabs-nav .tzui-tabs-tab {
  padding: 8px 24px;
  text-align: center;
}
.tzui-tabs-left > .tzui-tabs-nav .tzui-tabs-tab + .tzui-tabs-tab,
.tzui-tabs-right > .tzui-tabs-nav .tzui-tabs-tab + .tzui-tabs-tab,
.tzui-tabs-left > div > .tzui-tabs-nav .tzui-tabs-tab + .tzui-tabs-tab,
.tzui-tabs-right > div > .tzui-tabs-nav .tzui-tabs-tab + .tzui-tabs-tab {
  margin: 16px 0 0 0;
}
.tzui-tabs-left > .tzui-tabs-nav .tzui-tabs-nav-wrap,
.tzui-tabs-right > .tzui-tabs-nav .tzui-tabs-nav-wrap,
.tzui-tabs-left > div > .tzui-tabs-nav .tzui-tabs-nav-wrap,
.tzui-tabs-right > div > .tzui-tabs-nav .tzui-tabs-nav-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.tzui-tabs-left > .tzui-tabs-nav .tzui-tabs-nav-wrap::before,
.tzui-tabs-right > .tzui-tabs-nav .tzui-tabs-nav-wrap::before,
.tzui-tabs-left > div > .tzui-tabs-nav .tzui-tabs-nav-wrap::before,
.tzui-tabs-right > div > .tzui-tabs-nav .tzui-tabs-nav-wrap::before,
.tzui-tabs-left > .tzui-tabs-nav .tzui-tabs-nav-wrap::after,
.tzui-tabs-right > .tzui-tabs-nav .tzui-tabs-nav-wrap::after,
.tzui-tabs-left > div > .tzui-tabs-nav .tzui-tabs-nav-wrap::after,
.tzui-tabs-right > div > .tzui-tabs-nav .tzui-tabs-nav-wrap::after {
  right: 0;
  left: 0;
  height: 30px;
}
.tzui-tabs-left > .tzui-tabs-nav .tzui-tabs-nav-wrap::before,
.tzui-tabs-right > .tzui-tabs-nav .tzui-tabs-nav-wrap::before,
.tzui-tabs-left > div > .tzui-tabs-nav .tzui-tabs-nav-wrap::before,
.tzui-tabs-right > div > .tzui-tabs-nav .tzui-tabs-nav-wrap::before {
  top: 0;
  -webkit-box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
          box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
}
.tzui-tabs-left > .tzui-tabs-nav .tzui-tabs-nav-wrap::after,
.tzui-tabs-right > .tzui-tabs-nav .tzui-tabs-nav-wrap::after,
.tzui-tabs-left > div > .tzui-tabs-nav .tzui-tabs-nav-wrap::after,
.tzui-tabs-right > div > .tzui-tabs-nav .tzui-tabs-nav-wrap::after {
  bottom: 0;
  -webkit-box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
          box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
}
.tzui-tabs-left > .tzui-tabs-nav .tzui-tabs-nav-wrap.tzui-tabs-nav-wrap-ping-top::before,
.tzui-tabs-right > .tzui-tabs-nav .tzui-tabs-nav-wrap.tzui-tabs-nav-wrap-ping-top::before,
.tzui-tabs-left > div > .tzui-tabs-nav .tzui-tabs-nav-wrap.tzui-tabs-nav-wrap-ping-top::before,
.tzui-tabs-right > div > .tzui-tabs-nav .tzui-tabs-nav-wrap.tzui-tabs-nav-wrap-ping-top::before {
  opacity: 1;
}
.tzui-tabs-left > .tzui-tabs-nav .tzui-tabs-nav-wrap.tzui-tabs-nav-wrap-ping-bottom::after,
.tzui-tabs-right > .tzui-tabs-nav .tzui-tabs-nav-wrap.tzui-tabs-nav-wrap-ping-bottom::after,
.tzui-tabs-left > div > .tzui-tabs-nav .tzui-tabs-nav-wrap.tzui-tabs-nav-wrap-ping-bottom::after,
.tzui-tabs-right > div > .tzui-tabs-nav .tzui-tabs-nav-wrap.tzui-tabs-nav-wrap-ping-bottom::after {
  opacity: 1;
}
.tzui-tabs-left > .tzui-tabs-nav .tzui-tabs-ink-bar,
.tzui-tabs-right > .tzui-tabs-nav .tzui-tabs-ink-bar,
.tzui-tabs-left > div > .tzui-tabs-nav .tzui-tabs-ink-bar,
.tzui-tabs-right > div > .tzui-tabs-nav .tzui-tabs-ink-bar {
  width: 2px;
}
.tzui-tabs-left > .tzui-tabs-nav .tzui-tabs-ink-bar-animated,
.tzui-tabs-right > .tzui-tabs-nav .tzui-tabs-ink-bar-animated,
.tzui-tabs-left > div > .tzui-tabs-nav .tzui-tabs-ink-bar-animated,
.tzui-tabs-right > div > .tzui-tabs-nav .tzui-tabs-ink-bar-animated {
  -webkit-transition: height 0.3s, top 0.3s;
  transition: height 0.3s, top 0.3s;
}
.tzui-tabs-left > .tzui-tabs-nav .tzui-tabs-nav-list,
.tzui-tabs-right > .tzui-tabs-nav .tzui-tabs-nav-list,
.tzui-tabs-left > div > .tzui-tabs-nav .tzui-tabs-nav-list,
.tzui-tabs-right > div > .tzui-tabs-nav .tzui-tabs-nav-list,
.tzui-tabs-left > .tzui-tabs-nav .tzui-tabs-nav-operations,
.tzui-tabs-right > .tzui-tabs-nav .tzui-tabs-nav-operations,
.tzui-tabs-left > div > .tzui-tabs-nav .tzui-tabs-nav-operations,
.tzui-tabs-right > div > .tzui-tabs-nav .tzui-tabs-nav-operations {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.tzui-tabs-left > .tzui-tabs-nav .tzui-tabs-ink-bar,
.tzui-tabs-left > div > .tzui-tabs-nav .tzui-tabs-ink-bar {
  right: 0;
}
.tzui-tabs-left > .tzui-tabs-content-holder,
.tzui-tabs-left > div > .tzui-tabs-content-holder {
  margin-left: -1px;
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.tzui-tabs-left > .tzui-tabs-content-holder > .tzui-tabs-content > .tzui-tabs-tabpane,
.tzui-tabs-left > div > .tzui-tabs-content-holder > .tzui-tabs-content > .tzui-tabs-tabpane {
  padding-left: 24px;
}
.tzui-tabs-right > .tzui-tabs-nav,
.tzui-tabs-right > div > .tzui-tabs-nav {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.tzui-tabs-right > .tzui-tabs-nav .tzui-tabs-ink-bar,
.tzui-tabs-right > div > .tzui-tabs-nav .tzui-tabs-ink-bar {
  left: 0;
}
.tzui-tabs-right > .tzui-tabs-content-holder,
.tzui-tabs-right > div > .tzui-tabs-content-holder {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  margin-right: -1px;
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.tzui-tabs-right > .tzui-tabs-content-holder > .tzui-tabs-content > .tzui-tabs-tabpane,
.tzui-tabs-right > div > .tzui-tabs-content-holder > .tzui-tabs-content > .tzui-tabs-tabpane {
  padding-right: 24px;
}
.tzui-tabs-dropdown {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}
.tzui-tabs-dropdown-hidden {
  display: none;
}
.tzui-tabs-dropdown-menu {
  max-height: 200px;
  margin: 0;
  padding: 4px 0;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
          box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
}
.tzui-tabs-dropdown-menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 120px;
  margin: 0;
  padding: 5px 12px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-tabs-dropdown-menu-item > span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
}
.tzui-tabs-dropdown-menu-item-remove {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: 12px;
  color: #858e99;
  font-size: 12px;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.tzui-tabs-dropdown-menu-item-remove:hover {
  color: var(--color-primary-hover);
}
.tzui-tabs-dropdown-menu-item:hover {
  background: var(--color-bg);
}
.tzui-tabs-dropdown-menu-item-disabled,
.tzui-tabs-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  cursor: not-allowed;
}
.tzui-tabs-card > .tzui-tabs-nav .tzui-tabs-tab,
.tzui-tabs-card > div > .tzui-tabs-nav .tzui-tabs-tab {
  margin: 0;
  padding: 8px 16px;
  background: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.06);
  -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);
}
.tzui-tabs-card > .tzui-tabs-nav .tzui-tabs-tab-active,
.tzui-tabs-card > div > .tzui-tabs-nav .tzui-tabs-tab-active {
  color: var(--color-primary);
  background: #fff;
}
.tzui-tabs-card > .tzui-tabs-nav .tzui-tabs-ink-bar,
.tzui-tabs-card > div > .tzui-tabs-nav .tzui-tabs-ink-bar {
  visibility: hidden;
}
.tzui-tabs-card.tzui-tabs-top > .tzui-tabs-nav .tzui-tabs-tab + .tzui-tabs-tab,
.tzui-tabs-card.tzui-tabs-bottom > .tzui-tabs-nav .tzui-tabs-tab + .tzui-tabs-tab,
.tzui-tabs-card.tzui-tabs-top > div > .tzui-tabs-nav .tzui-tabs-tab + .tzui-tabs-tab,
.tzui-tabs-card.tzui-tabs-bottom > div > .tzui-tabs-nav .tzui-tabs-tab + .tzui-tabs-tab {
  margin-left: 2px;
}
.tzui-tabs-card.tzui-tabs-top > .tzui-tabs-nav .tzui-tabs-tab,
.tzui-tabs-card.tzui-tabs-top > div > .tzui-tabs-nav .tzui-tabs-tab {
  border-radius: 4px 4px 0 0;
}
.tzui-tabs-card.tzui-tabs-top > .tzui-tabs-nav .tzui-tabs-tab-active,
.tzui-tabs-card.tzui-tabs-top > div > .tzui-tabs-nav .tzui-tabs-tab-active {
  border-bottom-color: #fff;
}
.tzui-tabs-card.tzui-tabs-bottom > .tzui-tabs-nav .tzui-tabs-tab,
.tzui-tabs-card.tzui-tabs-bottom > div > .tzui-tabs-nav .tzui-tabs-tab {
  border-radius: 0 0 4px 4px;
}
.tzui-tabs-card.tzui-tabs-bottom > .tzui-tabs-nav .tzui-tabs-tab-active,
.tzui-tabs-card.tzui-tabs-bottom > div > .tzui-tabs-nav .tzui-tabs-tab-active {
  border-top-color: #fff;
}
.tzui-tabs-card.tzui-tabs-left > .tzui-tabs-nav .tzui-tabs-tab + .tzui-tabs-tab,
.tzui-tabs-card.tzui-tabs-right > .tzui-tabs-nav .tzui-tabs-tab + .tzui-tabs-tab,
.tzui-tabs-card.tzui-tabs-left > div > .tzui-tabs-nav .tzui-tabs-tab + .tzui-tabs-tab,
.tzui-tabs-card.tzui-tabs-right > div > .tzui-tabs-nav .tzui-tabs-tab + .tzui-tabs-tab {
  margin-top: 2px;
}
.tzui-tabs-card.tzui-tabs-left > .tzui-tabs-nav .tzui-tabs-tab,
.tzui-tabs-card.tzui-tabs-left > div > .tzui-tabs-nav .tzui-tabs-tab {
  border-radius: 4px 0 0 4px;
}
.tzui-tabs-card.tzui-tabs-left > .tzui-tabs-nav .tzui-tabs-tab-active,
.tzui-tabs-card.tzui-tabs-left > div > .tzui-tabs-nav .tzui-tabs-tab-active {
  border-right-color: #fff;
}
.tzui-tabs-card.tzui-tabs-right > .tzui-tabs-nav .tzui-tabs-tab,
.tzui-tabs-card.tzui-tabs-right > div > .tzui-tabs-nav .tzui-tabs-tab {
  border-radius: 0 4px 4px 0;
}
.tzui-tabs-card.tzui-tabs-right > .tzui-tabs-nav .tzui-tabs-tab-active,
.tzui-tabs-card.tzui-tabs-right > div > .tzui-tabs-nav .tzui-tabs-tab-active {
  border-left-color: #fff;
}
.tzui-tabs {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tzui-tabs > .tzui-tabs-nav,
.tzui-tabs > div > .tzui-tabs-nav {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tzui-tabs > .tzui-tabs-nav .tzui-tabs-nav-wrap,
.tzui-tabs > div > .tzui-tabs-nav .tzui-tabs-nav-wrap {
  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);
}
.tzui-tabs > .tzui-tabs-nav .tzui-tabs-nav-wrap::before,
.tzui-tabs > div > .tzui-tabs-nav .tzui-tabs-nav-wrap::before,
.tzui-tabs > .tzui-tabs-nav .tzui-tabs-nav-wrap::after,
.tzui-tabs > div > .tzui-tabs-nav .tzui-tabs-nav-wrap::after {
  position: absolute;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  content: '';
  pointer-events: none;
}
.tzui-tabs > .tzui-tabs-nav .tzui-tabs-nav-list,
.tzui-tabs > div > .tzui-tabs-nav .tzui-tabs-nav-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.tzui-tabs > .tzui-tabs-nav .tzui-tabs-nav-operations,
.tzui-tabs > div > .tzui-tabs-nav .tzui-tabs-nav-operations {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.tzui-tabs > .tzui-tabs-nav .tzui-tabs-nav-operations-hidden,
.tzui-tabs > div > .tzui-tabs-nav .tzui-tabs-nav-operations-hidden {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
}
.tzui-tabs > .tzui-tabs-nav .tzui-tabs-nav-more,
.tzui-tabs > div > .tzui-tabs-nav .tzui-tabs-nav-more {
  position: relative;
  padding: 8px 16px;
  background: transparent;
  border: 0;
}
.tzui-tabs > .tzui-tabs-nav .tzui-tabs-nav-more::after,
.tzui-tabs > div > .tzui-tabs-nav .tzui-tabs-nav-more::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 5px;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  content: '';
}
.tzui-tabs > .tzui-tabs-nav .tzui-tabs-nav-add,
.tzui-tabs > div > .tzui-tabs-nav .tzui-tabs-nav-add {
  min-width: 40px;
  margin-left: 2px;
  padding: 0 8px;
  background: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 4px 4px 0 0;
  outline: none;
  cursor: pointer;
  -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);
}
.tzui-tabs > .tzui-tabs-nav .tzui-tabs-nav-add:hover,
.tzui-tabs > div > .tzui-tabs-nav .tzui-tabs-nav-add:hover {
  color: var(--color-primary-hover);
}
.tzui-tabs > .tzui-tabs-nav .tzui-tabs-nav-add:active,
.tzui-tabs > div > .tzui-tabs-nav .tzui-tabs-nav-add:active,
.tzui-tabs > .tzui-tabs-nav .tzui-tabs-nav-add:focus,
.tzui-tabs > div > .tzui-tabs-nav .tzui-tabs-nav-add:focus {
  color: var(--color-primary-dark);
}
.tzui-tabs-extra-content {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.tzui-tabs-centered > .tzui-tabs-nav .tzui-tabs-nav-wrap:not([class*='tzui-tabs-nav-wrap-ping']),
.tzui-tabs-centered > div > .tzui-tabs-nav .tzui-tabs-nav-wrap:not([class*='tzui-tabs-nav-wrap-ping']) {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tzui-tabs-ink-bar {
  position: absolute;
  background: var(--color-primary);
  pointer-events: none;
}
.tzui-tabs-tab {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 0;
  font-size: 14px;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.tzui-tabs-tab-btn:focus,
.tzui-tabs-tab-remove:focus,
.tzui-tabs-tab-btn:active,
.tzui-tabs-tab-remove:active {
  color: var(--color-primary-dark);
}
.tzui-tabs-tab-btn {
  outline: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-tabs-tab-remove {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: -4px;
  margin-left: 8px;
  color: #858e99;
  font-size: 12px;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-tabs-tab-remove:hover {
  color: rgba(0, 0, 0, 0.85);
}
.tzui-tabs-tab:hover {
  color: var(--color-primary-hover);
}
.tzui-tabs-tab.tzui-tabs-tab-active .tzui-tabs-tab-btn {
  color: var(--color-primary);
  text-shadow: 0 0 0.25px currentcolor;
}
.tzui-tabs-tab.tzui-tabs-tab-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.tzui-tabs-tab.tzui-tabs-tab-disabled .tzui-tabs-tab-btn:focus,
.tzui-tabs-tab.tzui-tabs-tab-disabled .tzui-tabs-tab-remove:focus,
.tzui-tabs-tab.tzui-tabs-tab-disabled .tzui-tabs-tab-btn:active,
.tzui-tabs-tab.tzui-tabs-tab-disabled .tzui-tabs-tab-remove:active {
  color: rgba(0, 0, 0, 0.25);
}
.tzui-tabs-tab .tzui-tabs-tab-remove .anticon {
  margin: 0;
}
.tzui-tabs-tab .anticon {
  margin-right: 12px;
}
.tzui-tabs-tab + .tzui-tabs-tab {
  margin: 0 0 0 32px;
}
.tzui-tabs-content {
  position: relative;
  width: 100%;
}
.tzui-tabs-content-holder {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  min-width: 0;
  min-height: 0;
}
.tzui-tabs-tabpane {
  outline: none;
}
.tzui-tabs-tabpane-hidden {
  display: none;
}
.tzui-tabs-switch-appear,
.tzui-tabs-switch-enter {
  -webkit-transition: none;
  transition: none;
}
.tzui-tabs-switch-appear-start,
.tzui-tabs-switch-enter-start {
  opacity: 0;
}
.tzui-tabs-switch-appear-active,
.tzui-tabs-switch-enter-active {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.tzui-tabs-switch-leave {
  position: absolute;
  -webkit-transition: none;
  transition: none;
  inset: 0;
}
.tzui-tabs-switch-leave-start {
  opacity: 1;
}
.tzui-tabs-switch-leave-active {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-switch {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 44px;
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.25);
  border: 0;
  border-radius: 100px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tzui-switch:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.tzui-switch-checked:focus {
  -webkit-box-shadow: 0 0 0 2px var(--color-primary-slight);
          box-shadow: 0 0 0 2px var(--color-primary-slight);
}
.tzui-switch:focus:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-switch-checked {
  background-color: var(--color-primary);
}
.tzui-switch-loading,
.tzui-switch-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.tzui-switch-loading *,
.tzui-switch-disabled * {
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
}
.tzui-switch-inner {
  display: block;
  margin: 0 7px 0 25px;
  color: #fff;
  font-size: 12px;
  -webkit-transition: margin 0.2s;
  transition: margin 0.2s;
}
.tzui-switch-checked .tzui-switch-inner {
  margin: 0 25px 0 7px;
}
.tzui-switch-handle {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.tzui-switch-handle::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  border-radius: 9px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
          box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  content: '';
}
.tzui-switch-checked .tzui-switch-handle {
  left: calc(100% - 18px - 2px);
}
.tzui-switch:not(.tzui-switch-disabled):active .tzui-switch-handle::before {
  right: -30%;
  left: 0;
}
.tzui-switch:not(.tzui-switch-disabled):active.tzui-switch-checked .tzui-switch-handle::before {
  right: 0;
  left: -30%;
}
.tzui-switch-loading-icon.anticon {
  position: relative;
  top: 2px;
  color: rgba(0, 0, 0, 0.65);
  vertical-align: top;
}
.tzui-switch-checked .tzui-switch-loading-icon {
  color: var(--color-primary);
}
.tzui-switch-small {
  min-width: 28px;
  height: 16px;
  line-height: 16px;
}
.tzui-switch-small .tzui-switch-inner {
  margin: 0 5px 0 18px;
  font-size: 12px;
}
.tzui-switch-small .tzui-switch-handle {
  width: 12px;
  height: 12px;
}
.tzui-switch-small .tzui-switch-loading-icon {
  top: 1.5px;
  font-size: 9px;
}
.tzui-switch-small.tzui-switch-checked .tzui-switch-inner {
  margin: 0 18px 0 5px;
}
.tzui-switch-small.tzui-switch-checked .tzui-switch-handle {
  left: calc(100% - 12px - 2px);
}
.tzui-switch-rtl {
  direction: rtl;
}
.tzui-switch-rtl .tzui-switch-inner {
  margin: 0 25px 0 7px;
}
.tzui-switch-rtl .tzui-switch-handle {
  right: 2px;
  left: auto;
}
.tzui-switch-rtl:not(.tzui-switch-rtl-disabled):active .tzui-switch-handle::before {
  right: 0;
  left: -30%;
}
.tzui-switch-rtl:not(.tzui-switch-rtl-disabled):active.tzui-switch-checked .tzui-switch-handle::before {
  right: -30%;
  left: 0;
}
.tzui-switch-rtl.tzui-switch-checked .tzui-switch-inner {
  margin: 0 7px 0 25px;
}
.tzui-switch-rtl.tzui-switch-checked .tzui-switch-handle {
  right: calc(100% - 18px - 2px);
}
.tzui-switch-rtl.tzui-switch-small.tzui-switch-checked .tzui-switch-handle {
  right: calc(100% - 12px - 2px);
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-input-number-affix-wrapper {
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 90px;
  padding: 0;
  -webkit-padding-start: 11px;
          padding-inline-start: 11px;
}
.tzui-input-number-affix-wrapper::-webkit-input-placeholder {
  color: var(--color-text-light);
  -webkit-user-select: none;
          user-select: none;
}
.tzui-input-number-affix-wrapper::-moz-placeholder {
  color: var(--color-text-light);
  -moz-user-select: none;
       user-select: none;
}
.tzui-input-number-affix-wrapper:-ms-input-placeholder {
  color: var(--color-text-light);
  -ms-user-select: none;
      user-select: none;
}
.tzui-input-number-affix-wrapper::-ms-input-placeholder {
  color: var(--color-text-light);
  -ms-user-select: none;
      user-select: none;
}
.tzui-input-number-affix-wrapper::placeholder {
  color: var(--color-text-light);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tzui-input-number-affix-wrapper:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.tzui-input-number-affix-wrapper:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.tzui-input-number-affix-wrapper:placeholder-shown {
  text-overflow: ellipsis;
}
.tzui-input-number-affix-wrapper:hover {
  border-color: var(--color-primary-hover);
  border-right-width: 1px;
}
.tzui-input-number-affix-wrapper:focus,
.tzui-input-number-affix-wrapper-focused {
  border-color: var(--color-primary-hover);
  -webkit-box-shadow: 0 0 0 0 var(--tzui-primary-color-outline);
          box-shadow: 0 0 0 0 var(--tzui-primary-color-outline);
  border-right-width: 1px;
  outline: 0;
}
.tzui-input-number-affix-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: var(--color-border);
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.tzui-input-number-affix-wrapper-disabled:hover {
  border-color: var(--color-border);
  border-right-width: 1px;
}
.tzui-input-number-affix-wrapper[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: var(--color-border);
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.tzui-input-number-affix-wrapper[disabled]:hover {
  border-color: var(--color-border);
  border-right-width: 1px;
}
.tzui-input-number-affix-wrapper-borderless,
.tzui-input-number-affix-wrapper-borderless:hover,
.tzui-input-number-affix-wrapper-borderless:focus,
.tzui-input-number-affix-wrapper-borderless-focused,
.tzui-input-number-affix-wrapper-borderless-disabled,
.tzui-input-number-affix-wrapper-borderless[disabled] {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
textarea.tzui-input-number-affix-wrapper {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.tzui-input-number-affix-wrapper-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.tzui-input-number-affix-wrapper-sm {
  padding: 0px 7px;
}
.tzui-input-number-affix-wrapper:not(.tzui-input-number-affix-wrapper-disabled):hover {
  border-color: var(--color-primary-hover);
  border-right-width: 1px;
  z-index: 1;
}
.tzui-input-number-affix-wrapper-focused,
.tzui-input-number-affix-wrapper:focus {
  z-index: 1;
}
.tzui-input-number-affix-wrapper-disabled .tzui-input-number[disabled] {
  background: transparent;
}
.tzui-input-number-affix-wrapper > div.tzui-input-number {
  width: 100%;
  border: none;
  outline: none;
}
.tzui-input-number-affix-wrapper > div.tzui-input-number.tzui-input-number-focused {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.tzui-input-number-affix-wrapper input.tzui-input-number-input {
  padding: 0;
}
.tzui-input-number-affix-wrapper::before {
  width: 0;
  visibility: hidden;
  content: '\a0';
}
.tzui-input-number-affix-wrapper .tzui-input-number-handler-wrap {
  z-index: 2;
}
.tzui-input-number-prefix,
.tzui-input-number-suffix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
}
.tzui-input-number-prefix {
  -webkit-margin-end: 4px;
          margin-inline-end: 4px;
}
.tzui-input-number-suffix {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  height: 100%;
  margin-right: 11px;
  margin-left: 4px;
}
.tzui-input-number-group-wrapper .tzui-input-number-affix-wrapper {
  width: 100%;
}
.tzui-input-number-status-error:not(.tzui-input-number-disabled):not(.tzui-input-number-borderless).tzui-input-number,
.tzui-input-number-status-error:not(.tzui-input-number-disabled):not(.tzui-input-number-borderless).tzui-input-number:hover {
  background: #fff;
  border-color: var(--color-danger);
}
.tzui-input-number-status-error:not(.tzui-input-number-disabled):not(.tzui-input-number-borderless).tzui-input-number:focus,
.tzui-input-number-status-error:not(.tzui-input-number-disabled):not(.tzui-input-number-borderless).tzui-input-number-focused {
  border-color: var(--color-danger-hover);
  -webkit-box-shadow: 0 0 0 0 var(--tzui-error-color-outline);
          box-shadow: 0 0 0 0 var(--tzui-error-color-outline);
  border-right-width: 1px;
  outline: 0;
}
.tzui-input-number-status-error .tzui-input-number-prefix {
  color: var(--color-danger);
}
.tzui-input-number-status-warning:not(.tzui-input-number-disabled):not(.tzui-input-number-borderless).tzui-input-number,
.tzui-input-number-status-warning:not(.tzui-input-number-disabled):not(.tzui-input-number-borderless).tzui-input-number:hover {
  background: #fff;
  border-color: var(--color-warning);
}
.tzui-input-number-status-warning:not(.tzui-input-number-disabled):not(.tzui-input-number-borderless).tzui-input-number:focus,
.tzui-input-number-status-warning:not(.tzui-input-number-disabled):not(.tzui-input-number-borderless).tzui-input-number-focused {
  border-color: var(--tzui-warning-color-hover);
  -webkit-box-shadow: 0 0 0 0 var(--tzui-warning-color-outline);
          box-shadow: 0 0 0 0 var(--tzui-warning-color-outline);
  border-right-width: 1px;
  outline: 0;
}
.tzui-input-number-status-warning .tzui-input-number-prefix {
  color: var(--color-warning);
}
.tzui-input-number-affix-wrapper-status-error:not(.tzui-input-number-affix-wrapper-disabled):not(.tzui-input-number-affix-wrapper-borderless).tzui-input-number-affix-wrapper,
.tzui-input-number-affix-wrapper-status-error:not(.tzui-input-number-affix-wrapper-disabled):not(.tzui-input-number-affix-wrapper-borderless).tzui-input-number-affix-wrapper:hover {
  background: #fff;
  border-color: var(--color-danger);
}
.tzui-input-number-affix-wrapper-status-error:not(.tzui-input-number-affix-wrapper-disabled):not(.tzui-input-number-affix-wrapper-borderless).tzui-input-number-affix-wrapper:focus,
.tzui-input-number-affix-wrapper-status-error:not(.tzui-input-number-affix-wrapper-disabled):not(.tzui-input-number-affix-wrapper-borderless).tzui-input-number-affix-wrapper-focused {
  border-color: var(--color-danger-hover);
  -webkit-box-shadow: 0 0 0 0 var(--tzui-error-color-outline);
          box-shadow: 0 0 0 0 var(--tzui-error-color-outline);
  border-right-width: 1px;
  outline: 0;
}
.tzui-input-number-affix-wrapper-status-error .tzui-input-number-prefix {
  color: var(--color-danger);
}
.tzui-input-number-affix-wrapper-status-warning:not(.tzui-input-number-affix-wrapper-disabled):not(.tzui-input-number-affix-wrapper-borderless).tzui-input-number-affix-wrapper,
.tzui-input-number-affix-wrapper-status-warning:not(.tzui-input-number-affix-wrapper-disabled):not(.tzui-input-number-affix-wrapper-borderless).tzui-input-number-affix-wrapper:hover {
  background: #fff;
  border-color: var(--color-warning);
}
.tzui-input-number-affix-wrapper-status-warning:not(.tzui-input-number-affix-wrapper-disabled):not(.tzui-input-number-affix-wrapper-borderless).tzui-input-number-affix-wrapper:focus,
.tzui-input-number-affix-wrapper-status-warning:not(.tzui-input-number-affix-wrapper-disabled):not(.tzui-input-number-affix-wrapper-borderless).tzui-input-number-affix-wrapper-focused {
  border-color: var(--tzui-warning-color-hover);
  -webkit-box-shadow: 0 0 0 0 var(--tzui-warning-color-outline);
          box-shadow: 0 0 0 0 var(--tzui-warning-color-outline);
  border-right-width: 1px;
  outline: 0;
}
.tzui-input-number-affix-wrapper-status-warning .tzui-input-number-prefix {
  color: var(--color-warning);
}
.tzui-input-number-group-wrapper-status-error .tzui-input-number-group-addon {
  color: var(--color-danger);
  border-color: var(--color-danger);
}
.tzui-input-number-group-wrapper-status-warning .tzui-input-number-group-addon {
  color: var(--color-warning);
  border-color: var(--color-warning);
}
.tzui-input-number {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
  width: 90px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--color-border);
  border-radius: 4px;
}
.tzui-input-number::-webkit-input-placeholder {
  color: var(--color-text-light);
  -webkit-user-select: none;
          user-select: none;
}
.tzui-input-number::-moz-placeholder {
  color: var(--color-text-light);
  -moz-user-select: none;
       user-select: none;
}
.tzui-input-number:-ms-input-placeholder {
  color: var(--color-text-light);
  -ms-user-select: none;
      user-select: none;
}
.tzui-input-number::-ms-input-placeholder {
  color: var(--color-text-light);
  -ms-user-select: none;
      user-select: none;
}
.tzui-input-number::placeholder {
  color: var(--color-text-light);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tzui-input-number:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.tzui-input-number:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.tzui-input-number:placeholder-shown {
  text-overflow: ellipsis;
}
.tzui-input-number:hover {
  border-color: var(--color-primary-hover);
  border-right-width: 1px;
}
.tzui-input-number:focus,
.tzui-input-number-focused {
  border-color: var(--color-primary-hover);
  -webkit-box-shadow: 0 0 0 0 var(--tzui-primary-color-outline);
          box-shadow: 0 0 0 0 var(--tzui-primary-color-outline);
  border-right-width: 1px;
  outline: 0;
}
.tzui-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: var(--color-border);
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.tzui-input-number-disabled:hover {
  border-color: var(--color-border);
  border-right-width: 1px;
}
.tzui-input-number[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: var(--color-border);
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.tzui-input-number[disabled]:hover {
  border-color: var(--color-border);
  border-right-width: 1px;
}
.tzui-input-number-borderless,
.tzui-input-number-borderless:hover,
.tzui-input-number-borderless:focus,
.tzui-input-number-borderless-focused,
.tzui-input-number-borderless-disabled,
.tzui-input-number-borderless[disabled] {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
textarea.tzui-input-number {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.tzui-input-number-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.tzui-input-number-sm {
  padding: 0px 7px;
}
.tzui-input-number-group {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.tzui-input-number-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.tzui-input-number-group > [class*='col-'] {
  padding-right: 8px;
}
.tzui-input-number-group > [class*='col-']:last-child {
  padding-right: 0;
}
.tzui-input-number-group-addon,
.tzui-input-number-group-wrap,
.tzui-input-number-group > .tzui-input-number {
  display: table-cell;
}
.tzui-input-number-group-addon:not(:first-child):not(:last-child),
.tzui-input-number-group-wrap:not(:first-child):not(:last-child),
.tzui-input-number-group > .tzui-input-number:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.tzui-input-number-group-addon,
.tzui-input-number-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.tzui-input-number-group-wrap > * {
  display: block !important;
}
.tzui-input-number-group .tzui-input-number {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit;
}
.tzui-input-number-group .tzui-input-number:focus {
  z-index: 1;
  border-right-width: 1px;
}
.tzui-input-number-group .tzui-input-number:hover {
  z-index: 1;
  border-right-width: 1px;
}
.tzui-input-search-with-button .tzui-input-number-group .tzui-input-number:hover {
  z-index: 0;
}
.tzui-input-number-group-addon {
  position: relative;
  padding: 0 11px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-input-number-group-addon .tzui-select {
  margin: -5px -11px;
}
.tzui-input-number-group-addon .tzui-select.tzui-select-single:not(.tzui-select-customize-input) .tzui-select-selector {
  background-color: inherit;
  border: 1px solid transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-input-number-group-addon .tzui-select-open .tzui-select-selector,
.tzui-input-number-group-addon .tzui-select-focused .tzui-select-selector {
  color: var(--color-primary);
}
.tzui-input-number-group-addon .tzui-cascader-picker {
  margin: -9px -12px;
  background-color: transparent;
}
.tzui-input-number-group-addon .tzui-cascader-picker .tzui-cascader-input {
  text-align: left;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-input-number-group > .tzui-input-number:first-child,
.tzui-input-number-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tzui-input-number-group > .tzui-input-number:first-child .tzui-select .tzui-select-selector,
.tzui-input-number-group-addon:first-child .tzui-select .tzui-select-selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tzui-input-number-group > .tzui-input-number-affix-wrapper:not(:first-child) .tzui-input-number {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tzui-input-number-group > .tzui-input-number-affix-wrapper:not(:last-child) .tzui-input-number {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tzui-input-number-group-addon:first-child {
  border-right: 0;
}
.tzui-input-number-group-addon:last-child {
  border-left: 0;
}
.tzui-input-number-group > .tzui-input-number:last-child,
.tzui-input-number-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tzui-input-number-group > .tzui-input-number:last-child .tzui-select .tzui-select-selector,
.tzui-input-number-group-addon:last-child .tzui-select .tzui-select-selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tzui-input-number-group-lg .tzui-input-number,
.tzui-input-number-group-lg > .tzui-input-number-group-addon {
  padding: 6.5px 11px;
  font-size: 16px;
}
.tzui-input-number-group-sm .tzui-input-number,
.tzui-input-number-group-sm > .tzui-input-number-group-addon {
  padding: 0px 7px;
}
.tzui-input-number-group-lg .tzui-select-single .tzui-select-selector {
  height: 40px;
}
.tzui-input-number-group-sm .tzui-select-single .tzui-select-selector {
  height: 24px;
}
.tzui-input-number-group .tzui-input-number-affix-wrapper:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tzui-input-search .tzui-input-number-group .tzui-input-number-affix-wrapper:not(:last-child) {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tzui-input-number-group .tzui-input-number-affix-wrapper:not(:first-child),
.tzui-input-search .tzui-input-number-group .tzui-input-number-affix-wrapper:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tzui-input-number-group.tzui-input-number-group-compact {
  display: block;
}
.tzui-input-number-group.tzui-input-number-group-compact::before {
  display: table;
  content: '';
}
.tzui-input-number-group.tzui-input-number-group-compact::after {
  display: table;
  clear: both;
  content: '';
}
.tzui-input-number-group.tzui-input-number-group-compact-addon:not(:first-child):not(:last-child),
.tzui-input-number-group.tzui-input-number-group-compact-wrap:not(:first-child):not(:last-child),
.tzui-input-number-group.tzui-input-number-group-compact > .tzui-input-number:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}
.tzui-input-number-group.tzui-input-number-group-compact-addon:not(:first-child):not(:last-child):hover,
.tzui-input-number-group.tzui-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover,
.tzui-input-number-group.tzui-input-number-group-compact > .tzui-input-number:not(:first-child):not(:last-child):hover {
  z-index: 1;
}
.tzui-input-number-group.tzui-input-number-group-compact-addon:not(:first-child):not(:last-child):focus,
.tzui-input-number-group.tzui-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus,
.tzui-input-number-group.tzui-input-number-group-compact > .tzui-input-number:not(:first-child):not(:last-child):focus {
  z-index: 1;
}
.tzui-input-number-group.tzui-input-number-group-compact > * {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0;
}
.tzui-input-number-group.tzui-input-number-group-compact > .tzui-input-number-affix-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.tzui-input-number-group.tzui-input-number-group-compact > .tzui-picker-range {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.tzui-input-number-group.tzui-input-number-group-compact > *:not(:last-child) {
  margin-right: -1px;
  border-right-width: 1px;
}
.tzui-input-number-group.tzui-input-number-group-compact .tzui-input-number {
  float: none;
}
.tzui-input-number-group.tzui-input-number-group-compact > .tzui-select > .tzui-select-selector,
.tzui-input-number-group.tzui-input-number-group-compact > .tzui-select-auto-complete .tzui-input,
.tzui-input-number-group.tzui-input-number-group-compact > .tzui-cascader-picker .tzui-input,
.tzui-input-number-group.tzui-input-number-group-compact > .tzui-input-group-wrapper .tzui-input {
  border-right-width: 1px;
  border-radius: 0;
}
.tzui-input-number-group.tzui-input-number-group-compact > .tzui-select > .tzui-select-selector:hover,
.tzui-input-number-group.tzui-input-number-group-compact > .tzui-select-auto-complete .tzui-input:hover,
.tzui-input-number-group.tzui-input-number-group-compact > .tzui-cascader-picker .tzui-input:hover,
.tzui-input-number-group.tzui-input-number-group-compact > .tzui-input-group-wrapper .tzui-input:hover {
  z-index: 1;
}
.tzui-input-number-group.tzui-input-number-group-compact > .tzui-select > .tzui-select-selector:focus,
.tzui-input-number-group.tzui-input-number-group-compact > .tzui-select-auto-complete .tzui-input:focus,
.tzui-input-number-group.tzui-input-number-group-compact > .tzui-cascader-picker .tzui-input:focus,
.tzui-input-number-group.tzui-input-number-group-compact > .tzui-input-group-wrapper .tzui-input:focus {
  z-index: 1;
}
.tzui-input-number-group.tzui-input-number-group-compact > .tzui-select-focused {
  z-index: 1;
}
.tzui-input-number-group.tzui-input-number-group-compact > .tzui-select > .tzui-select-arrow {
  z-index: 1;
}
.tzui-input-number-group.tzui-input-number-group-compact > *:first-child,
.tzui-input-number-group.tzui-input-number-group-compact > .tzui-select:first-child > .tzui-select-selector,
.tzui-input-number-group.tzui-input-number-group-compact > .tzui-select-auto-complete:first-child .tzui-input,
.tzui-input-number-group.tzui-input-number-group-compact > .tzui-cascader-picker:first-child .tzui-input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tzui-input-number-group.tzui-input-number-group-compact > *:last-child,
.tzui-input-number-group.tzui-input-number-group-compact > .tzui-select:last-child > .tzui-select-selector,
.tzui-input-number-group.tzui-input-number-group-compact > .tzui-cascader-picker:last-child .tzui-input,
.tzui-input-number-group.tzui-input-number-group-compact > .tzui-cascader-picker-focused:last-child .tzui-input {
  border-right-width: 1px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tzui-input-number-group.tzui-input-number-group-compact > .tzui-select-auto-complete .tzui-input {
  vertical-align: top;
}
.tzui-input-number-group.tzui-input-number-group-compact .tzui-input-group-wrapper + .tzui-input-group-wrapper {
  margin-left: -1px;
}
.tzui-input-number-group.tzui-input-number-group-compact .tzui-input-group-wrapper + .tzui-input-group-wrapper .tzui-input-affix-wrapper {
  border-radius: 0;
}
.tzui-input-number-group.tzui-input-number-group-compact .tzui-input-group-wrapper:not(:last-child).tzui-input-search > .tzui-input-group > .tzui-input-group-addon > .tzui-input-search-button {
  border-radius: 0;
}
.tzui-input-number-group.tzui-input-number-group-compact .tzui-input-group-wrapper:not(:last-child).tzui-input-search > .tzui-input-group > .tzui-input {
  border-radius: 4px 0 0 4px;
}
.tzui-input-number-group > .tzui-input-number-rtl:first-child {
  border-radius: 0 4px 4px 0;
}
.tzui-input-number-group > .tzui-input-number-rtl:last-child {
  border-radius: 4px 0 0 4px;
}
.tzui-input-number-group-rtl .tzui-input-number-group-addon:first-child {
  border-right: 1px solid var(--color-border);
  border-left: 0;
  border-radius: 0 4px 4px 0;
}
.tzui-input-number-group-rtl .tzui-input-number-group-addon:last-child {
  border-right: 0;
  border-left: 1px solid var(--color-border);
  border-radius: 4px 0 0 4px;
}
.tzui-input-number-group-wrapper {
  display: inline-block;
  text-align: start;
  vertical-align: top;
}
.tzui-input-number-handler {
  position: relative;
  display: block;
  width: 100%;
  height: 50%;
  overflow: hidden;
  color: #858e99;
  font-weight: bold;
  line-height: 0;
  text-align: center;
  border-left: 1px solid var(--color-border);
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.tzui-input-number-handler:active {
  background: #f4f4f4;
}
.tzui-input-number-handler:hover .tzui-input-number-handler-up-inner,
.tzui-input-number-handler:hover .tzui-input-number-handler-down-inner {
  color: var(--color-primary-hover);
}
.tzui-input-number-handler-up-inner,
.tzui-input-number-handler-down-inner {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 4px;
  width: 12px;
  height: 12px;
  color: #858e99;
  line-height: 12px;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tzui-input-number-handler-up-inner > *,
.tzui-input-number-handler-down-inner > * {
  line-height: 1;
}
.tzui-input-number-handler-up-inner svg,
.tzui-input-number-handler-down-inner svg {
  display: inline-block;
}
.tzui-input-number-handler-up-inner::before,
.tzui-input-number-handler-down-inner::before {
  display: none;
}
.tzui-input-number-handler-up-inner .tzui-input-number-handler-up-inner-icon,
.tzui-input-number-handler-up-inner .tzui-input-number-handler-down-inner-icon,
.tzui-input-number-handler-down-inner .tzui-input-number-handler-up-inner-icon,
.tzui-input-number-handler-down-inner .tzui-input-number-handler-down-inner-icon {
  display: block;
}
.tzui-input-number:hover {
  border-color: var(--color-primary-hover);
  border-right-width: 1px;
}
.tzui-input-number:hover + .tzui-form-item-children-icon {
  opacity: 0;
  -webkit-transition: opacity 0.24s linear 0.24s;
  transition: opacity 0.24s linear 0.24s;
}
.tzui-input-number-focused {
  border-color: var(--color-primary-hover);
  -webkit-box-shadow: 0 0 0 0 var(--tzui-primary-color-outline);
          box-shadow: 0 0 0 0 var(--tzui-primary-color-outline);
  border-right-width: 1px;
  outline: 0;
}
.tzui-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: var(--color-border);
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.tzui-input-number-disabled:hover {
  border-color: var(--color-border);
  border-right-width: 1px;
}
.tzui-input-number-disabled .tzui-input-number-input {
  cursor: not-allowed;
}
.tzui-input-number-disabled .tzui-input-number-handler-wrap {
  display: none;
}
.tzui-input-number-readonly .tzui-input-number-handler-wrap {
  display: none;
}
.tzui-input-number-input {
  width: 100%;
  height: 30px;
  padding: 0 11px;
  text-align: left;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  outline: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-appearance: textfield !important;
     -moz-appearance: textfield !important;
          appearance: textfield !important;
}
.tzui-input-number-input::-webkit-input-placeholder {
  color: var(--color-text-light);
  -webkit-user-select: none;
          user-select: none;
}
.tzui-input-number-input::-moz-placeholder {
  color: var(--color-text-light);
  -moz-user-select: none;
       user-select: none;
}
.tzui-input-number-input:-ms-input-placeholder {
  color: var(--color-text-light);
  -ms-user-select: none;
      user-select: none;
}
.tzui-input-number-input::-ms-input-placeholder {
  color: var(--color-text-light);
  -ms-user-select: none;
      user-select: none;
}
.tzui-input-number-input::placeholder {
  color: var(--color-text-light);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tzui-input-number-input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.tzui-input-number-input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.tzui-input-number-input:placeholder-shown {
  text-overflow: ellipsis;
}
.tzui-input-number-input[type='number']::-webkit-inner-spin-button,
.tzui-input-number-input[type='number']::-webkit-outer-spin-button {
  margin: 0;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-appearance: none;
  appearance: none;
}
.tzui-input-number-lg {
  padding: 0;
  font-size: 16px;
}
.tzui-input-number-lg input {
  height: 38px;
}
.tzui-input-number-sm {
  padding: 0;
}
.tzui-input-number-sm input {
  height: 22px;
  padding: 0 7px;
}
.tzui-input-number-handler-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 100%;
  background: #fff;
  border-radius: 0 4px 4px 0;
  opacity: 0;
  -webkit-transition: opacity 0.24s linear 0.1s;
  transition: opacity 0.24s linear 0.1s;
}
.tzui-input-number-handler-wrap .tzui-input-number-handler .tzui-input-number-handler-up-inner,
.tzui-input-number-handler-wrap .tzui-input-number-handler .tzui-input-number-handler-down-inner {
  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-width: auto;
  margin-right: 0;
  font-size: 7px;
}
.tzui-input-number-borderless .tzui-input-number-handler-wrap {
  border-left-width: 0;
}
.tzui-input-number-handler-wrap:hover .tzui-input-number-handler {
  height: 40%;
}
.tzui-input-number:hover .tzui-input-number-handler-wrap,
.tzui-input-number-focused .tzui-input-number-handler-wrap {
  opacity: 1;
}
.tzui-input-number-handler-up {
  border-top-right-radius: 4px;
  cursor: pointer;
}
.tzui-input-number-handler-up-inner {
  top: 50%;
  margin-top: -5px;
  text-align: center;
}
.tzui-input-number-handler-up:hover {
  height: 60% !important;
}
.tzui-input-number-handler-down {
  top: 0;
  border-top: 1px solid var(--color-border);
  border-bottom-right-radius: 4px;
  cursor: pointer;
}
.tzui-input-number-handler-down-inner {
  top: 50%;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.tzui-input-number-handler-down:hover {
  height: 60% !important;
}
.tzui-input-number-borderless .tzui-input-number-handler-down {
  border-top-width: 0;
}
.tzui-input-number:hover:not(.tzui-input-number-borderless) .tzui-input-number-handler-down,
.tzui-input-number-focused:not(.tzui-input-number-borderless) .tzui-input-number-handler-down {
  border-top: 1px solid var(--color-border);
}
.tzui-input-number-handler-up-disabled,
.tzui-input-number-handler-down-disabled {
  cursor: not-allowed;
}
.tzui-input-number-handler-up-disabled:hover .tzui-input-number-handler-up-inner,
.tzui-input-number-handler-down-disabled:hover .tzui-input-number-handler-down-inner {
  color: rgba(0, 0, 0, 0.25);
}
.tzui-input-number-borderless {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-input-number-out-of-range input {
  color: var(--color-danger);
}
.tzui-input-number-compact-item:not(.tzui-input-number-compact-last-item):not(.tzui-input-number-compact-item-rtl) {
  margin-right: -1px;
}
.tzui-input-number-compact-item:not(.tzui-input-number-compact-last-item).tzui-input-number-compact-item-rtl {
  margin-left: -1px;
}
.tzui-input-number-compact-item:hover,
.tzui-input-number-compact-item:focus,
.tzui-input-number-compact-item:active {
  z-index: 2;
}
.tzui-input-number-compact-item.tzui-input-number-focused {
  z-index: 2;
}
.tzui-input-number-compact-item[disabled] {
  z-index: 0;
}
.tzui-input-number-compact-item:not(.tzui-input-number-compact-first-item):not(.tzui-input-number-compact-last-item).tzui-input-number {
  border-radius: 0;
}
.tzui-input-number-compact-item.tzui-input-number.tzui-input-number-compact-first-item:not(.tzui-input-number-compact-last-item):not(.tzui-input-number-compact-item-rtl) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tzui-input-number-compact-item.tzui-input-number.tzui-input-number-compact-last-item:not(.tzui-input-number-compact-first-item):not(.tzui-input-number-compact-item-rtl) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tzui-input-number-compact-item.tzui-input-number.tzui-input-number-compact-item-rtl.tzui-input-number-compact-first-item:not(.tzui-input-number-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tzui-input-number-compact-item.tzui-input-number.tzui-input-number-compact-item-rtl.tzui-input-number-compact-last-item:not(.tzui-input-number-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tzui-input-number-rtl {
  direction: rtl;
}
.tzui-input-number-rtl .tzui-input-number-handler {
  border-right: 1px solid var(--color-border);
  border-left: 0;
}
.tzui-input-number-rtl .tzui-input-number-handler-wrap {
  right: auto;
  left: 0;
}
.tzui-input-number-rtl.tzui-input-number-borderless .tzui-input-number-handler-wrap {
  border-right-width: 0;
}
.tzui-input-number-rtl .tzui-input-number-handler-up {
  border-top-right-radius: 0;
}
.tzui-input-number-rtl .tzui-input-number-handler-down {
  border-bottom-right-radius: 0;
}
.tzui-input-number-rtl .tzui-input-number-input {
  direction: ltr;
  text-align: right;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
  height: auto;
  margin-right: 8px;
  padding: 0 7px;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  background: #fafafa;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui,
.tzui a,
.tzui a:hover {
  color: rgba(0, 0, 0, 0.85);
}
.tzui > a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px;
}
.tzui-close-icon {
  margin-left: 3px;
  color: #858e99;
  font-size: 10px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-close-icon:hover {
  color: rgba(0, 0, 0, 0.85);
}
.tzui-has-color {
  border-color: transparent;
}
.tzui-has-color,
.tzui-has-color a,
.tzui-has-color a:hover,
.tzui-has-color .anticon-close,
.tzui-has-color .anticon-close:hover {
  color: #fff;
}
.tzui-checkable {
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
}
.tzui-checkable:not(.tzui-checkable-checked):hover {
  color: var(--color-primary);
}
.tzui-checkable:active,
.tzui-checkable-checked {
  color: #fff;
}
.tzui-checkable-checked {
  background-color: var(--color-primary);
}
.tzui-checkable:active {
  background-color: var(--color-primary-dark);
}
.tzui-hidden {
  display: none;
}
.tzui-pink {
  color: #c41d7f;
  background: #fff0f6;
  border-color: #ffadd2;
}
.tzui-pink-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.tzui-magenta {
  color: #c41d7f;
  background: #fff0f6;
  border-color: #ffadd2;
}
.tzui-magenta-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.tzui-red {
  color: #cf1322;
  background: #fff1f0;
  border-color: #ffa39e;
}
.tzui-red-inverse {
  color: #fff;
  background: #f5222d;
  border-color: #f5222d;
}
.tzui-volcano {
  color: #d4380d;
  background: #fff2e8;
  border-color: #ffbb96;
}
.tzui-volcano-inverse {
  color: #fff;
  background: #fa541c;
  border-color: #fa541c;
}
.tzui-orange {
  color: #d46b08;
  background: #fff7e6;
  border-color: #ffd591;
}
.tzui-orange-inverse {
  color: #fff;
  background: #fa8c16;
  border-color: #fa8c16;
}
.tzui-yellow {
  color: #d4b106;
  background: #feffe6;
  border-color: #fffb8f;
}
.tzui-yellow-inverse {
  color: #fff;
  background: #fadb14;
  border-color: #fadb14;
}
.tzui-gold {
  color: #d48806;
  background: #fffbe6;
  border-color: #ffe58f;
}
.tzui-gold-inverse {
  color: #fff;
  background: #faad14;
  border-color: #faad14;
}
.tzui-cyan {
  color: #08979c;
  background: #e6fffb;
  border-color: #87e8de;
}
.tzui-cyan-inverse {
  color: #fff;
  background: #13c2c2;
  border-color: #13c2c2;
}
.tzui-lime {
  color: #7cb305;
  background: #fcffe6;
  border-color: #eaff8f;
}
.tzui-lime-inverse {
  color: #fff;
  background: #a0d911;
  border-color: #a0d911;
}
.tzui-green {
  color: #389e0d;
  background: #f6ffed;
  border-color: #b7eb8f;
}
.tzui-green-inverse {
  color: #fff;
  background: #52c41a;
  border-color: #52c41a;
}
.tzui-blue {
  color: #096dd9;
  background: #e6f7ff;
  border-color: #91d5ff;
}
.tzui-blue-inverse {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff;
}
.tzui-geekblue {
  color: #1d39c4;
  background: #f0f5ff;
  border-color: #adc6ff;
}
.tzui-geekblue-inverse {
  color: #fff;
  background: #2f54eb;
  border-color: #2f54eb;
}
.tzui-purple {
  color: #531dab;
  background: #f9f0ff;
  border-color: #d3adf7;
}
.tzui-purple-inverse {
  color: #fff;
  background: #722ed1;
  border-color: #722ed1;
}
.tzui-success {
  color: var(--color-success);
  background: #e6fff4;
  border-color: #88f2cd;
}
.tzui-processing {
  color: var(--color-progress);
  background: #f0faff;
  border-color: #b0e1ff;
}
.tzui-error {
  color: var(--color-danger);
  background: #fff1f0;
  border-color: #ffc2bf;
}
.tzui-warning {
  color: var(--color-warning);
  background: #fffbf0;
  border-color: #ffe3ab;
}
.tzui > .anticon + span,
.tzui > span + .anticon {
  margin-left: 7px;
}
.tzui.tzui-rtl {
  margin-right: 0;
  margin-left: 8px;
  direction: rtl;
  text-align: right;
}
.tzui-rtl .tzui-close-icon {
  margin-right: 3px;
  margin-left: 0;
}
.tzui-rtl.tzui > .anticon + span,
.tzui-rtl.tzui > span + .anticon {
  margin-right: 7px;
  margin-left: 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-tag.tzui-tag-size-middle {
  line-height: 16px;
}
.tzui-tag.tzui-tag-size-small {
  line-height: 12px;
}
.tzui-tag-ellipsis {
  vertical-align: bottom;
}
.tzui-tag-ellipsis .tzui-tag-content {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-picker-status-error.tzui-picker,
.tzui-picker-status-error.tzui-picker:not([disabled]):hover {
  background-color: #fff;
  border-color: var(--color-danger);
}
.tzui-picker-status-error.tzui-picker-focused,
.tzui-picker-status-error.tzui-picker:focus {
  border-color: var(--color-danger-hover);
  -webkit-box-shadow: 0 0 0 0 var(--tzui-error-color-outline);
          box-shadow: 0 0 0 0 var(--tzui-error-color-outline);
  border-right-width: 1px;
  outline: 0;
}
.tzui-picker-status-error.tzui-picker .tzui-picker-active-bar {
  background: var(--color-danger-hover);
}
.tzui-picker-status-warning.tzui-picker,
.tzui-picker-status-warning.tzui-picker:not([disabled]):hover {
  background-color: #fff;
  border-color: var(--color-warning);
}
.tzui-picker-status-warning.tzui-picker-focused,
.tzui-picker-status-warning.tzui-picker:focus {
  border-color: var(--tzui-warning-color-hover);
  -webkit-box-shadow: 0 0 0 0 var(--tzui-warning-color-outline);
          box-shadow: 0 0 0 0 var(--tzui-warning-color-outline);
  border-right-width: 1px;
  outline: 0;
}
.tzui-picker-status-warning.tzui-picker .tzui-picker-active-bar {
  background: var(--tzui-warning-color-hover);
}
.tzui-picker {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  padding: 4px 11px 4px;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border: 1px solid var(--color-border-dark);
  border-radius: 4px;
  -webkit-transition: border 0.3s, -webkit-box-shadow 0.3s;
  transition: border 0.3s, -webkit-box-shadow 0.3s;
  transition: border 0.3s, box-shadow 0.3s;
  transition: border 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
}
.tzui-picker:hover,
.tzui-picker-focused {
  border-color: var(--color-primary-hover);
  border-right-width: 1px;
}
.tzui-picker-focused {
  border-color: var(--color-primary-hover);
  -webkit-box-shadow: 0 0 0 0 var(--tzui-primary-color-outline);
          box-shadow: 0 0 0 0 var(--tzui-primary-color-outline);
  border-right-width: 1px;
  outline: 0;
}
.tzui-picker.tzui-picker-disabled {
  background: #f5f5f5;
  border-color: var(--color-border-dark);
  cursor: not-allowed;
}
.tzui-picker.tzui-picker-disabled .tzui-picker-suffix {
  color: rgba(0, 0, 0, 0.25);
}
.tzui-picker.tzui-picker-borderless {
  background-color: transparent !important;
  border-color: transparent !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.tzui-picker-input {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.tzui-picker-input > input {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  min-width: 1px;
  height: auto;
  padding: 0;
  background: transparent;
  border: 0;
}
.tzui-picker-input > input::-webkit-input-placeholder {
  color: var(--color-text-light);
  -webkit-user-select: none;
          user-select: none;
}
.tzui-picker-input > input::-moz-placeholder {
  color: var(--color-text-light);
  -moz-user-select: none;
       user-select: none;
}
.tzui-picker-input > input:-ms-input-placeholder {
  color: var(--color-text-light);
  -ms-user-select: none;
      user-select: none;
}
.tzui-picker-input > input::-ms-input-placeholder {
  color: var(--color-text-light);
  -ms-user-select: none;
      user-select: none;
}
.tzui-picker-input > input::placeholder {
  color: var(--color-text-light);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tzui-picker-input > input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.tzui-picker-input > input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.tzui-picker-input > input:placeholder-shown {
  text-overflow: ellipsis;
}
.tzui-picker-input > input:hover {
  border-color: var(--color-primary-hover);
  border-right-width: 1px;
}
.tzui-picker-input > input:focus,
.tzui-picker-input > input-focused {
  border-color: var(--color-primary-hover);
  -webkit-box-shadow: 0 0 0 0 var(--tzui-primary-color-outline);
          box-shadow: 0 0 0 0 var(--tzui-primary-color-outline);
  border-right-width: 1px;
  outline: 0;
}
.tzui-picker-input > input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: var(--color-border);
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.tzui-picker-input > input-disabled:hover {
  border-color: var(--color-border);
  border-right-width: 1px;
}
.tzui-picker-input > input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: var(--color-border);
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.tzui-picker-input > input[disabled]:hover {
  border-color: var(--color-border);
  border-right-width: 1px;
}
.tzui-picker-input > input-borderless,
.tzui-picker-input > input-borderless:hover,
.tzui-picker-input > input-borderless:focus,
.tzui-picker-input > input-borderless-focused,
.tzui-picker-input > input-borderless-disabled,
.tzui-picker-input > input-borderless[disabled] {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
textarea.tzui-picker-input > input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.tzui-picker-input > input-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.tzui-picker-input > input-sm {
  padding: 0px 7px;
}
.tzui-picker-input > input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-picker-input > input[disabled] {
  background: transparent;
}
.tzui-picker-input:hover .tzui-picker-clear {
  opacity: 1;
}
.tzui-picker-input-placeholder > input {
  color: var(--color-text-light);
}
.tzui-picker-large {
  padding: 6.5px 11px 6.5px;
}
.tzui-picker-large .tzui-picker-input > input {
  font-size: 16px;
}
.tzui-picker-small {
  padding: 0px 7px 0px;
}
.tzui-picker-suffix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -ms-flex-item-align: center;
      align-self: center;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 1;
  pointer-events: none;
}
.tzui-picker-suffix > * {
  vertical-align: top;
}
.tzui-picker-suffix > *:not(:last-child) {
  margin-right: 8px;
}
.tzui-picker-clear {
  position: absolute;
  top: 50%;
  right: 0;
  color: rgba(0, 0, 0, 0.25);
  line-height: 1;
  background: #fff;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 0.3s, color 0.3s;
  transition: opacity 0.3s, color 0.3s;
}
.tzui-picker-clear > * {
  vertical-align: top;
}
.tzui-picker-clear:hover {
  color: #858e99;
}
.tzui-picker-separator {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 16px;
  vertical-align: top;
  cursor: default;
}
.tzui-picker-focused .tzui-picker-separator {
  color: #858e99;
}
.tzui-picker-disabled .tzui-picker-range-separator .tzui-picker-separator {
  cursor: not-allowed;
}
.tzui-picker-range {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.tzui-picker-range .tzui-picker-clear {
  right: 11px;
}
.tzui-picker-range:hover .tzui-picker-clear {
  opacity: 1;
}
.tzui-picker-range .tzui-picker-active-bar {
  bottom: -1px;
  height: 2px;
  margin-left: 11px;
  background: var(--color-primary);
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  pointer-events: none;
}
.tzui-picker-range.tzui-picker-focused .tzui-picker-active-bar {
  opacity: 1;
}
.tzui-picker-range-separator {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 8px;
  line-height: 1;
}
.tzui-picker-range.tzui-picker-small .tzui-picker-clear {
  right: 7px;
}
.tzui-picker-range.tzui-picker-small .tzui-picker-active-bar {
  margin-left: 7px;
}
.tzui-picker-dropdown {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
}
.tzui-picker-dropdown-hidden {
  display: none;
}
.tzui-picker-dropdown-placement-bottomLeft .tzui-picker-range-arrow {
  top: 2.7px;
  display: block;
  -webkit-transform: rotate(-135deg) translateY(1px);
          transform: rotate(-135deg) translateY(1px);
}
.tzui-picker-dropdown-placement-topLeft .tzui-picker-range-arrow {
  bottom: 2.7px;
  display: block;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.tzui-picker-dropdown.tzui-slide-up-enter.tzui-slide-up-enter-active.tzui-picker-dropdown-placement-topLeft,
.tzui-picker-dropdown.tzui-slide-up-enter.tzui-slide-up-enter-active.tzui-picker-dropdown-placement-topRight,
.tzui-picker-dropdown.tzui-slide-up-appear.tzui-slide-up-appear-active.tzui-picker-dropdown-placement-topLeft,
.tzui-picker-dropdown.tzui-slide-up-appear.tzui-slide-up-appear-active.tzui-picker-dropdown-placement-topRight {
  -webkit-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
}
.tzui-picker-dropdown.tzui-slide-up-enter.tzui-slide-up-enter-active.tzui-picker-dropdown-placement-bottomLeft,
.tzui-picker-dropdown.tzui-slide-up-enter.tzui-slide-up-enter-active.tzui-picker-dropdown-placement-bottomRight,
.tzui-picker-dropdown.tzui-slide-up-appear.tzui-slide-up-appear-active.tzui-picker-dropdown-placement-bottomLeft,
.tzui-picker-dropdown.tzui-slide-up-appear.tzui-slide-up-appear-active.tzui-picker-dropdown-placement-bottomRight {
  -webkit-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
}
.tzui-picker-dropdown.tzui-slide-up-leave.tzui-slide-up-leave-active.tzui-picker-dropdown-placement-topLeft,
.tzui-picker-dropdown.tzui-slide-up-leave.tzui-slide-up-leave-active.tzui-picker-dropdown-placement-topRight {
  -webkit-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
}
.tzui-picker-dropdown.tzui-slide-up-leave.tzui-slide-up-leave-active.tzui-picker-dropdown-placement-bottomLeft,
.tzui-picker-dropdown.tzui-slide-up-leave.tzui-slide-up-leave-active.tzui-picker-dropdown-placement-bottomRight {
  -webkit-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
}
.tzui-picker-dropdown-range {
  padding: 8px 0;
}
.tzui-picker-dropdown-range-hidden {
  display: none;
}
.tzui-picker-dropdown .tzui-picker-panel > .tzui-picker-time-panel {
  padding-top: 4px;
}
.tzui-picker-ranges {
  margin-bottom: 0;
  padding: 4px 12px;
  overflow: hidden;
  line-height: 34px;
  text-align: left;
  list-style: none;
}
.tzui-picker-ranges > li {
  display: inline-block;
}
.tzui-picker-ranges .tzui-picker-preset > .tzui-tag-blue {
  color: var(--color-primary);
  background: var(--color-primary-slight);
  border-color: var(--color-primary-light);
  cursor: pointer;
}
.tzui-picker-ranges .tzui-picker-ok {
  float: right;
  margin-left: 8px;
}
.tzui-picker-range-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tzui-picker-range-arrow {
  position: absolute;
  z-index: 1;
  display: none;
  width: 12px;
  height: 12px;
  margin-left: 16.5px;
  -webkit-box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.1);
  -webkit-transition: left 0.3s ease-out;
  transition: left 0.3s ease-out;
  border-radius: 0 0 4px;
  pointer-events: none;
}
.tzui-picker-range-arrow::before {
  position: absolute;
  top: -12px;
  left: -12px;
  width: 36px;
  height: 36px;
  background: #fff;
  background-repeat: no-repeat;
  background-position: -11px -11px;
  content: '';
  clip-path: inset(33% 33%);
  clip-path: path('M 10.535533905932738 25.464466094067262 A 5 5 0 0 1 14.071067811865476 24 L 20 24 A 4 4 0 0 0 24 20 L 24 14.071067811865476 A 5 5 0 0 1 25.464466094067262 10.535533905932738 L 24.464466094067262 10.535533905932738 L 10.535533905932738 24.464466094067262 Z');
}
.tzui-picker-panel-container {
  overflow: hidden;
  vertical-align: top;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
          box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
  -webkit-transition: margin 0.3s;
  transition: margin 0.3s;
}
.tzui-picker-panel-container .tzui-picker-panels {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  direction: ltr;
}
.tzui-picker-panel-container .tzui-picker-panel {
  vertical-align: top;
  background: transparent;
  border-width: 0 0 1px 0;
  border-radius: 0;
}
.tzui-picker-panel-container .tzui-picker-panel .tzui-picker-content,
.tzui-picker-panel-container .tzui-picker-panel table {
  text-align: center;
}
.tzui-picker-panel-container .tzui-picker-panel-focused {
  border-color: rgba(0, 0, 0, 0.06);
}
.tzui-picker-compact-item:not(.tzui-picker-compact-last-item):not(.tzui-picker-compact-item-rtl) {
  margin-right: -1px;
}
.tzui-picker-compact-item:not(.tzui-picker-compact-last-item).tzui-picker-compact-item-rtl {
  margin-left: -1px;
}
.tzui-picker-compact-item:hover,
.tzui-picker-compact-item:focus,
.tzui-picker-compact-item:active {
  z-index: 2;
}
.tzui-picker-compact-item.tzui-picker-focused {
  z-index: 2;
}
.tzui-picker-compact-item[disabled] {
  z-index: 0;
}
.tzui-picker-compact-item:not(.tzui-picker-compact-first-item):not(.tzui-picker-compact-last-item).tzui-picker {
  border-radius: 0;
}
.tzui-picker-compact-item.tzui-picker.tzui-picker-compact-first-item:not(.tzui-picker-compact-last-item):not(.tzui-picker-compact-item-rtl) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tzui-picker-compact-item.tzui-picker.tzui-picker-compact-last-item:not(.tzui-picker-compact-first-item):not(.tzui-picker-compact-item-rtl) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tzui-picker-compact-item.tzui-picker.tzui-picker-compact-item-rtl.tzui-picker-compact-first-item:not(.tzui-picker-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tzui-picker-compact-item.tzui-picker.tzui-picker-compact-item-rtl.tzui-picker-compact-last-item:not(.tzui-picker-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tzui-picker-panel {
  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;
  text-align: center;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  outline: none;
}
.tzui-picker-panel-focused {
  border-color: var(--color-primary);
}
.tzui-picker-decade-panel,
.tzui-picker-year-panel,
.tzui-picker-quarter-panel,
.tzui-picker-month-panel,
.tzui-picker-week-panel,
.tzui-picker-date-panel,
.tzui-picker-time-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 280px;
}
.tzui-picker-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.tzui-picker-header > * {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.tzui-picker-header button {
  padding: 0;
  color: rgba(0, 0, 0, 0.25);
  line-height: 40px;
  background: transparent;
  border: 0;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.tzui-picker-header > button {
  min-width: 1.6em;
  font-size: 14px;
}
.tzui-picker-header > button:hover {
  color: rgba(0, 0, 0, 0.85);
}
.tzui-picker-header-view {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  font-weight: 500;
  line-height: 40px;
}
.tzui-picker-header-view button {
  color: inherit;
  font-weight: inherit;
}
.tzui-picker-header-view button:not(:first-child) {
  margin-left: 8px;
}
.tzui-picker-header-view button:hover {
  color: var(--color-primary);
}
.tzui-picker-prev-icon,
.tzui-picker-next-icon,
.tzui-picker-super-prev-icon,
.tzui-picker-super-next-icon {
  position: relative;
  display: inline-block;
  width: 7px;
  height: 7px;
}
.tzui-picker-prev-icon::before,
.tzui-picker-next-icon::before,
.tzui-picker-super-prev-icon::before,
.tzui-picker-super-next-icon::before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 0 solid currentcolor;
  border-width: 1.5px 0 0 1.5px;
  content: '';
}
.tzui-picker-super-prev-icon::after,
.tzui-picker-super-next-icon::after {
  position: absolute;
  top: 4px;
  left: 4px;
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 0 solid currentcolor;
  border-width: 1.5px 0 0 1.5px;
  content: '';
}
.tzui-picker-prev-icon,
.tzui-picker-super-prev-icon {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.tzui-picker-next-icon,
.tzui-picker-super-next-icon {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.tzui-picker-content {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.tzui-picker-content th,
.tzui-picker-content td {
  position: relative;
  min-width: 24px;
  font-weight: 400;
}
.tzui-picker-content th {
  height: 30px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 30px;
}
.tzui-picker-cell {
  padding: 3px 0;
  color: rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.tzui-picker-cell-in-view {
  color: rgba(0, 0, 0, 0.85);
}
.tzui-picker-cell::before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 1;
  height: 24px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.tzui-picker-cell .tzui-picker-cell-inner {
  position: relative;
  z-index: 2;
  display: inline-block;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  -webkit-transition: background 0.3s, border 0.3s;
  transition: background 0.3s, border 0.3s;
}
.tzui-picker-cell:hover:not(.tzui-picker-cell-in-view) .tzui-picker-cell-inner,
.tzui-picker-cell:hover:not(.tzui-picker-cell-selected):not(.tzui-picker-cell-range-start):not(.tzui-picker-cell-range-end):not(.tzui-picker-cell-range-hover-start):not(.tzui-picker-cell-range-hover-end) .tzui-picker-cell-inner {
  background: var(--color-primary-slight);
}
.tzui-picker-cell-in-view.tzui-picker-cell-today .tzui-picker-cell-inner::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  border: 1px solid var(--color-primary);
  border-radius: 4px;
  content: '';
}
.tzui-picker-cell-in-view.tzui-picker-cell-in-range {
  position: relative;
}
.tzui-picker-cell-in-view.tzui-picker-cell-in-range::before {
  background: var(--color-primary-slight);
}
.tzui-picker-cell-in-view.tzui-picker-cell-selected .tzui-picker-cell-inner,
.tzui-picker-cell-in-view.tzui-picker-cell-range-start .tzui-picker-cell-inner,
.tzui-picker-cell-in-view.tzui-picker-cell-range-end .tzui-picker-cell-inner {
  color: #fff;
  background: var(--color-primary);
}
.tzui-picker-cell-in-view.tzui-picker-cell-range-start:not(.tzui-picker-cell-range-start-single)::before,
.tzui-picker-cell-in-view.tzui-picker-cell-range-end:not(.tzui-picker-cell-range-end-single)::before {
  background: var(--color-primary-slight);
}
.tzui-picker-cell-in-view.tzui-picker-cell-range-start::before {
  left: 50%;
}
.tzui-picker-cell-in-view.tzui-picker-cell-range-end::before {
  right: 50%;
}
.tzui-picker-cell-in-view.tzui-picker-cell-range-hover-start:not(.tzui-picker-cell-in-range):not(.tzui-picker-cell-range-start):not(.tzui-picker-cell-range-end)::after,
.tzui-picker-cell-in-view.tzui-picker-cell-range-hover-end:not(.tzui-picker-cell-in-range):not(.tzui-picker-cell-range-start):not(.tzui-picker-cell-range-end)::after,
.tzui-picker-cell-in-view.tzui-picker-cell-range-hover-start.tzui-picker-cell-range-start-single::after,
.tzui-picker-cell-in-view.tzui-picker-cell-range-hover-start.tzui-picker-cell-range-start.tzui-picker-cell-range-end.tzui-picker-cell-range-end-near-hover::after,
.tzui-picker-cell-in-view.tzui-picker-cell-range-hover-end.tzui-picker-cell-range-start.tzui-picker-cell-range-end.tzui-picker-cell-range-start-near-hover::after,
.tzui-picker-cell-in-view.tzui-picker-cell-range-hover-end.tzui-picker-cell-range-end-single::after,
.tzui-picker-cell-in-view.tzui-picker-cell-range-hover:not(.tzui-picker-cell-in-range)::after {
  position: absolute;
  top: 50%;
  z-index: 0;
  height: 24px;
  border-top: 1px dashed var(--color-primary-active);
  border-bottom: 1px dashed var(--color-primary-active);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.tzui-picker-cell-range-hover-start::after,
.tzui-picker-cell-range-hover-end::after,
.tzui-picker-cell-range-hover::after {
  right: 0;
  left: 2px;
}
.tzui-picker-cell-in-view.tzui-picker-cell-in-range.tzui-picker-cell-range-hover::before,
.tzui-picker-cell-in-view.tzui-picker-cell-range-start.tzui-picker-cell-range-hover::before,
.tzui-picker-cell-in-view.tzui-picker-cell-range-end.tzui-picker-cell-range-hover::before,
.tzui-picker-cell-in-view.tzui-picker-cell-range-start:not(.tzui-picker-cell-range-start-single).tzui-picker-cell-range-hover-start::before,
.tzui-picker-cell-in-view.tzui-picker-cell-range-end:not(.tzui-picker-cell-range-end-single).tzui-picker-cell-range-hover-end::before,
.tzui-picker-panel > :not(.tzui-picker-date-panel) .tzui-picker-cell-in-view.tzui-picker-cell-in-range.tzui-picker-cell-range-hover-start::before,
.tzui-picker-panel > :not(.tzui-picker-date-panel) .tzui-picker-cell-in-view.tzui-picker-cell-in-range.tzui-picker-cell-range-hover-end::before {
  background: var(--color-primary-slight);
}
.tzui-picker-cell-in-view.tzui-picker-cell-range-start:not(.tzui-picker-cell-range-start-single):not(.tzui-picker-cell-range-end) .tzui-picker-cell-inner {
  border-radius: 4px 0 0 4px;
}
.tzui-picker-cell-in-view.tzui-picker-cell-range-end:not(.tzui-picker-cell-range-end-single):not(.tzui-picker-cell-range-start) .tzui-picker-cell-inner {
  border-radius: 0 4px 4px 0;
}
.tzui-picker-date-panel .tzui-picker-cell-in-view.tzui-picker-cell-in-range.tzui-picker-cell-range-hover-start .tzui-picker-cell-inner::after,
.tzui-picker-date-panel .tzui-picker-cell-in-view.tzui-picker-cell-in-range.tzui-picker-cell-range-hover-end .tzui-picker-cell-inner::after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
  background: var(--color-primary-slight);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}
.tzui-picker-date-panel .tzui-picker-cell-in-view.tzui-picker-cell-in-range.tzui-picker-cell-range-hover-start .tzui-picker-cell-inner::after {
  right: -6px;
  left: 0;
}
.tzui-picker-date-panel .tzui-picker-cell-in-view.tzui-picker-cell-in-range.tzui-picker-cell-range-hover-end .tzui-picker-cell-inner::after {
  right: 0;
  left: -6px;
}
.tzui-picker-cell-range-hover.tzui-picker-cell-range-start::after {
  right: 50%;
}
.tzui-picker-cell-range-hover.tzui-picker-cell-range-end::after {
  left: 50%;
}
tr > .tzui-picker-cell-in-view.tzui-picker-cell-range-hover:first-child::after,
tr > .tzui-picker-cell-in-view.tzui-picker-cell-range-hover-end:first-child::after,
.tzui-picker-cell-in-view.tzui-picker-cell-start.tzui-picker-cell-range-hover-edge-start.tzui-picker-cell-range-hover-edge-start-near-range::after,
.tzui-picker-cell-in-view.tzui-picker-cell-range-hover-edge-start:not(.tzui-picker-cell-range-hover-edge-start-near-range)::after,
.tzui-picker-cell-in-view.tzui-picker-cell-range-hover-start::after {
  left: 6px;
  border-left: 1px dashed var(--color-primary-active);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
tr > .tzui-picker-cell-in-view.tzui-picker-cell-range-hover:last-child::after,
tr > .tzui-picker-cell-in-view.tzui-picker-cell-range-hover-start:last-child::after,
.tzui-picker-cell-in-view.tzui-picker-cell-end.tzui-picker-cell-range-hover-edge-end.tzui-picker-cell-range-hover-edge-end-near-range::after,
.tzui-picker-cell-in-view.tzui-picker-cell-range-hover-edge-end:not(.tzui-picker-cell-range-hover-edge-end-near-range)::after,
.tzui-picker-cell-in-view.tzui-picker-cell-range-hover-end::after {
  right: 6px;
  border-right: 1px dashed var(--color-primary-active);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tzui-picker-cell-disabled {
  color: rgba(0, 0, 0, 0.25);
  pointer-events: none;
}
.tzui-picker-cell-disabled .tzui-picker-cell-inner {
  background: transparent;
}
.tzui-picker-cell-disabled::before {
  background: rgba(0, 0, 0, 0.04);
}
.tzui-picker-cell-disabled.tzui-picker-cell-today .tzui-picker-cell-inner::before {
  border-color: rgba(0, 0, 0, 0.25);
}
.tzui-picker-decade-panel .tzui-picker-content,
.tzui-picker-year-panel .tzui-picker-content,
.tzui-picker-quarter-panel .tzui-picker-content,
.tzui-picker-month-panel .tzui-picker-content {
  height: 264px;
}
.tzui-picker-decade-panel .tzui-picker-cell-inner,
.tzui-picker-year-panel .tzui-picker-cell-inner,
.tzui-picker-quarter-panel .tzui-picker-cell-inner,
.tzui-picker-month-panel .tzui-picker-cell-inner {
  padding: 0 8px;
}
.tzui-picker-quarter-panel .tzui-picker-content {
  height: 56px;
}
.tzui-picker-footer {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  min-width: 100%;
  line-height: 38px;
  text-align: center;
  border-bottom: 1px solid transparent;
}
.tzui-picker-panel .tzui-picker-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.tzui-picker-footer-extra {
  padding: 0 12px;
  line-height: 38px;
  text-align: left;
}
.tzui-picker-footer-extra:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.tzui-picker-now {
  text-align: left;
}
.tzui-picker-today-btn {
  color: var(--color-primary);
}
.tzui-picker-today-btn:hover {
  color: var(--color-primary-hover);
}
.tzui-picker-today-btn:active {
  color: var(--color-primary-dark);
}
.tzui-picker-today-btn.tzui-picker-today-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.tzui-picker-decade-panel .tzui-picker-cell-inner {
  padding: 0 4px;
}
.tzui-picker-decade-panel .tzui-picker-cell::before {
  display: none;
}
.tzui-picker-year-panel .tzui-picker-body,
.tzui-picker-quarter-panel .tzui-picker-body,
.tzui-picker-month-panel .tzui-picker-body {
  padding: 0 8px;
}
.tzui-picker-year-panel .tzui-picker-cell-inner,
.tzui-picker-quarter-panel .tzui-picker-cell-inner,
.tzui-picker-month-panel .tzui-picker-cell-inner {
  width: 60px;
}
.tzui-picker-year-panel .tzui-picker-cell-range-hover-start::after,
.tzui-picker-quarter-panel .tzui-picker-cell-range-hover-start::after,
.tzui-picker-month-panel .tzui-picker-cell-range-hover-start::after {
  left: 14px;
  border-left: 1px dashed var(--color-primary-active);
  border-radius: 4px 0 0 4px;
}
.tzui-picker-panel-rtl .tzui-picker-year-panel .tzui-picker-cell-range-hover-start::after,
.tzui-picker-panel-rtl .tzui-picker-quarter-panel .tzui-picker-cell-range-hover-start::after,
.tzui-picker-panel-rtl .tzui-picker-month-panel .tzui-picker-cell-range-hover-start::after {
  right: 14px;
  border-right: 1px dashed var(--color-primary-active);
  border-radius: 0 4px 4px 0;
}
.tzui-picker-year-panel .tzui-picker-cell-range-hover-end::after,
.tzui-picker-quarter-panel .tzui-picker-cell-range-hover-end::after,
.tzui-picker-month-panel .tzui-picker-cell-range-hover-end::after {
  right: 14px;
  border-right: 1px dashed var(--color-primary-active);
  border-radius: 0 4px 4px 0;
}
.tzui-picker-panel-rtl .tzui-picker-year-panel .tzui-picker-cell-range-hover-end::after,
.tzui-picker-panel-rtl .tzui-picker-quarter-panel .tzui-picker-cell-range-hover-end::after,
.tzui-picker-panel-rtl .tzui-picker-month-panel .tzui-picker-cell-range-hover-end::after {
  left: 14px;
  border-left: 1px dashed var(--color-primary-active);
  border-radius: 4px 0 0 4px;
}
.tzui-picker-week-panel .tzui-picker-body {
  padding: 8px 12px;
}
.tzui-picker-week-panel .tzui-picker-cell:hover .tzui-picker-cell-inner,
.tzui-picker-week-panel .tzui-picker-cell-selected .tzui-picker-cell-inner,
.tzui-picker-week-panel .tzui-picker-cell .tzui-picker-cell-inner {
  background: transparent !important;
}
.tzui-picker-week-panel-row td {
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.tzui-picker-week-panel-row:hover td {
  background: var(--color-primary-slight);
}
.tzui-picker-week-panel-row-selected td,
.tzui-picker-week-panel-row-selected:hover td {
  background: var(--color-primary);
}
.tzui-picker-week-panel-row-selected td.tzui-picker-cell-week,
.tzui-picker-week-panel-row-selected:hover td.tzui-picker-cell-week {
  color: rgba(255, 255, 255, 0.5);
}
.tzui-picker-week-panel-row-selected td.tzui-picker-cell-today .tzui-picker-cell-inner::before,
.tzui-picker-week-panel-row-selected:hover td.tzui-picker-cell-today .tzui-picker-cell-inner::before {
  border-color: #fff;
}
.tzui-picker-week-panel-row-selected td .tzui-picker-cell-inner,
.tzui-picker-week-panel-row-selected:hover td .tzui-picker-cell-inner {
  color: #fff;
}
.tzui-picker-date-panel .tzui-picker-body {
  padding: 8px 12px;
}
.tzui-picker-date-panel .tzui-picker-content {
  width: 252px;
}
.tzui-picker-date-panel .tzui-picker-content th {
  width: 36px;
}
.tzui-picker-datetime-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tzui-picker-datetime-panel .tzui-picker-time-panel {
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.tzui-picker-datetime-panel .tzui-picker-date-panel,
.tzui-picker-datetime-panel .tzui-picker-time-panel {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.tzui-picker-datetime-panel-active .tzui-picker-date-panel,
.tzui-picker-datetime-panel-active .tzui-picker-time-panel {
  opacity: 0.3;
}
.tzui-picker-datetime-panel-active .tzui-picker-date-panel-active,
.tzui-picker-datetime-panel-active .tzui-picker-time-panel-active {
  opacity: 1;
}
.tzui-picker-time-panel {
  width: auto;
  min-width: auto;
}
.tzui-picker-time-panel .tzui-picker-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  height: 224px;
}
.tzui-picker-time-panel-column {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: 56px;
  margin: 0;
  padding: 0;
  overflow-y: hidden;
  text-align: left;
  list-style: none;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.tzui-picker-time-panel-column::after {
  display: block;
  height: 196px;
  content: '';
}
.tzui-picker-datetime-panel .tzui-picker-time-panel-column::after {
  height: 198px;
}
.tzui-picker-time-panel-column:not(:first-child) {
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.tzui-picker-time-panel-column-active {
  background: var(--tzui-primary-color-active-deprecated-f-30);
}
.tzui-picker-time-panel-column:hover {
  overflow-y: auto;
}
.tzui-picker-time-panel-column > li {
  margin: 0;
  padding: 0;
}
.tzui-picker-time-panel-column > li.tzui-picker-time-panel-cell .tzui-picker-time-panel-cell-inner {
  display: block;
  width: 100%;
  height: 28px;
  margin: 0;
  padding: 0 0 0 14px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 28px;
  border-radius: 0;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.tzui-picker-time-panel-column > li.tzui-picker-time-panel-cell .tzui-picker-time-panel-cell-inner:hover {
  background: var(--color-bg);
}
.tzui-picker-time-panel-column > li.tzui-picker-time-panel-cell-selected .tzui-picker-time-panel-cell-inner {
  background: none;
}
.tzui-picker-time-panel-column > li.tzui-picker-time-panel-cell-disabled .tzui-picker-time-panel-cell-inner {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  cursor: not-allowed;
}
/* stylelint-disable selector-type-no-unknown,selector-no-vendor-prefix */
_:-ms-fullscreen .tzui-picker-range-wrapper .tzui-picker-month-panel .tzui-picker-cell,
:root .tzui-picker-range-wrapper .tzui-picker-month-panel .tzui-picker-cell,
_:-ms-fullscreen .tzui-picker-range-wrapper .tzui-picker-year-panel .tzui-picker-cell,
:root .tzui-picker-range-wrapper .tzui-picker-year-panel .tzui-picker-cell {
  padding: 21px 0;
}
.tzui-picker-rtl {
  direction: rtl;
}
.tzui-picker-rtl .tzui-picker-suffix {
  margin-right: 4px;
  margin-left: 0;
}
.tzui-picker-rtl .tzui-picker-clear {
  right: auto;
  left: 0;
}
.tzui-picker-rtl .tzui-picker-separator {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.tzui-picker-panel-rtl .tzui-picker-header-view button:not(:first-child) {
  margin-right: 8px;
  margin-left: 0;
}
.tzui-picker-rtl.tzui-picker-range .tzui-picker-clear {
  right: auto;
  left: 11px;
}
.tzui-picker-rtl.tzui-picker-range .tzui-picker-active-bar {
  margin-right: 11px;
  margin-left: 0;
}
.tzui-picker-rtl.tzui-picker-range.tzui-picker-small .tzui-picker-active-bar {
  margin-right: 7px;
}
.tzui-picker-dropdown-rtl .tzui-picker-ranges {
  text-align: right;
}
.tzui-picker-dropdown-rtl .tzui-picker-ranges .tzui-picker-ok {
  float: left;
  margin-right: 8px;
  margin-left: 0;
}
.tzui-picker-panel-rtl {
  direction: rtl;
}
.tzui-picker-panel-rtl .tzui-picker-prev-icon,
.tzui-picker-panel-rtl .tzui-picker-super-prev-icon {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.tzui-picker-panel-rtl .tzui-picker-next-icon,
.tzui-picker-panel-rtl .tzui-picker-super-next-icon {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.tzui-picker-cell .tzui-picker-cell-inner {
  position: relative;
  z-index: 2;
  display: inline-block;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  -webkit-transition: background 0.3s, border 0.3s;
  transition: background 0.3s, border 0.3s;
}
.tzui-picker-panel-rtl .tzui-picker-cell-in-view.tzui-picker-cell-range-start::before {
  right: 50%;
  left: 0;
}
.tzui-picker-panel-rtl .tzui-picker-cell-in-view.tzui-picker-cell-range-end::before {
  right: 0;
  left: 50%;
}
.tzui-picker-panel-rtl .tzui-picker-cell-in-view.tzui-picker-cell-range-start.tzui-picker-cell-range-end::before {
  right: 50%;
  left: 50%;
}
.tzui-picker-panel-rtl .tzui-picker-date-panel .tzui-picker-cell-in-view.tzui-picker-cell-in-range.tzui-picker-cell-range-hover-start .tzui-picker-cell-inner::after {
  right: 0;
  left: -6px;
}
.tzui-picker-panel-rtl .tzui-picker-date-panel .tzui-picker-cell-in-view.tzui-picker-cell-in-range.tzui-picker-cell-range-hover-end .tzui-picker-cell-inner::after {
  right: -6px;
  left: 0;
}
.tzui-picker-panel-rtl .tzui-picker-cell-range-hover.tzui-picker-cell-range-start::after {
  right: 0;
  left: 50%;
}
.tzui-picker-panel-rtl .tzui-picker-cell-range-hover.tzui-picker-cell-range-end::after {
  right: 50%;
  left: 0;
}
.tzui-picker-panel-rtl .tzui-picker-cell-in-view.tzui-picker-cell-range-start:not(.tzui-picker-cell-range-start-single):not(.tzui-picker-cell-range-end) .tzui-picker-cell-inner {
  border-radius: 0 4px 4px 0;
}
.tzui-picker-panel-rtl .tzui-picker-cell-in-view.tzui-picker-cell-range-end:not(.tzui-picker-cell-range-end-single):not(.tzui-picker-cell-range-start) .tzui-picker-cell-inner {
  border-radius: 4px 0 0 4px;
}
.tzui-picker-panel-rtl tr > .tzui-picker-cell-in-view.tzui-picker-cell-range-hover:not(.tzui-picker-cell-selected):first-child::after,
.tzui-picker-panel-rtl .tzui-picker-cell-in-view.tzui-picker-cell-start.tzui-picker-cell-range-hover-edge-start.tzui-picker-cell-range-hover-edge-start-near-range::after,
.tzui-picker-panel-rtl .tzui-picker-cell-in-view.tzui-picker-cell-range-hover-edge-start:not(.tzui-picker-cell-range-hover-edge-start-near-range)::after,
.tzui-picker-panel-rtl .tzui-picker-cell-in-view.tzui-picker-cell-range-hover-start::after {
  right: 6px;
  left: 0;
  border-right: 1px dashed var(--color-primary-active);
  border-left: none;
  border-radius: 0 4px 4px 0;
}
.tzui-picker-panel-rtl tr > .tzui-picker-cell-in-view.tzui-picker-cell-range-hover:not(.tzui-picker-cell-selected):last-child::after,
.tzui-picker-panel-rtl .tzui-picker-cell-in-view.tzui-picker-cell-end.tzui-picker-cell-range-hover-edge-end.tzui-picker-cell-range-hover-edge-end-near-range::after,
.tzui-picker-panel-rtl .tzui-picker-cell-in-view.tzui-picker-cell-range-hover-edge-end:not(.tzui-picker-cell-range-hover-edge-end-near-range)::after,
.tzui-picker-panel-rtl .tzui-picker-cell-in-view.tzui-picker-cell-range-hover-end::after {
  right: 0;
  left: 6px;
  border-right: none;
  border-left: 1px dashed var(--color-primary-active);
  border-radius: 4px 0 0 4px;
}
.tzui-picker-panel-rtl tr > .tzui-picker-cell-in-view.tzui-picker-cell-range-hover-start:last-child::after,
.tzui-picker-panel-rtl tr > .tzui-picker-cell-in-view.tzui-picker-cell-range-hover-end:first-child::after,
.tzui-picker-panel-rtl .tzui-picker-cell-in-view.tzui-picker-cell-start.tzui-picker-cell-range-hover-edge-start:not(.tzui-picker-cell-range-hover)::after,
.tzui-picker-panel-rtl .tzui-picker-cell-in-view.tzui-picker-cell-start.tzui-picker-cell-range-hover-end.tzui-picker-cell-range-hover-edge-start:not(.tzui-picker-cell-range-hover)::after,
.tzui-picker-panel-rtl .tzui-picker-cell-in-view.tzui-picker-cell-end.tzui-picker-cell-range-hover-start.tzui-picker-cell-range-hover-edge-end:not(.tzui-picker-cell-range-hover)::after,
.tzui-picker-panel-rtl tr > .tzui-picker-cell-in-view.tzui-picker-cell-start.tzui-picker-cell-range-hover.tzui-picker-cell-range-hover-edge-start:last-child::after,
.tzui-picker-panel-rtl tr > .tzui-picker-cell-in-view.tzui-picker-cell-end.tzui-picker-cell-range-hover.tzui-picker-cell-range-hover-edge-end:first-child::after {
  right: 6px;
  left: 6px;
  border-right: 1px dashed var(--color-primary-active);
  border-left: 1px dashed var(--color-primary-active);
  border-radius: 4px;
}
.tzui-picker-dropdown-rtl .tzui-picker-footer-extra {
  direction: rtl;
  text-align: right;
}
.tzui-picker-panel-rtl .tzui-picker-time-panel {
  direction: ltr;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-datepicker-smedium {
  padding: 2px 7px 2px;
}
.tzui-datepicker-medium {
  padding: 6px 11px 6px;
}
.tzui-range-smedium {
  padding: 2px 7px 2px;
}
.tzui-range-medium {
  padding: 6px 11px 6px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-spin {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  display: none;
  color: var(--color-primary);
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.tzui-spin-spinning {
  position: static;
  display: inline-block;
  opacity: 1;
}
.tzui-spin-nested-loading {
  position: relative;
}
.tzui-spin-nested-loading > div > .tzui-spin {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 400px;
}
.tzui-spin-nested-loading > div > .tzui-spin .tzui-spin-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px;
}
.tzui-spin-nested-loading > div > .tzui-spin .tzui-spin-text {
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 5px;
  text-shadow: 0 1px 2px #fff;
}
.tzui-spin-nested-loading > div > .tzui-spin.tzui-spin-show-text .tzui-spin-dot {
  margin-top: -20px;
}
.tzui-spin-nested-loading > div > .tzui-spin-sm .tzui-spin-dot {
  margin: -7px;
}
.tzui-spin-nested-loading > div > .tzui-spin-sm .tzui-spin-text {
  padding-top: 2px;
}
.tzui-spin-nested-loading > div > .tzui-spin-sm.tzui-spin-show-text .tzui-spin-dot {
  margin-top: -17px;
}
.tzui-spin-nested-loading > div > .tzui-spin-lg .tzui-spin-dot {
  margin: -16px;
}
.tzui-spin-nested-loading > div > .tzui-spin-lg .tzui-spin-text {
  padding-top: 11px;
}
.tzui-spin-nested-loading > div > .tzui-spin-lg.tzui-spin-show-text .tzui-spin-dot {
  margin-top: -26px;
}
.tzui-spin-container {
  position: relative;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.tzui-spin-container::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none \9;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
  pointer-events: none;
}
.tzui-spin-blur {
  clear: both;
  opacity: 0.5;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.tzui-spin-blur::after {
  opacity: 0.4;
  pointer-events: auto;
}
.tzui-spin-tip {
  color: #858e99;
}
.tzui-spin-dot {
  position: relative;
  display: inline-block;
  font-size: 20px;
  width: 1em;
  height: 1em;
}
.tzui-spin-dot-item {
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  background-color: var(--color-primary);
  border-radius: 100%;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  opacity: 0.3;
  -webkit-animation: antSpinMove 1s infinite linear alternate;
          animation: antSpinMove 1s infinite linear alternate;
}
.tzui-spin-dot-item:nth-child(1) {
  top: 0;
  left: 0;
}
.tzui-spin-dot-item:nth-child(2) {
  top: 0;
  right: 0;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.tzui-spin-dot-item:nth-child(3) {
  right: 0;
  bottom: 0;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.tzui-spin-dot-item:nth-child(4) {
  bottom: 0;
  left: 0;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.tzui-spin-dot-spin {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-animation: antRotate 1.2s infinite linear;
          animation: antRotate 1.2s infinite linear;
}
.tzui-spin-sm .tzui-spin-dot {
  font-size: 14px;
}
.tzui-spin-sm .tzui-spin-dot i {
  width: 6px;
  height: 6px;
}
.tzui-spin-lg .tzui-spin-dot {
  font-size: 32px;
}
.tzui-spin-lg .tzui-spin-dot i {
  width: 14px;
  height: 14px;
}
.tzui-spin.tzui-spin-show-text .tzui-spin-text {
  display: block;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ */
  .tzui-spin-blur {
    background: #fff;
    opacity: 0.5;
  }
}
@-webkit-keyframes antSpinMove {
  to {
    opacity: 1;
  }
}
@keyframes antSpinMove {
  to {
    opacity: 1;
  }
}
@-webkit-keyframes antRotate {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes antRotate {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.tzui-spin-rtl {
  direction: rtl;
}
.tzui-spin-rtl .tzui-spin-dot-spin {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-animation-name: antRotateRtl;
          animation-name: antRotateRtl;
}
@-webkit-keyframes antRotateRtl {
  to {
    -webkit-transform: rotate(-405deg);
            transform: rotate(-405deg);
  }
}
@keyframes antRotateRtl {
  to {
    -webkit-transform: rotate(-405deg);
            transform: rotate(-405deg);
  }
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-pagination {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
.tzui-pagination ul,
.tzui-pagination ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tzui-pagination::after {
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ' ';
}
.tzui-pagination-total-text {
  display: inline-block;
  height: 32px;
  margin-right: 8px;
  line-height: 30px;
  vertical-align: middle;
}
.tzui-pagination-item {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  margin-right: 8px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  background-color: #fff;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tzui-pagination-item a {
  display: block;
  padding: 0 6px;
  color: rgba(0, 0, 0, 0.85);
  -webkit-transition: none;
  transition: none;
}
.tzui-pagination-item a:hover {
  text-decoration: none;
}
.tzui-pagination-item:hover {
  border-color: var(--color-primary);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-pagination-item:hover a {
  color: var(--color-primary);
}
.tzui-pagination-item:focus-visible {
  border-color: var(--color-primary);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-pagination-item:focus-visible a {
  color: var(--color-primary);
}
.tzui-pagination-item-active {
  font-weight: 500;
  background: var(--color-primary);
  border-color: var(--color-primary);
}
.tzui-pagination-item-active a {
  color: var(--color-primary);
}
.tzui-pagination-item-active:hover {
  border-color: var(--color-primary-hover);
}
.tzui-pagination-item-active:focus-visible {
  border-color: var(--color-primary-hover);
}
.tzui-pagination-item-active:hover a {
  color: var(--color-primary-hover);
}
.tzui-pagination-item-active:focus-visible a {
  color: var(--color-primary-hover);
}
.tzui-pagination-jump-prev,
.tzui-pagination-jump-next {
  outline: 0;
}
.tzui-pagination-jump-prev .tzui-pagination-item-container,
.tzui-pagination-jump-next .tzui-pagination-item-container {
  position: relative;
}
.tzui-pagination-jump-prev .tzui-pagination-item-container .tzui-pagination-item-link-icon,
.tzui-pagination-jump-next .tzui-pagination-item-container .tzui-pagination-item-link-icon {
  color: var(--color-primary);
  font-size: 12px;
  letter-spacing: -1px;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.tzui-pagination-jump-prev .tzui-pagination-item-container .tzui-pagination-item-link-icon-svg,
.tzui-pagination-jump-next .tzui-pagination-item-container .tzui-pagination-item-link-icon-svg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.tzui-pagination-jump-prev .tzui-pagination-item-container .tzui-pagination-item-ellipsis,
.tzui-pagination-jump-next .tzui-pagination-item-container .tzui-pagination-item-ellipsis {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  color: rgba(0, 0, 0, 0.25);
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
  text-align: center;
  text-indent: 0.13em;
  opacity: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.tzui-pagination-jump-prev:hover .tzui-pagination-item-link-icon,
.tzui-pagination-jump-next:hover .tzui-pagination-item-link-icon {
  opacity: 1;
}
.tzui-pagination-jump-prev:hover .tzui-pagination-item-ellipsis,
.tzui-pagination-jump-next:hover .tzui-pagination-item-ellipsis {
  opacity: 0;
}
.tzui-pagination-jump-prev:focus-visible .tzui-pagination-item-link-icon,
.tzui-pagination-jump-next:focus-visible .tzui-pagination-item-link-icon {
  opacity: 1;
}
.tzui-pagination-jump-prev:focus-visible .tzui-pagination-item-ellipsis,
.tzui-pagination-jump-next:focus-visible .tzui-pagination-item-ellipsis {
  opacity: 0;
}
.tzui-pagination-prev,
.tzui-pagination-jump-prev,
.tzui-pagination-jump-next {
  margin-right: 8px;
}
.tzui-pagination-prev,
.tzui-pagination-next,
.tzui-pagination-jump-prev,
.tzui-pagination-jump-next {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  color: rgba(0, 0, 0, 0.85);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-pagination-prev,
.tzui-pagination-next {
  font-family: Arial, Helvetica, sans-serif;
  outline: 0;
}
.tzui-pagination-prev button,
.tzui-pagination-next button {
  color: rgba(0, 0, 0, 0.85);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tzui-pagination-prev:hover button,
.tzui-pagination-next:hover button {
  border-color: var(--color-primary-hover);
}
.tzui-pagination-prev .tzui-pagination-item-link,
.tzui-pagination-next .tzui-pagination-item-link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  outline: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-pagination-prev:focus-visible .tzui-pagination-item-link,
.tzui-pagination-next:focus-visible .tzui-pagination-item-link {
  color: var(--color-primary);
  border-color: var(--color-primary);
}
.tzui-pagination-prev:hover .tzui-pagination-item-link,
.tzui-pagination-next:hover .tzui-pagination-item-link {
  color: var(--color-primary);
  border-color: var(--color-primary);
}
.tzui-pagination-disabled,
.tzui-pagination-disabled:hover {
  cursor: not-allowed;
}
.tzui-pagination-disabled .tzui-pagination-item-link,
.tzui-pagination-disabled:hover .tzui-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  border-color: var(--color-border);
  cursor: not-allowed;
}
.tzui-pagination-disabled:focus-visible {
  cursor: not-allowed;
}
.tzui-pagination-disabled:focus-visible .tzui-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  border-color: var(--color-border);
  cursor: not-allowed;
}
.tzui-pagination-slash {
  margin: 0 10px 0 5px;
}
.tzui-pagination-options {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
}
@media all and (-ms-high-contrast: none) {
  .tzui-pagination-options *::-ms-backdrop,
  .tzui-pagination-options {
    vertical-align: top;
  }
}
.tzui-pagination-options-size-changer.tzui-select {
  display: inline-block;
  width: auto;
}
.tzui-pagination-options-quick-jumper {
  display: inline-block;
  height: 32px;
  margin-left: 8px;
  line-height: 32px;
  vertical-align: top;
}
.tzui-pagination-options-quick-jumper input {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 50px;
  height: 32px;
  margin: 0 8px;
}
.tzui-pagination-options-quick-jumper input::-webkit-input-placeholder {
  color: var(--color-text-light);
  -webkit-user-select: none;
          user-select: none;
}
.tzui-pagination-options-quick-jumper input::-moz-placeholder {
  color: var(--color-text-light);
  -moz-user-select: none;
       user-select: none;
}
.tzui-pagination-options-quick-jumper input:-ms-input-placeholder {
  color: var(--color-text-light);
  -ms-user-select: none;
      user-select: none;
}
.tzui-pagination-options-quick-jumper input::-ms-input-placeholder {
  color: var(--color-text-light);
  -ms-user-select: none;
      user-select: none;
}
.tzui-pagination-options-quick-jumper input::placeholder {
  color: var(--color-text-light);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tzui-pagination-options-quick-jumper input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.tzui-pagination-options-quick-jumper input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.tzui-pagination-options-quick-jumper input:placeholder-shown {
  text-overflow: ellipsis;
}
.tzui-pagination-options-quick-jumper input:hover {
  border-color: var(--color-primary-hover);
  border-right-width: 1px;
}
.tzui-pagination-options-quick-jumper input:focus,
.tzui-pagination-options-quick-jumper input-focused {
  border-color: var(--color-primary-hover);
  -webkit-box-shadow: 0 0 0 0 var(--tzui-primary-color-outline);
          box-shadow: 0 0 0 0 var(--tzui-primary-color-outline);
  border-right-width: 1px;
  outline: 0;
}
.tzui-pagination-options-quick-jumper input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: var(--color-border);
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.tzui-pagination-options-quick-jumper input-disabled:hover {
  border-color: var(--color-border);
  border-right-width: 1px;
}
.tzui-pagination-options-quick-jumper input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: var(--color-border);
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.tzui-pagination-options-quick-jumper input[disabled]:hover {
  border-color: var(--color-border);
  border-right-width: 1px;
}
.tzui-pagination-options-quick-jumper input-borderless,
.tzui-pagination-options-quick-jumper input-borderless:hover,
.tzui-pagination-options-quick-jumper input-borderless:focus,
.tzui-pagination-options-quick-jumper input-borderless-focused,
.tzui-pagination-options-quick-jumper input-borderless-disabled,
.tzui-pagination-options-quick-jumper input-borderless[disabled] {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
textarea.tzui-pagination-options-quick-jumper input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.tzui-pagination-options-quick-jumper input-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.tzui-pagination-options-quick-jumper input-sm {
  padding: 0px 7px;
}
.tzui-pagination-simple .tzui-pagination-prev,
.tzui-pagination-simple .tzui-pagination-next {
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.tzui-pagination-simple .tzui-pagination-prev .tzui-pagination-item-link,
.tzui-pagination-simple .tzui-pagination-next .tzui-pagination-item-link {
  height: 24px;
  background-color: transparent;
  border: 0;
}
.tzui-pagination-simple .tzui-pagination-prev .tzui-pagination-item-link::after,
.tzui-pagination-simple .tzui-pagination-next .tzui-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.tzui-pagination-simple .tzui-pagination-simple-pager {
  display: inline-block;
  height: 24px;
  margin-right: 8px;
}
.tzui-pagination-simple .tzui-pagination-simple-pager input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  margin-right: 8px;
  padding: 0 6px;
  text-align: center;
  background-color: #fff;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  outline: none;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.tzui-pagination-simple .tzui-pagination-simple-pager input:hover {
  border-color: var(--color-primary);
}
.tzui-pagination-simple .tzui-pagination-simple-pager input:focus {
  border-color: var(--color-primary-hover);
  -webkit-box-shadow: 0 0 0 0 var(--tzui-primary-color-outline);
          box-shadow: 0 0 0 0 var(--tzui-primary-color-outline);
}
.tzui-pagination-simple .tzui-pagination-simple-pager input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: var(--color-border);
  cursor: not-allowed;
}
.tzui-pagination.tzui-pagination-mini .tzui-pagination-total-text,
.tzui-pagination.tzui-pagination-mini .tzui-pagination-simple-pager {
  height: 24px;
  line-height: 24px;
}
.tzui-pagination.tzui-pagination-mini .tzui-pagination-item {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
}
.tzui-pagination.tzui-pagination-mini .tzui-pagination-item:not(.tzui-pagination-item-active) {
  background: transparent;
  border-color: transparent;
}
.tzui-pagination.tzui-pagination-mini .tzui-pagination-prev,
.tzui-pagination.tzui-pagination-mini .tzui-pagination-next {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
}
.tzui-pagination.tzui-pagination-mini .tzui-pagination-prev .tzui-pagination-item-link,
.tzui-pagination.tzui-pagination-mini .tzui-pagination-next .tzui-pagination-item-link {
  background: transparent;
  border-color: transparent;
}
.tzui-pagination.tzui-pagination-mini .tzui-pagination-prev .tzui-pagination-item-link::after,
.tzui-pagination.tzui-pagination-mini .tzui-pagination-next .tzui-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.tzui-pagination.tzui-pagination-mini .tzui-pagination-jump-prev,
.tzui-pagination.tzui-pagination-mini .tzui-pagination-jump-next {
  height: 24px;
  margin-right: 0;
  line-height: 24px;
}
.tzui-pagination.tzui-pagination-mini .tzui-pagination-options {
  margin-left: 2px;
}
.tzui-pagination.tzui-pagination-mini .tzui-pagination-options-size-changer {
  top: 0px;
}
.tzui-pagination.tzui-pagination-mini .tzui-pagination-options-quick-jumper {
  height: 24px;
  line-height: 24px;
}
.tzui-pagination.tzui-pagination-mini .tzui-pagination-options-quick-jumper input {
  padding: 0px 7px;
  width: 44px;
  height: 24px;
}
.tzui-pagination.tzui-pagination-disabled {
  cursor: not-allowed;
}
.tzui-pagination.tzui-pagination-disabled .tzui-pagination-item {
  background: #f5f5f5;
  border-color: var(--color-border);
  cursor: not-allowed;
}
.tzui-pagination.tzui-pagination-disabled .tzui-pagination-item a {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border: none;
  cursor: not-allowed;
}
.tzui-pagination.tzui-pagination-disabled .tzui-pagination-item-active {
  background: #e6e6e6;
}
.tzui-pagination.tzui-pagination-disabled .tzui-pagination-item-active a {
  color: rgba(0, 0, 0, 0.25);
}
.tzui-pagination.tzui-pagination-disabled .tzui-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: var(--color-border);
  cursor: not-allowed;
}
.tzui-pagination-simple.tzui-pagination.tzui-pagination-disabled .tzui-pagination-item-link {
  background: transparent;
}
.tzui-pagination.tzui-pagination-disabled .tzui-pagination-item-link-icon {
  opacity: 0;
}
.tzui-pagination.tzui-pagination-disabled .tzui-pagination-item-ellipsis {
  opacity: 1;
}
.tzui-pagination.tzui-pagination-disabled .tzui-pagination-simple-pager {
  color: rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 992px) {
  .tzui-pagination-item-after-jump-prev,
  .tzui-pagination-item-before-jump-next {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .tzui-pagination-options {
    display: none;
  }
}
.tzui-pagination-rtl .tzui-pagination-total-text {
  margin-right: 0;
  margin-left: 8px;
}
.tzui-pagination-rtl .tzui-pagination-item,
.tzui-pagination-rtl .tzui-pagination-prev,
.tzui-pagination-rtl .tzui-pagination-jump-prev,
.tzui-pagination-rtl .tzui-pagination-jump-next {
  margin-right: 0;
  margin-left: 8px;
}
.tzui-pagination-rtl .tzui-pagination-slash {
  margin: 0 5px 0 10px;
}
.tzui-pagination-rtl .tzui-pagination-options {
  margin-right: 16px;
  margin-left: 0;
}
.tzui-pagination-rtl .tzui-pagination-options .tzui-pagination-options-size-changer.tzui-select {
  margin-right: 0;
  margin-left: 8px;
}
.tzui-pagination-rtl .tzui-pagination-options .tzui-pagination-options-quick-jumper {
  margin-left: 0;
}
.tzui-pagination-rtl.tzui-pagination-simple .tzui-pagination-simple-pager {
  margin-right: 0;
  margin-left: 8px;
}
.tzui-pagination-rtl.tzui-pagination-simple .tzui-pagination-simple-pager input {
  margin-right: 0;
  margin-left: 8px;
}
.tzui-pagination-rtl.tzui-pagination.mini .tzui-pagination-options {
  margin-right: 2px;
  margin-left: 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-pagination:not(.tzui-pagination-mini) .tzui-pagination-item:hover {
  color: #fff;
  background-color: var(--color-primary);
}
.tzui-pagination:not(.tzui-pagination-mini) .tzui-pagination-item:hover a {
  color: #fff;
}
.tzui-pagination-item-active:hover a {
  color: #fff;
}
.tzui-pagination-item-active a {
  color: #fff;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
@-webkit-keyframes ant-tree-node-fx-do-not-use {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ant-tree-node-fx-do-not-use {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
@keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
.tzui-select-tree-checkbox {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.tzui-select-tree-checkbox-wrapper:hover .tzui-select-tree-checkbox-inner,
.tzui-select-tree-checkbox:hover .tzui-select-tree-checkbox-inner,
.tzui-select-tree-checkbox-input:focus + .tzui-select-tree-checkbox-inner {
  border-color: var(--color-primary);
}
.tzui-select-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-primary);
  border-radius: 4px;
  visibility: hidden;
  -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
          animation: antCheckboxEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  content: '';
}
.tzui-select-tree-checkbox:hover::after,
.tzui-select-tree-checkbox-wrapper:hover .tzui-select-tree-checkbox::after {
  visibility: visible;
}
.tzui-select-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  direction: ltr;
  background-color: #fff;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  border-collapse: separate;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-select-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21.5%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
          transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.tzui-select-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.tzui-select-tree-checkbox-checked .tzui-select-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
          transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.tzui-select-tree-checkbox-checked .tzui-select-tree-checkbox-inner {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.tzui-select-tree-checkbox-disabled {
  cursor: not-allowed;
}
.tzui-select-tree-checkbox-disabled.tzui-select-tree-checkbox-checked .tzui-select-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  -webkit-animation-name: none;
          animation-name: none;
}
.tzui-select-tree-checkbox-disabled .tzui-select-tree-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}
.tzui-select-tree-checkbox-disabled .tzui-select-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: var(--color-border) !important;
}
.tzui-select-tree-checkbox-disabled .tzui-select-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  -webkit-animation-name: none;
          animation-name: none;
}
.tzui-select-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.tzui-select-tree-checkbox-disabled:hover::after,
.tzui-select-tree-checkbox-wrapper:hover .tzui-select-tree-checkbox-disabled::after {
  visibility: hidden;
}
.tzui-select-tree-checkbox-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  line-height: unset;
  cursor: pointer;
}
.tzui-select-tree-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\a0';
}
.tzui-select-tree-checkbox-wrapper.tzui-select-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.tzui-select-tree-checkbox-wrapper + .tzui-select-tree-checkbox-wrapper {
  margin-left: 8px;
}
.tzui-select-tree-checkbox-wrapper.tzui-select-tree-checkbox-wrapper-in-form-item input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
.tzui-select-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.tzui-select-tree-checkbox-group {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
}
.tzui-select-tree-checkbox-group-item {
  margin-right: 8px;
}
.tzui-select-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.tzui-select-tree-checkbox-group-item + .tzui-select-tree-checkbox-group-item {
  margin-left: 0;
}
.tzui-select-tree-checkbox-indeterminate .tzui-select-tree-checkbox-inner {
  background-color: #fff;
  border-color: var(--color-border);
}
.tzui-select-tree-checkbox-indeterminate .tzui-select-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: var(--color-primary);
  border: 0;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.tzui-select-tree-checkbox-indeterminate.tzui-select-tree-checkbox-disabled .tzui-select-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.tzui-tree-select-dropdown {
  padding: 8px 4px;
}
.tzui-tree-select-dropdown-rtl {
  direction: rtl;
}
.tzui-tree-select-dropdown .tzui-select-tree {
  border-radius: 0;
}
.tzui-tree-select-dropdown .tzui-select-tree-list-holder-inner {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.tzui-tree-select-dropdown .tzui-select-tree-list-holder-inner .tzui-select-tree-treenode .tzui-select-tree-node-content-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.tzui-select-tree {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  background: #fff;
  border-radius: 4px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.tzui-select-tree-focused:not(:hover):not(.tzui-select-tree-active-focused) {
  background: var(--color-primary-slight);
}
.tzui-select-tree-list-holder-inner {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.tzui-select-tree.tzui-select-tree-block-node .tzui-select-tree-list-holder-inner {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.tzui-select-tree.tzui-select-tree-block-node .tzui-select-tree-list-holder-inner .tzui-select-tree-node-content-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.tzui-select-tree.tzui-select-tree-block-node .tzui-select-tree-list-holder-inner .tzui-select-tree-treenode.dragging {
  position: relative;
}
.tzui-select-tree.tzui-select-tree-block-node .tzui-select-tree-list-holder-inner .tzui-select-tree-treenode.dragging::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  left: 0;
  border: 1px solid var(--color-primary);
  opacity: 0;
  -webkit-animation: ant-tree-node-fx-do-not-use 0.3s;
          animation: ant-tree-node-fx-do-not-use 0.3s;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
.tzui-select-tree .tzui-select-tree-treenode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0 0 4px 0;
  outline: none;
}
.tzui-select-tree .tzui-select-tree-treenode-disabled .tzui-select-tree-node-content-wrapper {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.tzui-select-tree .tzui-select-tree-treenode-disabled .tzui-select-tree-node-content-wrapper:hover {
  background: transparent;
}
.tzui-select-tree .tzui-select-tree-treenode-active .tzui-select-tree-node-content-wrapper {
  background: var(--color-bg);
}
.tzui-select-tree .tzui-select-tree-treenode:not(.tzui-select-tree .tzui-select-tree-treenode-disabled).filter-node .tzui-select-tree-title {
  color: inherit;
  font-weight: 500;
}
.tzui-select-tree .tzui-select-tree-treenode-draggable .tzui-select-tree-draggable-icon {
  width: 24px;
  line-height: 24px;
  text-align: center;
  visibility: visible;
  opacity: 0.2;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.tzui-select-tree-treenode:hover .tzui-select-tree .tzui-select-tree-treenode-draggable .tzui-select-tree-draggable-icon {
  opacity: 0.45;
}
.tzui-select-tree .tzui-select-tree-treenode-draggable.tzui-select-tree-treenode-disabled .tzui-select-tree-draggable-icon {
  visibility: hidden;
}
.tzui-select-tree-indent {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tzui-select-tree-indent-unit {
  display: inline-block;
  width: 24px;
}
.tzui-select-tree-draggable-icon {
  visibility: hidden;
}
.tzui-select-tree-switcher {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  width: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tzui-select-tree-switcher .tzui-tree-switcher-icon,
.tzui-select-tree-switcher .tzui-select-tree-switcher-icon {
  display: inline-block;
  font-size: 10px;
  vertical-align: baseline;
}
.tzui-select-tree-switcher .tzui-tree-switcher-icon svg,
.tzui-select-tree-switcher .tzui-select-tree-switcher-icon svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.tzui-select-tree-switcher-noop {
  cursor: default;
}
.tzui-select-tree-switcher_close .tzui-select-tree-switcher-icon svg {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.tzui-select-tree-switcher-loading-icon {
  color: var(--color-primary);
}
.tzui-select-tree-switcher-leaf-line {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.tzui-select-tree-switcher-leaf-line::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  margin-left: -1px;
  border-right: 1px solid #ccc;
  content: ' ';
}
.tzui-select-tree-switcher-leaf-line::after {
  position: absolute;
  width: 10px;
  height: 14px;
  border-bottom: 1px solid #ccc;
  content: ' ';
}
.tzui-select-tree-checkbox {
  top: initial;
  margin: 4px 8px 0 0;
}
.tzui-select-tree .tzui-select-tree-node-content-wrapper {
  position: relative;
  z-index: auto;
  min-height: 24px;
  margin: 0;
  padding: 0 4px;
  color: inherit;
  line-height: 24px;
  background: transparent;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all 0.3s, border 0s, line-height 0s, -webkit-box-shadow 0s;
  transition: all 0.3s, border 0s, line-height 0s, -webkit-box-shadow 0s;
  transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
  transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s, -webkit-box-shadow 0s;
}
.tzui-select-tree .tzui-select-tree-node-content-wrapper:hover {
  background-color: var(--color-bg);
}
.tzui-select-tree .tzui-select-tree-node-content-wrapper.tzui-select-tree-node-selected {
  background-color: var(--color-primary-slight);
}
.tzui-select-tree .tzui-select-tree-node-content-wrapper .tzui-select-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
}
.tzui-select-tree .tzui-select-tree-node-content-wrapper .tzui-select-tree-iconEle:empty {
  display: none;
}
.tzui-select-tree-unselectable .tzui-select-tree-node-content-wrapper:hover {
  background-color: transparent;
}
.tzui-select-tree-node-content-wrapper {
  line-height: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tzui-select-tree-node-content-wrapper .tzui-tree-drop-indicator {
  position: absolute;
  z-index: 1;
  height: 2px;
  background-color: var(--color-primary);
  border-radius: 1px;
  pointer-events: none;
}
.tzui-select-tree-node-content-wrapper .tzui-tree-drop-indicator::after {
  position: absolute;
  top: -3px;
  left: -6px;
  width: 8px;
  height: 8px;
  background-color: transparent;
  border: 2px solid var(--color-primary);
  border-radius: 50%;
  content: '';
}
.tzui-select-tree .tzui-select-tree-treenode.drop-container > [draggable] {
  -webkit-box-shadow: 0 0 0 2px var(--color-primary);
          box-shadow: 0 0 0 2px var(--color-primary);
}
.tzui-select-tree-show-line .tzui-select-tree-indent-unit {
  position: relative;
  height: 100%;
}
.tzui-select-tree-show-line .tzui-select-tree-indent-unit::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  border-right: 1px solid var(--color-border);
  content: '';
}
.tzui-select-tree-show-line .tzui-select-tree-indent-unit-end::before {
  display: none;
}
.tzui-select-tree-show-line .tzui-select-tree-switcher {
  background: #fff;
}
.tzui-select-tree-show-line .tzui-select-tree-switcher-line-icon {
  vertical-align: -0.15em;
}
.tzui-select-tree .tzui-select-tree-treenode-leaf-last .tzui-select-tree-switcher-leaf-line::before {
  top: auto !important;
  bottom: auto !important;
  height: 14px !important;
}
.tzui-tree-select-dropdown-rtl .tzui-select-tree .tzui-select-tree-switcher_close .tzui-select-tree-switcher-icon svg {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.tzui-tree-select-dropdown-rtl .tzui-select-tree .tzui-select-tree-switcher-loading-icon {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-select-tree .tzui-select-tree-node-content-wrapper.tzui-select-tree-node-selected {
  color: var(--color-primary);
}
.tz-tree-select-lock-height .tzui-select-clear {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 100%;
}
.tz-tree-select-lock-height .tzui-select-selector {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
  overflow: auto;
}
.tz-tree-select-lock-height .tzui-select-selector::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.tz-tree-select-lock-height .tzui-select-selection-overflow {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  max-width: none;
  overflow: visible;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-category-tree-select {
  width: 100%;
}
.tzui-category-tree-select .tzui-select-selection__choice {
  height: auto !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  line-height: 18px !important;
  border-radius: 100px !important;
}
.tzui-category-tree-select .tzui-select-selection__choice__content {
  white-space: pre-wrap;
  vertical-align: middle;
}
.tzui-category-tree-select .tzui-select-selection__choice__remove {
  top: 0;
  right: 10px;
  bottom: 0;
  height: 20px;
  margin: auto;
  color: #fff;
}
.tzui-tree-search-match {
  color: var(--color-primary);
}
.tzui-category-tree-select-dropdown {
  overflow: auto;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-skeleton {
  display: table;
  width: 100%;
}
.tzui-skeleton-header {
  display: table-cell;
  padding-right: 16px;
  vertical-align: top;
}
.tzui-skeleton-header .tzui-skeleton-avatar {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.tzui-skeleton-header .tzui-skeleton-avatar.tzui-skeleton-avatar-circle {
  border-radius: 50%;
}
.tzui-skeleton-header .tzui-skeleton-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.tzui-skeleton-header .tzui-skeleton-avatar-lg.tzui-skeleton-avatar-circle {
  border-radius: 50%;
}
.tzui-skeleton-header .tzui-skeleton-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.tzui-skeleton-header .tzui-skeleton-avatar-sm.tzui-skeleton-avatar-circle {
  border-radius: 50%;
}
.tzui-skeleton-content {
  display: table-cell;
  width: 100%;
  vertical-align: top;
}
.tzui-skeleton-content .tzui-skeleton-title {
  width: 100%;
  height: 16px;
  background: rgba(190, 190, 190, 0.2);
  border-radius: 4px;
}
.tzui-skeleton-content .tzui-skeleton-title + .tzui-skeleton-paragraph {
  margin-top: 24px;
}
.tzui-skeleton-content .tzui-skeleton-paragraph {
  padding: 0;
}
.tzui-skeleton-content .tzui-skeleton-paragraph > li {
  width: 100%;
  height: 16px;
  list-style: none;
  background: rgba(190, 190, 190, 0.2);
  border-radius: 4px;
}
.tzui-skeleton-content .tzui-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) {
  width: 61%;
}
.tzui-skeleton-content .tzui-skeleton-paragraph > li + li {
  margin-top: 16px;
}
.tzui-skeleton-with-avatar .tzui-skeleton-content .tzui-skeleton-title {
  margin-top: 12px;
}
.tzui-skeleton-with-avatar .tzui-skeleton-content .tzui-skeleton-title + .tzui-skeleton-paragraph {
  margin-top: 28px;
}
.tzui-skeleton-round .tzui-skeleton-content .tzui-skeleton-title,
.tzui-skeleton-round .tzui-skeleton-content .tzui-skeleton-paragraph > li {
  border-radius: 100px;
}
.tzui-skeleton-active .tzui-skeleton-title,
.tzui-skeleton-active .tzui-skeleton-paragraph > li,
.tzui-skeleton-active .tzui-skeleton-avatar,
.tzui-skeleton-active .tzui-skeleton-button,
.tzui-skeleton-active .tzui-skeleton-input,
.tzui-skeleton-active .tzui-skeleton-image {
  position: relative;
  /* stylelint-disable-next-line property-no-vendor-prefix,value-no-vendor-prefix */
  z-index: 0;
  overflow: hidden;
  background: transparent;
}
.tzui-skeleton-active .tzui-skeleton-title::after,
.tzui-skeleton-active .tzui-skeleton-paragraph > li::after,
.tzui-skeleton-active .tzui-skeleton-avatar::after,
.tzui-skeleton-active .tzui-skeleton-button::after,
.tzui-skeleton-active .tzui-skeleton-input::after,
.tzui-skeleton-active .tzui-skeleton-image::after {
  position: absolute;
  top: 0;
  right: -150%;
  bottom: 0;
  left: -150%;
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(190, 190, 190, 0.2)), color-stop(37%, rgba(129, 129, 129, 0.24)), color-stop(63%, rgba(190, 190, 190, 0.2)));
  background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
  -webkit-animation: tzui-skeleton-loading 1.4s ease infinite;
          animation: tzui-skeleton-loading 1.4s ease infinite;
  content: '';
}
.tzui-skeleton.tzui-skeleton-block {
  width: 100%;
}
.tzui-skeleton.tzui-skeleton-block .tzui-skeleton-button {
  width: 100%;
}
.tzui-skeleton.tzui-skeleton-block .tzui-skeleton-input {
  width: 100%;
}
.tzui-skeleton-element {
  display: inline-block;
  width: auto;
}
.tzui-skeleton-element .tzui-skeleton-button {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  border-radius: 4px;
  width: 64px;
  min-width: 64px;
  height: 32px;
  line-height: 32px;
}
.tzui-skeleton-element .tzui-skeleton-button.tzui-skeleton-button-square {
  width: 32px;
  min-width: 32px;
}
.tzui-skeleton-element .tzui-skeleton-button.tzui-skeleton-button-circle {
  width: 32px;
  min-width: 32px;
  border-radius: 50%;
}
.tzui-skeleton-element .tzui-skeleton-button.tzui-skeleton-button-round {
  border-radius: 32px;
}
.tzui-skeleton-element .tzui-skeleton-button-lg {
  width: 80px;
  min-width: 80px;
  height: 40px;
  line-height: 40px;
}
.tzui-skeleton-element .tzui-skeleton-button-lg.tzui-skeleton-button-square {
  width: 40px;
  min-width: 40px;
}
.tzui-skeleton-element .tzui-skeleton-button-lg.tzui-skeleton-button-circle {
  width: 40px;
  min-width: 40px;
  border-radius: 50%;
}
.tzui-skeleton-element .tzui-skeleton-button-lg.tzui-skeleton-button-round {
  border-radius: 40px;
}
.tzui-skeleton-element .tzui-skeleton-button-sm {
  width: 48px;
  min-width: 48px;
  height: 24px;
  line-height: 24px;
}
.tzui-skeleton-element .tzui-skeleton-button-sm.tzui-skeleton-button-square {
  width: 24px;
  min-width: 24px;
}
.tzui-skeleton-element .tzui-skeleton-button-sm.tzui-skeleton-button-circle {
  width: 24px;
  min-width: 24px;
  border-radius: 50%;
}
.tzui-skeleton-element .tzui-skeleton-button-sm.tzui-skeleton-button-round {
  border-radius: 24px;
}
.tzui-skeleton-element .tzui-skeleton-avatar {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.tzui-skeleton-element .tzui-skeleton-avatar.tzui-skeleton-avatar-circle {
  border-radius: 50%;
}
.tzui-skeleton-element .tzui-skeleton-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.tzui-skeleton-element .tzui-skeleton-avatar-lg.tzui-skeleton-avatar-circle {
  border-radius: 50%;
}
.tzui-skeleton-element .tzui-skeleton-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.tzui-skeleton-element .tzui-skeleton-avatar-sm.tzui-skeleton-avatar-circle {
  border-radius: 50%;
}
.tzui-skeleton-element .tzui-skeleton-input {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 160px;
  min-width: 160px;
  height: 32px;
  line-height: 32px;
}
.tzui-skeleton-element .tzui-skeleton-input-lg {
  width: 200px;
  min-width: 200px;
  height: 40px;
  line-height: 40px;
}
.tzui-skeleton-element .tzui-skeleton-input-sm {
  width: 120px;
  min-width: 120px;
  height: 24px;
  line-height: 24px;
}
.tzui-skeleton-element .tzui-skeleton-image {
  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;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 96px;
  height: 96px;
  line-height: 96px;
}
.tzui-skeleton-element .tzui-skeleton-image.tzui-skeleton-image-circle {
  border-radius: 50%;
}
.tzui-skeleton-element .tzui-skeleton-image-path {
  fill: #bfbfbf;
}
.tzui-skeleton-element .tzui-skeleton-image-svg {
  width: 48px;
  height: 48px;
  line-height: 48px;
  max-width: 192px;
  max-height: 192px;
}
.tzui-skeleton-element .tzui-skeleton-image-svg.tzui-skeleton-image-circle {
  border-radius: 50%;
}
@-webkit-keyframes tzui-skeleton-loading {
  0% {
    -webkit-transform: translateX(-37.5%);
            transform: translateX(-37.5%);
  }
  100% {
    -webkit-transform: translateX(37.5%);
            transform: translateX(37.5%);
  }
}
@keyframes tzui-skeleton-loading {
  0% {
    -webkit-transform: translateX(-37.5%);
            transform: translateX(-37.5%);
  }
  100% {
    -webkit-transform: translateX(37.5%);
            transform: translateX(37.5%);
  }
}
.tzui-skeleton-rtl {
  direction: rtl;
}
.tzui-skeleton-rtl .tzui-skeleton-header {
  padding-right: 0;
  padding-left: 16px;
}
.tzui-skeleton-rtl.tzui-skeleton.tzui-skeleton-active .tzui-skeleton-content .tzui-skeleton-title,
.tzui-skeleton-rtl.tzui-skeleton.tzui-skeleton-active .tzui-skeleton-content .tzui-skeleton-paragraph > li {
  -webkit-animation-name: tzui-skeleton-loading-rtl;
          animation-name: tzui-skeleton-loading-rtl;
}
.tzui-skeleton-rtl.tzui-skeleton.tzui-skeleton-active .tzui-skeleton-avatar {
  -webkit-animation-name: tzui-skeleton-loading-rtl;
          animation-name: tzui-skeleton-loading-rtl;
}
@-webkit-keyframes tzui-skeleton-loading-rtl {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
@keyframes tzui-skeleton-loading-rtl {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-skeleton-button.tzui-skeleton-block.active {
  position: relative;
  /* stylelint-disable-next-line property-no-vendor-prefix,value-no-vendor-prefix */
  z-index: 0;
  overflow: hidden;
  background: transparent;
}
.tzui-skeleton-button.tzui-skeleton-block.active::after {
  position: absolute;
  top: 0;
  right: -150%;
  bottom: 0;
  left: -150%;
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(190, 190, 190, 0.2)), color-stop(37%, rgba(129, 129, 129, 0.24)), color-stop(63%, rgba(190, 190, 190, 0.2)));
  background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
  -webkit-animation: tzui-skeleton-loading 1.4s ease infinite;
          animation: tzui-skeleton-loading 1.4s ease infinite;
  content: '';
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-menu-dropdown {
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.tzui-menu {
  background: #fff;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.tzui-menu.tzui-menu-select-menu {
  line-height: unset;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-menu.type-dropdown {
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.tzui-menu .tzui-cascader-menus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  overflow-x: auto;
}
.tzui-menu .tzui-cascader-menus .tzui-cascader-menus-menu {
  overflow-y: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.tzui-menu .tzui-cascader-menus .tzui-tree-rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
  padding-right: 10px;
  padding-left: 12px;
}
.tzui-menu .tzui-cascader-menus .tzui-tree-rows .tzui-checkbox-wrapper {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tzui-menu .tzui-cascader-menus .tzui-tree-rows .tzui-checkbox-wrapper .tzui-checkbox + span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tzui-menu .tzui-cascader-menus .tzui-cascader-menus-menu-item-expand-icon {
  padding: 0;
}
.tzui-menu .tzui-cascader-menus-menu {
  margin: 0;
  border-right: solid 1px var(--color-border);
}
.tzui-menu .tzui-cascader-menus-menu:last-child {
  border: none;
}
.tzui-menu .tzui-cascader-menus-menu-item-active {
  background: var(--color-bg);
}
.tzui-menu .tzui-cascader-menus-menu-item-filtered {
  font-weight: 500;
}
.tzui-menu-select-input .ant-select-search {
  opacity: 0;
}
.tzui-cascader-menus-empty {
  padding: 15px 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-image-cropper .avatar-preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tzui-image-cropper .avatar-preview .avatar-item {
  text-align: center;
  font-size: 12px;
  color: var(--color-text-dark);
  margin-bottom: 40px;
}
.tzui-image-cropper .avatar-preview .avatar-item:last-child {
  margin-bottom: 0;
}
.tzui-image-cropper .avatar-preview .avatar-item .item-preview {
  display: inline-block;
  border: solid 1px var(--color-border);
  border-radius: 50%;
  margin-bottom: 10px;
}
.tzui-image-cropper .cropper-preview .preview-title {
  color: var(--color-text-light);
  margin-bottom: 16px;
  text-align: center;
}
.tzui-image-cropper .cropper-preview .item-preview {
  margin: auto;
  border: 1px solid var(--color-border);
  border-radius: 4px;
}
.tzui-image-cropper .cropper-ratio-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.tzui-image-cropper .item-preview {
  overflow: hidden;
}
.tzui-image-cropper .gif-preview {
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.tzui-image-cropper-header {
  padding: 20px 48px 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.7;
  color: var(--color-text-dark);
}
.tzui-image-cropper-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 48px 36px;
}
.tzui-image-cropper-content .tzui-cropper-wrap-box {
  margin-right: 48px;
  border: 1px solid var(--color-border);
}
.tzui-image-cropper-content .tzui-cropper-wrap-box .cropper-view-box {
  outline: 1px solid var(--color-primary);
  outline-color: var(--color-primary);
}
.tzui-image-cropper-content .tzui-cropper-wrap-box .cropper-line {
  background-color: transparent;
}
.tzui-image-cropper-content .tzui-cropper-wrap-box .cropper-point {
  background-color: var(--color-white);
  opacity: 1;
}
.tzui-cropper-preview {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.tzui-image-cropper-footer {
  border-top: solid 1px var(--color-border);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 48px;
}
.tzui-image-cropper-tips-wrap {
  color: var(--color-text-light);
  font-size: 14px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tzui-image-cropper-tips-wrap > i {
  font-size: 18px;
}
.tzui-image-cropper-tips {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 8px;
}
.tzui-image-cropper-btn > * {
  margin-left: 32px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
@-webkit-keyframes ant-tree-node-fx-do-not-use {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ant-tree-node-fx-do-not-use {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
@keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
.tzui-select-tree-checkbox {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.tzui-select-tree-checkbox-wrapper:hover .tzui-select-tree-checkbox-inner,
.tzui-select-tree-checkbox:hover .tzui-select-tree-checkbox-inner,
.tzui-select-tree-checkbox-input:focus + .tzui-select-tree-checkbox-inner {
  border-color: var(--color-primary);
}
.tzui-select-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-primary);
  border-radius: 4px;
  visibility: hidden;
  -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
          animation: antCheckboxEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  content: '';
}
.tzui-select-tree-checkbox:hover::after,
.tzui-select-tree-checkbox-wrapper:hover .tzui-select-tree-checkbox::after {
  visibility: visible;
}
.tzui-select-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  direction: ltr;
  background-color: #fff;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  border-collapse: separate;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-select-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21.5%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
          transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.tzui-select-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.tzui-select-tree-checkbox-checked .tzui-select-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
          transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.tzui-select-tree-checkbox-checked .tzui-select-tree-checkbox-inner {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.tzui-select-tree-checkbox-disabled {
  cursor: not-allowed;
}
.tzui-select-tree-checkbox-disabled.tzui-select-tree-checkbox-checked .tzui-select-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  -webkit-animation-name: none;
          animation-name: none;
}
.tzui-select-tree-checkbox-disabled .tzui-select-tree-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}
.tzui-select-tree-checkbox-disabled .tzui-select-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: var(--color-border) !important;
}
.tzui-select-tree-checkbox-disabled .tzui-select-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  -webkit-animation-name: none;
          animation-name: none;
}
.tzui-select-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.tzui-select-tree-checkbox-disabled:hover::after,
.tzui-select-tree-checkbox-wrapper:hover .tzui-select-tree-checkbox-disabled::after {
  visibility: hidden;
}
.tzui-select-tree-checkbox-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  line-height: unset;
  cursor: pointer;
}
.tzui-select-tree-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\a0';
}
.tzui-select-tree-checkbox-wrapper.tzui-select-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.tzui-select-tree-checkbox-wrapper + .tzui-select-tree-checkbox-wrapper {
  margin-left: 8px;
}
.tzui-select-tree-checkbox-wrapper.tzui-select-tree-checkbox-wrapper-in-form-item input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
.tzui-select-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.tzui-select-tree-checkbox-group {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
}
.tzui-select-tree-checkbox-group-item {
  margin-right: 8px;
}
.tzui-select-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.tzui-select-tree-checkbox-group-item + .tzui-select-tree-checkbox-group-item {
  margin-left: 0;
}
.tzui-select-tree-checkbox-indeterminate .tzui-select-tree-checkbox-inner {
  background-color: #fff;
  border-color: var(--color-border);
}
.tzui-select-tree-checkbox-indeterminate .tzui-select-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: var(--color-primary);
  border: 0;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.tzui-select-tree-checkbox-indeterminate.tzui-select-tree-checkbox-disabled .tzui-select-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.tzui-tree-select-dropdown {
  padding: 8px 4px;
}
.tzui-tree-select-dropdown-rtl {
  direction: rtl;
}
.tzui-tree-select-dropdown .tzui-select-tree {
  border-radius: 0;
}
.tzui-tree-select-dropdown .tzui-select-tree-list-holder-inner {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.tzui-tree-select-dropdown .tzui-select-tree-list-holder-inner .tzui-select-tree-treenode .tzui-select-tree-node-content-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.tzui-select-tree {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  background: #fff;
  border-radius: 4px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.tzui-select-tree-focused:not(:hover):not(.tzui-select-tree-active-focused) {
  background: var(--color-primary-slight);
}
.tzui-select-tree-list-holder-inner {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.tzui-select-tree.tzui-select-tree-block-node .tzui-select-tree-list-holder-inner {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.tzui-select-tree.tzui-select-tree-block-node .tzui-select-tree-list-holder-inner .tzui-select-tree-node-content-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.tzui-select-tree.tzui-select-tree-block-node .tzui-select-tree-list-holder-inner .tzui-select-tree-treenode.dragging {
  position: relative;
}
.tzui-select-tree.tzui-select-tree-block-node .tzui-select-tree-list-holder-inner .tzui-select-tree-treenode.dragging::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  left: 0;
  border: 1px solid var(--color-primary);
  opacity: 0;
  -webkit-animation: ant-tree-node-fx-do-not-use 0.3s;
          animation: ant-tree-node-fx-do-not-use 0.3s;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
.tzui-select-tree .tzui-select-tree-treenode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0 0 4px 0;
  outline: none;
}
.tzui-select-tree .tzui-select-tree-treenode-disabled .tzui-select-tree-node-content-wrapper {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.tzui-select-tree .tzui-select-tree-treenode-disabled .tzui-select-tree-node-content-wrapper:hover {
  background: transparent;
}
.tzui-select-tree .tzui-select-tree-treenode-active .tzui-select-tree-node-content-wrapper {
  background: var(--color-bg);
}
.tzui-select-tree .tzui-select-tree-treenode:not(.tzui-select-tree .tzui-select-tree-treenode-disabled).filter-node .tzui-select-tree-title {
  color: inherit;
  font-weight: 500;
}
.tzui-select-tree .tzui-select-tree-treenode-draggable .tzui-select-tree-draggable-icon {
  width: 24px;
  line-height: 24px;
  text-align: center;
  visibility: visible;
  opacity: 0.2;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.tzui-select-tree-treenode:hover .tzui-select-tree .tzui-select-tree-treenode-draggable .tzui-select-tree-draggable-icon {
  opacity: 0.45;
}
.tzui-select-tree .tzui-select-tree-treenode-draggable.tzui-select-tree-treenode-disabled .tzui-select-tree-draggable-icon {
  visibility: hidden;
}
.tzui-select-tree-indent {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tzui-select-tree-indent-unit {
  display: inline-block;
  width: 24px;
}
.tzui-select-tree-draggable-icon {
  visibility: hidden;
}
.tzui-select-tree-switcher {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  width: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tzui-select-tree-switcher .tzui-tree-switcher-icon,
.tzui-select-tree-switcher .tzui-select-tree-switcher-icon {
  display: inline-block;
  font-size: 10px;
  vertical-align: baseline;
}
.tzui-select-tree-switcher .tzui-tree-switcher-icon svg,
.tzui-select-tree-switcher .tzui-select-tree-switcher-icon svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.tzui-select-tree-switcher-noop {
  cursor: default;
}
.tzui-select-tree-switcher_close .tzui-select-tree-switcher-icon svg {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.tzui-select-tree-switcher-loading-icon {
  color: var(--color-primary);
}
.tzui-select-tree-switcher-leaf-line {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.tzui-select-tree-switcher-leaf-line::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  margin-left: -1px;
  border-right: 1px solid #ccc;
  content: ' ';
}
.tzui-select-tree-switcher-leaf-line::after {
  position: absolute;
  width: 10px;
  height: 14px;
  border-bottom: 1px solid #ccc;
  content: ' ';
}
.tzui-select-tree-checkbox {
  top: initial;
  margin: 4px 8px 0 0;
}
.tzui-select-tree .tzui-select-tree-node-content-wrapper {
  position: relative;
  z-index: auto;
  min-height: 24px;
  margin: 0;
  padding: 0 4px;
  color: inherit;
  line-height: 24px;
  background: transparent;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all 0.3s, border 0s, line-height 0s, -webkit-box-shadow 0s;
  transition: all 0.3s, border 0s, line-height 0s, -webkit-box-shadow 0s;
  transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
  transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s, -webkit-box-shadow 0s;
}
.tzui-select-tree .tzui-select-tree-node-content-wrapper:hover {
  background-color: var(--color-bg);
}
.tzui-select-tree .tzui-select-tree-node-content-wrapper.tzui-select-tree-node-selected {
  background-color: var(--color-primary-slight);
}
.tzui-select-tree .tzui-select-tree-node-content-wrapper .tzui-select-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
}
.tzui-select-tree .tzui-select-tree-node-content-wrapper .tzui-select-tree-iconEle:empty {
  display: none;
}
.tzui-select-tree-unselectable .tzui-select-tree-node-content-wrapper:hover {
  background-color: transparent;
}
.tzui-select-tree-node-content-wrapper {
  line-height: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tzui-select-tree-node-content-wrapper .tzui-tree-drop-indicator {
  position: absolute;
  z-index: 1;
  height: 2px;
  background-color: var(--color-primary);
  border-radius: 1px;
  pointer-events: none;
}
.tzui-select-tree-node-content-wrapper .tzui-tree-drop-indicator::after {
  position: absolute;
  top: -3px;
  left: -6px;
  width: 8px;
  height: 8px;
  background-color: transparent;
  border: 2px solid var(--color-primary);
  border-radius: 50%;
  content: '';
}
.tzui-select-tree .tzui-select-tree-treenode.drop-container > [draggable] {
  -webkit-box-shadow: 0 0 0 2px var(--color-primary);
          box-shadow: 0 0 0 2px var(--color-primary);
}
.tzui-select-tree-show-line .tzui-select-tree-indent-unit {
  position: relative;
  height: 100%;
}
.tzui-select-tree-show-line .tzui-select-tree-indent-unit::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  border-right: 1px solid var(--color-border);
  content: '';
}
.tzui-select-tree-show-line .tzui-select-tree-indent-unit-end::before {
  display: none;
}
.tzui-select-tree-show-line .tzui-select-tree-switcher {
  background: #fff;
}
.tzui-select-tree-show-line .tzui-select-tree-switcher-line-icon {
  vertical-align: -0.15em;
}
.tzui-select-tree .tzui-select-tree-treenode-leaf-last .tzui-select-tree-switcher-leaf-line::before {
  top: auto !important;
  bottom: auto !important;
  height: 14px !important;
}
.tzui-tree-select-dropdown-rtl .tzui-select-tree .tzui-select-tree-switcher_close .tzui-select-tree-switcher-icon svg {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.tzui-tree-select-dropdown-rtl .tzui-select-tree .tzui-select-tree-switcher-loading-icon {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-select-tree .tzui-select-tree-node-content-wrapper.tzui-select-tree-node-selected {
  color: var(--color-primary);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-steps {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-size: 0;
  text-align: initial;
}
.tzui-steps-item {
  position: relative;
  display: inline-block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  vertical-align: top;
}
.tzui-steps-item-container {
  outline: none;
}
.tzui-steps-item:last-child {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.tzui-steps-item:last-child > .tzui-steps-item-container > .tzui-steps-item-tail,
.tzui-steps-item:last-child > .tzui-steps-item-container > .tzui-steps-item-content > .tzui-steps-item-title::after {
  display: none;
}
.tzui-steps-item-icon,
.tzui-steps-item-content {
  display: inline-block;
  vertical-align: top;
}
.tzui-steps-item-icon {
  width: 32px;
  height: 32px;
  margin: 0 8px 0 0;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  line-height: 32px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 32px;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.tzui-steps-item-icon .tzui-steps-icon {
  position: relative;
  top: -0.5px;
  color: var(--color-primary);
  line-height: 1;
}
.tzui-steps-item-tail {
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  padding: 0 10px;
}
.tzui-steps-item-tail::after {
  display: inline-block;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.06);
  border-radius: 1px;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  content: '';
}
.tzui-steps-item-title {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 32px;
}
.tzui-steps-item-title::after {
  position: absolute;
  top: 16px;
  left: 100%;
  display: block;
  width: 9999px;
  height: 1px;
  background: rgba(0, 0, 0, 0.06);
  content: '';
}
.tzui-steps-item-subtitle {
  display: inline;
  margin-left: 8px;
  color: #858e99;
  font-weight: normal;
  font-size: 14px;
}
.tzui-steps-item-description {
  color: #858e99;
  font-size: 14px;
}
.tzui-steps-item-wait .tzui-steps-item-icon {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25);
}
.tzui-steps-item-wait .tzui-steps-item-icon > .tzui-steps-icon {
  color: rgba(0, 0, 0, 0.25);
}
.tzui-steps-item-wait .tzui-steps-item-icon > .tzui-steps-icon .tzui-steps-icon-dot {
  background: rgba(0, 0, 0, 0.25);
}
.tzui-steps-item-wait > .tzui-steps-item-container > .tzui-steps-item-content > .tzui-steps-item-title {
  color: #858e99;
}
.tzui-steps-item-wait > .tzui-steps-item-container > .tzui-steps-item-content > .tzui-steps-item-title::after {
  background-color: rgba(0, 0, 0, 0.06);
}
.tzui-steps-item-wait > .tzui-steps-item-container > .tzui-steps-item-content > .tzui-steps-item-description {
  color: #858e99;
}
.tzui-steps-item-wait > .tzui-steps-item-container > .tzui-steps-item-tail::after {
  background-color: rgba(0, 0, 0, 0.06);
}
.tzui-steps-item-process .tzui-steps-item-icon {
  background-color: #fff;
  border-color: var(--color-primary);
}
.tzui-steps-item-process .tzui-steps-item-icon > .tzui-steps-icon {
  color: var(--color-primary);
}
.tzui-steps-item-process .tzui-steps-item-icon > .tzui-steps-icon .tzui-steps-icon-dot {
  background: var(--color-primary);
}
.tzui-steps-item-process > .tzui-steps-item-container > .tzui-steps-item-content > .tzui-steps-item-title {
  color: rgba(0, 0, 0, 0.85);
}
.tzui-steps-item-process > .tzui-steps-item-container > .tzui-steps-item-content > .tzui-steps-item-title::after {
  background-color: rgba(0, 0, 0, 0.06);
}
.tzui-steps-item-process > .tzui-steps-item-container > .tzui-steps-item-content > .tzui-steps-item-description {
  color: rgba(0, 0, 0, 0.85);
}
.tzui-steps-item-process > .tzui-steps-item-container > .tzui-steps-item-tail::after {
  background-color: rgba(0, 0, 0, 0.06);
}
.tzui-steps-item-process > .tzui-steps-item-container > .tzui-steps-item-icon {
  background: var(--color-primary);
}
.tzui-steps-item-process > .tzui-steps-item-container > .tzui-steps-item-icon .tzui-steps-icon {
  color: #fff;
}
.tzui-steps-item-process > .tzui-steps-item-container > .tzui-steps-item-title {
  font-weight: 500;
}
.tzui-steps-item-finish .tzui-steps-item-icon {
  background-color: #fff;
  border-color: var(--color-primary);
}
.tzui-steps-item-finish .tzui-steps-item-icon > .tzui-steps-icon {
  color: var(--color-primary);
}
.tzui-steps-item-finish .tzui-steps-item-icon > .tzui-steps-icon .tzui-steps-icon-dot {
  background: var(--color-primary);
}
.tzui-steps-item-finish > .tzui-steps-item-container > .tzui-steps-item-content > .tzui-steps-item-title {
  color: rgba(0, 0, 0, 0.85);
}
.tzui-steps-item-finish > .tzui-steps-item-container > .tzui-steps-item-content > .tzui-steps-item-title::after {
  background-color: var(--color-primary);
}
.tzui-steps-item-finish > .tzui-steps-item-container > .tzui-steps-item-content > .tzui-steps-item-description {
  color: #858e99;
}
.tzui-steps-item-finish > .tzui-steps-item-container > .tzui-steps-item-tail::after {
  background-color: var(--color-primary);
}
.tzui-steps-item-error .tzui-steps-item-icon {
  background-color: #fff;
  border-color: var(--color-danger);
}
.tzui-steps-item-error .tzui-steps-item-icon > .tzui-steps-icon {
  color: var(--color-danger);
}
.tzui-steps-item-error .tzui-steps-item-icon > .tzui-steps-icon .tzui-steps-icon-dot {
  background: var(--color-danger);
}
.tzui-steps-item-error > .tzui-steps-item-container > .tzui-steps-item-content > .tzui-steps-item-title {
  color: var(--color-danger);
}
.tzui-steps-item-error > .tzui-steps-item-container > .tzui-steps-item-content > .tzui-steps-item-title::after {
  background-color: rgba(0, 0, 0, 0.06);
}
.tzui-steps-item-error > .tzui-steps-item-container > .tzui-steps-item-content > .tzui-steps-item-description {
  color: var(--color-danger);
}
.tzui-steps-item-error > .tzui-steps-item-container > .tzui-steps-item-tail::after {
  background-color: rgba(0, 0, 0, 0.06);
}
.tzui-steps-item.tzui-steps-next-error .tzui-steps-item-title::after {
  background: var(--color-danger);
}
.tzui-steps-item-disabled {
  cursor: not-allowed;
}
.tzui-steps .tzui-steps-item:not(.tzui-steps-item-active) > .tzui-steps-item-container[role='button'] {
  cursor: pointer;
}
.tzui-steps .tzui-steps-item:not(.tzui-steps-item-active) > .tzui-steps-item-container[role='button'] .tzui-steps-item-title,
.tzui-steps .tzui-steps-item:not(.tzui-steps-item-active) > .tzui-steps-item-container[role='button'] .tzui-steps-item-subtitle,
.tzui-steps .tzui-steps-item:not(.tzui-steps-item-active) > .tzui-steps-item-container[role='button'] .tzui-steps-item-description,
.tzui-steps .tzui-steps-item:not(.tzui-steps-item-active) > .tzui-steps-item-container[role='button'] .tzui-steps-item-icon .tzui-steps-icon {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.tzui-steps .tzui-steps-item:not(.tzui-steps-item-active) > .tzui-steps-item-container[role='button']:hover .tzui-steps-item-title,
.tzui-steps .tzui-steps-item:not(.tzui-steps-item-active) > .tzui-steps-item-container[role='button']:hover .tzui-steps-item-subtitle,
.tzui-steps .tzui-steps-item:not(.tzui-steps-item-active) > .tzui-steps-item-container[role='button']:hover .tzui-steps-item-description {
  color: var(--color-primary);
}
.tzui-steps .tzui-steps-item:not(.tzui-steps-item-active):not(.tzui-steps-item-process) > .tzui-steps-item-container[role='button']:hover .tzui-steps-item-icon {
  border-color: var(--color-primary);
}
.tzui-steps .tzui-steps-item:not(.tzui-steps-item-active):not(.tzui-steps-item-process) > .tzui-steps-item-container[role='button']:hover .tzui-steps-item-icon .tzui-steps-icon {
  color: var(--color-primary);
}
.tzui-steps-horizontal:not(.tzui-steps-label-vertical) .tzui-steps-item {
  padding-left: 16px;
  white-space: nowrap;
}
.tzui-steps-horizontal:not(.tzui-steps-label-vertical) .tzui-steps-item:first-child {
  padding-left: 0;
}
.tzui-steps-horizontal:not(.tzui-steps-label-vertical) .tzui-steps-item:last-child .tzui-steps-item-title {
  padding-right: 0;
}
.tzui-steps-horizontal:not(.tzui-steps-label-vertical) .tzui-steps-item-tail {
  display: none;
}
.tzui-steps-horizontal:not(.tzui-steps-label-vertical) .tzui-steps-item-description {
  max-width: 140px;
  white-space: normal;
}
.tzui-steps-item-custom > .tzui-steps-item-container > .tzui-steps-item-icon {
  height: auto;
  background: none;
  border: 0;
}
.tzui-steps-item-custom > .tzui-steps-item-container > .tzui-steps-item-icon > .tzui-steps-icon {
  top: 0px;
  left: 0.5px;
  width: 32px;
  height: 32px;
  font-size: 24px;
  line-height: 32px;
}
.tzui-steps-item-custom.tzui-steps-item-process .tzui-steps-item-icon > .tzui-steps-icon {
  color: var(--color-primary);
}
.tzui-steps:not(.tzui-steps-vertical) .tzui-steps-item-custom .tzui-steps-item-icon {
  width: auto;
  background: none;
}
.tzui-steps-small.tzui-steps-horizontal:not(.tzui-steps-label-vertical) .tzui-steps-item {
  padding-left: 12px;
}
.tzui-steps-small.tzui-steps-horizontal:not(.tzui-steps-label-vertical) .tzui-steps-item:first-child {
  padding-left: 0;
}
.tzui-steps-small .tzui-steps-item-icon {
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  border-radius: 24px;
}
.tzui-steps-small .tzui-steps-item-title {
  padding-right: 12px;
  font-size: 14px;
  line-height: 24px;
}
.tzui-steps-small .tzui-steps-item-title::after {
  top: 12px;
}
.tzui-steps-small .tzui-steps-item-description {
  color: #858e99;
  font-size: 14px;
}
.tzui-steps-small .tzui-steps-item-tail {
  top: 8px;
}
.tzui-steps-small .tzui-steps-item-custom .tzui-steps-item-icon {
  width: inherit;
  height: inherit;
  line-height: inherit;
  background: none;
  border: 0;
  border-radius: 0;
}
.tzui-steps-small .tzui-steps-item-custom .tzui-steps-item-icon > .tzui-steps-icon {
  font-size: 24px;
  line-height: 24px;
  -webkit-transform: none;
          transform: none;
}
.tzui-steps-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.tzui-steps-vertical > .tzui-steps-item {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding-left: 0;
  overflow: visible;
}
.tzui-steps-vertical > .tzui-steps-item .tzui-steps-item-icon {
  float: left;
  margin-right: 16px;
}
.tzui-steps-vertical > .tzui-steps-item .tzui-steps-item-content {
  display: block;
  min-height: 48px;
  overflow: hidden;
}
.tzui-steps-vertical > .tzui-steps-item .tzui-steps-item-title {
  line-height: 32px;
}
.tzui-steps-vertical > .tzui-steps-item .tzui-steps-item-description {
  padding-bottom: 12px;
}
.tzui-steps-vertical > .tzui-steps-item > .tzui-steps-item-container > .tzui-steps-item-tail {
  position: absolute;
  top: 0;
  left: 15px;
  width: 1px;
  height: 100%;
  padding: 38px 0 6px;
}
.tzui-steps-vertical > .tzui-steps-item > .tzui-steps-item-container > .tzui-steps-item-tail::after {
  width: 1px;
  height: 100%;
}
.tzui-steps-vertical > .tzui-steps-item:not(:last-child) > .tzui-steps-item-container > .tzui-steps-item-tail {
  display: block;
}
.tzui-steps-vertical > .tzui-steps-item > .tzui-steps-item-container > .tzui-steps-item-content > .tzui-steps-item-title::after {
  display: none;
}
.tzui-steps-vertical.tzui-steps-small .tzui-steps-item-container .tzui-steps-item-tail {
  position: absolute;
  top: 0;
  left: 11px;
  padding: 30px 0 6px;
}
.tzui-steps-vertical.tzui-steps-small .tzui-steps-item-container .tzui-steps-item-title {
  line-height: 24px;
}
.tzui-steps-label-vertical .tzui-steps-item {
  overflow: visible;
}
.tzui-steps-label-vertical .tzui-steps-item-tail {
  margin-left: 58px;
  padding: 3.5px 24px;
}
.tzui-steps-label-vertical .tzui-steps-item-content {
  display: block;
  width: 116px;
  margin-top: 8px;
  text-align: center;
}
.tzui-steps-label-vertical .tzui-steps-item-icon {
  display: inline-block;
  margin-left: 42px;
}
.tzui-steps-label-vertical .tzui-steps-item-title {
  padding-right: 0;
  padding-left: 0;
}
.tzui-steps-label-vertical .tzui-steps-item-title::after {
  display: none;
}
.tzui-steps-label-vertical .tzui-steps-item-subtitle {
  display: block;
  margin-bottom: 4px;
  margin-left: 0;
  line-height: 1.5715;
}
.tzui-steps-label-vertical.tzui-steps-small:not(.tzui-steps-dot) .tzui-steps-item-icon {
  margin-left: 46px;
}
.tzui-steps-dot .tzui-steps-item-title,
.tzui-steps-dot.tzui-steps-small .tzui-steps-item-title {
  line-height: 1.5715;
}
.tzui-steps-dot .tzui-steps-item-tail,
.tzui-steps-dot.tzui-steps-small .tzui-steps-item-tail {
  top: 2px;
  width: 100%;
  margin: 0 0 0 70px;
  padding: 0;
}
.tzui-steps-dot .tzui-steps-item-tail::after,
.tzui-steps-dot.tzui-steps-small .tzui-steps-item-tail::after {
  width: calc(100% - 20px);
  height: 3px;
  margin-left: 12px;
}
.tzui-steps-dot .tzui-steps-item:first-child .tzui-steps-icon-dot,
.tzui-steps-dot.tzui-steps-small .tzui-steps-item:first-child .tzui-steps-icon-dot {
  left: 2px;
}
.tzui-steps-dot .tzui-steps-item-icon,
.tzui-steps-dot.tzui-steps-small .tzui-steps-item-icon {
  width: 8px;
  height: 8px;
  margin-left: 67px;
  padding-right: 0;
  line-height: 8px;
  background: transparent;
  border: 0;
}
.tzui-steps-dot .tzui-steps-item-icon .tzui-steps-icon-dot,
.tzui-steps-dot.tzui-steps-small .tzui-steps-item-icon .tzui-steps-icon-dot {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  /* expand hover area */
}
.tzui-steps-dot .tzui-steps-item-icon .tzui-steps-icon-dot::after,
.tzui-steps-dot.tzui-steps-small .tzui-steps-item-icon .tzui-steps-icon-dot::after {
  position: absolute;
  top: -12px;
  left: -26px;
  width: 60px;
  height: 32px;
  background: rgba(0, 0, 0, 0.001);
  content: '';
}
.tzui-steps-dot .tzui-steps-item-content,
.tzui-steps-dot.tzui-steps-small .tzui-steps-item-content {
  width: 140px;
}
.tzui-steps-dot .tzui-steps-item-process .tzui-steps-item-icon,
.tzui-steps-dot.tzui-steps-small .tzui-steps-item-process .tzui-steps-item-icon {
  position: relative;
  top: -1px;
  width: 10px;
  height: 10px;
  line-height: 10px;
  background: none;
}
.tzui-steps-dot .tzui-steps-item-process .tzui-steps-icon:first-child .tzui-steps-icon-dot,
.tzui-steps-dot.tzui-steps-small .tzui-steps-item-process .tzui-steps-icon:first-child .tzui-steps-icon-dot {
  left: 0;
}
.tzui-steps-vertical.tzui-steps-dot .tzui-steps-item-icon {
  margin-top: 13px;
  margin-left: 0;
  background: none;
}
.tzui-steps-vertical.tzui-steps-dot .tzui-steps-item > .tzui-steps-item-container > .tzui-steps-item-tail {
  top: 6.5px;
  left: -9px;
  margin: 0;
  padding: 22px 0 4px;
}
.tzui-steps-vertical.tzui-steps-dot.tzui-steps-small .tzui-steps-item-icon {
  margin-top: 10px;
}
.tzui-steps-vertical.tzui-steps-dot.tzui-steps-small .tzui-steps-item > .tzui-steps-item-container > .tzui-steps-item-tail {
  top: 3.5px;
}
.tzui-steps-vertical.tzui-steps-dot .tzui-steps-item:first-child .tzui-steps-icon-dot {
  left: 0;
}
.tzui-steps-vertical.tzui-steps-dot .tzui-steps-item-content {
  width: inherit;
}
.tzui-steps-vertical.tzui-steps-dot .tzui-steps-item-process .tzui-steps-item-container .tzui-steps-item-icon .tzui-steps-icon-dot {
  top: -1px;
  left: -1px;
}
.tzui-steps-navigation {
  padding-top: 12px;
}
.tzui-steps-navigation.tzui-steps-small .tzui-steps-item-container {
  margin-left: -12px;
}
.tzui-steps-navigation .tzui-steps-item {
  overflow: visible;
  text-align: center;
}
.tzui-steps-navigation .tzui-steps-item-container {
  display: inline-block;
  height: 100%;
  margin-left: -16px;
  padding-bottom: 12px;
  text-align: left;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.tzui-steps-navigation .tzui-steps-item-container .tzui-steps-item-content {
  max-width: auto;
}
.tzui-steps-navigation .tzui-steps-item-container .tzui-steps-item-title {
  max-width: 100%;
  padding-right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tzui-steps-navigation .tzui-steps-item-container .tzui-steps-item-title::after {
  display: none;
}
.tzui-steps-navigation .tzui-steps-item:not(.tzui-steps-item-active) .tzui-steps-item-container[role='button'] {
  cursor: pointer;
}
.tzui-steps-navigation .tzui-steps-item:not(.tzui-steps-item-active) .tzui-steps-item-container[role='button']:hover {
  opacity: 0.85;
}
.tzui-steps-navigation .tzui-steps-item:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tzui-steps-navigation .tzui-steps-item:last-child::after {
  display: none;
}
.tzui-steps-navigation .tzui-steps-item::after {
  position: absolute;
  top: 50%;
  left: 100%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -14px;
  margin-left: -2px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: none;
  border-left: none;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: '';
}
.tzui-steps-navigation .tzui-steps-item::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: inline-block;
  width: 0;
  height: 2px;
  background-color: var(--color-primary);
  -webkit-transition: width 0.3s, left 0.3s;
  transition: width 0.3s, left 0.3s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  content: '';
}
.tzui-steps-navigation .tzui-steps-item.tzui-steps-item-active::before {
  left: 0;
  width: 100%;
}
.tzui-steps-navigation.tzui-steps-vertical > .tzui-steps-item {
  margin-right: 0 !important;
}
.tzui-steps-navigation.tzui-steps-vertical > .tzui-steps-item::before {
  display: none;
}
.tzui-steps-navigation.tzui-steps-vertical > .tzui-steps-item.tzui-steps-item-active::before {
  top: 0;
  right: 0;
  left: unset;
  display: block;
  width: 3px;
  height: calc(100% - 24px);
}
.tzui-steps-navigation.tzui-steps-vertical > .tzui-steps-item::after {
  position: relative;
  top: -2px;
  left: 50%;
  display: block;
  width: 8px;
  height: 8px;
  margin-bottom: 8px;
  text-align: center;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.tzui-steps-navigation.tzui-steps-vertical > .tzui-steps-item > .tzui-steps-item-container > .tzui-steps-item-tail {
  visibility: hidden;
}
.tzui-steps-navigation.tzui-steps-horizontal > .tzui-steps-item > .tzui-steps-item-container > .tzui-steps-item-tail {
  visibility: hidden;
}
.tzui-steps-rtl {
  direction: rtl;
}
.tzui-steps.tzui-steps-rtl .tzui-steps-item-icon {
  margin-right: 0;
  margin-left: 8px;
}
.tzui-steps-rtl .tzui-steps-item-tail {
  right: 0;
  left: auto;
}
.tzui-steps-rtl .tzui-steps-item-title {
  padding-right: 0;
  padding-left: 16px;
}
.tzui-steps-rtl .tzui-steps-item-title .tzui-steps-item-subtitle {
  float: left;
  margin-right: 8px;
  margin-left: 0;
}
.tzui-steps-rtl .tzui-steps-item-title::after {
  right: 100%;
  left: auto;
}
.tzui-steps-rtl.tzui-steps-horizontal:not(.tzui-steps-label-vertical) .tzui-steps-item {
  padding-right: 16px;
  padding-left: 0;
}
.tzui-steps-rtl.tzui-steps-horizontal:not(.tzui-steps-label-vertical) .tzui-steps-item:first-child {
  padding-right: 0;
}
.tzui-steps-rtl.tzui-steps-horizontal:not(.tzui-steps-label-vertical) .tzui-steps-item:last-child .tzui-steps-item-title {
  padding-left: 0;
}
.tzui-steps-rtl .tzui-steps-item-custom .tzui-steps-item-icon > .tzui-steps-icon {
  right: 0.5px;
  left: auto;
}
.tzui-steps-rtl.tzui-steps-navigation.tzui-steps-small .tzui-steps-item-container {
  margin-right: -12px;
  margin-left: 0;
}
.tzui-steps-rtl.tzui-steps-navigation .tzui-steps-item-container {
  margin-right: -16px;
  margin-left: 0;
  text-align: right;
}
.tzui-steps-rtl.tzui-steps-navigation .tzui-steps-item-container .tzui-steps-item-title {
  padding-left: 0;
}
.tzui-steps-rtl.tzui-steps-navigation .tzui-steps-item::after {
  right: 100%;
  left: auto;
  margin-right: -2px;
  margin-left: 0;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
.tzui-steps-rtl.tzui-steps-small.tzui-steps-horizontal:not(.tzui-steps-label-vertical) .tzui-steps-item {
  padding-right: 12px;
  padding-left: 0;
}
.tzui-steps-rtl.tzui-steps-small.tzui-steps-horizontal:not(.tzui-steps-label-vertical) .tzui-steps-item:first-child {
  padding-right: 0;
}
.tzui-steps-rtl.tzui-steps-small .tzui-steps-item-title {
  padding-right: 0;
  padding-left: 12px;
}
.tzui-steps-rtl.tzui-steps-vertical > .tzui-steps-item .tzui-steps-item-icon {
  float: right;
  margin-right: 0;
  margin-left: 16px;
}
.tzui-steps-rtl.tzui-steps-vertical > .tzui-steps-item > .tzui-steps-item-container > .tzui-steps-item-tail {
  right: 16px;
  left: auto;
}
.tzui-steps-rtl.tzui-steps-vertical.tzui-steps-small .tzui-steps-item-container .tzui-steps-item-tail {
  right: 12px;
  left: auto;
}
.tzui-steps-rtl.tzui-steps-label-vertical .tzui-steps-item-title {
  padding-left: 0;
}
.tzui-steps-rtl.tzui-steps-dot .tzui-steps-item-tail,
.tzui-steps-rtl.tzui-steps-dot.tzui-steps-small .tzui-steps-item-tail {
  margin: 0 70px 0 0;
}
.tzui-steps-rtl.tzui-steps-dot .tzui-steps-item-tail::after,
.tzui-steps-rtl.tzui-steps-dot.tzui-steps-small .tzui-steps-item-tail::after {
  margin-right: 12px;
  margin-left: 0;
}
.tzui-steps-rtl.tzui-steps-dot .tzui-steps-item:first-child .tzui-steps-icon-dot,
.tzui-steps-rtl.tzui-steps-dot.tzui-steps-small .tzui-steps-item:first-child .tzui-steps-icon-dot {
  right: 2px;
  left: auto;
}
.tzui-steps-rtl.tzui-steps-dot .tzui-steps-item-icon,
.tzui-steps-rtl.tzui-steps-dot.tzui-steps-small .tzui-steps-item-icon {
  margin-right: 67px;
  margin-left: 0;
}
.tzui-steps-dot .tzui-steps-item-icon .tzui-steps-icon-dot,
.tzui-steps-dot.tzui-steps-small .tzui-steps-item-icon .tzui-steps-icon-dot {
  /* expand hover area */
}
.tzui-steps-rtl.tzui-steps-dot .tzui-steps-item-icon .tzui-steps-icon-dot,
.tzui-steps-rtl.tzui-steps-dot.tzui-steps-small .tzui-steps-item-icon .tzui-steps-icon-dot {
  float: right;
}
.tzui-steps-rtl.tzui-steps-dot .tzui-steps-item-icon .tzui-steps-icon-dot::after,
.tzui-steps-rtl.tzui-steps-dot.tzui-steps-small .tzui-steps-item-icon .tzui-steps-icon-dot::after {
  right: -26px;
  left: auto;
}
.tzui-steps-rtl.tzui-steps-vertical.tzui-steps-dot .tzui-steps-item-icon {
  margin-right: 0;
  margin-left: 16px;
}
.tzui-steps-rtl.tzui-steps-vertical.tzui-steps-dot .tzui-steps-item > .tzui-steps-item-container > .tzui-steps-item-tail {
  right: -9px;
  left: auto;
}
.tzui-steps-rtl.tzui-steps-vertical.tzui-steps-dot .tzui-steps-item:first-child .tzui-steps-icon-dot {
  right: 0;
  left: auto;
}
.tzui-steps-rtl.tzui-steps-vertical.tzui-steps-dot .tzui-steps-item-process .tzui-steps-icon-dot {
  right: -2px;
  left: auto;
}
.tzui-steps-rtl.tzui-steps-with-progress.tzui-steps-vertical > .tzui-steps-item {
  padding-right: 4px;
}
.tzui-steps-rtl.tzui-steps-with-progress.tzui-steps-vertical > .tzui-steps-item > .tzui-steps-item-container > .tzui-steps-item-tail {
  right: 19px;
}
.tzui-steps-rtl.tzui-steps-with-progress.tzui-steps-small.tzui-steps-vertical > .tzui-steps-item > .tzui-steps-item-container > .tzui-steps-item-tail {
  right: 15px;
}
.tzui-steps-rtl.tzui-steps-with-progress.tzui-steps-horizontal.tzui-steps-label-horizontal .tzui-steps-item:first-child {
  padding-right: 4px;
  padding-left: 0;
}
.tzui-steps-rtl.tzui-steps-with-progress.tzui-steps-horizontal.tzui-steps-label-horizontal .tzui-steps-item:first-child.tzui-steps-item-active {
  padding-right: 4px;
}
.tzui-steps-with-progress .tzui-steps-item {
  padding-top: 4px;
}
.tzui-steps-with-progress .tzui-steps-item > .tzui-steps-item-container > .tzui-steps-item-tail {
  top: 4px;
  left: 19px;
}
.tzui-steps-with-progress.tzui-steps-horizontal .tzui-steps-item:first-child,
.tzui-steps-with-progress.tzui-steps-small.tzui-steps-horizontal .tzui-steps-item:first-child {
  padding-bottom: 4px;
  padding-left: 4px;
}
.tzui-steps-with-progress.tzui-steps-small > .tzui-steps-item > .tzui-steps-item-container > .tzui-steps-item-tail {
  left: 15px;
}
.tzui-steps-with-progress.tzui-steps-vertical .tzui-steps-item {
  padding-left: 4px;
}
.tzui-steps-with-progress.tzui-steps-label-vertical .tzui-steps-item .tzui-steps-item-tail {
  top: 14px !important;
}
.tzui-steps-with-progress .tzui-steps-item-icon {
  position: relative;
}
.tzui-steps-with-progress .tzui-steps-item-icon .tzui-progress {
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-editor-toolbar {
  position: relative;
  font-size: 14px;
  padding: 8px 4px 2px 8px;
  border: none;
  border-bottom: 1px solid #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tzui-editor-toolbar > * {
  margin-bottom: 6px;
}
.tzui-editor-toolbar .rdw-toolbar-divider {
  border-left: 1px dashed var(--color-border-dark);
  height: 24px;
  margin-right: 4px;
}
.tzui-editor-toolbar .tzui-controls-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tzui-editor-toolbar .tzui-control-btn {
  position: relative;
  cursor: pointer;
  color: var(--color-text);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 0;
  min-width: 24px;
  padding: 3px;
  text-align: center;
  margin-right: 4px;
  border-radius: 2px;
}
.tzui-editor-toolbar .tzui-control-btn.active {
  color: var(--color-primary);
  background: var(--color-primary-slight);
}
.tzui-editor-toolbar .tzui-control-btn.reverse {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.tzui-editor-toolbar .tzui-control-btn.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.tzui-editor-toolbar .tzui-control-btn:hover {
  background: var(--color-bg-dark);
}
.tzui-editor-toolbar .e-color-picker {
  position: relative;
  width: 36px;
  height: 24px;
  padding: 3px;
  margin-right: 4px;
  border-radius: 2px;
  cursor: pointer;
}
.tzui-editor-toolbar .e-color-picker.active {
  background: var(--color-primary-slight);
}
.tzui-editor-toolbar .e-color-picker:hover {
  background: var(--color-bg-dark);
}
.tzui-editor-toolbar .e-color-picker .picker-icon {
  display: block;
  font-size: 16px;
  margin-top: -1px;
  line-height: 0;
}
.tzui-editor-toolbar .e-color-picker .picker-value {
  width: 14px;
  height: 3px;
  left: 4px;
  position: absolute;
  bottom: 3px;
}
.tzui-editor-toolbar .e-color-picker:after {
  display: block;
  content: "";
  position: absolute;
  top: 9px;
  right: 6px;
  border-top: 5px solid #666;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
}
.tzui-eidtor-tooltip {
  pointer-events: none;
}
.tzui-editor-popover-form {
  width: 240px;
}
.tzui-editor-popover-form .file-select .select-box {
  padding: 10px 20px;
}
.tzui-editor-popover-form .file-select .select-box .box-icon {
  font-size: 30px;
  margin-bottom: 4px;
}
.tzui-editor-popover-form .ant-tabs {
  margin-top: -12px;
}
.tzui-editor-popover-form .ant-tabs-bar {
  margin-bottom: 8px;
}
.tzui-editor-popover-form .e-form-item {
  margin-bottom: 12px;
}
.tzui-editor-popover-form .e-form-item .item-label {
  margin-bottom: 4px;
}
.tzui-editor-popover-form .e-form-inline-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.tzui-editor-popover-form .e-form-inline-item .item-label {
  width: 30px;
}
.tzui-editor-popover-form .e-form-inline-item .item-control {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tzui-editor-popover-form .e-form-row {
  zoom: 1;
  margin: 12px -10px;
}
.tzui-editor-popover-form .e-form-row::before,
.tzui-editor-popover-form .e-form-row::after {
  display: table;
  content: '';
}
.tzui-editor-popover-form .e-form-row::after {
  clear: both;
}
.tzui-editor-popover-form .e-form-col {
  float: left;
  width: 50%;
  padding: 0 10px;
}
.tzui-editor-popover-form .form-bar {
  text-align: right;
}
.tzui-editor-popover-form .form-bar .tzui-btn {
  margin-left: 8px;
}
.DraftEditor-root .DraftEditor-editorContainer {
  word-break: break-all;
}
.DraftEditor-root .DraftEditor-editorContainer a:hover {
  color: var(--color-primary);
  opacity: 0.65;
}
.DraftEditor-root .DraftEditor-editorContainer .public-DraftStyleDefault-ul {
  margin: 0;
}
.DraftEditor-root .DraftEditor-editorContainer .public-DraftStyleDefault-ol {
  margin: 0;
}
.DraftEditor-root .DraftEditor-editorContainer li > div {
  display: inline;
}
.DraftEditor-root .DraftEditor-editorContainer .public-DraftStyleDefault-orderedListItem:before {
  display: inline-block;
  position: static;
  margin-left: -30px;
  width: 30px;
  padding-right: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  text-align: right;
}
.DraftEditor-root .DraftEditor-editorContainer .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth0:before {
  content: counter(ol0) ".";
}
.DraftEditor-root .DraftEditor-editorContainer .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
  content: counter(ol1) ".";
}
.DraftEditor-root .DraftEditor-editorContainer .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
  content: counter(ol2) ".";
}
.DraftEditor-root .DraftEditor-editorContainer .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
  content: counter(ol3) ".";
}
.DraftEditor-root .DraftEditor-editorContainer .public-DraftStyleDefault-unorderedListItem {
  list-style: none;
}
.DraftEditor-root .DraftEditor-editorContainer .public-DraftStyleDefault-unorderedListItem:before {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: static;
  margin-left: -12px;
  margin-right: 6px;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-radius: 50%;
  background-color: currentColor;
  content: "";
}
.DraftEditor-root .DraftEditor-editorContainer .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1:before {
  border: 1px solid currentColor;
  background-color: transparent;
}
.DraftEditor-root .DraftEditor-editorContainer .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth2:before {
  border-radius: 0;
  background-color: currentColor;
}
.DraftEditor-root .DraftEditor-editorContainer .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth3:before {
  border-radius: 0;
  background-color: currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.DraftEditor-root .DraftEditor-editorContainer figure {
  margin: 0;
}
.DraftEditor-root .DraftEditor-editorContainer h1,
.DraftEditor-root .DraftEditor-editorContainer h2,
.DraftEditor-root .DraftEditor-editorContainer h3,
.DraftEditor-root .DraftEditor-editorContainer h4,
.DraftEditor-root .DraftEditor-editorContainer h5,
.DraftEditor-root .DraftEditor-editorContainer h6 {
  font-weight: normal;
  margin: 0;
}
.DraftEditor-root .DraftEditor-editorContainer h1 {
  font-size: 24px;
  line-height: 1.3;
}
.DraftEditor-root .DraftEditor-editorContainer h2 {
  font-size: 20px;
  line-height: 1.5;
}
.DraftEditor-root .DraftEditor-editorContainer h3 {
  font-size: 16px;
  line-height: 1.5;
}
.DraftEditor-root .DraftEditor-editorContainer h5 {
  font-size: 12px;
  line-height: 1.7;
}
.DraftEditor-root .DraftEditor-editorContainer .tzui-editor-render-img {
  display: block;
  width: 100%;
  margin: 12px auto;
}
.DraftEditor-root .DraftEditor-editorContainer .tzui-editor-render-video {
  margin: 12px auto;
}
.DraftEditor-root .DraftEditor-editorContainer .tzui-editor-render-attachment span {
  padding-left: 4px;
  color: var(--color-text-dark);
}
.tzui-editor-preview {
  word-break: break-all;
}
.tzui-editor-preview h1,
.tzui-editor-preview h2,
.tzui-editor-preview h3,
.tzui-editor-preview h4,
.tzui-editor-preview h5,
.tzui-editor-preview h6 {
  font-weight: normal;
  margin: 0;
}
.tzui-editor-preview h1 {
  font-size: 24px;
  line-height: 1.3;
}
.tzui-editor-preview h2 {
  font-size: 20px;
  line-height: 1.5;
}
.tzui-editor-preview h3 {
  font-size: 16px;
  line-height: 1.5;
}
.tzui-editor-preview h5 {
  font-size: 12px;
  line-height: 1.7;
}
.tzui-editor-preview p {
  white-space: pre-wrap;
}
.tzui-editor-preview a {
  color: var(--color-primary);
}
.tzui-editor-preview a:hover {
  color: var(--color-primary);
  opacity: 0.65;
}
.tzui-editor-preview img,
.tzui-editor-preview video {
  display: block;
  width: 100%;
  margin: 12px auto;
}
.tzui-editor-preview ol,
.tzui-editor-preview ul {
  list-style: none;
  margin: 0;
  padding-left: 1.5em;
}
.tzui-editor-preview li {
  margin: 0;
  padding: 0;
}
.tzui-editor-preview ol li:before {
  display: inline-block;
  margin-left: -30px;
  width: 30px;
  padding-right: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  text-align: right;
}
.tzui-editor-preview ol {
  counter-reset: tzui-editor-section;
}
.tzui-editor-preview ol li:before {
  content: counter(tzui-editor-section) ".";
  counter-increment: tzui-editor-section;
}
.tzui-editor-preview ol > ol {
  counter-reset: tzui-editor-section-1;
}
.tzui-editor-preview ol > ol li:before {
  content: counter(tzui-editor-section-1) ".";
  counter-increment: tzui-editor-section-1;
}
.tzui-editor-preview ol > ol > ol {
  counter-reset: tzui-editor-section-2;
}
.tzui-editor-preview ol > ol > ol li:before {
  content: counter(tzui-editor-section-2) ".";
  counter-increment: tzui-editor-section-2;
}
.tzui-editor-preview ol > ol > ol > ol {
  counter-reset: tzui-editor-section-3;
}
.tzui-editor-preview ol > ol > ol > ol li:before {
  content: counter(tzui-editor-section-3) ".";
  counter-increment: tzui-editor-section-3;
}
.tzui-editor-preview ul li:before {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: static;
  margin-left: -12px;
  margin-right: 6px;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-radius: 50%;
  background-color: currentColor;
  content: "";
}
.tzui-editor-preview ul > ul > li:before {
  border: 1px solid currentColor;
  background-color: transparent;
}
.tzui-editor-preview ul > ul > ul > li:before {
  border-radius: 0;
  background-color: currentColor;
}
.tzui-editor-preview ul > ul > ul > ul > li:before {
  border-radius: 0;
  background-color: currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.tzui-editor-wraper {
  position: relative;
  border: 1px solid var(--color-border-dark);
}
.tzui-editor-wraper .rdw-option-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 24px;
  height: 24px;
  margin: 0 4px;
  padding: 0 6px;
  background: var(--color-bg-dark);
  border: none;
  border-radius: 2px;
}
.tzui-editor-wraper .rdw-option-wrapper:hover {
  background: var(--color-primary-slight);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-editor-wraper .rdw-option-active {
  background: var(--color-primary-slight);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-editor-wraper .public-DraftEditorPlaceholder-root {
  color: var(--color-text-light);
}
.tzui-editor-wraper .public-DraftEditorPlaceholder-hasFocus {
  color: var(--color-text-light);
}
.tzui-editor-wraper .rdw-dropdown-wrapper {
  height: 24px;
  margin: 0;
  margin-right: 4px;
  font-size: 12px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-editor-wraper .rdw-dropdown-selectedtext {
  color: var(--color-text);
  border: 1px solid var(--color-border);
  border-radius: 2px;
}
.tzui-editor-wraper .rdw-dropdown-optionwrapper {
  width: 100%;
  margin-top: 2px;
  overflow-y: auto;
  background: #fff;
  border-color: var(--color-border);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-editor-wraper .rdw-dropdown-carettoopen {
  top: 8px;
  border-top: 6px solid var(--color-text);
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.tzui-editor-wraper .rdw-dropdown-carettoclose {
  top: 8px;
  border-right: 4px solid transparent;
  border-bottom: 6px solid var(--color-text);
  border-left: 4px solid transparent;
}
.tzui-editor-wraper .rdw-dropdownoption-active {
  color: var(--color-primary);
}
.tzui-editor-wraper .rdw-editor-main {
  padding: 4px 8px;
  overflow: initial;
}
.tzui-editor-wraper .public-DraftEditor-content {
  min-height: 100px;
}
.tzui-editor-wraper .public-DraftStyleDefault-block {
  margin: 0;
}
.tzui-editor-wraper .rdw-link-decorator-wrapper {
  position: relative;
}
.tzui-editor-wraper .rdw-link-decorator-wrapper::after {
  position: absolute;
  right: -14px;
  bottom: 100%;
  z-index: 2;
  display: none;
  width: 16px;
  height: 16px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADbSURBVHgB7dfdDcIwDATgAzEAI2QzYBLCJozIBqWWeGyK07ixo94nRUL89a51pQYgIopqalxL7sb/hzMGxwLeTiufTRXf1br+1pI8r1v5p/XHV91ERp7YeBOv6VVAEz5sgVL4NwYoUAqf55UQvMBaeJEQuMC/8CIhaAFNeJEQsIA2vEgIVqAmvEhQHv+C/Un4vPD+C+UCn3k90MjqCmToz7wpyxHK2Cl8jxESufC6We+nUXPD7wd6jdAWqgngltIbC3hjAW8s4I0FvB3qWchiX2yOI+Rt+AJERL6+SNm0HhCT2OsAAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-size: 100%;
  content: '';
}
.tzui-editor-wraper .rdw-link-decorator-wrapper:hover::after {
  display: block;
}
.tzui-editor-wraper .rdw-link-decorator-icon {
  position: absolute;
  top: -14px;
  right: -14px;
  left: auto;
  z-index: 3;
  width: 20px;
  height: 20px;
  background-color: white;
  cursor: pointer;
  opacity: 0;
}
.rdw-mention-link {
  padding: 0;
  color: var(--color-primary);
  background-color: transparent;
}
.rdw-suggestion-dropdown {
  display: block;
  min-width: 120px;
  padding: 6px 0;
  overflow-x: visible;
  overflow-y: auto;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.tz-rdw-editor-mention-popup {
  z-index: 99999;
}
.tz-editor-mention-dropdown {
  min-width: 120px;
  padding: 6px 0;
  background-color: #fff;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.tzui-editor-mention-user {
  position: relative;
  height: 36px;
  padding: 6px 12px;
  padding-left: 44px;
  cursor: pointer;
}
.tzui-editor-mention-user:hover {
  background-color: var(--color-bg);
}
.tzui-editor-mention-user .user-avatar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 12px;
  display: block;
  width: 24px;
  height: 24px;
  margin: auto;
  border-radius: 50%;
}
.tzui-editor-mention-user .user-label {
  color: var(--color-text-dark);
  line-height: 24px;
  white-space: nowrap;
  word-break: keep-all;
}
.tzui-editor-mention-empty {
  padding: 6px 12px;
  color: var(--color-text-light);
  text-align: center;
}
.tzui-editor-mention-empty img {
  display: block;
  width: 60px;
  margin: 0 auto 4px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-carousel {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
.tzui-carousel .slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.tzui-carousel .slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.tzui-carousel .slick-list:focus {
  outline: none;
}
.tzui-carousel .slick-list.dragging {
  cursor: pointer;
}
.tzui-carousel .slick-list .slick-slide {
  pointer-events: none;
}
.tzui-carousel .slick-list .slick-slide input.tzui-radio-input,
.tzui-carousel .slick-list .slick-slide input.tzui-checkbox-input {
  visibility: hidden;
}
.tzui-carousel .slick-list .slick-slide.slick-active {
  pointer-events: auto;
}
.tzui-carousel .slick-list .slick-slide.slick-active input.tzui-radio-input,
.tzui-carousel .slick-list .slick-slide.slick-active input.tzui-checkbox-input {
  visibility: visible;
}
.tzui-carousel .slick-list .slick-slide > div > div {
  vertical-align: bottom;
}
.tzui-carousel .slick-slider .slick-track,
.tzui-carousel .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}
.tzui-carousel .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.tzui-carousel .slick-track::before,
.tzui-carousel .slick-track::after {
  display: table;
  content: '';
}
.tzui-carousel .slick-track::after {
  clear: both;
}
.slick-loading .tzui-carousel .slick-track {
  visibility: hidden;
}
.tzui-carousel .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.tzui-carousel .slick-slide img {
  display: block;
}
.tzui-carousel .slick-slide.slick-loading img {
  display: none;
}
.tzui-carousel .slick-slide.dragging img {
  pointer-events: none;
}
.tzui-carousel .slick-initialized .slick-slide {
  display: block;
}
.tzui-carousel .slick-loading .slick-slide {
  visibility: hidden;
}
.tzui-carousel .slick-vertical .slick-slide {
  display: block;
  height: auto;
}
.tzui-carousel .slick-arrow.slick-hidden {
  display: none;
}
.tzui-carousel .slick-prev,
.tzui-carousel .slick-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.tzui-carousel .slick-prev:hover,
.tzui-carousel .slick-next:hover,
.tzui-carousel .slick-prev:focus,
.tzui-carousel .slick-next:focus {
  color: transparent;
  background: transparent;
  outline: none;
}
.tzui-carousel .slick-prev:hover::before,
.tzui-carousel .slick-next:hover::before,
.tzui-carousel .slick-prev:focus::before,
.tzui-carousel .slick-next:focus::before {
  opacity: 1;
}
.tzui-carousel .slick-prev.slick-disabled::before,
.tzui-carousel .slick-next.slick-disabled::before {
  opacity: 0.25;
}
.tzui-carousel .slick-prev {
  left: -25px;
}
.tzui-carousel .slick-prev::before {
  content: '←';
}
.tzui-carousel .slick-next {
  right: -25px;
}
.tzui-carousel .slick-next::before {
  content: '→';
}
.tzui-carousel .slick-dots {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 15%;
  margin-bottom: 0;
  margin-left: 15%;
  padding-left: 0;
  list-style: none;
}
.tzui-carousel .slick-dots-bottom {
  bottom: 12px;
}
.tzui-carousel .slick-dots-top {
  top: 12px;
  bottom: auto;
}
.tzui-carousel .slick-dots li {
  position: relative;
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 16px;
  height: 3px;
  margin: 0 4px;
  padding: 0;
  text-align: center;
  text-indent: -999px;
  vertical-align: top;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.tzui-carousel .slick-dots li button {
  position: relative;
  display: block;
  width: 100%;
  height: 3px;
  padding: 0;
  color: transparent;
  font-size: 0;
  background: #fff;
  border: 0;
  border-radius: 1px;
  outline: none;
  cursor: pointer;
  opacity: 0.3;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.tzui-carousel .slick-dots li button:hover,
.tzui-carousel .slick-dots li button:focus {
  opacity: 0.75;
}
.tzui-carousel .slick-dots li button::after {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  content: '';
}
.tzui-carousel .slick-dots li.slick-active {
  width: 24px;
}
.tzui-carousel .slick-dots li.slick-active button {
  background: #fff;
  opacity: 1;
}
.tzui-carousel .slick-dots li.slick-active:hover,
.tzui-carousel .slick-dots li.slick-active:focus {
  opacity: 1;
}
.tzui-carousel-vertical .slick-dots {
  top: 50%;
  bottom: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 3px;
  height: auto;
  margin: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.tzui-carousel-vertical .slick-dots-left {
  right: auto;
  left: 12px;
}
.tzui-carousel-vertical .slick-dots-right {
  right: 12px;
  left: auto;
}
.tzui-carousel-vertical .slick-dots li {
  width: 3px;
  height: 16px;
  margin: 4px 0;
  vertical-align: baseline;
}
.tzui-carousel-vertical .slick-dots li button {
  width: 3px;
  height: 16px;
}
.tzui-carousel-vertical .slick-dots li.slick-active {
  width: 3px;
  height: 24px;
}
.tzui-carousel-vertical .slick-dots li.slick-active button {
  width: 3px;
  height: 24px;
}
.tzui-carousel-rtl {
  direction: rtl;
}
.tzui-carousel-rtl .tzui-carousel .slick-track {
  right: 0;
  left: auto;
}
.tzui-carousel-rtl .tzui-carousel .slick-prev {
  right: -25px;
  left: auto;
}
.tzui-carousel-rtl .tzui-carousel .slick-prev::before {
  content: '→';
}
.tzui-carousel-rtl .tzui-carousel .slick-next {
  right: auto;
  left: -25px;
}
.tzui-carousel-rtl .tzui-carousel .slick-next::before {
  content: '←';
}
.tzui-carousel-rtl.tzui-carousel .slick-dots {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.tzui-carousel-rtl.tzui-carousel-vertical .slick-dots {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-carousel .slick-prev,
.tzui-carousel .slick-next {
  z-index: 9;
  width: 18px;
  height: 18px;
  border-left: 2px solid var(--color-border-dark);
  border-top: 2px solid var(--color-border-dark);
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
  color: transparent;
}
.tzui-carousel .slick-prev:hover,
.tzui-carousel .slick-next:hover {
  border-color: #333;
}
.tzui-carousel .slick-disabled {
  border-color: var(--color-border-dark);
  cursor: not-allowed;
}
.tzui-carousel .slick-disabled:hover {
  border-color: var(--color-border-dark);
}
.tzui-carousel .slick-prev {
  left: -18px;
}
.tzui-carousel .slick-next {
  right: -18px;
  -webkit-transform: rotateZ(135deg);
          transform: rotateZ(135deg);
}
.tzui-carousel-scroll {
  display: block;
  position: relative;
}
.tzui-carousel-scroll .tzui-carousel-scroll-over {
  overflow: hidden;
}
.tzui-carousel-scroll .tzui-carousel-scroll-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.tzui-carousel-scroll .tzui-carousel-scroll-inner.animate {
  -webkit-transition: all 400ms;
  transition: all 400ms;
}
.tzui-carousel-scroll .tzui-carousel-item {
  display: block;
}
.tzui-carousel-scroll .scroll-prev,
.tzui-carousel-scroll .scroll-next {
  z-index: 9;
  cursor: pointer;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  background-color: rgba(0, 0, 0, 0.5);
}
.tzui-carousel-scroll .scroll-prev::before,
.tzui-carousel-scroll .scroll-next::before {
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 3px;
  bottom: 0;
  left: 3px;
  right: 0;
  margin: auto;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  content: "";
}
.tzui-carousel-scroll .scroll-prev:hover::before,
.tzui-carousel-scroll .scroll-next:hover::before {
  border-color: var(--color-primary);
}
.tzui-carousel-scroll .scroll-prev {
  left: -32px;
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}
.tzui-carousel-scroll .scroll-next {
  right: -32px;
  -webkit-transform: rotateZ(135deg);
          transform: rotateZ(135deg);
}
.tzui-carousel-scroll .scroll-disabled {
  display: none;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-audio-control-progress {
  position: relative;
}
.tzui-audio-control-progress:hover .progress-bg,
.tzui-audio-control-progress:hover .progress-loaded,
.tzui-audio-control-progress:hover .progress-value {
  opacity: 0.5;
}
.tzui-audio-control-progress .progress-bg,
.tzui-audio-control-progress .progress-loaded,
.tzui-audio-control-progress .progress-value {
  position: absolute;
  z-index: 0;
  height: 4px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 3px;
}
.tzui-audio-control-progress .progress-bg {
  width: 100%;
  background: rgba(255, 255, 255, 0.3);
}
.tzui-audio-control-progress .progress-loaded {
  background: rgba(255, 255, 255, 0.5);
}
.tzui-audio-control-progress .progress-value {
  background: var(--color-primary);
}
.tzui-audio-control-progress input {
  cursor: pointer;
  position: relative;
  z-index: 3;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: none;
  outline: none;
  color: var(--color-primary);
  display: block;
  height: 20px;
  margin: 0;
  padding: 0;
  width: 100%;
}
.tzui-audio-control-progress input::-webkit-slider-thumb {
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: var(--color-primary);
  cursor: pointer;
}
.tzui-audio-control-progress input::-ms-track {
  color: transparent;
  background: transparent;
  border: none;
}
.tzui-audio-control-progress input::-ms-fill-upper {
  background: transparent;
}
.tzui-audio-control-progress input::-ms-fill-lower {
  background: transparent;
}
.tzui-audio-control-progress input::-ms-thumb {
  box-sizing: border-box;
  border: none;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: var(--color-primary);
  cursor: pointer;
}
.tzui-audio-control-progress input::-ms-tooltip {
  display: none;
}
.tzui-audio-control-progress input::-moz-range-track {
  background-color: transparent;
}
.tzui-audio-control-progress input::-moz-range-thumb {
  box-sizing: border-box;
  border: none;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: var(--color-primary);
  cursor: pointer;
}
.tzui-audio-control-progress input::-moz-range-progress {
  background: transparent;
}
.tzui-audio {
  width: 100%;
  height: 52px;
  min-width: 250px;
  min-height: 35px;
  position: relative;
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.5);
}
.tzui-audio .control-btn {
  width: 32px;
  height: 32px;
  font-size: 18px;
  line-height: 1em;
  padding: 7px 0;
  margin: 2px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
}
.tzui-audio .control-btn:hover {
  background-color: var(--color-primary);
}
.tzui-audio .control-progress {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 8px;
  position: relative;
}
.tzui-audio .control-progress:hover .progress-tip {
  opacity: 1;
}
.tzui-audio .tzui-spin-wrap {
  min-height: auto;
  margin: 0 auto;
}
.tzui-audio .tzui-audio-error {
  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;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 3;
  cursor: default;
}
.tzui-audio .tzui-audio-error .error-icon {
  font-size: 26px;
  color: var(--color-danger);
}
.tzui-audio .tzui-audio-error .error-text {
  margin-left: 8px;
  font-size: 16px;
  color: var(--color-white);
  opacity: 0.8;
}
.tzui-audio .progress-tip {
  background: #fff;
  border-radius: 3px;
  bottom: 100%;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  color: var(--color-text);
  font-size: 14px;
  left: 50%;
  line-height: 20px;
  margin-bottom: 10px;
  opacity: 0;
  padding: 5px 8px;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translate(-50%, 10px) scale(0.8);
          transform: translate(-50%, 10px) scale(0.8);
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transition: opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  transition: opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  white-space: nowrap;
  z-index: 2;
}
.tzui-audio .progress-tip::before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #fff;
  bottom: -4px;
  content: '';
  height: 0;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.tzui-audio-tip-pr {
  position: absolute;
  top: 20px;
  right: 24px;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  padding: 5px 10px;
  background-color: rgba(51, 51, 51, 0.6);
}
.tzui-audio-sound-slider {
  width: 48px;
  border-radius: 2px;
  padding: 12px 0;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.tzui-audio-sound-slider .sound-value {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 4px;
}
.tzui-audio-sound-slider .slider-inner {
  height: 100px;
}
.tzui-audio-sound-slider .tzui-slider-vertical {
  margin-left: auto;
  margin-right: auto;
}
.tzui-audio-sound-slider .tzui-slider-vertical .tzui-slider-handle {
  width: 10px;
  height: 10px;
  margin-left: -3px;
  margin-bottom: 0;
  border: none;
  background-color: var(--color-primary);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-audio-control-pr .drop-select-wrap {
  min-width: 90px;
  text-align: center;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-table.tzui-table-middle {
  font-size: 14px;
}
.tzui-table.tzui-table-middle .tzui-table-title,
.tzui-table.tzui-table-middle .tzui-table-footer,
.tzui-table.tzui-table-middle .tzui-table-thead > tr > th,
.tzui-table.tzui-table-middle .tzui-table-tbody > tr > td,
.tzui-table.tzui-table-middle tfoot > tr > th,
.tzui-table.tzui-table-middle tfoot > tr > td {
  padding: 12px 8px;
}
.tzui-table.tzui-table-middle .tzui-table-filter-trigger {
  margin-right: -4px;
}
.tzui-table.tzui-table-middle .tzui-table-expanded-row-fixed {
  margin: -12px -8px;
}
.tzui-table.tzui-table-middle .tzui-table-tbody .tzui-table-wrapper:only-child .tzui-table {
  margin: -12px -8px -12px 40px;
}
.tzui-table.tzui-table-middle .tzui-table-selection-column {
  -webkit-padding-start: 2px;
          padding-inline-start: 2px;
}
.tzui-table.tzui-table-small {
  font-size: 14px;
}
.tzui-table.tzui-table-small .tzui-table-title,
.tzui-table.tzui-table-small .tzui-table-footer,
.tzui-table.tzui-table-small .tzui-table-thead > tr > th,
.tzui-table.tzui-table-small .tzui-table-tbody > tr > td,
.tzui-table.tzui-table-small tfoot > tr > th,
.tzui-table.tzui-table-small tfoot > tr > td {
  padding: 8px 8px;
}
.tzui-table.tzui-table-small .tzui-table-filter-trigger {
  margin-right: -4px;
}
.tzui-table.tzui-table-small .tzui-table-expanded-row-fixed {
  margin: -8px -8px;
}
.tzui-table.tzui-table-small .tzui-table-tbody .tzui-table-wrapper:only-child .tzui-table {
  margin: -8px -8px -8px 40px;
}
.tzui-table.tzui-table-small .tzui-table-selection-column {
  -webkit-padding-start: 2px;
          padding-inline-start: 2px;
}
.tzui-table.tzui-table-bordered > .tzui-table-title {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-bottom: 0;
}
.tzui-table.tzui-table-bordered > .tzui-table-container {
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-content > table > thead > tr > th,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-header > table > thead > tr > th,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-body > table > thead > tr > th,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-summary > table > thead > tr > th,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-content > table > tbody > tr > td,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-header > table > tbody > tr > td,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-body > table > tbody > tr > td,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-summary > table > tbody > tr > td,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-content > table > tfoot > tr > th,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-header > table > tfoot > tr > th,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-body > table > tfoot > tr > th,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-summary > table > tfoot > tr > th,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-content > table > tfoot > tr > td,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-header > table > tfoot > tr > td,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-body > table > tfoot > tr > td,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-summary > table > tfoot > tr > td {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-content > table > thead > tr:not(:last-child) > th,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-header > table > thead > tr:not(:last-child) > th,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-body > table > thead > tr:not(:last-child) > th,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-summary > table > thead > tr:not(:last-child) > th {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-content > table > thead > tr > th::before,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-header > table > thead > tr > th::before,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-body > table > thead > tr > th::before,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-summary > table > thead > tr > th::before {
  background-color: transparent !important;
}
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-content > table > thead > tr > .tzui-table-cell-fix-right-first::after,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-header > table > thead > tr > .tzui-table-cell-fix-right-first::after,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-body > table > thead > tr > .tzui-table-cell-fix-right-first::after,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-summary > table > thead > tr > .tzui-table-cell-fix-right-first::after,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-content > table > tbody > tr > .tzui-table-cell-fix-right-first::after,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-header > table > tbody > tr > .tzui-table-cell-fix-right-first::after,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-body > table > tbody > tr > .tzui-table-cell-fix-right-first::after,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-summary > table > tbody > tr > .tzui-table-cell-fix-right-first::after,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-content > table > tfoot > tr > .tzui-table-cell-fix-right-first::after,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-header > table > tfoot > tr > .tzui-table-cell-fix-right-first::after,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-body > table > tfoot > tr > .tzui-table-cell-fix-right-first::after,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-summary > table > tfoot > tr > .tzui-table-cell-fix-right-first::after {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-content > table > tbody > tr > td > .tzui-table-expanded-row-fixed,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-header > table > tbody > tr > td > .tzui-table-expanded-row-fixed,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-body > table > tbody > tr > td > .tzui-table-expanded-row-fixed,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-summary > table > tbody > tr > td > .tzui-table-expanded-row-fixed {
  margin: -16px -17px;
}
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-content > table > tbody > tr > td > .tzui-table-expanded-row-fixed::after,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-header > table > tbody > tr > td > .tzui-table-expanded-row-fixed::after,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-body > table > tbody > tr > td > .tzui-table-expanded-row-fixed::after,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-summary > table > tbody > tr > td > .tzui-table-expanded-row-fixed::after {
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.06);
  content: '';
}
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-content > table,
.tzui-table.tzui-table-bordered > .tzui-table-container > .tzui-table-header > table {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.tzui-table.tzui-table-bordered.tzui-table-scroll-horizontal > .tzui-table-container > .tzui-table-body > table > tbody > tr.tzui-table-expanded-row > td,
.tzui-table.tzui-table-bordered.tzui-table-scroll-horizontal > .tzui-table-container > .tzui-table-body > table > tbody > tr.tzui-table-placeholder > td {
  border-right: 0;
}
.tzui-table.tzui-table-bordered.tzui-table-middle > .tzui-table-container > .tzui-table-content > table > tbody > tr > td > .tzui-table-expanded-row-fixed,
.tzui-table.tzui-table-bordered.tzui-table-middle > .tzui-table-container > .tzui-table-body > table > tbody > tr > td > .tzui-table-expanded-row-fixed {
  margin: -12px -9px;
}
.tzui-table.tzui-table-bordered.tzui-table-small > .tzui-table-container > .tzui-table-content > table > tbody > tr > td > .tzui-table-expanded-row-fixed,
.tzui-table.tzui-table-bordered.tzui-table-small > .tzui-table-container > .tzui-table-body > table > tbody > tr > td > .tzui-table-expanded-row-fixed {
  margin: -8px -9px;
}
.tzui-table.tzui-table-bordered > .tzui-table-footer {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-top: 0;
}
.tzui-table-cell .tzui-table-container:first-child {
  border-top: 0;
}
.tzui-table-cell-scrollbar:not([rowspan]) {
  -webkit-box-shadow: 0 1px 0 1px var(--color-bg-light);
          box-shadow: 0 1px 0 1px var(--color-bg-light);
}
.tzui-table-wrapper {
  clear: both;
  max-width: 100%;
}
.tzui-table-wrapper::before {
  display: table;
  content: '';
}
.tzui-table-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.tzui-table {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  font-size: 14px;
  background: #fff;
  border-radius: 4px;
}
.tzui-table table {
  width: 100%;
  text-align: left;
  border-radius: 4px 4px 0 0;
  border-collapse: separate;
  border-spacing: 0;
}
.tzui-table-thead > tr > th,
.tzui-table-tbody > tr > td,
.tzui-table tfoot > tr > th,
.tzui-table tfoot > tr > td {
  position: relative;
  padding: 16px 16px;
  overflow-wrap: break-word;
}
.tzui-table-cell-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.tzui-table-cell-ellipsis.tzui-table-cell-fix-left-last,
.tzui-table-cell-ellipsis.tzui-table-cell-fix-right-first {
  overflow: visible;
}
.tzui-table-cell-ellipsis.tzui-table-cell-fix-left-last .tzui-table-cell-content,
.tzui-table-cell-ellipsis.tzui-table-cell-fix-right-first .tzui-table-cell-content {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tzui-table-cell-ellipsis .tzui-table-column-title {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.tzui-table-title {
  padding: 16px 16px;
}
.tzui-table-footer {
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.85);
  background: #fafafa;
}
.tzui-table-thead > tr > th {
  position: relative;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  text-align: left;
  background: var(--color-bg-light);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.tzui-table-thead > tr > th[colspan]:not([colspan='1']) {
  text-align: center;
}
.tzui-table-thead > tr > th:not(:last-child):not(.tzui-table-selection-column):not(.tzui-table-row-expand-icon-cell):not([colspan])::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 1.6em;
  background-color: rgba(0, 0, 0, 0.06);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  content: '';
}
.tzui-table-thead > tr:not(:last-child) > th[colspan] {
  border-bottom: 0;
}
.tzui-table-tbody > tr > td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.tzui-table-tbody > tr > td > .tzui-table-wrapper:only-child .tzui-table,
.tzui-table-tbody > tr > td > .tzui-table-expanded-row-fixed > .tzui-table-wrapper:only-child .tzui-table {
  margin: -16px -16px -16px 32px;
}
.tzui-table-tbody > tr > td > .tzui-table-wrapper:only-child .tzui-table-tbody > tr:last-child > td,
.tzui-table-tbody > tr > td > .tzui-table-expanded-row-fixed > .tzui-table-wrapper:only-child .tzui-table-tbody > tr:last-child > td {
  border-bottom: 0;
}
.tzui-table-tbody > tr > td > .tzui-table-wrapper:only-child .tzui-table-tbody > tr:last-child > td:first-child,
.tzui-table-tbody > tr > td > .tzui-table-expanded-row-fixed > .tzui-table-wrapper:only-child .tzui-table-tbody > tr:last-child > td:first-child,
.tzui-table-tbody > tr > td > .tzui-table-wrapper:only-child .tzui-table-tbody > tr:last-child > td:last-child,
.tzui-table-tbody > tr > td > .tzui-table-expanded-row-fixed > .tzui-table-wrapper:only-child .tzui-table-tbody > tr:last-child > td:last-child {
  border-radius: 0;
}
.tzui-table-tbody > tr.tzui-table-row:hover > td,
.tzui-table-tbody > tr > td.tzui-table-cell-row-hover {
  background: var(--color-bg);
}
.tzui-table-tbody > tr.tzui-table-row-selected > td {
  background: #fafafa;
  border-color: rgba(0, 0, 0, 0.03);
}
.tzui-table-tbody > tr.tzui-table-row-selected:hover > td {
  background: #fafafa;
}
.tzui-table-summary {
  position: relative;
  z-index: 2;
  background: #fff;
}
div.tzui-table-summary {
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.06);
}
.tzui-table-summary > tr > th,
.tzui-table-summary > tr > td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.tzui-table-pagination.tzui-pagination {
  margin: 16px 0;
}
.tzui-table-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 8px;
}
.tzui-table-pagination > * {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.tzui-table-pagination-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.tzui-table-pagination-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tzui-table-pagination-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.tzui-table-thead th.tzui-table-column-has-sorters {
  outline: none;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-table-thead th.tzui-table-column-has-sorters:hover {
  background: rgba(0, 0, 0, 0.04);
}
.tzui-table-thead th.tzui-table-column-has-sorters:hover::before {
  background-color: transparent !important;
}
.tzui-table-thead th.tzui-table-column-has-sorters:focus-visible {
  color: var(--color-primary);
}
.tzui-table-thead th.tzui-table-column-has-sorters.tzui-table-cell-fix-left:hover,
.tzui-table-thead th.tzui-table-column-has-sorters.tzui-table-cell-fix-right:hover {
  background: #f5f5f5;
}
.tzui-table-thead th.tzui-table-column-sort {
  background: #e6e8ea;
}
.tzui-table-thead th.tzui-table-column-sort::before {
  background-color: transparent !important;
}
td.tzui-table-column-sort {
  background: var(--color-bg);
}
.tzui-table-column-title {
  position: relative;
  z-index: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tzui-table-column-sorters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tzui-table-column-sorters::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
}
.tzui-table-column-sorter {
  margin-left: 4px;
  color: #bfbfbf;
  font-size: 0;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.tzui-table-column-sorter-inner {
  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;
}
.tzui-table-column-sorter-up,
.tzui-table-column-sorter-down {
  font-size: 11px;
}
.tzui-table-column-sorter-up.active,
.tzui-table-column-sorter-down.active {
  color: var(--color-primary);
}
.tzui-table-column-sorter-up + .tzui-table-column-sorter-down {
  margin-top: -0.3em;
}
.tzui-table-column-sorters:hover .tzui-table-column-sorter {
  color: #a6a6a6;
}
.tzui-table-filter-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tzui-table-filter-trigger {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: -4px -8px -4px 4px;
  padding: 0 4px;
  color: #bfbfbf;
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tzui-table-filter-trigger:hover {
  color: #858e99;
  background: rgba(0, 0, 0, 0.04);
}
.tzui-table-filter-trigger.active {
  color: var(--color-primary);
}
.tzui-table-filter-dropdown {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  min-width: 120px;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
          box-shadow: 0 0 1px 0px #7e7f80, 0px 9px 28px 8px rgba(87, 98, 114, 0.05), 0px 6px 10px rgba(87, 98, 114, 0.05), 0px 3px 6px -4px rgba(87, 98, 114, 0.05);
}
.tzui-table-filter-dropdown .tzui-dropdown-menu {
  max-height: 264px;
  overflow-x: hidden;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tzui-table-filter-dropdown .tzui-dropdown-menu:empty::after {
  display: block;
  padding: 8px 0;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  text-align: center;
  content: 'Not Found';
}
.tzui-table-filter-dropdown-tree {
  padding: 8px 8px 0;
}
.tzui-table-filter-dropdown-tree .tzui-tree-treenode .tzui-tree-node-content-wrapper:hover {
  background-color: var(--color-bg);
}
.tzui-table-filter-dropdown-tree .tzui-tree-treenode-checkbox-checked .tzui-tree-node-content-wrapper,
.tzui-table-filter-dropdown-tree .tzui-tree-treenode-checkbox-checked .tzui-tree-node-content-wrapper:hover {
  background-color: var(--color-primary-slight);
}
.tzui-table-filter-dropdown-search {
  padding: 8px;
  border-bottom: 1px rgba(0, 0, 0, 0.06) solid;
}
.tzui-table-filter-dropdown-search-input input {
  min-width: 140px;
}
.tzui-table-filter-dropdown-search-input .anticon {
  color: rgba(0, 0, 0, 0.25);
}
.tzui-table-filter-dropdown-checkall {
  width: 100%;
  margin-bottom: 4px;
  margin-left: 4px;
}
.tzui-table-filter-dropdown-submenu > ul {
  max-height: calc(100vh - 130px);
  overflow-x: hidden;
  overflow-y: auto;
}
.tzui-table-filter-dropdown .tzui-checkbox-wrapper + span,
.tzui-table-filter-dropdown-submenu .tzui-checkbox-wrapper + span {
  padding-left: 8px;
}
.tzui-table-filter-dropdown-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 7px 8px;
  overflow: hidden;
  background-color: inherit;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.tzui-table-selection-col {
  width: 32px;
}
.tzui-table-bordered .tzui-table-selection-col {
  width: 50px;
}
table tr th.tzui-table-selection-column,
table tr td.tzui-table-selection-column {
  padding-right: 8px;
  padding-left: 8px;
  text-align: center;
}
table tr th.tzui-table-selection-column .tzui-radio-wrapper,
table tr td.tzui-table-selection-column .tzui-radio-wrapper {
  margin-right: 0;
}
table tr th.tzui-table-selection-column.tzui-table-cell-fix-left {
  z-index: 3;
}
table tr th.tzui-table-selection-column::after {
  background-color: transparent !important;
}
.tzui-table-selection {
  position: relative;
  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;
}
.tzui-table-selection-extra {
  position: absolute;
  top: 0;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-margin-start: 100%;
          margin-inline-start: 100%;
  -webkit-padding-start: 4px;
          padding-inline-start: 4px;
}
.tzui-table-selection-extra .anticon {
  color: #bfbfbf;
  font-size: 10px;
}
.tzui-table-selection-extra .anticon:hover {
  color: #a6a6a6;
}
.tzui-table-expand-icon-col {
  width: 48px;
}
.tzui-table-row-expand-icon-cell {
  text-align: center;
}
.tzui-table-row-expand-icon-cell .tzui-table-row-expand-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  float: none;
  vertical-align: sub;
}
.tzui-table-row-indent {
  float: left;
  height: 1px;
}
.tzui-table-row-expand-icon {
  color: var(--color-primary);
  outline: none;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  position: relative;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 17px;
  height: 17px;
  padding: 0;
  color: inherit;
  line-height: 17px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  -webkit-transform: scale(0.94117647);
          transform: scale(0.94117647);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tzui-table-row-expand-icon:focus-visible,
.tzui-table-row-expand-icon:hover {
  color: var(--color-primary-hover);
}
.tzui-table-row-expand-icon:active {
  color: var(--color-primary-dark);
}
.tzui-table-row-expand-icon:focus,
.tzui-table-row-expand-icon:hover,
.tzui-table-row-expand-icon:active {
  border-color: currentcolor;
}
.tzui-table-row-expand-icon::before,
.tzui-table-row-expand-icon::after {
  position: absolute;
  background: currentcolor;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  content: '';
}
.tzui-table-row-expand-icon::before {
  top: 7px;
  right: 3px;
  left: 3px;
  height: 1px;
}
.tzui-table-row-expand-icon::after {
  top: 3px;
  bottom: 3px;
  left: 7px;
  width: 1px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.tzui-table-row-expand-icon-collapsed::before {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.tzui-table-row-expand-icon-collapsed::after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.tzui-table-row-expand-icon-spaced {
  background: transparent;
  border: 0;
  visibility: hidden;
}
.tzui-table-row-expand-icon-spaced::before,
.tzui-table-row-expand-icon-spaced::after {
  display: none;
  content: none;
}
.tzui-table-row-indent + .tzui-table-row-expand-icon {
  margin-top: 2.5005px;
  margin-right: 8px;
}
tr.tzui-table-expanded-row > td,
tr.tzui-table-expanded-row:hover > td {
  background: #fbfbfb;
}
tr.tzui-table-expanded-row .tzui-descriptions-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
tr.tzui-table-expanded-row .tzui-descriptions-view table {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  width: auto;
}
.tzui-table .tzui-table-expanded-row-fixed {
  position: relative;
  margin: -16px -16px;
  padding: 16px 16px;
}
.tzui-table-tbody > tr.tzui-table-placeholder {
  text-align: center;
}
.tzui-table-empty .tzui-table-tbody > tr.tzui-table-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.tzui-table-tbody > tr.tzui-table-placeholder:hover > td {
  background: #fff;
}
.tzui-table-cell-fix-left,
.tzui-table-cell-fix-right {
  position: sticky !important;
  z-index: 2;
  background: #fff;
}
.tzui-table-cell-fix-left-first::after,
.tzui-table-cell-fix-left-last::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -1px;
  width: 30px;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -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;
  content: '';
  pointer-events: none;
}
.tzui-table-cell-fix-left-all::after {
  display: none;
}
.tzui-table-cell-fix-right-first::after,
.tzui-table-cell-fix-right-last::after {
  position: absolute;
  top: 0;
  bottom: -1px;
  left: 0;
  width: 30px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -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;
  content: '';
  pointer-events: none;
}
.tzui-table .tzui-table-container::before,
.tzui-table .tzui-table-container::after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: calc(calc(2 + 1) + 1);
  width: 30px;
  -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;
  content: '';
  pointer-events: none;
}
.tzui-table .tzui-table-container::before {
  left: 0;
}
.tzui-table .tzui-table-container::after {
  right: 0;
}
.tzui-table-ping-left:not(.tzui-table-has-fix-left) > .tzui-table-container {
  position: relative;
}
.tzui-table-ping-left:not(.tzui-table-has-fix-left) > .tzui-table-container::before {
  -webkit-box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
          box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.tzui-table-ping-left .tzui-table-cell-fix-left-first::after,
.tzui-table-ping-left .tzui-table-cell-fix-left-last::after {
  -webkit-box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
          box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.tzui-table-ping-left .tzui-table-cell-fix-left-last::before {
  background-color: transparent !important;
}
.tzui-table-ping-right:not(.tzui-table-has-fix-right) > .tzui-table-container {
  position: relative;
}
.tzui-table-ping-right:not(.tzui-table-has-fix-right) > .tzui-table-container::after {
  -webkit-box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
          box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.tzui-table-ping-right .tzui-table-cell-fix-right-first::after,
.tzui-table-ping-right .tzui-table-cell-fix-right-last::after {
  -webkit-box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
          box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.tzui-table-sticky-holder {
  position: sticky;
  z-index: calc(2 + 1);
  background: #fff;
}
.tzui-table-sticky-scroll {
  position: sticky;
  bottom: 0;
  z-index: calc(2 + 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(204, 204, 204, 0.06);
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  opacity: 0.6;
}
.tzui-table-sticky-scroll:hover {
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
}
.tzui-table-sticky-scroll-bar {
  height: 8px;
  background-color: rgba(0, 0, 0, 0.35);
  border-radius: 4px;
}
.tzui-table-sticky-scroll-bar:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.tzui-table-sticky-scroll-bar-active {
  background-color: rgba(0, 0, 0, 0.8);
}
@media all and (-ms-high-contrast: none) {
  .tzui-table-ping-left .tzui-table-cell-fix-left-last::after {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  .tzui-table-ping-right .tzui-table-cell-fix-right-first::after {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
}
.tzui-table {
  /* title + table */
  /* table */
  /* table + footer */
}
.tzui-table-title {
  border-radius: 4px 4px 0 0;
}
.tzui-table-title + .tzui-table-container {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.tzui-table-title + .tzui-table-container table {
  border-radius: 0;
}
.tzui-table-title + .tzui-table-container table > thead > tr:first-child th:first-child {
  border-radius: 0;
}
.tzui-table-title + .tzui-table-container table > thead > tr:first-child th:last-child {
  border-radius: 0;
}
.tzui-table-container {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.tzui-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 4px;
}
.tzui-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 4px;
}
.tzui-table-footer {
  border-radius: 0 0 4px 4px;
}
.tzui-table-wrapper-rtl {
  direction: rtl;
}
.tzui-table-rtl {
  direction: rtl;
}
.tzui-table-wrapper-rtl .tzui-table table {
  text-align: right;
}
.tzui-table-wrapper-rtl .tzui-table-thead > tr > th[colspan]:not([colspan='1']) {
  text-align: center;
}
.tzui-table-wrapper-rtl .tzui-table-thead > tr > th:not(:last-child):not(.tzui-table-selection-column):not(.tzui-table-row-expand-icon-cell):not([colspan])::before {
  right: auto;
  left: 0;
}
.tzui-table-wrapper-rtl .tzui-table-thead > tr > th {
  text-align: right;
}
.tzui-table-tbody > tr .tzui-table-wrapper:only-child .tzui-table.tzui-table-rtl {
  margin: -16px 33px -16px -16px;
}
.tzui-table-wrapper.tzui-table-wrapper-rtl .tzui-table-pagination-left {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.tzui-table-wrapper.tzui-table-wrapper-rtl .tzui-table-pagination-right {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.tzui-table-wrapper-rtl .tzui-table-column-sorter {
  margin-right: 4px;
  margin-left: 0;
}
.tzui-table-wrapper-rtl .tzui-table-filter-column-title {
  padding: 16px 16px 16px 2.3em;
}
.tzui-table-rtl .tzui-table-thead tr th.tzui-table-column-has-sorters .tzui-table-filter-column-title {
  padding: 0 0 0 2.3em;
}
.tzui-table-wrapper-rtl .tzui-table-filter-trigger {
  margin: -4px 4px -4px -8px;
}
.tzui-dropdown-rtl .tzui-table-filter-dropdown .tzui-checkbox-wrapper + span,
.tzui-dropdown-rtl .tzui-table-filter-dropdown-submenu .tzui-checkbox-wrapper + span,
.tzui-dropdown-menu-submenu-rtl.tzui-table-filter-dropdown .tzui-checkbox-wrapper + span,
.tzui-dropdown-menu-submenu-rtl.tzui-table-filter-dropdown-submenu .tzui-checkbox-wrapper + span {
  padding-right: 8px;
  padding-left: 0;
}
.tzui-table-wrapper-rtl .tzui-table-selection {
  text-align: center;
}
.tzui-table-wrapper-rtl .tzui-table-row-indent {
  float: right;
}
.tzui-table-wrapper-rtl .tzui-table-row-expand-icon {
  float: right;
}
.tzui-table-wrapper-rtl .tzui-table-row-indent + .tzui-table-row-expand-icon {
  margin-right: 0;
  margin-left: 8px;
}
.tzui-table-wrapper-rtl .tzui-table-row-expand-icon::after {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.tzui-table-wrapper-rtl .tzui-table-row-expand-icon-collapsed::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.tzui-table-wrapper-rtl .tzui-table-row-expand-icon-collapsed::after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-table-thead th.tzui-table-column-has-sorters:hover {
  background-color: #e6e8ea;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --tzui-primary-color: #1890ff;
  --tzui-primary-color-hover: #40a9ff;
  --tzui-primary-color-active: #096dd9;
  --tzui-primary-color-outline: rgba(24, 144, 255, 0.2);
  --tzui-primary-1: #e6f7ff;
  --tzui-primary-2: #bae7ff;
  --tzui-primary-3: #91d5ff;
  --tzui-primary-4: #69c0ff;
  --tzui-primary-5: #40a9ff;
  --tzui-primary-6: #1890ff;
  --tzui-primary-7: #096dd9;
  --tzui-primary-color-deprecated-pure: ;
  --tzui-primary-color-deprecated-l-35: #cbe6ff;
  --tzui-primary-color-deprecated-l-20: #7ec1ff;
  --tzui-primary-color-deprecated-t-20: #46a6ff;
  --tzui-primary-color-deprecated-t-50: #8cc8ff;
  --tzui-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
  --tzui-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --tzui-primary-color-active-deprecated-d-02: #dcf4ff;
  --tzui-success-color: #52c41a;
  --tzui-success-color-hover: #73d13d;
  --tzui-success-color-active: #389e0d;
  --tzui-success-color-outline: rgba(82, 196, 26, 0.2);
  --tzui-success-color-deprecated-bg: #f6ffed;
  --tzui-success-color-deprecated-border: #b7eb8f;
  --tzui-error-color: #ff4d4f;
  --tzui-error-color-hover: #ff7875;
  --tzui-error-color-active: #d9363e;
  --tzui-error-color-outline: rgba(255, 77, 79, 0.2);
  --tzui-error-color-deprecated-bg: #fff2f0;
  --tzui-error-color-deprecated-border: #ffccc7;
  --tzui-warning-color: #faad14;
  --tzui-warning-color-hover: #ffc53d;
  --tzui-warning-color-active: #d48806;
  --tzui-warning-color-outline: rgba(250, 173, 20, 0.2);
  --tzui-warning-color-deprecated-bg: #fffbe6;
  --tzui-warning-color-deprecated-border: #ffe58f;
  --tzui-info-color: #1890ff;
  --tzui-info-color-deprecated-bg: #e6f7ff;
  --tzui-info-color-deprecated-border: #91d5ff;
}
.tzui-badge {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  line-height: 1;
}
.tzui-badge-count {
  z-index: auto;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  text-align: center;
  background: #ff4d4f;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 0 1px #fff;
          box-shadow: 0 0 0 1px #fff;
}
.tzui-badge-count a,
.tzui-badge-count a:hover {
  color: #fff;
}
.tzui-badge-count-sm {
  min-width: 14px;
  height: 14px;
  padding: 0;
  font-size: 12px;
  line-height: 14px;
  border-radius: 7px;
}
.tzui-badge-multiple-words {
  padding: 0 8px;
}
.tzui-badge-dot {
  z-index: auto;
  width: 6px;
  min-width: 6px;
  height: 6px;
  background: #ff4d4f;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 0 1px #fff;
          box-shadow: 0 0 0 1px #fff;
}
.tzui-badge-dot.tzui-scroll-number {
  -webkit-transition: background 1.5s;
  transition: background 1.5s;
}
.tzui-badge-count,
.tzui-badge-dot,
.tzui-badge .tzui-scroll-number-custom-component {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  -webkit-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
}
.tzui-badge-count.anticon-spin,
.tzui-badge-dot.anticon-spin,
.tzui-badge .tzui-scroll-number-custom-component.anticon-spin {
  -webkit-animation: antBadgeLoadingCircle 1s infinite linear;
          animation: antBadgeLoadingCircle 1s infinite linear;
}
.tzui-badge-status {
  line-height: inherit;
  vertical-align: baseline;
}
.tzui-badge-status-dot {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-radius: 50%;
}
.tzui-badge-status-success {
  background-color: var(--color-success);
}
.tzui-badge-status-processing {
  position: relative;
  background-color: var(--color-primary);
}
.tzui-badge-status-processing::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-primary);
  border-radius: 50%;
  -webkit-animation: antStatusProcessing 1.2s infinite ease-in-out;
          animation: antStatusProcessing 1.2s infinite ease-in-out;
  content: '';
}
.tzui-badge-status-default {
  background-color: #ccc;
}
.tzui-badge-status-error {
  background-color: var(--color-danger);
}
.tzui-badge-status-warning {
  background-color: var(--color-warning);
}
.tzui-badge-status-pink {
  background: #eb2f96;
}
.tzui-badge-status-magenta {
  background: #eb2f96;
}
.tzui-badge-status-red {
  background: #f5222d;
}
.tzui-badge-status-volcano {
  background: #fa541c;
}
.tzui-badge-status-orange {
  background: #fa8c16;
}
.tzui-badge-status-yellow {
  background: #fadb14;
}
.tzui-badge-status-gold {
  background: #faad14;
}
.tzui-badge-status-cyan {
  background: #13c2c2;
}
.tzui-badge-status-lime {
  background: #a0d911;
}
.tzui-badge-status-green {
  background: #52c41a;
}
.tzui-badge-status-blue {
  background: #1890ff;
}
.tzui-badge-status-geekblue {
  background: #2f54eb;
}
.tzui-badge-status-purple {
  background: #722ed1;
}
.tzui-badge-status-text {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.tzui-badge-zoom-appear,
.tzui-badge-zoom-enter {
  -webkit-animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
          animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.tzui-badge-zoom-leave {
  -webkit-animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
          animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.tzui-badge-not-a-wrapper .tzui-badge-zoom-appear,
.tzui-badge-not-a-wrapper .tzui-badge-zoom-enter {
  -webkit-animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
          animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
}
.tzui-badge-not-a-wrapper .tzui-badge-zoom-leave {
  -webkit-animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
          animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}
.tzui-badge-not-a-wrapper:not(.tzui-badge-status) {
  vertical-align: middle;
}
.tzui-badge-not-a-wrapper .tzui-scroll-number-custom-component,
.tzui-badge-not-a-wrapper .tzui-badge-count {
  -webkit-transform: none;
          transform: none;
}
.tzui-badge-not-a-wrapper .tzui-scroll-number-custom-component,
.tzui-badge-not-a-wrapper .tzui-scroll-number {
  position: relative;
  top: auto;
  display: block;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
@-webkit-keyframes antStatusProcessing {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(2.4);
            transform: scale(2.4);
    opacity: 0;
  }
}
@keyframes antStatusProcessing {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(2.4);
            transform: scale(2.4);
    opacity: 0;
  }
}
.tzui-scroll-number {
  overflow: hidden;
  direction: ltr;
}
.tzui-scroll-number-only {
  position: relative;
  display: inline-block;
  height: 20px;
  -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);
  /* stylelint-disable property-no-vendor-prefix */
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  /* stylelint-enable property-no-vendor-prefix */
}
.tzui-scroll-number-only > p.tzui-scroll-number-only-unit {
  height: 20px;
  margin: 0;
  /* stylelint-disable property-no-vendor-prefix */
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  /* stylelint-enable property-no-vendor-prefix */
}
.tzui-scroll-number-symbol {
  vertical-align: top;
}
@-webkit-keyframes antZoomBadgeIn {
  0% {
    -webkit-transform: scale(0) translate(50%, -50%);
            transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1) translate(50%, -50%);
            transform: scale(1) translate(50%, -50%);
  }
}
@keyframes antZoomBadgeIn {
  0% {
    -webkit-transform: scale(0) translate(50%, -50%);
            transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1) translate(50%, -50%);
            transform: scale(1) translate(50%, -50%);
  }
}
@-webkit-keyframes antZoomBadgeOut {
  0% {
    -webkit-transform: scale(1) translate(50%, -50%);
            transform: scale(1) translate(50%, -50%);
  }
  100% {
    -webkit-transform: scale(0) translate(50%, -50%);
            transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
}
@keyframes antZoomBadgeOut {
  0% {
    -webkit-transform: scale(1) translate(50%, -50%);
            transform: scale(1) translate(50%, -50%);
  }
  100% {
    -webkit-transform: scale(0) translate(50%, -50%);
            transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
}
@-webkit-keyframes antNoWrapperZoomBadgeIn {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes antNoWrapperZoomBadgeIn {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes antNoWrapperZoomBadgeOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
}
@keyframes antNoWrapperZoomBadgeOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
}
@-webkit-keyframes antBadgeLoadingCircle {
  0% {
    -webkit-transform-origin: 50%;
            transform-origin: 50%;
  }
  100% {
    -webkit-transform: translate(50%, -50%) rotate(360deg);
            transform: translate(50%, -50%) rotate(360deg);
    -webkit-transform-origin: 50%;
            transform-origin: 50%;
  }
}
@keyframes antBadgeLoadingCircle {
  0% {
    -webkit-transform-origin: 50%;
            transform-origin: 50%;
  }
  100% {
    -webkit-transform: translate(50%, -50%) rotate(360deg);
            transform: translate(50%, -50%) rotate(360deg);
    -webkit-transform-origin: 50%;
            transform-origin: 50%;
  }
}
.tzui-ribbon-wrapper {
  position: relative;
}
.tzui-ribbon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  top: 8px;
  height: 22px;
  padding: 0 8px;
  color: #fff;
  line-height: 22px;
  white-space: nowrap;
  background-color: var(--color-primary);
  border-radius: 4px;
}
.tzui-ribbon-text {
  color: #fff;
}
.tzui-ribbon-corner {
  position: absolute;
  top: 100%;
  width: 8px;
  height: 8px;
  color: currentcolor;
  border: 4px solid;
  -webkit-transform: scaleY(0.75);
          transform: scaleY(0.75);
  -webkit-transform-origin: top;
          transform-origin: top;
}
.tzui-ribbon-corner::after {
  position: absolute;
  top: -4px;
  left: -4px;
  width: inherit;
  height: inherit;
  color: rgba(0, 0, 0, 0.25);
  border: inherit;
  content: '';
}
.tzui-ribbon-color-pink {
  color: #eb2f96;
  background: #eb2f96;
}
.tzui-ribbon-color-magenta {
  color: #eb2f96;
  background: #eb2f96;
}
.tzui-ribbon-color-red {
  color: #f5222d;
  background: #f5222d;
}
.tzui-ribbon-color-volcano {
  color: #fa541c;
  background: #fa541c;
}
.tzui-ribbon-color-orange {
  color: #fa8c16;
  background: #fa8c16;
}
.tzui-ribbon-color-yellow {
  color: #fadb14;
  background: #fadb14;
}
.tzui-ribbon-color-gold {
  color: #faad14;
  background: #faad14;
}
.tzui-ribbon-color-cyan {
  color: #13c2c2;
  background: #13c2c2;
}
.tzui-ribbon-color-lime {
  color: #a0d911;
  background: #a0d911;
}
.tzui-ribbon-color-green {
  color: #52c41a;
  background: #52c41a;
}
.tzui-ribbon-color-blue {
  color: #1890ff;
  background: #1890ff;
}
.tzui-ribbon-color-geekblue {
  color: #2f54eb;
  background: #2f54eb;
}
.tzui-ribbon-color-purple {
  color: #722ed1;
  background: #722ed1;
}
.tzui-ribbon.tzui-ribbon-placement-end {
  right: -8px;
  border-bottom-right-radius: 0;
}
.tzui-ribbon.tzui-ribbon-placement-end .tzui-ribbon-corner {
  right: 0;
  border-color: currentcolor transparent transparent currentcolor;
}
.tzui-ribbon.tzui-ribbon-placement-start {
  left: -8px;
  border-bottom-left-radius: 0;
}
.tzui-ribbon.tzui-ribbon-placement-start .tzui-ribbon-corner {
  left: 0;
  border-color: currentcolor currentcolor transparent transparent;
}
.tzui-badge-rtl {
  direction: rtl;
}
.tzui-badge-rtl.tzui-badge:not(.tzui-badge-not-a-wrapper) .tzui-badge-count,
.tzui-badge-rtl.tzui-badge:not(.tzui-badge-not-a-wrapper) .tzui-badge-dot,
.tzui-badge-rtl.tzui-badge:not(.tzui-badge-not-a-wrapper) .tzui-scroll-number-custom-component {
  right: auto;
  left: 0;
  direction: ltr;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}
.tzui-badge-rtl.tzui-badge:not(.tzui-badge-not-a-wrapper) .tzui-scroll-number-custom-component {
  right: auto;
  left: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}
.tzui-badge-rtl .tzui-badge-status-text {
  margin-right: 8px;
  margin-left: 0;
}
.tzui-badge:not(.tzui-badge-not-a-wrapper).tzui-badge-rtl .tzui-badge-zoom-appear,
.tzui-badge:not(.tzui-badge-not-a-wrapper).tzui-badge-rtl .tzui-badge-zoom-enter {
  -webkit-animation-name: antZoomBadgeInRtl;
          animation-name: antZoomBadgeInRtl;
}
.tzui-badge:not(.tzui-badge-not-a-wrapper).tzui-badge-rtl .tzui-badge-zoom-leave {
  -webkit-animation-name: antZoomBadgeOutRtl;
          animation-name: antZoomBadgeOutRtl;
}
.tzui-ribbon-rtl {
  direction: rtl;
}
.tzui-ribbon-rtl.tzui-ribbon-placement-end {
  right: unset;
  left: -8px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
}
.tzui-ribbon-rtl.tzui-ribbon-placement-end .tzui-ribbon-corner {
  right: unset;
  left: 0;
  border-color: currentcolor currentcolor transparent transparent;
}
.tzui-ribbon-rtl.tzui-ribbon-placement-end .tzui-ribbon-corner::after {
  border-color: currentcolor currentcolor transparent transparent;
}
.tzui-ribbon-rtl.tzui-ribbon-placement-start {
  right: -8px;
  left: unset;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
}
.tzui-ribbon-rtl.tzui-ribbon-placement-start .tzui-ribbon-corner {
  right: 0;
  left: unset;
  border-color: currentcolor transparent transparent currentcolor;
}
.tzui-ribbon-rtl.tzui-ribbon-placement-start .tzui-ribbon-corner::after {
  border-color: currentcolor transparent transparent currentcolor;
}
@-webkit-keyframes antZoomBadgeInRtl {
  0% {
    -webkit-transform: scale(0) translate(-50%, -50%);
            transform: scale(0) translate(-50%, -50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
  }
}
@keyframes antZoomBadgeInRtl {
  0% {
    -webkit-transform: scale(0) translate(-50%, -50%);
            transform: scale(0) translate(-50%, -50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
  }
}
@-webkit-keyframes antZoomBadgeOutRtl {
  0% {
    -webkit-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
  }
  100% {
    -webkit-transform: scale(0) translate(-50%, -50%);
            transform: scale(0) translate(-50%, -50%);
    opacity: 0;
  }
}
@keyframes antZoomBadgeOutRtl {
  0% {
    -webkit-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
  }
  100% {
    -webkit-transform: scale(0) translate(-50%, -50%);
            transform: scale(0) translate(-50%, -50%);
    opacity: 0;
  }
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tzui-badge-count,
.tzui-badge-dot {
  background-color: var(--color-danger);
}
.tzui-badge-count-status-default .tzui-badge-count {
  background-color: #ccc;
}
.tzui-badge-count-status-success .tzui-badge-count {
  background-color: var(--color-success);
}
.tzui-badge-count-status-warning .tzui-badge-count {
  background-color: var(--color-warning);
}
.tzui-badge-count-status-processing .tzui-badge-count {
  background-color: var(--color-progress);
}
.tzui-badge-status-default.tzui-badge-count {
  background-color: #ccc;
}
.tzui-badge-status-success.tzui-badge-count {
  background-color: var(--color-success);
}
.tzui-badge-status-warning.tzui-badge-count {
  background-color: var(--color-warning);
}
.tzui-badge-status-processing.tzui-badge-count {
  background-color: var(--color-progress);
}
.tzui-badge-status-processing {
  background-color: var(--color-progress);
}