/*!
 * 
 *     zarm-web v0.0.1-alpha.4
 * 
 *     Github: https://github.com/ZhonganTechENG/zarm-web
 * 
 *     Copyright (c) 2013-present, ZhonganTech, Inc.
 * 
 *     This source code is licensed under the MIT license found in the
 *     LICENSE file in the root directory of this source tree.
 *   
 */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
@charset "UTF-8";
:root {
  --theme-default:hsl(0, 0%, 90%);
  --theme-default-light:hsla(0, 0%, 90%, 0.8);
  --theme-default-dark:hsl(0, 0%, 86%);
  --theme-primary:hsl(156, 100%, 36.9%);
  --theme-primary-light:hsla(156, 100%, 36.9%, 0.8);
  --theme-primary-dark:hsl(156, 100%, 32.9%);
  --theme-success:hsl(156, 100%, 36.9%);
  --theme-success-light:hsla(156, 100%, 36.9%, 0.8);
  --theme-success-dark:hsl(156, 100%, 32.9%);
  --theme-warning:hsl(31, 83.1%, 55.9%);
  --theme-warning-light:hsla(31, 83.1%, 55.9%, 0.8);
  --theme-warning-dark:hsl(31, 83.1%, 51.9%);
  --theme-danger:hsl(0, 100%, 65.7%);
  --theme-danger-light:hsla(0, 100%, 65.7%, 0.8);
  --theme-danger-dark:hsl(0, 100%, 61.7%);
  --color-text: #343434;
  --color-text-inverse: #fff;
  --color-text-placeholder: #a9a9a9;
  --color-text-disabled: #bcbcbc;
  --color-text-caption: #909090;
  --color-link: var(--theme-primary);
  --box-shadow-light: 0 2px 8px rgba(0, 0, 0, 0.1), 0 0 6px rgba(0, 0, 0, 0.1);
  --box-shadow-dark: 0 4px 12px rgba(0, 0, 0, 0.2);
  --background-disabled: #fafafa;
  --border-color: #dcdcdc;
  --border-disabled: #e6e6e6;
  --zindex-tooltip: 1500;
  --opacity-disabled: 0.5;
  --opacity-tooltip: 0.8;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-round: 1000px;
  --radius-circle: 50%;
  --padding-h-xs: 8px;
  --padding-h-sm: 12px;
  --padding-h-md: 14px;
  --padding-h-lg: 16px;
  --padding-h-xl: 18px;
  --padding-v-xs: 6px;
  --padding-v-sm: 8px;
  --padding-v-md: 12px;
  --padding-v-lg: 14px;
  --padding-v-xl: 18px;
  --font-size-xs: 10px;
  --font-size-sm: 12px;
  --font-size-md: 14px;
  --font-size-lg: 16px;
  --font-size-xl: 18px;
  --activity-indicator-size-md: 16px;
  --activity-indicator-size-lg: 32px;
  --activity-indicator-path-color: #e6e6e6;
  --avatar-border-radius: 50%;
  --avatar-fontSize: 14px;
  --avatar-width-md: 40px;
  --avatar-height-md: 40px;
  --avatar-width-xl: 72px;
  --avatar-height-xl: 72px;
  --avatar-width-lg: 48px;
  --avatar-height-lg: 48px;
  --avatar-width-sm: 32px;
  --avatar-height-sm: 32px;
  --avatar-width-xs: 24px;
  --avatar-height-xs: 24px;
  --avatar-default-color: #fff;
  --avatar-default-bg-color: #ccc;
  --badge-height: 14px;
  --badge-font-size: var(--font-size-xs);
  --badge-padding-h: 4px;
  --badge-dot-diameter: 8px;
  --badge-border-radius-rect: var(--radius-sm);
  --badge-border-radius-round: var(--radius-round);
  --badge-sup-top: -4px;
  --badge-text-color: #fff;
  --breadcrumb-default-font-size: 14px;
  --breadcrumb-default-color: var(--color-text-caption);
  --breadcrumb-color: var(--color-text);
  --breadcrumb-hover-color: var(--theme-primary);
  --breadcrumb-separator-color: rgba(0, 0, 0, 0.45);
  --button-ghost-disabled-border: var(--border-color);
  --button-ghost-disabled-color: var(--color-text-inverse);
  --button-padding-h-xl: var(--padding-h-xl);
  --button-padding-h-lg: var(--padding-h-lg);
  --button-padding-h-md: var(--padding-h-md);
  --button-padding-h-sm: var(--padding-h-sm);
  --button-padding-h-xs: var(--padding-h-xs);
  --button-height-xl: 40px;
  --button-height-lg: 36px;
  --button-height-md: 32px;
  --button-height-sm: 28px;
  --button-height-xs: 24px;
  --button-font-size-xl: 16px;
  --button-font-size-lg: 16px;
  --button-font-size-md: 14px;
  --button-font-size-sm: 12px;
  --button-font-size-xs: 12px;
  --button-icon-size-xl: 20px;
  --button-icon-size-lg: 18px;
  --button-icon-size-md: 16px;
  --button-icon-size-sm: 14px;
  --button-icon-size-xs: 14px;
  --button-disabled-opacity: var(--opacity-disabled);
  --button-disabled-color-ghost: var(--border-disabled);
  --button-default-background: var(--color-text-inverse);
  --button-default-border: var(--border-color);
  --button-default-color: var(--color-text);
  --button-default-hover-background: var(--color-text-inverse);
  --button-default-hover-border: var(--theme-primary);
  --button-default-hover-color: var(--theme-primary);
  --button-default-active-background: var(--color-text-inverse);
  --button-default-active-border: var(--theme-primary-dark);
  --button-default-active-color: var(--theme-primary-dark);
  --button-default-ghost-border: var(--color-text-inverse);
  --button-default-ghost-color: var(--color-text-inverse);
  --button-default-ghost-hover-border: var(--theme-primary-light);
  --button-default-ghost-hover-color: var(--theme-primary-light);
  --button-default-ghost-active-border: var(--theme-primary-dark);
  --button-default-ghost-active-color: var(--theme-primary-dark);
  --button-primary-background: var(--theme-primary);
  --button-primary-border: var(--theme-primary);
  --button-primary-color: var(--color-text-inverse);
  --button-primary-hover-background: var(--theme-primary-light);
  --button-primary-hover-border: var(--theme-primary-light);
  --button-primary-hover-color: var(--color-text-inverse);
  --button-primary-active-background: var(--theme-primary-dark);
  --button-primary-active-border: var(--theme-primary-dark);
  --button-primary-active-color: var(--color-text-inverse);
  --button-primary-ghost-border: var(--theme-primary);
  --button-primary-ghost-color: var(--theme-primary);
  --button-primary-ghost-hover-border: var(--theme-primary-light);
  --button-primary-ghost-hover-color: var(--theme-primary-light);
  --button-primary-ghost-active-border: var(--theme-primary-dark);
  --button-primary-ghost-active-color: var(--theme-primary-dark);
  --button-primary-gap-color: hsla(0, 0%, 100%, 0.3);
  --button-danger-background: var(--theme-danger);
  --button-danger-border: var(--theme-danger);
  --button-danger-color: var(--color-text-inverse);
  --button-danger-hover-background: var(--theme-danger-light);
  --button-danger-hover-border: var(--theme-danger-light);
  --button-danger-hover-color: var(--color-text-inverse);
  --button-danger-active-background: var(--theme-danger-dark);
  --button-danger-active-border: var(--theme-danger-dark);
  --button-danger-active-color: var(--color-text-inverse);
  --button-danger-ghost-border: var(--theme-danger);
  --button-danger-ghost-color: var(--theme-danger);
  --button-danger-ghost-hover-border: var(--theme-danger-light);
  --button-danger-ghost-hover-color: var(--theme-danger-light);
  --button-danger-ghost-active-border: var(--theme-danger-dark);
  --button-danger-ghost-active-color: var(--theme-danger-dark);
  --checkbox-size: 14px;
  --checkbox-radius: var(--radius-sm);
  --checkbox-border-color: var(--border-color);
  --loading-height-xs: 12px;
  --loading-height-md: 24px;
  --loading-height-lg: 36px;
  --loading-margin-h-xs: var(--padding-h-xs);
  --loading-margin-h-md: var(--padding-h-md);
  --loading-margin-h-lg: var(--padding-h-lg);
  --loading-font-size-xs: var(--font-size-xs);
  --loading-font-size-md: var(--font-size-md);
  --loading-font-size-lg: var(--font-size-lg);
  --loading-default-svg-color: var(--theme-primary);
  --loading-default-text-color: var(--color-text-disabled);
  --loading-default-mask-color: rgba(255, 255, 255, 0.4);
  --loading-default-mask-zIndex: 1000;
  --loading-inverse-mask-color: rgba(0, 0, 0, 0.4);
  --icon-font-size-sm: 16px;
  --icon-font-size-md: 24px;
  --icon-font-size-lg: 32px;
  --icon-theme-default: var(--color-text);
  --radio-size: 14px;
  --radio-radius: var(--radius-circle);
  --radio-border-color: var(--border-color);
  --radio-color: #616161;
  --menu-color: #343434;
  --menu-default-bg-color: var(--color-text-inverse);
  --menu-dark-bg-color: #001529;
  --menu-collapsed-width: 80px;
  --submenu-dark-bg-color: #000c17;
  --menuitem-dark-color: hsla(0, 0%, 100%, 0.65);
  --menuitem-dark-active-color: var(--color-text-inverse);
  --menuitem-default-color: #343434;
  --menuitem-active-color: var(--theme-primary);
  --menuitem-active-bg-color: rgba(0, 188, 112, 0.0625);
  --menuitem-disabled-color: rgba(0, 0, 0, 0.25);
  --menuitem-divider-bg-color: #e5e5e5;
  --menuitem-horizontal-padding: 20px;
  --menuitem-horizontal-height: 56px;
  --steps-title-color: var(--color-text);
  --steps-desc-color: var(--color-text-caption);
  --steps-title-font-size: var(--font-size-md);
  --steps-desc-font-size: var(--font-size-md);
  --steps-border-color: var(--border-color);
  --steps-status-wait: #bcbcbc;
  --steps-status-process: var(--theme-primary);
  --steps-status-error: var(--theme-danger);
  --steps-icon-size: 28px;
  --steps-content-width: 140px;
  --switch-width-md: 48px;
  --switch-width-sm: 32px;
  --switch-height-md: 20px;
  --switch-height-sm: 16px;
  --switch-background: #bcbcbc;
  --tabs-font-size-sm: 14px;
  --tabs-font-size-md: 16px;
  --tabs-font-size-lg: 18px;
  --tabs-header-icon-sm: 12px;
  --tabs-header-icon-md: 14px;
  --tabs-header-icon-lg: 16px;
  --tabs-header-card-height-sm: 34px;
  --tabs-header-card-height-md: 40px;
  --tabs-header-card-height-lg: 46px;
  --tabs-header-line-height-sm: 38px;
  --tabs-header-line-height-md: 48px;
  --tabs-header-line-height-lg: 58px;
  --tabs-header-vertical-height-sm: 30px;
  --tabs-header-vertical-height-md: 36px;
  --tabs-header-vertical-height-lg: 42px;
  --tabs-header-line-padding-sm: 12px;
  --tabs-header-line-padding-md: 16px;
  --tabs-header-line-padding-lg: 20px;
  --tabs-header-card-padding-sm: 10px;
  --tabs-header-card-padding-md: 12px;
  --tabs-header-card-padding-lg: 14px;
  --tabs-header-vertical-padding-sm: 16px;
  --tabs-header-vertical-padding-md: 20px;
  --tabs-header-vertical-padding-lg: 24px;
  --tabs-default-color: #616161;
  --tabs-default-hover-color: #33c98d;
  --tabs-default-disabled-color: var(--color-text-disabled);
  --tabs-default-icon-color: #bcbcbc;
  --tabs-default-icon-disabled-color: var(--border-disabled);
  --tabs-default-icon-hover-color: var(--color-text);
  --tabs-default-active-background: var(--color-text-inverse);
  --tabs-default-line-color: #00bc70;
  --tabs-default-active-color: #00bc70;
  --tabs-default-background-color: var(--color-text-inverse);
  --tabs-default-card-background: #fafafa;
  --tabs-default-noborder-background: #f2f2f2;
  --tag-height-lg: 32px;
  --tag-height-md: 28px;
  --tag-height-sm: 24px;
  --tag-height-xs: 20px;
  --tag-padding-h-lg: 16px;
  --tag-padding-h: 12px;
  --tag-font-size: 12px;
  --tag-icon-size-lg: 14px;
  --tag-icon-size: 12px;
  --tag-icon-size-xs: 10px;
  --tag-color-disabled: var(--color-text-disabled);
  --tag-disabled-opacity: var(--opacity-disabled);
  --tag-default-background: #f9f9f9;
  --tag-default-color: #616161;
  --tag-default-border: var(--border-color);
  --tag-primary-color: var(--theme-primary);
  --tag-success-color: var(--theme-success);
  --tag-warning-color: var(--theme-warning);
  --tag-danger-color: var(--theme-danger);
  --tag-primary-hover-background: var(--theme-primary-light);
  --tag-primary-active-background: var(--theme-primary-dark);
  --tag-color-green: 0, 188, 112;
  --tag-color-blue: 84, 192, 232;
  --tag-color-orange: 236, 145, 49;
  --tag-color-red: 255, 80, 80;
  --tooltip-font-size: 12px;
  --tooltip-color: var(--color-text-inverse);
  --tooltip-arrow-size: 4px;
  --tooltip-light-background-color: #f2f2f2;
  --tooltip-dark-background-color: rgba(0, 0, 0, var(--opacity-tooltip));
  --tooltip-padding-v: var(--padding-v-xs);
  --tooltip-padding-h: var(--padding-h-xs);
}

@-webkit-keyframes door-enter {
  from {
    -webkit-transform: scale3d(0, 1, 1);
            transform: scale3d(0, 1, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 0.1);
            transform: scale3d(1, 1, 0.1);
  }
}

@keyframes door-enter {
  from {
    -webkit-transform: scale3d(0, 1, 1);
            transform: scale3d(0, 1, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 0.1);
            transform: scale3d(1, 1, 0.1);
  }
}
.door-enter {
  -webkit-animation: door-enter both cubic-bezier(0.4, 0, 0, 1.5);
          animation: door-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

@-webkit-keyframes door-leave {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  60% {
    -webkit-transform: scale3d(0.01, 1, 1);
            transform: scale3d(0.01, 1, 1);
  }
  to {
    -webkit-transform: scale3d(0, 1, 0.1);
            transform: scale3d(0, 1, 0.1);
  }
}

@keyframes door-leave {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  60% {
    -webkit-transform: scale3d(0.01, 1, 1);
            transform: scale3d(0.01, 1, 1);
  }
  to {
    -webkit-transform: scale3d(0, 1, 0.1);
            transform: scale3d(0, 1, 0.1);
  }
}
.door-leave {
  -webkit-animation: door-leave both;
          animation: door-leave both;
}

@-webkit-keyframes fade-enter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-enter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fade-enter {
  -webkit-animation: fade-enter both ease-in;
          animation: fade-enter both ease-in;
}

@-webkit-keyframes fade-leave {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fade-leave {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fade-leave {
  -webkit-animation: fade-leave both ease-out;
          animation: fade-leave both ease-out;
}

@-webkit-keyframes flip-enter {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 60deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 60deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flip-enter {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 60deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 60deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
.flip-enter {
  -webkit-animation: flip-enter both ease-in;
          animation: flip-enter both ease-in;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}

@-webkit-keyframes flip-leave {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 45deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 45deg);
  }
}

@keyframes flip-leave {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 45deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 45deg);
  }
}
.flip-leave {
  -webkit-animation: flip-leave both;
          animation: flip-leave both;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}

@-webkit-keyframes rotate360 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate360 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.rotate360 {
  -webkit-animation: rotate360 1s linear infinite;
          animation: rotate360 1s linear infinite;
}

/* rotate */
@-webkit-keyframes rotate-enter {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -180deg) scale3d(0.3, 0.3, 0.3);
            transform: rotate3d(0, 0, 1, -180deg) scale3d(0.3, 0.3, 0.3);
  }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes rotate-enter {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -180deg) scale3d(0.3, 0.3, 0.3);
            transform: rotate3d(0, 0, 1, -180deg) scale3d(0.3, 0.3, 0.3);
  }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
.rotate-enter {
  -webkit-animation: rotate-enter both;
          animation: rotate-enter both;
}

@-webkit-keyframes rotate-leave {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 180deg) scale3d(0.3, 0.3, 0.3);
            transform: rotate3d(0, 0, 1, 180deg) scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes rotate-leave {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 180deg) scale3d(0.3, 0.3, 0.3);
            transform: rotate3d(0, 0, 1, 180deg) scale3d(0.3, 0.3, 0.3);
  }
}
.rotate-leave {
  -webkit-animation: rotate-leave both;
          animation: rotate-leave both;
}

/* slideUp */
@-webkit-keyframes slideUp-enter {
  from {
    -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes slideUp-enter {
  from {
    -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.slideUp-enter {
  -webkit-animation: slideUp-enter both cubic-bezier(0.4, 0, 0, 1.5);
          animation: slideUp-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

@-webkit-keyframes slideUp-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0);
  }
}

@keyframes slideUp-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0);
  }
}
.slideUp-leave {
  -webkit-animation: slideUp-leave both;
          animation: slideUp-leave both;
}

/* slideDown */
@-webkit-keyframes slideDown-enter {
  from {
    -webkit-transform: translate3d(0, -100px, 0);
            transform: translate3d(0, -100px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes slideDown-enter {
  from {
    -webkit-transform: translate3d(0, -100px, 0);
            transform: translate3d(0, -100px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.slideDown-enter {
  -webkit-animation: slideDown-enter both cubic-bezier(0.4, 0, 0, 1.5);
          animation: slideDown-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

@-webkit-keyframes slideDown-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100px, 0);
            transform: translate3d(0, -100px, 0);
  }
}

@keyframes slideDown-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100px, 0);
            transform: translate3d(0, -100px, 0);
  }
}
.slideDown-leave {
  -webkit-animation: slideDown-leave both;
          animation: slideDown-leave both;
}

/* slideLeft */
@-webkit-keyframes slideLeft-enter {
  from {
    -webkit-transform: translate3d(150px, 0, 0);
            transform: translate3d(150px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes slideLeft-enter {
  from {
    -webkit-transform: translate3d(150px, 0, 0);
            transform: translate3d(150px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.slideLeft-enter {
  -webkit-animation: slideLeft-enter both cubic-bezier(0.4, 0, 0, 1.5);
          animation: slideLeft-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

@-webkit-keyframes slideLeft-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(150px, 0, 0);
            transform: translate3d(150px, 0, 0);
  }
}

@keyframes slideLeft-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(150px, 0, 0);
            transform: translate3d(150px, 0, 0);
  }
}
.slideLeft-leave {
  -webkit-animation: slideLeft-leave both;
          animation: slideLeft-leave both;
}

/* slideRight */
@-webkit-keyframes slideRight-enter {
  from {
    -webkit-transform: translate3d(-150px, 0, 0);
            transform: translate3d(-150px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes slideRight-enter {
  from {
    -webkit-transform: translate3d(-150px, 0, 0);
            transform: translate3d(-150px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.slideRight-enter {
  -webkit-animation: slideRight-enter both cubic-bezier(0.4, 0, 0, 1.5);
          animation: slideRight-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

@-webkit-keyframes slideRight-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-150px, 0, 0);
            transform: translate3d(-150px, 0, 0);
  }
}

@keyframes slideRight-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-150px, 0, 0);
            transform: translate3d(-150px, 0, 0);
  }
}
.slideRight-leave {
  -webkit-animation: slideRight-leave both;
          animation: slideRight-leave both;
}

@-webkit-keyframes zoom-enter {
  from {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes zoom-enter {
  from {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
.zoom-enter {
  -webkit-animation: zoom-enter both cubic-bezier(0.4, 0, 0, 1.5);
          animation: zoom-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

@-webkit-keyframes zoom-leave {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  to {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes zoom-leave {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  to {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
}
.zoom-leave {
  -webkit-animation: zoom-leave both cubic-bezier(0.4, 0, 0, 1.5);
          animation: zoom-leave both cubic-bezier(0.4, 0, 0, 1.5);
}

@-webkit-keyframes za-zoom-fade-enter {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes za-zoom-fade-enter {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
.za-zoom-fade-enter {
  -webkit-animation: za-zoom-fade-enter both cubic-bezier(0.08, 0.82, 0.17, 1);
          animation: za-zoom-fade-enter both cubic-bezier(0.08, 0.82, 0.17, 1);
}

@-webkit-keyframes za-zoom-fade-leave {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}

@keyframes za-zoom-fade-leave {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}
.za-zoom-fade-leave {
  -webkit-animation: za-zoom-fade-leave both cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation: za-zoom-fade-leave both cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

/* moveUp */
@-webkit-keyframes moveUp-enter {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes moveUp-enter {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.moveUp-enter {
  -webkit-animation: moveUp-enter both ease-in;
          animation: moveUp-enter both ease-in;
}

@-webkit-keyframes moveUp-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

@keyframes moveUp-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
.moveUp-leave {
  -webkit-animation: moveUp-leave both ease-out;
          animation: moveUp-leave both ease-out;
}

/* moveDown */
@-webkit-keyframes moveDown-enter {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes moveDown-enter {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.moveDown-enter {
  -webkit-animation: moveDown-enter both ease-in;
          animation: moveDown-enter both ease-in;
}

@-webkit-keyframes moveDown-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

@keyframes moveDown-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
.moveDown-leave {
  -webkit-animation: moveDown-leave both ease-out;
          animation: moveDown-leave both ease-out;
}

/* moveLeft */
@-webkit-keyframes moveLeft-enter {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes moveLeft-enter {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.moveLeft-enter {
  -webkit-animation: moveLeft-enter both ease-in;
          animation: moveLeft-enter both ease-in;
}

@-webkit-keyframes moveLeft-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

@keyframes moveLeft-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
.moveLeft-leave {
  -webkit-animation: moveLeft-leave both ease-out;
          animation: moveLeft-leave both ease-out;
}

/* moveRight */
@-webkit-keyframes moveRight-enter {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes moveRight-enter {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.moveRight-enter {
  -webkit-animation: moveRight-enter both ease-in;
          animation: moveRight-enter both ease-in;
}

@-webkit-keyframes moveRight-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@keyframes moveRight-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
.moveRight-leave {
  -webkit-animation: moveRight-leave both ease-out;
          animation: moveRight-leave both ease-out;
}

@-webkit-keyframes scaleDown-enter {
  from {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
  }
  to {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}

@keyframes scaleDown-enter {
  from {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
  }
  to {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
.scaleDown-enter {
  -webkit-animation: scaleDown-enter both;
          animation: scaleDown-enter both;
}

@-webkit-keyframes scaleDown-leave {
  from {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  to {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
  }
}

@keyframes scaleDown-leave {
  from {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  to {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
  }
}
.scaleDown-leave {
  -webkit-animation: scaleDown-leave both;
          animation: scaleDown-leave both;
}

@-webkit-keyframes scaleUp-enter {
  from {
    opacity: 0;
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
  }
  to {
    opacity: 1;
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}

@keyframes scaleUp-enter {
  from {
    opacity: 0;
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
  }
  to {
    opacity: 1;
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
.scaleUp-enter {
  -webkit-animation: scaleUp-enter both;
          animation: scaleUp-enter both;
}

@-webkit-keyframes scaleUp-leave {
  from {
    opacity: 1;
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  to {
    opacity: 0;
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
  }
}

@keyframes scaleUp-leave {
  from {
    opacity: 1;
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  to {
    opacity: 0;
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
  }
}
.scaleUp-leave {
  -webkit-animation: scaleUp-leave both;
          animation: scaleUp-leave both;
}

@-webkit-keyframes bounce-enter {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes bounce-enter {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes bounce-leave {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounce-leave {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
}
@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
}
@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
            transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
            transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
            transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
            transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
            transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
            transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

*[contenteditable] {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
      -ms-user-select: auto !important;
          user-select: auto !important;
}

*:focus {
  outline: none;
}

a {
  background: transparent;
  text-decoration: none;
  outline: none;
}

/* border */
/* box shadow */
/* btn */
.ui-alert {
  padding: 16px 16px 16px 75px;
  position: relative;
  color: #666;
  line-height: 1.5;
}
.ui-alert .ui-icon {
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -30px;
  font-size: 40px;
  color: #eca632;
}
.ui-alert span {
  font-size: 16px;
  color: #666;
}

.zw-avatar {
  font-family: "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
  font-variant: tabular-nums;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  text-align: center;
  background: #ccc;
  background: var(--avatar-default-bg-color);
  color: #fff;
  color: var(--avatar-default-color);
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  border-radius: 50%;
  border-radius: var(--avatar-border-radius);
  font-size: 14px;
  font-size: var(--avatar-fontSize);
  /* Avatar sizes */
  /* Avatar shape */
  /* Avatar image */
  /* Avatar string */
}
.zw-avatar > img {
  width: 100%;
  height: 100%;
  display: block;
}
.zw-avatar--md {
  width: 40px;
  width: var(--avatar-width-md);
  height: 40px;
  height: var(--avatar-height-md);
  line-height: 40px;
  line-height: var(--avatar-height-md);
  font-size: var(--avatar-fontSize-icon-md);
}
.zw-avatar--md > * {
  line-height: 40px;
  line-height: var(--avatar-height-md);
}
.zw-avatar--md.has-icon {
  font-size: var(--avatar-fontSize-icon-md);
}

.zw-avatar--xl {
  width: 72px;
  width: var(--avatar-width-xl);
  height: 72px;
  height: var(--avatar-height-xl);
  line-height: 72px;
  line-height: var(--avatar-height-xl);
  font-size: var(--avatar-fontSize-icon-xl);
}
.zw-avatar--xl > * {
  line-height: 72px;
  line-height: var(--avatar-height-xl);
}
.zw-avatar--xl.has-icon {
  font-size: var(--avatar-fontSize-icon-xl);
}

.zw-avatar--lg {
  width: 48px;
  width: var(--avatar-width-lg);
  height: 48px;
  height: var(--avatar-height-lg);
  line-height: 48px;
  line-height: var(--avatar-height-lg);
  font-size: var(--avatar-fontSize-icon-lg);
}
.zw-avatar--lg > * {
  line-height: 48px;
  line-height: var(--avatar-height-lg);
}
.zw-avatar--lg.has-icon {
  font-size: var(--avatar-fontSize-icon-lg);
}

.zw-avatar--sm {
  width: 32px;
  width: var(--avatar-width-sm);
  height: 32px;
  height: var(--avatar-height-sm);
  line-height: 32px;
  line-height: var(--avatar-height-sm);
  font-size: var(--avatar-fontSize-icon-sm);
}
.zw-avatar--sm > * {
  line-height: 32px;
  line-height: var(--avatar-height-sm);
}
.zw-avatar--sm.has-icon {
  font-size: var(--avatar-fontSize-icon-sm);
}

.zw-avatar--xs {
  width: 24px;
  width: var(--avatar-width-xs);
  height: 24px;
  height: var(--avatar-height-xs);
  line-height: 24px;
  line-height: var(--avatar-height-xs);
  font-size: var(--avatar-fontSize-icon-xs);
}
.zw-avatar--xs > * {
  line-height: 24px;
  line-height: var(--avatar-height-xs);
}
.zw-avatar--xs.has-icon {
  font-size: var(--avatar-fontSize-icon-xs);
}

.zw-avatar--square {
  border-radius: 4px;
  border-radius: var(--radius-md);
}

.zw-avatar--image {
  background: transparent;
}

.zw-avatar--string {
  position: absolute;
  left: 50%;
  -webkit-transform-origin: 0 center;
      -ms-transform-origin: 0 center;
          transform-origin: 0 center;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.zw-breadcrumb {
  padding: 10px 15px;
  font-size: 14px;
  font-size: var(--breadcrumb-default-font-size);
  color: #909090;
  color: var(--breadcrumb-default-color);
}
.zw-breadcrumb .zw-breadcrumb-item {
  color: #909090;
  color: var(--breadcrumb-default-color);
}
.zw-breadcrumb .zw-breadcrumb-item__separator {
  margin: 0 8px;
  color: rgba(0, 0, 0, 0.45);
  color: var(--breadcrumb-separator-color);
}

.zw-breadcrumb .zw-breadcrumb-item:last-child {
  color: #343434;
  color: var(--breadcrumb-color);
}
.zw-breadcrumb .zw-breadcrumb-item:last-child > a {
  color: #343434;
  color: var(--breadcrumb-color);
}
.zw-breadcrumb .zw-breadcrumb-item:last-child > span:last-child {
  display: none;
}
.zw-breadcrumb .zw-breadcrumb-item--link .zw-breadcrumb-item__content {
  color: #909090;
  color: var(--breadcrumb-default-color);
  text-decoration: none;
}
.zw-breadcrumb .zw-breadcrumb-item--link .zw-breadcrumb-item__content:hover {
  color: hsl(156, 100%, 36.9%);
  color: var(--breadcrumb-hover-color);
}

.zw-activity-indicator {
  display: inline-block;
  position: relative;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  width: 16px;
  width: var(--activity-indicator-size-md);
  height: 16px;
  height: var(--activity-indicator-size-md);
  /* sizes */
}
.zw-activity-indicator__path {
  stroke: #e6e6e6;
  stroke: var(--activity-indicator-path-color);
}

.zw-activity-indicator__line {
  stroke-dasharray: 314.1592674;
  stroke: hsl(156, 100%, 36.9%);
  stroke: var(--theme-primary);
}

.zw-activity-indicator--lg {
  width: 32px;
  width: var(--activity-indicator-size-lg);
  height: 32px;
  height: var(--activity-indicator-size-lg);
}

.zw-activity-indicator--circular {
  display: inline-block;
}
.zw-activity-indicator--circular svg {
  vertical-align: top;
  -webkit-animation: zw-activity-indicator_rotate360 2s linear infinite;
          animation: zw-activity-indicator_rotate360 2s linear infinite;
}
.zw-activity-indicator--circular circle {
  stroke-linecap: round;
  stroke: hsl(156, 100%, 36.9%);
  stroke: var(--theme-primary);
  -webkit-animation: zw-activity-indicator_rotate-circular 1.5s ease-in-out infinite;
          animation: zw-activity-indicator_rotate-circular 1.5s ease-in-out infinite;
}

.zw-activity-indicator--spinner {
  -webkit-animation: zw-activity-indicator_rotate360 0.8s linear infinite;
          animation: zw-activity-indicator_rotate360 0.8s linear infinite;
  -webkit-animation-timing-function: steps(12);
          animation-timing-function: steps(12);
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(1) {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
  opacity: 1;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(2) {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
  opacity: 0.9375;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(3) {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  opacity: 0.875;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(4) {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
  opacity: 0.8125;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(5) {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
  opacity: 0.75;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(6) {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  opacity: 0.6875;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(7) {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
  opacity: 0.625;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(8) {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
  opacity: 0.5625;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(9) {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
  opacity: 0.5;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(10) {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg);
  opacity: 0.4375;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(11) {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg);
  opacity: 0.375;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(12) {
  -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
  opacity: 0.3125;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}

@-webkit-keyframes zw-activity-indicator_rotate-circular {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 120, 200;
    stroke-dashoffset: -60;
  }
  100% {
    stroke-dasharray: 120, 200;
    stroke-dashoffset: -180;
  }
}

@keyframes zw-activity-indicator_rotate-circular {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 120, 200;
    stroke-dashoffset: -60;
  }
  100% {
    stroke-dasharray: 120, 200;
    stroke-dashoffset: -180;
  }
}
@-webkit-keyframes zw-activity-indicator_rotate360 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes zw-activity-indicator_rotate360 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.zw-button {
  display: inline-block;
  padding: 0;
  border: none;
  font-weight: normal;
  text-align: center;
  overflow: hidden;
  color: #343434;
  color: var(--color-text);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  outline: 0 none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  -webkit-appearance: none;
  /* disabled button */
  /* block button */
  /* loading button */
  padding: 0 14px;
  padding: 0 var(--button-padding-h-md);
  font-size: 14px;
  font-size: var(--button-font-size-md);
  height: 32px;
  height: var(--button-height-md);
  line-height: 1.5;
  /* Button sizes */
  /* Button themes */
}
.zw-button, .zw-button:active, .zw-button:hover, .zw-button:focus, .zw-button:visited {
  text-decoration: none;
}
.zw-button--default {
  border-width: 1px;
  border-style: solid;
}

.zw-button--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  opacity: var(--opacity-disabled);
}

.zw-button--block {
  display: block;
  width: 100%;
}

.zw-button--loading {
  line-height: 1.15;
  cursor: default;
}

.zw-button .zw-icon {
  font-size: 14px;
  font-size: var(--button-font-size-md);
}
.zw-button--link {
  line-height: 32px;
  line-height: var(--button-height-md);
}

.zw-button--circle {
  width: 32px;
  width: var(--button-height-md);
  min-width: 32px;
  min-width: var(--button-height-md);
  padding: 0;
}

.zw-button--icon-only {
  width: 32px;
  width: var(--button-height-md);
  min-width: 32px;
  min-width: var(--button-height-md);
  padding: 0;
}
.zw-button--icon-only .zw-icon {
  font-size: 16px;
  font-size: var(--button-icon-size-md);
  line-height: 1;
}

.zw-button * + span {
  margin-left: calc(14px / 2);
  margin-left: calc(var(--button-padding-h-md) / 2);
}
.zw-button--xl {
  padding: 0 18px;
  padding: 0 var(--button-padding-h-xl);
  font-size: 16px;
  font-size: var(--button-font-size-xl);
  height: 40px;
  height: var(--button-height-xl);
  line-height: 1.5;
}
.zw-button--xl .zw-icon {
  font-size: 16px;
  font-size: var(--button-font-size-xl);
}
.zw-button--xl.zw-button--link {
  line-height: 40px;
  line-height: var(--button-height-xl);
}

.zw-button--xl.zw-button--circle {
  width: 40px;
  width: var(--button-height-xl);
  min-width: 32px;
  min-width: var(--button-height-md);
  padding: 0;
}

.zw-button--xl.zw-button--icon-only {
  width: 40px;
  width: var(--button-height-xl);
  min-width: 32px;
  min-width: var(--button-height-md);
  padding: 0;
}
.zw-button--xl.zw-button--icon-only .zw-icon {
  font-size: 20px;
  font-size: var(--button-icon-size-xl);
  line-height: 1;
}

.zw-button--xl * + span {
  margin-left: calc(18px / 2);
  margin-left: calc(var(--button-padding-h-xl) / 2);
}

.zw-button--lg {
  padding: 0 16px;
  padding: 0 var(--button-padding-h-lg);
  font-size: 16px;
  font-size: var(--button-font-size-lg);
  height: 36px;
  height: var(--button-height-lg);
  line-height: 1.5;
}
.zw-button--lg .zw-icon {
  font-size: 16px;
  font-size: var(--button-font-size-lg);
}
.zw-button--lg.zw-button--link {
  line-height: 36px;
  line-height: var(--button-height-lg);
}

.zw-button--lg.zw-button--circle {
  width: 36px;
  width: var(--button-height-lg);
  min-width: 32px;
  min-width: var(--button-height-md);
  padding: 0;
}

.zw-button--lg.zw-button--icon-only {
  width: 36px;
  width: var(--button-height-lg);
  min-width: 32px;
  min-width: var(--button-height-md);
  padding: 0;
}
.zw-button--lg.zw-button--icon-only .zw-icon {
  font-size: 18px;
  font-size: var(--button-icon-size-lg);
  line-height: 1;
}

.zw-button--lg * + span {
  margin-left: calc(16px / 2);
  margin-left: calc(var(--button-padding-h-lg) / 2);
}

.zw-button--sm {
  padding: 0 12px;
  padding: 0 var(--button-padding-h-sm);
  font-size: 12px;
  font-size: var(--button-font-size-sm);
  height: 28px;
  height: var(--button-height-sm);
  line-height: 1.5;
}
.zw-button--sm .zw-icon {
  font-size: 12px;
  font-size: var(--button-font-size-sm);
}
.zw-button--sm.zw-button--link {
  line-height: 28px;
  line-height: var(--button-height-sm);
}

.zw-button--sm.zw-button--circle {
  width: 28px;
  width: var(--button-height-sm);
  min-width: 32px;
  min-width: var(--button-height-md);
  padding: 0;
}

.zw-button--sm.zw-button--icon-only {
  width: 28px;
  width: var(--button-height-sm);
  min-width: 32px;
  min-width: var(--button-height-md);
  padding: 0;
}
.zw-button--sm.zw-button--icon-only .zw-icon {
  font-size: 14px;
  font-size: var(--button-icon-size-sm);
  line-height: 1;
}

.zw-button--sm * + span {
  margin-left: calc(12px / 2);
  margin-left: calc(var(--button-padding-h-sm) / 2);
}

.zw-button--xs {
  padding: 0 8px;
  padding: 0 var(--button-padding-h-xs);
  font-size: 12px;
  font-size: var(--button-font-size-xs);
  height: 24px;
  height: var(--button-height-xs);
  line-height: 1.5;
}
.zw-button--xs .zw-icon {
  font-size: 12px;
  font-size: var(--button-font-size-xs);
}
.zw-button--xs.zw-button--link {
  line-height: 24px;
  line-height: var(--button-height-xs);
}

.zw-button--xs.zw-button--circle {
  width: 24px;
  width: var(--button-height-xs);
  min-width: 32px;
  min-width: var(--button-height-md);
  padding: 0;
}

.zw-button--xs.zw-button--icon-only {
  width: 24px;
  width: var(--button-height-xs);
  min-width: 32px;
  min-width: var(--button-height-md);
  padding: 0;
}
.zw-button--xs.zw-button--icon-only .zw-icon {
  font-size: 14px;
  font-size: var(--button-icon-size-xs);
  line-height: 1;
}

.zw-button--xs * + span {
  margin-left: calc(8px / 2);
  margin-left: calc(var(--button-padding-h-xs) / 2);
}

.zw-button--default {
  background-color: #fff;
  background-color: var(--button-default-background);
  border-color: #dcdcdc;
  border-color: var(--button-default-border);
  color: #343434;
  color: var(--button-default-color);
}
.zw-button--default:hover, .zw-button--default:focus {
  background-color: #fff;
  background-color: var(--button-default-hover-background);
  border-color: hsl(156, 100%, 36.9%);
  border-color: var(--button-default-hover-border);
  color: hsl(156, 100%, 36.9%);
  color: var(--button-default-hover-color);
}
.zw-button--default:active {
  background-color: #fff;
  background-color: var(--button-default-active-background);
  border-color: hsl(156, 100%, 32.9%);
  border-color: var(--button-default-active-border);
  color: hsl(156, 100%, 32.9%);
  color: var(--button-default-active-color);
}
.zw-button--default.zw-button--disabled {
  background-color: #fff;
  background-color: var(--button-default-background);
  border-color: #dcdcdc;
  border-color: var(--button-default-border);
  color: #bcbcbc;
  color: var(--color-text-disabled);
  opacity: 0.5;
  opacity: var(--button-disabled-opacity);
  cursor: not-allowed;
}
.zw-button--default.zw-button--disabled:active, .zw-button--default.zw-button--disabled:focus, .zw-button--default.zw-button--disabled:hover, .zw-button--default.zw-button--disabled:visited {
  background-color: #fff;
  background-color: var(--button-default-background);
  border-color: #dcdcdc;
  border-color: var(--button-default-border);
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

.zw-button--default.zw-button--loading {
  background-color: #fff;
  background-color: var(--button-default-background);
  border-color: #dcdcdc;
  border-color: var(--button-default-border);
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

.zw-button--default.zw-button--link {
  background-color: transparent;
  border-color: transparent;
  color: #343434;
  color: var(--button-default-color);
}
.zw-button--default.zw-button--link:hover, .zw-button--default.zw-button--link:active {
  color: hsl(156, 100%, 36.9%);
  color: var(--color-link);
}
.zw-button--default.zw-button--link.zw-button--disabled, .zw-button--default.zw-button--link.zw-button--disabled:active, .zw-button--default.zw-button--link.zw-button--disabled:hover, .zw-button--default.zw-button--link.zw-button--disabled:focus, .zw-button--default.zw-button--link.zw-button--disabled:visited {
  background-color: transparent;
  border-color: transparent;
  color: #bcbcbc;
  color: var(--color-text-disabled);
  cursor: not-allowed;
}

.zw-button--default.zw-button--loading {
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
  border-color: hsl(156, 100%, 36.9%);
  border-color: var(--theme-primary);
}

.zw-button--default.zw-button--ghost {
  background-color: transparent;
  border-color: #fff;
  border-color: var(--button-default-ghost-border);
  color: #fff;
  color: var(--button-default-ghost-color);
  border-width: 1px;
  border-style: solid;
}
.zw-button--default.zw-button--ghost:hover {
  border-color: hsla(156, 100%, 36.9%, 0.8);
  border-color: var(--button-default-ghost-hover-border);
  color: hsla(156, 100%, 36.9%, 0.8);
  color: var(--button-default-ghost-hover-color);
}
.zw-button--default.zw-button--ghost:active {
  border-color: hsl(156, 100%, 32.9%);
  border-color: var(--button-default-ghost-active-border);
  color: hsl(156, 100%, 32.9%);
  color: var(--button-default-ghost-active-color);
}
.zw-button--default.zw-button--ghost.zw-button--disabled, .zw-button--default.zw-button--ghost.zw-button--disabled:active, .zw-button--default.zw-button--ghost.zw-button--disabled:hover, .zw-button--default.zw-button--ghost.zw-button--disabled:focus, .zw-button--default.zw-button--ghost.zw-button--disabled:visited {
  background-color: transparent;
  border-color: #dcdcdc;
  border-color: var(--button-ghost-disabled-border);
  color: #fff;
  color: var(--button-ghost-disabled-color);
  cursor: not-allowed;
}

.zw-button--primary {
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--button-primary-background);
  border-color: hsl(156, 100%, 36.9%);
  border-color: var(--button-primary-border);
  color: #fff;
  color: var(--button-primary-color);
}
.zw-button--primary:hover, .zw-button--primary:focus {
  background-color: hsla(156, 100%, 36.9%, 0.8);
  background-color: var(--button-primary-hover-background);
  border-color: hsla(156, 100%, 36.9%, 0.8);
  border-color: var(--button-primary-hover-border);
  color: #fff;
  color: var(--button-primary-hover-color);
}
.zw-button--primary:active {
  background-color: hsl(156, 100%, 32.9%);
  background-color: var(--button-primary-active-background);
  border-color: hsl(156, 100%, 32.9%);
  border-color: var(--button-primary-active-border);
  color: #fff;
  color: var(--button-primary-active-color);
}
.zw-button--primary.zw-button--disabled {
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--button-primary-background);
  border-color: hsl(156, 100%, 36.9%);
  border-color: var(--button-primary-border);
  color: #fff;
  color: var(--button-primary-color);
  opacity: 0.5;
  opacity: var(--button-disabled-opacity);
  cursor: not-allowed;
}
.zw-button--primary.zw-button--disabled:active, .zw-button--primary.zw-button--disabled:focus, .zw-button--primary.zw-button--disabled:hover, .zw-button--primary.zw-button--disabled:visited {
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--button-primary-background);
  border-color: hsl(156, 100%, 36.9%);
  border-color: var(--button-primary-border);
  color: #fff;
  color: var(--button-primary-color);
}

.zw-button--primary.zw-button--loading {
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--button-primary-background);
  border-color: hsl(156, 100%, 36.9%);
  border-color: var(--button-primary-border);
  color: #fff;
  color: var(--button-primary-color);
}

.zw-button--primary.zw-button--link {
  background-color: transparent;
  border-color: transparent;
  color: hsl(156, 100%, 36.9%);
  color: var(--color-link);
}
.zw-button--primary.zw-button--link:hover, .zw-button--primary.zw-button--link:active {
  color: hsla(156, 100%, 36.9%, 0.8);
  color: var(--button-primary-hover-background);
}
.zw-button--primary.zw-button--link.zw-button--disabled, .zw-button--primary.zw-button--link.zw-button--disabled:active, .zw-button--primary.zw-button--link.zw-button--disabled:hover, .zw-button--primary.zw-button--link.zw-button--disabled:focus, .zw-button--primary.zw-button--link.zw-button--disabled:visited {
  background-color: transparent;
  border-color: transparent;
  color: #bcbcbc;
  color: var(--color-text-disabled);
  cursor: not-allowed;
}

.zw-button--primary.zw-button--ghost {
  background-color: transparent;
  border-color: hsl(156, 100%, 36.9%);
  border-color: var(--button-primary-ghost-border);
  color: hsl(156, 100%, 36.9%);
  color: var(--button-primary-ghost-color);
  border-width: 1px;
  border-style: solid;
}
.zw-button--primary.zw-button--ghost:hover {
  border-color: hsla(156, 100%, 36.9%, 0.8);
  border-color: var(--button-primary-ghost-hover-border);
  color: hsla(156, 100%, 36.9%, 0.8);
  color: var(--button-primary-ghost-hover-color);
}
.zw-button--primary.zw-button--ghost:active {
  border-color: hsl(156, 100%, 32.9%);
  border-color: var(--button-primary-ghost-active-border);
  color: hsl(156, 100%, 32.9%);
  color: var(--button-primary-ghost-active-color);
}
.zw-button--primary.zw-button--ghost.zw-button--disabled, .zw-button--primary.zw-button--ghost.zw-button--disabled:active, .zw-button--primary.zw-button--ghost.zw-button--disabled:hover, .zw-button--primary.zw-button--ghost.zw-button--disabled:focus, .zw-button--primary.zw-button--ghost.zw-button--disabled:visited {
  background-color: transparent;
  border-color: #dcdcdc;
  border-color: var(--button-ghost-disabled-border);
  color: #fff;
  color: var(--button-ghost-disabled-color);
  cursor: not-allowed;
}

.zw-button--primary .zw-activity-indicator circle {
  stroke: #fff;
}

.zw-button--danger {
  background-color: hsl(0, 100%, 65.7%);
  background-color: var(--button-danger-background);
  border-color: hsl(0, 100%, 65.7%);
  border-color: var(--button-danger-border);
  color: #fff;
  color: var(--button-danger-color);
}
.zw-button--danger:hover, .zw-button--danger:focus {
  background-color: hsla(0, 100%, 65.7%, 0.8);
  background-color: var(--button-danger-hover-background);
  border-color: hsla(0, 100%, 65.7%, 0.8);
  border-color: var(--button-danger-hover-border);
  color: #fff;
  color: var(--button-danger-hover-color);
}
.zw-button--danger:active {
  background-color: hsl(0, 100%, 61.7%);
  background-color: var(--button-danger-active-background);
  border-color: hsl(0, 100%, 61.7%);
  border-color: var(--button-danger-active-border);
  color: #fff;
  color: var(--button-danger-active-color);
}
.zw-button--danger.zw-button--disabled {
  background-color: hsl(0, 100%, 65.7%);
  background-color: var(--button-danger-background);
  border-color: hsl(0, 100%, 65.7%);
  border-color: var(--button-danger-border);
  color: #fff;
  color: var(--button-danger-color);
  opacity: 0.5;
  opacity: var(--button-disabled-opacity);
  cursor: not-allowed;
}
.zw-button--danger.zw-button--disabled:active, .zw-button--danger.zw-button--disabled:focus, .zw-button--danger.zw-button--disabled:hover, .zw-button--danger.zw-button--disabled:visited {
  background-color: hsl(0, 100%, 65.7%);
  background-color: var(--button-danger-background);
  border-color: hsl(0, 100%, 65.7%);
  border-color: var(--button-danger-border);
  color: #fff;
  color: var(--button-danger-color);
}

.zw-button--danger.zw-button--loading {
  background-color: hsl(0, 100%, 65.7%);
  background-color: var(--button-danger-background);
  border-color: hsl(0, 100%, 65.7%);
  border-color: var(--button-danger-border);
  color: #fff;
  color: var(--button-danger-color);
}

.zw-button--danger.zw-button--link {
  background-color: transparent;
  border-color: transparent;
  color: hsl(0, 100%, 65.7%);
  color: var(--button-danger-ghost-color);
}
.zw-button--danger.zw-button--link:hover, .zw-button--danger.zw-button--link:active {
  color: hsla(0, 100%, 65.7%, 0.8);
  color: var(--button-danger-hover-background);
}
.zw-button--danger.zw-button--link.zw-button--disabled, .zw-button--danger.zw-button--link.zw-button--disabled:active, .zw-button--danger.zw-button--link.zw-button--disabled:hover, .zw-button--danger.zw-button--link.zw-button--disabled:focus, .zw-button--danger.zw-button--link.zw-button--disabled:visited {
  background-color: transparent;
  border-color: transparent;
  color: #bcbcbc;
  color: var(--color-text-disabled);
  cursor: not-allowed;
}

.zw-button--danger.zw-button--ghost {
  background-color: transparent;
  border-color: hsl(0, 100%, 65.7%);
  border-color: var(--button-danger-ghost-border);
  color: hsl(0, 100%, 65.7%);
  color: var(--button-danger-ghost-color);
  border-width: 1px;
  border-style: solid;
}
.zw-button--danger.zw-button--ghost:hover {
  border-color: hsla(0, 100%, 65.7%, 0.8);
  border-color: var(--button-danger-ghost-hover-border);
  color: hsla(0, 100%, 65.7%, 0.8);
  color: var(--button-danger-ghost-hover-color);
}
.zw-button--danger.zw-button--ghost:active {
  border-color: hsl(0, 100%, 61.7%);
  border-color: var(--button-danger-ghost-active-border);
  color: hsl(0, 100%, 61.7%);
  color: var(--button-danger-ghost-active-color);
}
.zw-button--danger.zw-button--ghost.zw-button--disabled, .zw-button--danger.zw-button--ghost.zw-button--disabled:active, .zw-button--danger.zw-button--ghost.zw-button--disabled:hover, .zw-button--danger.zw-button--ghost.zw-button--disabled:focus, .zw-button--danger.zw-button--ghost.zw-button--disabled:visited {
  background-color: transparent;
  border-color: #dcdcdc;
  border-color: var(--button-ghost-disabled-border);
  color: #fff;
  color: var(--button-ghost-disabled-color);
  cursor: not-allowed;
}

.zw-button--danger .zw-activity-indicator circle {
  stroke: #fff;
}

.zw-button--rect {
  border-radius: 0;
}

.zw-button--radius {
  border-radius: 4px;
  border-radius: var(--radius-md);
}

.zw-button--round {
  border-radius: 1000px;
  border-radius: var(--radius-round);
}

.zw-button--circle {
  border-radius: 50%;
  border-radius: var(--radius-circle);
}

.zw-button-group {
  display: inline-block;
}
.zw-button-group .zw-button {
  position: relative;
  padding: 0 14px;
  padding: 0 var(--button-padding-h-md);
  font-size: 14px;
  font-size: var(--button-font-size-md);
  height: 32px;
  height: var(--button-height-md);
  line-height: 1.5;
  /* Button sizes */
}
.zw-button-group .zw-button .zw-icon {
  font-size: 14px;
  font-size: var(--button-font-size-md);
}
.zw-button-group .zw-button--link {
  line-height: 32px;
  line-height: var(--button-height-md);
}

.zw-button-group .zw-button--circle {
  width: 32px;
  width: var(--button-height-md);
  min-width: 32px;
  min-width: var(--button-height-md);
  padding: 0;
}

.zw-button-group .zw-button--icon-only {
  width: 32px;
  width: var(--button-height-md);
  min-width: 32px;
  min-width: var(--button-height-md);
  padding: 0;
}
.zw-button-group .zw-button--icon-only .zw-icon {
  font-size: 14px;
  font-size: var(--button-font-size-md);
  line-height: 1;
}

.zw-button-group .zw-button * + span {
  margin-left: calc(14px / 2);
  margin-left: calc(var(--button-padding-h-md) / 2);
}
.zw-button-group .zw-button--xl {
  padding: 0 18px;
  padding: 0 var(--button-padding-h-xl);
  font-size: 16px;
  font-size: var(--button-font-size-xl);
  height: 40px;
  height: var(--button-height-xl);
  line-height: 1.5;
}
.zw-button-group .zw-button--xl .zw-icon {
  font-size: 16px;
  font-size: var(--button-font-size-xl);
}
.zw-button-group .zw-button--xl.zw-button--link {
  line-height: 40px;
  line-height: var(--button-height-xl);
}

.zw-button-group .zw-button--xl.zw-button--circle {
  width: 40px;
  width: var(--button-height-xl);
  min-width: 32px;
  min-width: var(--button-height-md);
  padding: 0;
}

.zw-button-group .zw-button--xl.zw-button--icon-only {
  width: 40px;
  width: var(--button-height-xl);
  min-width: 32px;
  min-width: var(--button-height-md);
  padding: 0;
}
.zw-button-group .zw-button--xl.zw-button--icon-only .zw-icon {
  font-size: 16px;
  font-size: var(--button-font-size-xl);
  line-height: 1;
}

.zw-button-group .zw-button--xl * + span {
  margin-left: calc(18px / 2);
  margin-left: calc(var(--button-padding-h-xl) / 2);
}

.zw-button-group .zw-button--lg {
  padding: 0 16px;
  padding: 0 var(--button-padding-h-lg);
  font-size: 16px;
  font-size: var(--button-font-size-lg);
  height: 36px;
  height: var(--button-height-lg);
  line-height: 1.5;
}
.zw-button-group .zw-button--lg .zw-icon {
  font-size: 16px;
  font-size: var(--button-font-size-lg);
}
.zw-button-group .zw-button--lg.zw-button--link {
  line-height: 36px;
  line-height: var(--button-height-lg);
}

.zw-button-group .zw-button--lg.zw-button--circle {
  width: 36px;
  width: var(--button-height-lg);
  min-width: 32px;
  min-width: var(--button-height-md);
  padding: 0;
}

.zw-button-group .zw-button--lg.zw-button--icon-only {
  width: 36px;
  width: var(--button-height-lg);
  min-width: 32px;
  min-width: var(--button-height-md);
  padding: 0;
}
.zw-button-group .zw-button--lg.zw-button--icon-only .zw-icon {
  font-size: 16px;
  font-size: var(--button-font-size-lg);
  line-height: 1;
}

.zw-button-group .zw-button--lg * + span {
  margin-left: calc(16px / 2);
  margin-left: calc(var(--button-padding-h-lg) / 2);
}

.zw-button-group .zw-button--sm {
  padding: 0 12px;
  padding: 0 var(--button-padding-h-sm);
  font-size: 12px;
  font-size: var(--button-font-size-sm);
  height: 28px;
  height: var(--button-height-sm);
  line-height: 1.5;
}
.zw-button-group .zw-button--sm .zw-icon {
  font-size: 12px;
  font-size: var(--button-font-size-sm);
}
.zw-button-group .zw-button--sm.zw-button--link {
  line-height: 28px;
  line-height: var(--button-height-sm);
}

.zw-button-group .zw-button--sm.zw-button--circle {
  width: 28px;
  width: var(--button-height-sm);
  min-width: 32px;
  min-width: var(--button-height-md);
  padding: 0;
}

.zw-button-group .zw-button--sm.zw-button--icon-only {
  width: 28px;
  width: var(--button-height-sm);
  min-width: 32px;
  min-width: var(--button-height-md);
  padding: 0;
}
.zw-button-group .zw-button--sm.zw-button--icon-only .zw-icon {
  font-size: 12px;
  font-size: var(--button-font-size-sm);
  line-height: 1;
}

.zw-button-group .zw-button--sm * + span {
  margin-left: calc(12px / 2);
  margin-left: calc(var(--button-padding-h-sm) / 2);
}

.zw-button-group .zw-button--xs {
  padding: 0 8px;
  padding: 0 var(--button-padding-h-xs);
  font-size: 12px;
  font-size: var(--button-font-size-xs);
  height: 24px;
  height: var(--button-height-xs);
  line-height: 1.5;
}
.zw-button-group .zw-button--xs .zw-icon {
  font-size: 12px;
  font-size: var(--button-font-size-xs);
}
.zw-button-group .zw-button--xs.zw-button--link {
  line-height: 24px;
  line-height: var(--button-height-xs);
}

.zw-button-group .zw-button--xs.zw-button--circle {
  width: 24px;
  width: var(--button-height-xs);
  min-width: 32px;
  min-width: var(--button-height-md);
  padding: 0;
}

.zw-button-group .zw-button--xs.zw-button--icon-only {
  width: 24px;
  width: var(--button-height-xs);
  min-width: 32px;
  min-width: var(--button-height-md);
  padding: 0;
}
.zw-button-group .zw-button--xs.zw-button--icon-only .zw-icon {
  font-size: 12px;
  font-size: var(--button-font-size-xs);
  line-height: 1;
}

.zw-button-group .zw-button--xs * + span {
  margin-left: calc(8px / 2);
  margin-left: calc(var(--button-padding-h-xs) / 2);
}

.zw-button-group .zw-button--primary:not(:last-child) {
  border-right: 1px solid hsla(0, 0%, 100%, 0.3);
  border-right: 1px solid var(--button-primary-gap-color);
  margin-right: 0 !important;
}

.zw-button-group .zw-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.zw-button-group .zw-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.zw-button-group .zw-button:first-child:last-child {
  border-radius: 4px;
  border-radius: var(--radius-md);
}
.zw-button-group .zw-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.zw-button-group .zw-button:not(:last-child) {
  margin-right: -1px;
}
.zw-button-group .zw-button:hover, .zw-button-group .zw-button:focus, .zw-button-group .zw-button:active {
  z-index: 1;
}

.ui-calendar {
  width: 240px;
}
.ui-calendar.ui-calendar-showTime {
  width: 360px;
}

.ui-calendar-time-header {
  position: relative;
  color: #666;
  line-height: 45px;
  padding: 4px;
  text-align: center;
  border-bottom: 1px solid #e9e9e9;
}
.ui-calendar-time-header:before, .ui-calendar-time-header:after {
  content: " ";
  display: table;
}
.ui-calendar-time-header:after {
  clear: both;
}
.ui-calendar-time-header .za-time__select-wrapper {
  float: right;
  margin: 4px;
}
.ui-calendar-time-header .za-time__select {
  position: absolute;
  width: 100%;
  height: 230px;
  left: 0;
  top: 0;
  z-index: 10000;
}
.ui-calendar-time-header .za-time__select .za-select .za-select__selection {
  max-height: 250px !important;
}

.ui-calendar-header {
  position: relative;
  height: 40px;
  line-height: 40px;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ui-calendar-header a {
  color: #666;
  text-decoration: none;
}
.ui-calendar-header a:hover {
  color: #2db7f5;
  text-decoration: none;
}

/* header */
.ui-calendar-header {
  border-bottom: 1px solid #e9e9e9;
}
.ui-calendar-header .ui-calendar-header-pre-btn,
.ui-calendar-header .ui-calendar-header-next-btn {
  position: absolute;
  top: 0;
  padding: 0 8px;
  font-size: 16px;
  display: inline-block;
  line-height: 40px;
}
.ui-calendar-header .ui-calendar-header-pre-btn {
  left: 0;
}
.ui-calendar-header .ui-calendar-header-next-btn {
  right: 0;
}
.ui-calendar-header .ui-calendar-header-btn {
  padding: 0 4px;
}

/* body */
.ui-calendar-body {
  height: 230px;
  padding: 4px 8px;
}
.ui-calendar-body .ui-calendar-table {
  width: 100%;
  margin: 0 auto;
}
.ui-calendar-body .ui-calendar-table .ui-calendar-column {
  padding: 4px 0;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border: 1px solid transparent;
  text-align: center;
}
.ui-calendar-body .ui-calendar-table .ui-calendar-cell {
  padding: 4px 0;
}
.ui-calendar-body .ui-calendar-table .ui-calendar-cell .ui-calendar-text {
  display: block;
  margin: 0 auto;
  color: #333;
  border-radius: 4px;
  width: 24px;
  height: 24px;
  line-height: 22px;
  border: 1px solid transparent;
  padding: 0;
  background: transparent;
  text-align: center;
  font-weight: normal;
}
.ui-calendar-body .ui-calendar-table .ui-calendar-cell .ui-calendar-text:hover {
  background: #eaf8fe;
  cursor: pointer;
}
.ui-calendar-body .ui-calendar-table .ui-calendar-cell .ui-calendar-text-others {
  color: #ccc !important;
  border: none !important;
  background: none !important;
}
.ui-calendar-body .ui-calendar-table .ui-calendar-cell .ui-calendar-text-today {
  color: #2db7f5;
  border-color: #2db7f5;
}
.ui-calendar-body .ui-calendar-table .ui-calendar-cell .ui-calendar-text-range {
  color: #f0ad4e;
}
.ui-calendar-body .ui-calendar-table .ui-calendar-cell .ui-calendar-text-disabled {
  color: #ccc;
  cursor: not-allowed;
}
.ui-calendar-body .ui-calendar-table .ui-calendar-cell .ui-calendar-text-selected {
  background: #2db7f5;
  color: #fff;
}
.ui-calendar-body .ui-calendar-table .ui-calendar-cell .ui-calendar-text-selected:hover {
  background: #2db7f5;
  cursor: pointer;
}
.ui-calendar-body .ui-calendar-table.ui-calendar-year .ui-calendar-cell {
  padding: 14px 0;
}
.ui-calendar-body .ui-calendar-table.ui-calendar-year .ui-calendar-cell .ui-calendar-text {
  width: 44px;
  height: 28px;
  line-height: 26px;
}
.ui-calendar-body .ui-calendar-table.ui-calendar-month .ui-calendar-cell {
  padding: 14px 0;
}
.ui-calendar-body .ui-calendar-table.ui-calendar-month .ui-calendar-cell .ui-calendar-text {
  width: 54px;
  height: 28px;
  line-height: 26px;
}

.ui-calendar-footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
  border-top: 1px solid #e9e9e9;
}
.ui-calendar-footer a {
  color: #666;
  text-decoration: none;
}
.ui-calendar-footer a:hover {
  color: #2db7f5;
  text-decoration: none;
}

.zw-checkbox {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  color: #343434;
  color: var(--color-text);
  font-size: 14px;
}
.zw-checkbox:not(.zw-checkbox--disabled):hover .zw-checkbox__inner {
  border-color: hsl(156, 100%, 36.9%);
  border-color: var(--theme-primary);
}

.zw-checkbox__widget {
  display: inline-block;
  vertical-align: middle;
}

.zw-checkbox__input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.zw-checkbox__text {
  vertical-align: middle;
  margin: 0 8px;
}

.zw-checkbox__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 14px;
  width: var(--checkbox-size);
  height: 14px;
  height: var(--checkbox-size);
  border: 1px solid #dcdcdc;
  border: 1px solid var(--checkbox-border-color);
  border-radius: 2px;
  border-radius: var(--checkbox-radius);
  background: #fff;
  background: var(--color-text-inverse);
}
.zw-checkbox__inner:before {
  content: "";
  width: calc(14px / 3.5);
  width: calc(var(--checkbox-size) / 3.5);
  height: calc(14px / 2);
  height: calc(var(--checkbox-size) / 2);
  border: calc(14px / 9) solid #fff;
  border: calc(var(--checkbox-size) / 9) solid var(--color-text-inverse);
  border-top: 0;
  border-left: 0;
  margin-top: calc(14px / -12);
  margin-top: calc(var(--checkbox-size) / -12);
  margin-left: calc(14px / 18);
  margin-left: calc(var(--checkbox-size) / 18);
  -webkit-transform: rotate(45deg) scale(0);
      -ms-transform: rotate(45deg) scale(0);
          transform: rotate(45deg) scale(0);
  -webkit-transition: all 0.2s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  transition: all 0.2s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}

.zw-checkbox--indeterminate .zw-checkbox__inner:before {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  width: calc(14px / 2.33);
  width: calc(var(--checkbox-size) / 2.33);
  height: calc(14px / 2.33);
  height: calc(var(--checkbox-size) / 2.33);
  margin-top: 0;
  margin-left: 0;
  border: none;
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--theme-primary);
}

.zw-checkbox--checked .zw-checkbox__inner {
  border-color: hsl(156, 100%, 36.9%);
  border-color: var(--theme-primary);
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--theme-primary);
}
.zw-checkbox--checked .zw-checkbox__inner:before {
  -webkit-transform: rotate(45deg) scale(1);
      -ms-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(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;
}

.zw-checkbox--disabled .zw-checkbox__input {
  cursor: not-allowed;
}

.zw-checkbox--disabled .zw-checkbox__text {
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

.zw-checkbox--disabled .zw-checkbox__inner {
  opacity: 0.5;
  opacity: var(--opacity-disabled);
}

.zw-checkbox--disabled.zw-checkbox--checked .zw-checkbox__inner {
  border-color: #dcdcdc;
  border-color: var(--checkbox-border-color);
  background-color: #dcdcdc;
  background-color: var(--checkbox-border-color);
}

.zw-checkbox--untext {
  line-height: 1;
}

.zw-checkbox-group {
  display: inline-block;
  overflow: hidden;
}
.zw-checkbox-group__inner {
  margin-right: -24px;
  margin-bottom: -8px;
}

.zw-checkbox-group .zw-checkbox {
  margin-right: 24px;
  margin-bottom: 8px;
}
.zw-checkbox-group--block {
  width: 100%;
}
.zw-checkbox-group--block .zw-checkbox-group__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.zw-checkbox-group--block .zw-checkbox {
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
}

.zw-checkbox-group--button .zw-checkbox-group__inner {
  margin-right: -8px;
  margin-bottom: -8px;
}

.zw-checkbox-group--button .zw-checkbox {
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 0;
  border: none;
  font-weight: normal;
  text-align: center;
  overflow: hidden;
  color: #343434;
  color: var(--color-text);
  outline: 0 none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  -webkit-appearance: none;
  /* disabled Button */
  /* block Button */
  border-width: 1px;
  border-style: solid;
  border-radius: var(--radius-xs);
}
.zw-checkbox-group--button .zw-checkbox, .zw-checkbox-group--button .zw-checkbox:active, .zw-checkbox-group--button .zw-checkbox:hover, .zw-checkbox-group--button .zw-checkbox:focus, .zw-checkbox-group--button .zw-checkbox:visited {
  text-decoration: none;
}
.zw-checkbox-group--button .zw-checkbox.zw-checkbox--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  opacity: var(--opacity-disabled);
}

.zw-checkbox-group--button .zw-checkbox.zw-checkbox--block {
  display: block;
  width: 100%;
}

.zw-checkbox-group--button .zw-checkbox, .zw-checkbox-group--button .zw-checkbox:hover {
  background-color: #fff;
  background-color: var(--button-default-background);
  border-color: #dcdcdc;
  border-color: var(--button-default-border);
  color: #343434;
  color: var(--button-default-color);
}
.zw-checkbox-group--button .zw-checkbox:active {
  background-color: #fff;
  background-color: var(--button-default-background);
  border-color: #dcdcdc;
  border-color: var(--button-default-border);
  color: #343434;
  color: var(--button-default-color);
}
.zw-checkbox-group--button .zw-checkbox.zw-checkbox--disabled {
  opacity: 0.5;
  opacity: var(--button-disabled-opacity);
  cursor: not-allowed;
}

.zw-checkbox-group--button .zw-checkbox.zw-checkbox--shadow {
  -webkit-box-shadow: 0 3px 3px 0 var(--button-default-shadow-color);
          box-shadow: 0 3px 3px 0 var(--button-default-shadow-color);
}

.zw-checkbox-group--button .zw-checkbox .zw-checkbox__text {
  margin: 0;
}

.zw-checkbox-group--button .zw-checkbox.zw-checkbox--checked, .zw-checkbox-group--button .zw-checkbox.zw-checkbox--checked:hover {
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--button-primary-background);
  border-color: hsl(156, 100%, 36.9%);
  border-color: var(--button-primary-border);
  color: #fff;
  color: var(--button-primary-color);
}
.zw-checkbox-group--button .zw-checkbox.zw-checkbox--checked:active {
  background-color: hsl(156, 100%, 32.9%);
  background-color: var(--button-primary-active-background);
  border-color: hsl(156, 100%, 32.9%);
  border-color: var(--button-primary-active-border);
  color: #fff;
  color: var(--button-primary-active-color);
}
.zw-checkbox-group--button .zw-checkbox.zw-checkbox--checked.zw-checkbox--disabled {
  opacity: 0.5;
  opacity: var(--button-disabled-opacity);
  cursor: not-allowed;
}

.zw-checkbox-group--button .zw-checkbox.zw-checkbox--checked.zw-checkbox--shadow {
  -webkit-box-shadow: 0 3px 3px 0 var(--button-primary-shadow-color);
          box-shadow: 0 3px 3px 0 var(--button-primary-shadow-color);
}

.zw-checkbox-group--button.zw-checkbox-group--block .zw-checkbox {
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
}

.zw-checkbox-group--button.zw-checkbox-group--rect .zw-checkbox {
  border-width: 1px;
  border-style: solid;
  border-radius: 0;
}

.zw-checkbox-group--button.zw-checkbox-group--radius .zw-checkbox {
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  border-radius: var(--radius-md);
}

.zw-checkbox-group--button.zw-checkbox-group--round .zw-checkbox {
  border-width: 1px;
  border-style: solid;
  border-radius: 1000px;
  border-radius: var(--radius-round);
}

.zw-checkbox-group--button.zw-checkbox-group--circle .zw-checkbox {
  border-width: 1px;
  border-style: solid;
  border-radius: 50%;
  border-radius: var(--radius-circle);
}

.zw-checkbox-group--button.zw-checkbox-group--lg .zw-checkbox {
  padding: 0 16px;
  padding: 0 var(--button-padding-h-lg);
  font-size: 16px;
  font-size: var(--button-font-size-lg);
  height: 36px;
  height: var(--button-height-lg);
  line-height: 1.5;
}
.zw-checkbox-group--button.zw-checkbox-group--lg .zw-checkbox.zw-checkbox--circle {
  width: 36px;
  width: var(--button-height-lg);
  padding: 0;
}

.zw-checkbox-group--button.zw-checkbox-group--lg .zw-checkbox .zw-icon {
  font-size: 18px;
  font-size: var(--button-icon-size-lg);
}
.zw-checkbox-group--button.zw-checkbox-group--lg .zw-checkbox * + span {
  margin-left: calc(16px / 2);
  margin-left: calc(var(--button-padding-h-lg) / 2);
}

.zw-checkbox-group--button.zw-checkbox-group--md .zw-checkbox {
  padding: 0 14px;
  padding: 0 var(--button-padding-h-md);
  font-size: 14px;
  font-size: var(--button-font-size-md);
  height: 32px;
  height: var(--button-height-md);
  line-height: 1.5;
}
.zw-checkbox-group--button.zw-checkbox-group--md .zw-checkbox.zw-checkbox--circle {
  width: 32px;
  width: var(--button-height-md);
  padding: 0;
}

.zw-checkbox-group--button.zw-checkbox-group--md .zw-checkbox .zw-icon {
  font-size: 16px;
  font-size: var(--button-icon-size-md);
}
.zw-checkbox-group--button.zw-checkbox-group--md .zw-checkbox * + span {
  margin-left: calc(14px / 2);
  margin-left: calc(var(--button-padding-h-md) / 2);
}

.zw-checkbox-group--button.zw-checkbox-group--sm .zw-checkbox {
  padding: 0 12px;
  padding: 0 var(--button-padding-h-sm);
  font-size: 12px;
  font-size: var(--button-font-size-sm);
  height: 28px;
  height: var(--button-height-sm);
  line-height: 1.5;
}
.zw-checkbox-group--button.zw-checkbox-group--sm .zw-checkbox.zw-checkbox--circle {
  width: 28px;
  width: var(--button-height-sm);
  padding: 0;
}

.zw-checkbox-group--button.zw-checkbox-group--sm .zw-checkbox .zw-icon {
  font-size: 14px;
  font-size: var(--button-icon-size-sm);
}
.zw-checkbox-group--button.zw-checkbox-group--sm .zw-checkbox * + span {
  margin-left: calc(12px / 2);
  margin-left: calc(var(--button-padding-h-sm) / 2);
}

.zw-checkbox-group--button.zw-checkbox-group--xs .zw-checkbox {
  padding: 0 8px;
  padding: 0 var(--button-padding-h-xs);
  font-size: 12px;
  font-size: var(--button-font-size-xs);
  height: 24px;
  height: var(--button-height-xs);
  line-height: 1.5;
}
.zw-checkbox-group--button.zw-checkbox-group--xs .zw-checkbox.zw-checkbox--circle {
  width: 24px;
  width: var(--button-height-xs);
  padding: 0;
}

.zw-checkbox-group--button.zw-checkbox-group--xs .zw-checkbox .zw-icon {
  font-size: 14px;
  font-size: var(--button-icon-size-xs);
}
.zw-checkbox-group--button.zw-checkbox-group--xs .zw-checkbox * + span {
  margin-left: calc(8px / 2);
  margin-left: calc(var(--button-padding-h-xs) / 2);
}

.zw-checkbox-group--ghost .zw-checkbox.zw-checkbox--checked, .zw-checkbox-group--ghost .zw-checkbox.zw-checkbox--checked:hover {
  background-color: transparent;
  border-color: hsl(156, 100%, 36.9%);
  border-color: var(--theme-primary);
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
}
.zw-checkbox-group--ghost .zw-checkbox.zw-checkbox--checked:active {
  background-color: transparent;
  border-color: hsl(156, 100%, 36.9%);
  border-color: var(--theme-primary);
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
}
.zw-checkbox-group--ghost .zw-checkbox.zw-checkbox--checked.zw-checkbox--disabled, .zw-checkbox-group--ghost .zw-checkbox.zw-checkbox--checked.zw-checkbox--disabled:active, .zw-checkbox-group--ghost .zw-checkbox.zw-checkbox--checked.zw-checkbox--disabled:hover, .zw-checkbox-group--ghost .zw-checkbox.zw-checkbox--checked.zw-checkbox--disabled:focus, .zw-checkbox-group--ghost .zw-checkbox.zw-checkbox--checked.zw-checkbox--disabled:visited {
  background-color: transparent;
  border-color: hsl(156, 100%, 36.9%);
  border-color: var(--theme-primary);
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
  cursor: not-allowed;
}

.zw-checkbox-group--compact .zw-checkbox:not(:last-child) {
  margin-right: -1px;
}
.zw-checkbox-group--compact .zw-checkbox:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.zw-checkbox-group--compact .zw-checkbox:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.zw-checkbox-group--compact .zw-checkbox:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.zw-checkbox-group--compact .zw-checkbox.zw-checkbox--checked {
  z-index: 1;
}

.zw-checkbox-group--cell {
  display: block;
  overflow: visible;
}
.zw-checkbox-group--cell .zw-checkbox-group__inner {
  margin-right: 0;
  margin-bottom: 0;
}

.zw-checkbox-group--cell .zw-checkbox {
  position: static;
  margin-right: 0;
  margin-bottom: 0;
}

.zw-checkbox--disabled .zw-checkbox__inner {
  opacity: 1;
  background-color: #fafafa;
  background-color: var(--background-disabled);
}

.zw-checkbox--disabled.zw-checkbox--checked .zw-checkbox__inner {
  border-color: #dcdcdc;
  border-color: var(--checkbox-border-color);
  background-color: #fafafa;
  background-color: var(--background-disabled);
}
.zw-checkbox--disabled.zw-checkbox--checked .zw-checkbox__inner:before {
  border-color: #dcdcdc;
  border-color: var(--checkbox-border-color);
}

/* border */
/* box shadow */
/* btn */
.ui-confirm {
  padding: 16px 16px 16px 75px;
  position: relative;
  color: #666;
  line-height: 1.5;
}
.ui-confirm .ui-icon {
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -30px;
  font-size: 40px;
  color: #12c287;
}
.ui-confirm span {
  font-size: 16px;
  color: #666;
}

/* border */
/* box shadow */
/* btn */
.zw-range__date-picker {
  width: 480px;
}
.zw-range__date-picker.za-range__date-time-picker {
  width: 720px;
}
.zw-range__date-picker .zw-range__date-picker-table:before, .zw-range__date-picker .zw-range__date-picker-table:after {
  content: " ";
  display: table;
}
.zw-range__date-picker .zw-range__date-picker-table:after {
  clear: both;
}
.zw-range__date-picker .zw-range__date-picker-table .zw-range__date-picker-left {
  float: left;
  width: 50%;
  border-right: 1px solid #e9e9e9;
}

.zw-range__date-picker .zw-range__date-picker-table .zw-range__date-picker-right {
  float: right;
  width: 50%;
  border-left: 1px solid #e9e9e9;
}

.zw-range__date-picker .zw-range__date-picker-table .za-time__select .za-select .za-select__selection {
  max-height: 230px !important;
}

.zw-range__date-picker .zw-range__date-picker-footer {
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.zw-range__date-picker .zw-range__date-picker-footer .zw-range__date-picker-footer-btn {
  margin-right: 8px;
}
.zw-range__date-picker .zw-range__date-picker-footer .zw-range__date-picker-footer-btn.disabled {
  color: rgba(0, 0, 0, 0.25);
  text-decoration: none;
  cursor: not-allowed;
}

/* border */
/* box shadow */
/* btn */
.ui-dropdown-trigger-box {
  display: inline-block;
  vertical-align: middle;
}

.ui-dropdown {
  min-width: 100%;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.17);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.17);
  text-align: left;
  will-change: transform, opacity;
}
.ui-dropdown.radius {
  border-radius: 4px;
}
.ui-dropdown.ui-dropdown-hidden {
  display: none;
}

/* border */
/* box shadow */
/* btn */
.zw-form {
  display: block;
  margin-top: 0;
  overflow: auto;
}
.zw-form--label-left .za-form-item__label {
  text-align: left;
}

.zw-form--label-top .zw-form-item .za-form-item__label {
  text-align: left;
}
.zw-form--label-top .zw-form-item .za-form-item__control {
  display: block;
}

.zw-form--horizontal .za-form-item__label {
  display: inline-block;
  float: none;
}

.zw-form-item {
  margin-bottom: 24px;
}
.zw-form-item:before {
  content: " ";
  display: table;
  clear: both;
}
.zw-form-item:after {
  content: " ";
  display: table;
}
.zw-form-item__label {
  float: left;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
  margin-bottom: 5px;
  text-align: right;
  line-height: 32px;
  padding: 0 12px 0 0;
  color: #333;
}

.zw-form-item--required {
  color: #e55546;
  margin-right: 1px;
  font-size: 6px;
}

.zw-form-item__control {
  position: relative;
  line-height: 32px;
}

.zw-form-item.has-error .za-form-item__control {
  position: relative;
}
.zw-form-item.has-error .za-form-item__control .ui-input,
.zw-form-item.has-error .za-form-item__control .ui-tag-input-box,
.zw-form-item.has-error .za-form-item__control .ui-select {
  border-color: #e55546;
}
.zw-form-item.has-error .za-form-item__control .za-form-item__error {
  position: absolute;
  top: 100%;
  left: 0;
  padding-top: 4px;
  line-height: 1;
  color: #e55546;
  font-size: 12px;
  -webkit-transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* border */
/* box shadow */
/* btn */
.zw-row {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  zoom: 1;
}
.zw-row:before, .zw-row:after {
  content: " ";
  display: table;
}
.zw-row:after {
  clear: both;
}
.zw-row--flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.zw-row--flex-start {
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.zw-row--flex-end {
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.zw-row--flex-center {
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.zw-row--flex-space-between {
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.zw-row--flex-space-around {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.zw-row--flex-top {
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.zw-row--flex-bottom {
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.zw-row--flex-middle {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.zw-icon {
  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;
  /* icon themes */
  /* icon sizes */
}
.zw-icon[type=search] {
  -webkit-appearance: initial !important;
}
.zw-icon--primary {
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
}

.zw-icon--success {
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-success);
}

.zw-icon--warning {
  color: hsl(31, 83.1%, 55.9%);
  color: var(--theme-warning);
}

.zw-icon--danger {
  color: hsl(0, 100%, 65.7%);
  color: var(--theme-danger);
}

.zw-icon--sm {
  font-size: 16px;
  font-size: var(--icon-font-size-sm);
}

.zw-icon--md {
  font-size: 24px;
  font-size: var(--icon-font-size-md);
}

.zw-icon--lg {
  font-size: 32px;
  font-size: var(--icon-font-size-lg);
}

/* border */
/* box shadow */
/* btn */
.ui-input {
  position: relative;
  display: inline-block;
  color: #666;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: #fff;
  background-image: none;
  outline: none;
  -webkit-transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ui-input.disabled, .ui-input:disabled {
  cursor: not-allowed;
  background-color: #f3f5f7;
}
.ui-input.disabled:focus, .ui-input.disabled.focus, .ui-input:disabled:focus, .ui-input:disabled.focus {
  border-color: #ccc;
}
.ui-input.disabled:hover, .ui-input:disabled:hover {
  border-color: #ccc;
}

.ui-input-textarea-box {
  position: relative;
  display: inline-block;
}
.ui-input-textarea-box .length-box {
  position: absolute;
  right: 10px;
  bottom: 5px;
  color: #bbb;
}

textarea.ui-input-box {
  width: auto;
  max-width: 100%;
  height: auto;
  line-height: 1.5;
  vertical-align: bottom;
  outline: none;
  padding: 4px 7px;
}
textarea.ui-input-box:hover {
  border-color: #ccc;
}
textarea.ui-input-box:focus {
  border-color: #12c287;
}
textarea.ui-input-box.active {
  border-color: #12c287;
}

.ui-input-box {
  height: 32px;
  border: 1px solid #e6e6e6;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: relative;
  height: 32px;
  font-size: 14px;
  /* Input sizes */
}
.ui-input-box:focus {
  border-color: #12c287;
}
.ui-input-box.active {
  border-color: #12c287;
}
.ui-input-box.shape-radius {
  border-radius: 4px;
}
.ui-input-box .ui-input {
  vertical-align: middle;
  height: 100%;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 1.5;
  font-size: 14px;
  padding: 4px 7px;
}
.ui-input-box.size-xl {
  height: 40px;
  font-size: 18px;
}
.ui-input-box.size-xl.shape-radius {
  border-radius: 6px;
}
.ui-input-box.size-xl .ui-input {
  line-height: 1.5;
  font-size: 18px;
  padding: 4px 14px;
}
.ui-input-box.size-lg {
  height: 36px;
  font-size: 16px;
}
.ui-input-box.size-lg.shape-radius {
  border-radius: 6px;
}
.ui-input-box.size-lg .ui-input {
  line-height: 1.5;
  font-size: 16px;
  padding: 4px 11px;
}
.ui-input-box.size-sm {
  height: 28px;
  font-size: 12px;
}
.ui-input-box.size-sm.shape-radius {
  border-radius: 4px;
}
.ui-input-box.size-sm .ui-input {
  line-height: 1.5;
  font-size: 12px;
  padding: 4px 7px;
}
.ui-input-box.size-xs {
  height: 24px;
  font-size: 12px;
}
.ui-input-box.size-xs.shape-radius {
  border-radius: 4px;
}
.ui-input-box.size-xs .ui-input {
  line-height: 1.5;
  font-size: 12px;
  padding: 4px 4px;
}

.ui-addon {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 0 8px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}
.ui-addon.size-xl {
  font-size: 18px;
}
.ui-addon.size-lg {
  font-size: 16px;
}
.ui-addon.size-sm {
  font-size: 12px;
}
.ui-addon.size-xs {
  font-size: 12px;
}

/* border */
/* box shadow */
/* btn */
.ui-input-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.ui-input-group > div {
  position: relative;
  margin-left: -1px;
}
.ui-input-group > div:not(:last-child):not(:first-child) {
  border-radius: 0;
}
.ui-input-group > div:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-left: 0;
}
.ui-input-group > div:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ui-input-group > .active {
  position: relative;
  z-index: 1;
}

/* border */
/* box shadow */
/* btn */
.ui-search-btn {
  background-color: #12c287;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
.ui-search-btn:hover {
  background: #12c287;
}
.ui-search-btn.shape-radius {
  border-radius: 4px;
}
.ui-search-btn.size-xl {
  font-size: 18px;
}
.ui-search-btn.size-xl.shape-radius {
  border-radius: 6px;
}
.ui-search-btn.size-lg {
  font-size: 16px;
}
.ui-search-btn.size-lg.shape-radius {
  border-radius: 6px;
}
.ui-search-btn.size-sm {
  font-size: 12px;
}
.ui-search-btn.size-sm.shape-radius {
  border-radius: 4px;
}
.ui-search-btn.size-xs {
  font-size: 12px;
}
.ui-search-btn.size-xs.shape-radius {
  border-radius: 4px;
}

.ui-layout {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
  background: #f0f2f5;
}
.ui-layout,
.ui-layout * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ui-layout-header, .ui-layout-footer {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.ui-layout.ui-layout-has-sider {
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
> .ui-layout.ui-layout-has-sider, > .ui-layout.ui-layout-has-sider-content {
  overflow-x: hidden;
}
.ui-layout-header {
  background: #001529;
  padding: 0 50px;
  height: 64px;
  line-height: 64px;
}
.ui-layout-footer {
  background: #f0f2f5;
  padding: 24px 50px;
}
.ui-layout-content {
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
}
.ui-layout-sider {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  position: relative;
  background: #001529;
  min-width: 0;
}
.ui-layout-sider-children {
  height: 100%;
  padding-top: 0.1px;
  margin-top: -0.1px;
}
.ui-layout-sider-right {
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}
.ui-layout-sider-trigger {
  position: absolute;
  text-align: center;
  bottom: 0;
  cursor: pointer;
  height: 48px;
  line-height: 48px;
  color: #fff;
  background: #002140;
  z-index: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.zw-activity-indicator {
  display: inline-block;
  position: relative;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  width: 16px;
  width: var(--activity-indicator-size-md);
  height: 16px;
  height: var(--activity-indicator-size-md);
  /* sizes */
}
.zw-activity-indicator__path {
  stroke: #e6e6e6;
  stroke: var(--activity-indicator-path-color);
}

.zw-activity-indicator__line {
  stroke-dasharray: 314.1592674;
  stroke: hsl(156, 100%, 36.9%);
  stroke: var(--theme-primary);
}

.zw-activity-indicator--lg {
  width: 32px;
  width: var(--activity-indicator-size-lg);
  height: 32px;
  height: var(--activity-indicator-size-lg);
}

.zw-activity-indicator--circular {
  display: inline-block;
}
.zw-activity-indicator--circular svg {
  vertical-align: top;
  -webkit-animation: zw-activity-indicator_rotate360 2s linear infinite;
          animation: zw-activity-indicator_rotate360 2s linear infinite;
}
.zw-activity-indicator--circular circle {
  stroke-linecap: round;
  stroke: hsl(156, 100%, 36.9%);
  stroke: var(--theme-primary);
  -webkit-animation: zw-activity-indicator_rotate-circular 1.5s ease-in-out infinite;
          animation: zw-activity-indicator_rotate-circular 1.5s ease-in-out infinite;
}

.zw-activity-indicator--spinner {
  -webkit-animation: zw-activity-indicator_rotate360 0.8s linear infinite;
          animation: zw-activity-indicator_rotate360 0.8s linear infinite;
  -webkit-animation-timing-function: steps(12);
          animation-timing-function: steps(12);
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(1) {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
  opacity: 1;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(2) {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
  opacity: 0.9375;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(3) {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  opacity: 0.875;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(4) {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
  opacity: 0.8125;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(5) {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
  opacity: 0.75;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(6) {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  opacity: 0.6875;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(7) {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
  opacity: 0.625;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(8) {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
  opacity: 0.5625;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(9) {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
  opacity: 0.5;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(10) {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg);
  opacity: 0.4375;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(11) {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg);
  opacity: 0.375;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(12) {
  -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
  opacity: 0.3125;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}

@keyframes zw-activity-indicator_rotate-circular {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 120, 200;
    stroke-dashoffset: -60;
  }
  100% {
    stroke-dasharray: 120, 200;
    stroke-dashoffset: -180;
  }
}
@keyframes zw-activity-indicator_rotate360 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.zw-loading {
  position: relative;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;
  vertical-align: middle;
}
.zw-loading--fullscreen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
}

.zw-loading--active .zw-loading__container {
  opacity: 0.4;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

.zw-loading__container {
  position: relative;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.zw-loading__mask {
  display: block;
  position: absolute;
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--loading-mask-color);
}

.zw-loading__spin {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  width: 100%;
  opacity: 1;
  visibility: visible;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.zw-loading__text {
  font-size: 14px;
  margin: 3px 0;
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

.zw-loading__svg {
  height: 24px;
  height: var(--loading-height-md);
  width: 24px;
  width: var(--loading-height-md);
}

.zw-loading__text {
  font-size: 14px;
  font-size: var(--loading-font-size-md);
  margin: calc(14px / 2);
  margin: calc(var(--loading-margin-h-md) / 2);
}

.zw-loading--lg .zw-loading__svg {
  height: 36px;
  height: var(--loading-height-lg);
  width: 36px;
  width: var(--loading-height-lg);
}

.zw-loading--lg .zw-loading__text {
  font-size: 16px;
  font-size: var(--loading-font-size-lg);
  margin: calc(16px / 2);
  margin: calc(var(--loading-margin-h-lg) / 2);
}

.zw-loading--sm .zw-loading__svg {
  height: var(--loading-height-sm);
  width: var(--loading-height-sm);
}

.zw-loading--sm .zw-loading__text {
  font-size: var(--loading-font-size-sm);
  margin: calc(var(--loading-margin-h-sm) / 2);
}

.zw-loading--xs .zw-loading__svg {
  height: 12px;
  height: var(--loading-height-xs);
  width: 12px;
  width: var(--loading-height-xs);
}

.zw-loading--xs .zw-loading__text {
  font-size: 10px;
  font-size: var(--loading-font-size-xs);
  margin: calc(8px / 2);
  margin: calc(var(--loading-margin-h-xs) / 2);
}

/* border */
/* box shadow */
/* btn */
/* border */
/* box shadow */
/* btn */
.ui-mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: fade-enter 0.3s ease-out;
          animation: fade-enter 0.3s ease-out;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1000;
}
.ui-mask.light {
  background-color: rgba(255, 255, 255, 0.3);
}
.ui-mask.transparent {
  background-color: transparent;
}

:root {
  --theme-default:hsl(0, 0%, 90%);
  --theme-default-light:hsla(0, 0%, 90%, 0.8);
  --theme-default-dark:hsl(0, 0%, 86%);
  --theme-primary:hsl(156, 100%, 36.9%);
  --theme-primary-light:hsla(156, 100%, 36.9%, 0.8);
  --theme-primary-dark:hsl(156, 100%, 32.9%);
  --theme-success:hsl(156, 100%, 36.9%);
  --theme-success-light:hsla(156, 100%, 36.9%, 0.8);
  --theme-success-dark:hsl(156, 100%, 32.9%);
  --theme-warning:hsl(31, 83.1%, 55.9%);
  --theme-warning-light:hsla(31, 83.1%, 55.9%, 0.8);
  --theme-warning-dark:hsl(31, 83.1%, 51.9%);
  --theme-danger:hsl(0, 100%, 65.7%);
  --theme-danger-light:hsla(0, 100%, 65.7%, 0.8);
  --theme-danger-dark:hsl(0, 100%, 61.7%);
  --color-text: #343434;
  --color-text-inverse: #fff;
  --color-text-placeholder: #a9a9a9;
  --color-text-disabled: #bcbcbc;
  --color-text-caption: #909090;
  --color-link: var(--theme-primary);
  --box-shadow-light: 0 2px 8px rgba(0, 0, 0, 0.1), 0 0 6px rgba(0, 0, 0, 0.1);
  --box-shadow-dark: 0 4px 12px rgba(0, 0, 0, 0.2);
  --background-disabled: #fafafa;
  --border-color: #dcdcdc;
  --border-disabled: #e6e6e6;
  --zindex-tooltip: 1500;
  --opacity-disabled: 0.5;
  --opacity-tooltip: 0.8;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-round: 1000px;
  --radius-circle: 50%;
  --padding-h-xs: 8px;
  --padding-h-sm: 12px;
  --padding-h-md: 14px;
  --padding-h-lg: 16px;
  --padding-h-xl: 18px;
  --padding-v-xs: 6px;
  --padding-v-sm: 8px;
  --padding-v-md: 12px;
  --padding-v-lg: 14px;
  --padding-v-xl: 18px;
  --font-size-xs: 10px;
  --font-size-sm: 12px;
  --font-size-md: 14px;
  --font-size-lg: 16px;
  --font-size-xl: 18px;
  --activity-indicator-size-md: 16px;
  --activity-indicator-size-lg: 32px;
  --activity-indicator-path-color: #e6e6e6;
  --avatar-border-radius: 50%;
  --avatar-fontSize: 14px;
  --avatar-width-md: 40px;
  --avatar-height-md: 40px;
  --avatar-width-xl: 72px;
  --avatar-height-xl: 72px;
  --avatar-width-lg: 48px;
  --avatar-height-lg: 48px;
  --avatar-width-sm: 32px;
  --avatar-height-sm: 32px;
  --avatar-width-xs: 24px;
  --avatar-height-xs: 24px;
  --avatar-default-color: #fff;
  --avatar-default-bg-color: #ccc;
  --badge-height: 14px;
  --badge-font-size: var(--font-size-xs);
  --badge-padding-h: 4px;
  --badge-dot-diameter: 8px;
  --badge-border-radius-rect: var(--radius-sm);
  --badge-border-radius-round: var(--radius-round);
  --badge-sup-top: -4px;
  --badge-text-color: #fff;
  --breadcrumb-default-font-size: 14px;
  --breadcrumb-default-color: var(--color-text-caption);
  --breadcrumb-color: var(--color-text);
  --breadcrumb-hover-color: var(--theme-primary);
  --breadcrumb-separator-color: rgba(0, 0, 0, 0.45);
  --button-ghost-disabled-border: var(--border-color);
  --button-ghost-disabled-color: var(--color-text-inverse);
  --button-padding-h-xl: var(--padding-h-xl);
  --button-padding-h-lg: var(--padding-h-lg);
  --button-padding-h-md: var(--padding-h-md);
  --button-padding-h-sm: var(--padding-h-sm);
  --button-padding-h-xs: var(--padding-h-xs);
  --button-height-xl: 40px;
  --button-height-lg: 36px;
  --button-height-md: 32px;
  --button-height-sm: 28px;
  --button-height-xs: 24px;
  --button-font-size-xl: 16px;
  --button-font-size-lg: 16px;
  --button-font-size-md: 14px;
  --button-font-size-sm: 12px;
  --button-font-size-xs: 12px;
  --button-icon-size-xl: 20px;
  --button-icon-size-lg: 18px;
  --button-icon-size-md: 16px;
  --button-icon-size-sm: 14px;
  --button-icon-size-xs: 14px;
  --button-disabled-opacity: var(--opacity-disabled);
  --button-disabled-color-ghost: var(--border-disabled);
  --button-default-background: var(--color-text-inverse);
  --button-default-border: var(--border-color);
  --button-default-color: var(--color-text);
  --button-default-hover-background: var(--color-text-inverse);
  --button-default-hover-border: var(--theme-primary);
  --button-default-hover-color: var(--theme-primary);
  --button-default-active-background: var(--color-text-inverse);
  --button-default-active-border: var(--theme-primary-dark);
  --button-default-active-color: var(--theme-primary-dark);
  --button-default-ghost-border: var(--color-text-inverse);
  --button-default-ghost-color: var(--color-text-inverse);
  --button-default-ghost-hover-border: var(--theme-primary-light);
  --button-default-ghost-hover-color: var(--theme-primary-light);
  --button-default-ghost-active-border: var(--theme-primary-dark);
  --button-default-ghost-active-color: var(--theme-primary-dark);
  --button-primary-background: var(--theme-primary);
  --button-primary-border: var(--theme-primary);
  --button-primary-color: var(--color-text-inverse);
  --button-primary-hover-background: var(--theme-primary-light);
  --button-primary-hover-border: var(--theme-primary-light);
  --button-primary-hover-color: var(--color-text-inverse);
  --button-primary-active-background: var(--theme-primary-dark);
  --button-primary-active-border: var(--theme-primary-dark);
  --button-primary-active-color: var(--color-text-inverse);
  --button-primary-ghost-border: var(--theme-primary);
  --button-primary-ghost-color: var(--theme-primary);
  --button-primary-ghost-hover-border: var(--theme-primary-light);
  --button-primary-ghost-hover-color: var(--theme-primary-light);
  --button-primary-ghost-active-border: var(--theme-primary-dark);
  --button-primary-ghost-active-color: var(--theme-primary-dark);
  --button-primary-gap-color: hsla(0, 0%, 100%, 0.3);
  --button-danger-background: var(--theme-danger);
  --button-danger-border: var(--theme-danger);
  --button-danger-color: var(--color-text-inverse);
  --button-danger-hover-background: var(--theme-danger-light);
  --button-danger-hover-border: var(--theme-danger-light);
  --button-danger-hover-color: var(--color-text-inverse);
  --button-danger-active-background: var(--theme-danger-dark);
  --button-danger-active-border: var(--theme-danger-dark);
  --button-danger-active-color: var(--color-text-inverse);
  --button-danger-ghost-border: var(--theme-danger);
  --button-danger-ghost-color: var(--theme-danger);
  --button-danger-ghost-hover-border: var(--theme-danger-light);
  --button-danger-ghost-hover-color: var(--theme-danger-light);
  --button-danger-ghost-active-border: var(--theme-danger-dark);
  --button-danger-ghost-active-color: var(--theme-danger-dark);
  --checkbox-size: 14px;
  --checkbox-radius: var(--radius-sm);
  --checkbox-border-color: var(--border-color);
  --loading-height-xs: 12px;
  --loading-height-md: 24px;
  --loading-height-lg: 36px;
  --loading-margin-h-xs: var(--padding-h-xs);
  --loading-margin-h-md: var(--padding-h-md);
  --loading-margin-h-lg: var(--padding-h-lg);
  --loading-font-size-xs: var(--font-size-xs);
  --loading-font-size-md: var(--font-size-md);
  --loading-font-size-lg: var(--font-size-lg);
  --loading-default-svg-color: var(--theme-primary);
  --loading-default-text-color: var(--color-text-disabled);
  --loading-default-mask-color: rgba(255, 255, 255, 0.4);
  --loading-default-mask-zIndex: 1000;
  --loading-inverse-mask-color: rgba(0, 0, 0, 0.4);
  --icon-font-size-sm: 16px;
  --icon-font-size-md: 24px;
  --icon-font-size-lg: 32px;
  --icon-theme-default: var(--color-text);
  --radio-size: 14px;
  --radio-radius: var(--radius-circle);
  --radio-border-color: var(--border-color);
  --radio-color: #616161;
  --menu-color: #343434;
  --menu-default-bg-color: var(--color-text-inverse);
  --menu-dark-bg-color: #001529;
  --menu-collapsed-width: 80px;
  --submenu-dark-bg-color: #000c17;
  --menuitem-dark-color: hsla(0, 0%, 100%, 0.65);
  --menuitem-dark-active-color: var(--color-text-inverse);
  --menuitem-default-color: #343434;
  --menuitem-active-color: var(--theme-primary);
  --menuitem-active-bg-color: rgba(0, 188, 112, 0.0625);
  --menuitem-disabled-color: rgba(0, 0, 0, 0.25);
  --menuitem-divider-bg-color: #e5e5e5;
  --menuitem-horizontal-padding: 20px;
  --menuitem-horizontal-height: 56px;
  --steps-title-color: var(--color-text);
  --steps-desc-color: var(--color-text-caption);
  --steps-title-font-size: var(--font-size-md);
  --steps-desc-font-size: var(--font-size-md);
  --steps-border-color: var(--border-color);
  --steps-status-wait: #bcbcbc;
  --steps-status-process: var(--theme-primary);
  --steps-status-error: var(--theme-danger);
  --steps-icon-size: 28px;
  --steps-content-width: 140px;
  --switch-width-md: 48px;
  --switch-width-sm: 32px;
  --switch-height-md: 20px;
  --switch-height-sm: 16px;
  --switch-background: #bcbcbc;
  --tabs-font-size-sm: 14px;
  --tabs-font-size-md: 16px;
  --tabs-font-size-lg: 18px;
  --tabs-header-icon-sm: 12px;
  --tabs-header-icon-md: 14px;
  --tabs-header-icon-lg: 16px;
  --tabs-header-card-height-sm: 34px;
  --tabs-header-card-height-md: 40px;
  --tabs-header-card-height-lg: 46px;
  --tabs-header-line-height-sm: 38px;
  --tabs-header-line-height-md: 48px;
  --tabs-header-line-height-lg: 58px;
  --tabs-header-vertical-height-sm: 30px;
  --tabs-header-vertical-height-md: 36px;
  --tabs-header-vertical-height-lg: 42px;
  --tabs-header-line-padding-sm: 12px;
  --tabs-header-line-padding-md: 16px;
  --tabs-header-line-padding-lg: 20px;
  --tabs-header-card-padding-sm: 10px;
  --tabs-header-card-padding-md: 12px;
  --tabs-header-card-padding-lg: 14px;
  --tabs-header-vertical-padding-sm: 16px;
  --tabs-header-vertical-padding-md: 20px;
  --tabs-header-vertical-padding-lg: 24px;
  --tabs-default-color: #616161;
  --tabs-default-hover-color: #33c98d;
  --tabs-default-disabled-color: var(--color-text-disabled);
  --tabs-default-icon-color: #bcbcbc;
  --tabs-default-icon-disabled-color: var(--border-disabled);
  --tabs-default-icon-hover-color: var(--color-text);
  --tabs-default-active-background: var(--color-text-inverse);
  --tabs-default-line-color: #00bc70;
  --tabs-default-active-color: #00bc70;
  --tabs-default-background-color: var(--color-text-inverse);
  --tabs-default-card-background: #fafafa;
  --tabs-default-noborder-background: #f2f2f2;
  --tag-height-lg: 32px;
  --tag-height-md: 28px;
  --tag-height-sm: 24px;
  --tag-height-xs: 20px;
  --tag-padding-h-lg: 16px;
  --tag-padding-h: 12px;
  --tag-font-size: 12px;
  --tag-icon-size-lg: 14px;
  --tag-icon-size: 12px;
  --tag-icon-size-xs: 10px;
  --tag-color-disabled: var(--color-text-disabled);
  --tag-disabled-opacity: var(--opacity-disabled);
  --tag-default-background: #f9f9f9;
  --tag-default-color: #616161;
  --tag-default-border: var(--border-color);
  --tag-primary-color: var(--theme-primary);
  --tag-success-color: var(--theme-success);
  --tag-warning-color: var(--theme-warning);
  --tag-danger-color: var(--theme-danger);
  --tag-primary-hover-background: var(--theme-primary-light);
  --tag-primary-active-background: var(--theme-primary-dark);
  --tag-color-green: 0, 188, 112;
  --tag-color-blue: 84, 192, 232;
  --tag-color-orange: 236, 145, 49;
  --tag-color-red: 255, 80, 80;
  --tooltip-font-size: 12px;
  --tooltip-color: var(--color-text-inverse);
  --tooltip-arrow-size: 4px;
  --tooltip-light-background-color: #f2f2f2;
  --tooltip-dark-background-color: rgba(0, 0, 0, var(--opacity-tooltip));
  --tooltip-padding-v: var(--padding-v-xs);
  --tooltip-padding-h: var(--padding-h-xs);
}

@-webkit-keyframes slide-down {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}

@keyframes slide-down {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@-webkit-keyframes slide-up {
  from {
    opacity: 1;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes slide-up {
  from {
    opacity: 1;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
.za-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
  background: #fff;
  background: var(--menu-default-bg-color);
  outline: none;
  border-right: 1px solid #e8e8e8;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), 0 0 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), 0 0 6px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: var(--box-shadow-light);
          box-shadow: var(--box-shadow-light);
  -webkit-transition: background 0.3s, width 0.2s;
  transition: background 0.3s, width 0.2s;
  zoom: 1;
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
}
.za-menu .za-menu-item {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  font-size: var(--font-size-md);
}
.za-menu.za-menu-root {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.za-menu-item {
  position: relative;
  display: block;
  font-weight: normal;
  color: #343434;
  color: var(--menuitem-default-color);
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -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);
}
.za-menu-item .za-icon {
  min-width: 14px;
  margin-right: 10px;
  font-size: 14px;
  pointer-events: none;
  -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);
}
.za-menu-item .za-icon + span {
  pointer-events: none;
  -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);
  opacity: 1;
}
.za-menu-item > a {
  display: block;
}
.za-menu-item > a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: transparent;
}
.za-menu-item:hover {
  color: hsl(156, 100%, 36.9%);
  color: var(--menuitem-active-color);
}
.za-menu-item.selected, .za-menu-item.active {
  color: hsl(156, 100%, 36.9%);
  color: var(--menuitem-active-color);
  background: rgba(0, 188, 112, 0.0625);
  background: var(--menuitem-active-bg-color);
}
.za-menu-item.disabled {
  color: rgba(0, 0, 0, 0.25);
  color: var(--menuitem-disabled-color);
  cursor: not-allowed;
}
.za-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  padding: 0;
  line-height: 0;
  background-color: #e5e5e5;
  background-color: var(--menuitem-divider-bg-color);
}
.za-menu-level-1 > .za-menu-submenu-title {
  font-weight: 500;
}
.za-menu-submenu {
  height: auto;
}
.za-menu-submenu:not(.za-menu-level-1) {
  min-width: 160px;
}
.za-menu-submenu-title {
  height: 40px;
  line-height: 40px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  font-weight: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.za-menu-submenu-title:hover {
  color: hsl(156, 100%, 36.9%);
  color: var(--menuitem-active-color);
}
.za-menu-submenu-title .za-icon {
  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);
}
.za-menu-submenu-title .za-icon + span {
  -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);
  opacity: 1;
}
.za-menu-submenu-sub {
  height: 0;
  padding: 0;
  overflow: hidden;
  -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.za-menu.size-xl .za-menu-item {
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  font-size: var(--font-size-xl);
}
.za-menu.size-lg .za-menu-item {
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  font-size: var(--font-size-lg);
}
.za-menu.size-sm .za-menu-item {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  font-size: var(--font-size-sm);
}
.za-menu.size-xs .za-menu-item {
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  font-size: var(--font-size-sm);
}

.za-menu-collapsed > .za-menu-submenu > .za-menu-submenu-title,
.za-menu-collapsed > .za-menu-item {
  left: 0;
  text-overflow: clip;
  padding: 0 80px-16/2;
  padding: 0 var(--menu-collapsed-width)-16/2;
}
.za-menu-collapsed .za-menu-item__tooltip {
  width: 100%;
  text-align: center;
}
.za-menu-collapsed .za-menu-item__tooltip .ui-popover-content .za-icon {
  display: none;
}
.za-menu-collapsed .za-menu-item__tooltip .ui-popover-content .za-icon + span {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  -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);
  opacity: 1;
}
.za-menu-collapsed > .za-menu-submenu > .za-menu-submenu-title .za-menu-submenu-arrow {
  display: none;
}
.za-menu-collapsed .za-menu-submenu .za-menu-submenu-sub {
  min-width: 160px;
  height: auto !important;
  opacity: 0;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}
.za-menu-collapsed .za-menu-submenu .za-menu-submenu-sub.slide-up {
  -webkit-animation: slide-up 0.3s both;
          animation: slide-up 0.3s both;
}
.za-menu-collapsed .za-menu-submenu .za-menu-submenu-sub.slide-down {
  -webkit-animation: slide-down 0.3s both;
          animation: slide-down 0.3s both;
}
.za-menu-collapsed .za-icon {
  font-size: 16px;
  line-height: 40px;
  margin: 0;
}
.za-menu-collapsed .za-icon + span {
  max-width: 0;
  display: inline-block;
  opacity: 0;
}

.za-menu-inline {
  width: 100%;
}
.za-menu-inline .za-menu-submenu-title {
  position: relative;
}
.za-menu-inline .za-menu-submenu-title:hover .za-menu-submenu-arrow:after, .za-menu-inline .za-menu-submenu-title:hover .za-menu-submenu-arrow:before {
  background: -webkit-gradient(linear, left top, right top, from(hsl(156, 100%, 36.9%)), to(hsl(156, 100%, 36.9%)));
  background: -webkit-linear-gradient(left, hsl(156, 100%, 36.9%), hsl(156, 100%, 36.9%));
  background: linear-gradient(to right, hsl(156, 100%, 36.9%), hsl(156, 100%, 36.9%));
  background: -webkit-gradient(linear, left top, right top, from(var(--menuitem-active-color)), to(var(--menuitem-active-color)));
  background: -webkit-linear-gradient(left, var(--menuitem-active-color), var(--menuitem-active-color));
  background: linear-gradient(to right, var(--menuitem-active-color), var(--menuitem-active-color));
}
.za-menu-inline .za-menu-submenu-arrow {
  -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);
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
}
.za-menu-inline .za-menu-submenu-arrow:before, .za-menu-inline .za-menu-submenu-arrow:after {
  content: "";
  position: absolute;
  vertical-align: baseline;
  background: #fff;
  background: var(--menuitem-dark-active-color);
  background-image: -webkit-gradient(linear, left top, right top, from(#909090), to(#909090));
  background-image: -webkit-linear-gradient(left, #909090, #909090);
  background-image: linear-gradient(to right, #909090, #909090);
  width: 8px;
  height: 2px;
  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);
}
.za-menu-inline .za-menu-submenu-arrow:before {
  -webkit-transform: rotate(-45deg) translateX(2px);
      -ms-transform: rotate(-45deg) translateX(2px);
          transform: rotate(-45deg) translateX(2px);
}
.za-menu-inline .za-menu-submenu-arrow:after {
  -webkit-transform: rotate(45deg) translateX(-2px);
      -ms-transform: rotate(45deg) translateX(-2px);
          transform: rotate(45deg) translateX(-2px);
}
.za-menu-inline .za-menu-submenu.open > .za-menu-submenu-title .za-menu-submenu-arrow {
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
}
.za-menu-inline .za-menu-submenu.open > .za-menu-submenu-title .za-menu-submenu-arrow:before {
  -webkit-transform: rotate(45deg) translateX(2px);
      -ms-transform: rotate(45deg) translateX(2px);
          transform: rotate(45deg) translateX(2px);
}
.za-menu-inline .za-menu-submenu.open > .za-menu-submenu-title .za-menu-submenu-arrow:after {
  -webkit-transform: rotate(-45deg) translateX(-2px);
      -ms-transform: rotate(-45deg) translateX(-2px);
          transform: rotate(-45deg) translateX(-2px);
}
.za-menu-inline.za-menu-collapsed {
  width: 80px;
  width: var(--menu-collapsed-width);
}
.za-menu-inline.za-menu-collapsed.za-menu-light .za-menu-submenu .za-menu-submenu-sub {
  background: #fff;
}
.za-menu-inline.za-menu-collapsed .za-menu-submenu {
  position: relative;
}
.za-menu-inline.za-menu-collapsed .za-menu-submenu-arrow:before {
  -webkit-transform: rotate(-45deg) translateY(2px);
      -ms-transform: rotate(-45deg) translateY(2px);
          transform: rotate(-45deg) translateY(2px);
}
.za-menu-inline.za-menu-collapsed .za-menu-submenu-arrow:after {
  -webkit-transform: rotate(45deg) translateY(-2px);
      -ms-transform: rotate(45deg) translateY(-2px);
          transform: rotate(45deg) translateY(-2px);
}
.za-menu-inline.za-menu-collapsed .za-menu-submenu.open > .za-menu-submenu-title .za-menu-submenu-arrow {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.za-menu-inline.za-menu-collapsed .za-menu-submenu.open > .za-menu-submenu-title .za-menu-submenu-arrow:before {
  -webkit-transform: rotate(-45deg) translateY(2px);
      -ms-transform: rotate(-45deg) translateY(2px);
          transform: rotate(-45deg) translateY(2px);
}
.za-menu-inline.za-menu-collapsed .za-menu-submenu.open > .za-menu-submenu-title .za-menu-submenu-arrow:after {
  -webkit-transform: rotate(45deg) translateY(-2px);
      -ms-transform: rotate(45deg) translateY(-2px);
          transform: rotate(45deg) translateY(-2px);
}
.za-menu-inline.za-menu-collapsed .za-menu-submenu .za-menu-submenu-sub {
  position: absolute;
  top: 0;
  left: calc(100% + 8px);
  height: auto;
  overflow: visible;
  z-index: 2;
  background-color: #001529;
  background-color: var(--menu-dark-bg-color);
  border-radius: 2px;
}
.za-menu-inline.za-menu-collapsed .za-menu-submenu .za-menu-submenu-sub .za-menu-item,
.za-menu-inline.za-menu-collapsed .za-menu-submenu .za-menu-submenu-sub .za-menu-submenu {
  padding: 0 20px !important;
}

.za-menu-horizontal .za-menu-item {
  float: left;
  padding: 0 20px;
  padding: 0 var(--menuitem-horizontal-padding);
  height: 56px;
  height: var(--menuitem-horizontal-height);
  line-height: 56px-2;
  line-height: var(--menuitem-horizontal-height)-2;
  border-bottom: 2px solid transparent;
}
.za-menu-horizontal .za-menu-item > a {
  color: #343434;
  color: var(--menuitem-default-color);
}
.za-menu-horizontal .za-menu-item.active, .za-menu-horizontal .za-menu-item:hover {
  border-bottom: 2px solid hsl(156, 100%, 36.9%);
  border-bottom: 2px solid var(--menuitem-active-color);
  background: #fff;
  background: var(--menu-default-bg-color);
  color: hsl(156, 100%, 36.9%);
  color: var(--menuitem-active-color);
}
.za-menu-horizontal .za-menu-item.active > a, .za-menu-horizontal .za-menu-item:hover > a {
  color: hsl(156, 100%, 36.9%);
  color: var(--menuitem-active-color);
}
.za-menu-horizontal::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}

.za-menu-dark {
  background: #001529;
  background: var(--menu-dark-bg-color);
}
.za-menu-dark .za-menu-submenu-sub {
  background: #000c17;
  background: var(--submenu-dark-bg-color);
  -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;
}
.za-menu-dark .za-menu-item {
  color: hsla(0, 0%, 100%, 0.65);
  color: var(--menuitem-dark-color);
}
.za-menu-dark .za-menu-item:hover {
  color: #fff;
  color: var(--menuitem-dark-active-color);
  background: inherit;
}
.za-menu-dark .za-menu-item.selected, .za-menu-dark .za-menu-item.active {
  color: #fff;
  color: var(--menuitem-dark-active-color);
  background: hsl(156, 100%, 36.9%);
  background: var(--menuitem-active-color);
}
.za-menu-dark .za-menu-item > a {
  color: hsla(0, 0%, 100%, 0.65);
  color: var(--menuitem-dark-color);
}
.za-menu-dark .za-menu-item:hover > a, .za-menu-dark .za-menu-item.selected > a, .za-menu-dark .za-menu-item.active > a {
  color: #fff;
  color: var(--menuitem-dark-active-color);
}
.za-menu-dark.za-menu-inline .za-menu-submenu {
  color: hsla(0, 0%, 100%, 0.65);
  color: var(--menuitem-dark-color);
}
.za-menu-dark.za-menu-inline .za-menu-submenu-title {
  margin-top: 4px;
  margin-bottom: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.za-menu-dark.za-menu-inline .za-menu-submenu-title:hover {
  color: #fff;
  color: var(--menuitem-dark-active-color);
}
.za-menu-dark.za-menu-inline .za-menu-submenu-title:hover .za-menu-submenu-arrow {
  opacity: 1;
}
.za-menu-dark.za-menu-inline .za-menu-submenu-title:hover .za-menu-submenu-arrow:after, .za-menu-dark.za-menu-inline .za-menu-submenu-title:hover .za-menu-submenu-arrow:before {
  background: #fff;
  background: var(--menuitem-dark-active-color);
}
.za-menu-dark.za-menu-inline .za-menu-submenu-arrow {
  opacity: 0.45;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.za-menu-dark.za-menu-inline .za-menu-submenu-arrow:after, .za-menu-dark.za-menu-inline .za-menu-submenu-arrow:before {
  background: #fff;
  background: var(--menuitem-dark-active-color);
}
.za-menu-dark.za-menu-inline .za-menu-item {
  margin-top: 4px;
  margin-bottom: 8px;
}

:root {
  --theme-default:hsl(0, 0%, 90%);
  --theme-default-light:hsla(0, 0%, 90%, 0.8);
  --theme-default-dark:hsl(0, 0%, 86%);
  --theme-primary:hsl(156, 100%, 36.9%);
  --theme-primary-light:hsla(156, 100%, 36.9%, 0.8);
  --theme-primary-dark:hsl(156, 100%, 32.9%);
  --theme-success:hsl(156, 100%, 36.9%);
  --theme-success-light:hsla(156, 100%, 36.9%, 0.8);
  --theme-success-dark:hsl(156, 100%, 32.9%);
  --theme-warning:hsl(31, 83.1%, 55.9%);
  --theme-warning-light:hsla(31, 83.1%, 55.9%, 0.8);
  --theme-warning-dark:hsl(31, 83.1%, 51.9%);
  --theme-danger:hsl(0, 100%, 65.7%);
  --theme-danger-light:hsla(0, 100%, 65.7%, 0.8);
  --theme-danger-dark:hsl(0, 100%, 61.7%);
  --color-text: #343434;
  --color-text-inverse: #fff;
  --color-text-placeholder: #a9a9a9;
  --color-text-disabled: #bcbcbc;
  --color-text-caption: #909090;
  --color-link: var(--theme-primary);
  --box-shadow-light: 0 2px 8px rgba(0, 0, 0, 0.1), 0 0 6px rgba(0, 0, 0, 0.1);
  --box-shadow-dark: 0 4px 12px rgba(0, 0, 0, 0.2);
  --background-disabled: #fafafa;
  --border-color: #dcdcdc;
  --border-disabled: #e6e6e6;
  --zindex-tooltip: 1500;
  --opacity-disabled: 0.5;
  --opacity-tooltip: 0.8;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-round: 1000px;
  --radius-circle: 50%;
  --padding-h-xs: 8px;
  --padding-h-sm: 12px;
  --padding-h-md: 14px;
  --padding-h-lg: 16px;
  --padding-h-xl: 18px;
  --padding-v-xs: 6px;
  --padding-v-sm: 8px;
  --padding-v-md: 12px;
  --padding-v-lg: 14px;
  --padding-v-xl: 18px;
  --font-size-xs: 10px;
  --font-size-sm: 12px;
  --font-size-md: 14px;
  --font-size-lg: 16px;
  --font-size-xl: 18px;
  --activity-indicator-size-md: 16px;
  --activity-indicator-size-lg: 32px;
  --activity-indicator-path-color: #e6e6e6;
  --avatar-border-radius: 50%;
  --avatar-fontSize: 14px;
  --avatar-width-md: 40px;
  --avatar-height-md: 40px;
  --avatar-width-xl: 72px;
  --avatar-height-xl: 72px;
  --avatar-width-lg: 48px;
  --avatar-height-lg: 48px;
  --avatar-width-sm: 32px;
  --avatar-height-sm: 32px;
  --avatar-width-xs: 24px;
  --avatar-height-xs: 24px;
  --avatar-default-color: #fff;
  --avatar-default-bg-color: #ccc;
  --badge-height: 14px;
  --badge-font-size: var(--font-size-xs);
  --badge-padding-h: 4px;
  --badge-dot-diameter: 8px;
  --badge-border-radius-rect: var(--radius-sm);
  --badge-border-radius-round: var(--radius-round);
  --badge-sup-top: -4px;
  --badge-text-color: #fff;
  --breadcrumb-default-font-size: 14px;
  --breadcrumb-default-color: var(--color-text-caption);
  --breadcrumb-color: var(--color-text);
  --breadcrumb-hover-color: var(--theme-primary);
  --breadcrumb-separator-color: rgba(0, 0, 0, 0.45);
  --button-ghost-disabled-border: var(--border-color);
  --button-ghost-disabled-color: var(--color-text-inverse);
  --button-padding-h-xl: var(--padding-h-xl);
  --button-padding-h-lg: var(--padding-h-lg);
  --button-padding-h-md: var(--padding-h-md);
  --button-padding-h-sm: var(--padding-h-sm);
  --button-padding-h-xs: var(--padding-h-xs);
  --button-height-xl: 40px;
  --button-height-lg: 36px;
  --button-height-md: 32px;
  --button-height-sm: 28px;
  --button-height-xs: 24px;
  --button-font-size-xl: 16px;
  --button-font-size-lg: 16px;
  --button-font-size-md: 14px;
  --button-font-size-sm: 12px;
  --button-font-size-xs: 12px;
  --button-icon-size-xl: 20px;
  --button-icon-size-lg: 18px;
  --button-icon-size-md: 16px;
  --button-icon-size-sm: 14px;
  --button-icon-size-xs: 14px;
  --button-disabled-opacity: var(--opacity-disabled);
  --button-disabled-color-ghost: var(--border-disabled);
  --button-default-background: var(--color-text-inverse);
  --button-default-border: var(--border-color);
  --button-default-color: var(--color-text);
  --button-default-hover-background: var(--color-text-inverse);
  --button-default-hover-border: var(--theme-primary);
  --button-default-hover-color: var(--theme-primary);
  --button-default-active-background: var(--color-text-inverse);
  --button-default-active-border: var(--theme-primary-dark);
  --button-default-active-color: var(--theme-primary-dark);
  --button-default-ghost-border: var(--color-text-inverse);
  --button-default-ghost-color: var(--color-text-inverse);
  --button-default-ghost-hover-border: var(--theme-primary-light);
  --button-default-ghost-hover-color: var(--theme-primary-light);
  --button-default-ghost-active-border: var(--theme-primary-dark);
  --button-default-ghost-active-color: var(--theme-primary-dark);
  --button-primary-background: var(--theme-primary);
  --button-primary-border: var(--theme-primary);
  --button-primary-color: var(--color-text-inverse);
  --button-primary-hover-background: var(--theme-primary-light);
  --button-primary-hover-border: var(--theme-primary-light);
  --button-primary-hover-color: var(--color-text-inverse);
  --button-primary-active-background: var(--theme-primary-dark);
  --button-primary-active-border: var(--theme-primary-dark);
  --button-primary-active-color: var(--color-text-inverse);
  --button-primary-ghost-border: var(--theme-primary);
  --button-primary-ghost-color: var(--theme-primary);
  --button-primary-ghost-hover-border: var(--theme-primary-light);
  --button-primary-ghost-hover-color: var(--theme-primary-light);
  --button-primary-ghost-active-border: var(--theme-primary-dark);
  --button-primary-ghost-active-color: var(--theme-primary-dark);
  --button-primary-gap-color: hsla(0, 0%, 100%, 0.3);
  --button-danger-background: var(--theme-danger);
  --button-danger-border: var(--theme-danger);
  --button-danger-color: var(--color-text-inverse);
  --button-danger-hover-background: var(--theme-danger-light);
  --button-danger-hover-border: var(--theme-danger-light);
  --button-danger-hover-color: var(--color-text-inverse);
  --button-danger-active-background: var(--theme-danger-dark);
  --button-danger-active-border: var(--theme-danger-dark);
  --button-danger-active-color: var(--color-text-inverse);
  --button-danger-ghost-border: var(--theme-danger);
  --button-danger-ghost-color: var(--theme-danger);
  --button-danger-ghost-hover-border: var(--theme-danger-light);
  --button-danger-ghost-hover-color: var(--theme-danger-light);
  --button-danger-ghost-active-border: var(--theme-danger-dark);
  --button-danger-ghost-active-color: var(--theme-danger-dark);
  --checkbox-size: 14px;
  --checkbox-radius: var(--radius-sm);
  --checkbox-border-color: var(--border-color);
  --loading-height-xs: 12px;
  --loading-height-md: 24px;
  --loading-height-lg: 36px;
  --loading-margin-h-xs: var(--padding-h-xs);
  --loading-margin-h-md: var(--padding-h-md);
  --loading-margin-h-lg: var(--padding-h-lg);
  --loading-font-size-xs: var(--font-size-xs);
  --loading-font-size-md: var(--font-size-md);
  --loading-font-size-lg: var(--font-size-lg);
  --loading-default-svg-color: var(--theme-primary);
  --loading-default-text-color: var(--color-text-disabled);
  --loading-default-mask-color: rgba(255, 255, 255, 0.4);
  --loading-default-mask-zIndex: 1000;
  --loading-inverse-mask-color: rgba(0, 0, 0, 0.4);
  --icon-font-size-sm: 16px;
  --icon-font-size-md: 24px;
  --icon-font-size-lg: 32px;
  --icon-theme-default: var(--color-text);
  --radio-size: 14px;
  --radio-radius: var(--radius-circle);
  --radio-border-color: var(--border-color);
  --radio-color: #616161;
  --menu-color: #343434;
  --menu-default-bg-color: var(--color-text-inverse);
  --menu-dark-bg-color: #001529;
  --menu-collapsed-width: 80px;
  --submenu-dark-bg-color: #000c17;
  --menuitem-dark-color: hsla(0, 0%, 100%, 0.65);
  --menuitem-dark-active-color: var(--color-text-inverse);
  --menuitem-default-color: #343434;
  --menuitem-active-color: var(--theme-primary);
  --menuitem-active-bg-color: rgba(0, 188, 112, 0.0625);
  --menuitem-disabled-color: rgba(0, 0, 0, 0.25);
  --menuitem-divider-bg-color: #e5e5e5;
  --menuitem-horizontal-padding: 20px;
  --menuitem-horizontal-height: 56px;
  --steps-title-color: var(--color-text);
  --steps-desc-color: var(--color-text-caption);
  --steps-title-font-size: var(--font-size-md);
  --steps-desc-font-size: var(--font-size-md);
  --steps-border-color: var(--border-color);
  --steps-status-wait: #bcbcbc;
  --steps-status-process: var(--theme-primary);
  --steps-status-error: var(--theme-danger);
  --steps-icon-size: 28px;
  --steps-content-width: 140px;
  --switch-width-md: 48px;
  --switch-width-sm: 32px;
  --switch-height-md: 20px;
  --switch-height-sm: 16px;
  --switch-background: #bcbcbc;
  --tabs-font-size-sm: 14px;
  --tabs-font-size-md: 16px;
  --tabs-font-size-lg: 18px;
  --tabs-header-icon-sm: 12px;
  --tabs-header-icon-md: 14px;
  --tabs-header-icon-lg: 16px;
  --tabs-header-card-height-sm: 34px;
  --tabs-header-card-height-md: 40px;
  --tabs-header-card-height-lg: 46px;
  --tabs-header-line-height-sm: 38px;
  --tabs-header-line-height-md: 48px;
  --tabs-header-line-height-lg: 58px;
  --tabs-header-vertical-height-sm: 30px;
  --tabs-header-vertical-height-md: 36px;
  --tabs-header-vertical-height-lg: 42px;
  --tabs-header-line-padding-sm: 12px;
  --tabs-header-line-padding-md: 16px;
  --tabs-header-line-padding-lg: 20px;
  --tabs-header-card-padding-sm: 10px;
  --tabs-header-card-padding-md: 12px;
  --tabs-header-card-padding-lg: 14px;
  --tabs-header-vertical-padding-sm: 16px;
  --tabs-header-vertical-padding-md: 20px;
  --tabs-header-vertical-padding-lg: 24px;
  --tabs-default-color: #616161;
  --tabs-default-hover-color: #33c98d;
  --tabs-default-disabled-color: var(--color-text-disabled);
  --tabs-default-icon-color: #bcbcbc;
  --tabs-default-icon-disabled-color: var(--border-disabled);
  --tabs-default-icon-hover-color: var(--color-text);
  --tabs-default-active-background: var(--color-text-inverse);
  --tabs-default-line-color: #00bc70;
  --tabs-default-active-color: #00bc70;
  --tabs-default-background-color: var(--color-text-inverse);
  --tabs-default-card-background: #fafafa;
  --tabs-default-noborder-background: #f2f2f2;
  --tag-height-lg: 32px;
  --tag-height-md: 28px;
  --tag-height-sm: 24px;
  --tag-height-xs: 20px;
  --tag-padding-h-lg: 16px;
  --tag-padding-h: 12px;
  --tag-font-size: 12px;
  --tag-icon-size-lg: 14px;
  --tag-icon-size: 12px;
  --tag-icon-size-xs: 10px;
  --tag-color-disabled: var(--color-text-disabled);
  --tag-disabled-opacity: var(--opacity-disabled);
  --tag-default-background: #f9f9f9;
  --tag-default-color: #616161;
  --tag-default-border: var(--border-color);
  --tag-primary-color: var(--theme-primary);
  --tag-success-color: var(--theme-success);
  --tag-warning-color: var(--theme-warning);
  --tag-danger-color: var(--theme-danger);
  --tag-primary-hover-background: var(--theme-primary-light);
  --tag-primary-active-background: var(--theme-primary-dark);
  --tag-color-green: 0, 188, 112;
  --tag-color-blue: 84, 192, 232;
  --tag-color-orange: 236, 145, 49;
  --tag-color-red: 255, 80, 80;
  --tooltip-font-size: 12px;
  --tooltip-color: var(--color-text-inverse);
  --tooltip-arrow-size: 4px;
  --tooltip-light-background-color: #f2f2f2;
  --tooltip-dark-background-color: rgba(0, 0, 0, var(--opacity-tooltip));
  --tooltip-padding-v: var(--padding-v-xs);
  --tooltip-padding-h: var(--padding-h-xs);
}

.zw-message {
  position: fixed;
  width: 100%;
  top: 16px;
  left: 0;
  z-index: 1000;
  pointer-events: none;
  -webkit-transition: opacity 0.3s, right 0.3s, top 0.4s, -webkit-transform 0.3s;
  transition: opacity 0.3s, right 0.3s, top 0.4s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, right 0.3s, top 0.4s;
  transition: opacity 0.3s, transform 0.3s, right 0.3s, top 0.4s, -webkit-transform 0.3s;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}
.zw-message__content {
  text-align: center;
}
.zw-message__content.has-icon {
  margin-left: 55px;
}

.zw-message__custom-content {
  display: inline-block;
  padding: 10px 16px;
  pointer-events: all;
  font-size: 14px;
  font-size: var(--font-size-md);
  color: #8391a5;
  background: #fff;
  background: var(--color-text-inverse);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: var(--box-shadow-dark);
          box-shadow: var(--box-shadow-dark);
  border-radius: 4px;
  border-radius: var(--radius-md);
}

.zw-message__icon {
  position: static !important;
  top: -2px;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  margin-right: 8px;
  vertical-align: middle;
  font-size: 16px;
  font-size: var(--font-size-lg);
}
.zw-message__icon.theme-loading {
  -webkit-animation: rotate360 1s linear infinite;
          animation: rotate360 1s linear infinite;
  font-size: 14px;
  font-size: var(--font-size-md);
}

.zw-message.message-in {
  -webkit-animation-name: message-in;
          animation-name: message-in;
}
.zw-message.message-out {
  -webkit-animation-name: message-out;
          animation-name: message-out;
}

@-webkit-keyframes message-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  to {
    opacity: 1;
  }
}

@keyframes message-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes message-out {
  0% {
    opacity: 1;
    max-height: 150px;
  }
  100% {
    opacity: 0;
    max-height: 0;
  }
}
@keyframes message-out {
  0% {
    opacity: 1;
    max-height: 150px;
  }
  100% {
    opacity: 0;
    max-height: 0;
  }
}
/* border */
/* box shadow */
/* btn */
.ui-modal {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  z-index: 1100;
  will-change: opacity;
}
.ui-modal.radius .ui-modal-dialog {
  border-radius: 6px;
}
.ui-modal.round .ui-modal-dialog {
  border-radius: 20px;
}
.ui-modal > .ui-modal-wrapper {
  width: 100%;
  margin: auto 0;
}
.ui-modal > .ui-modal-wrapper > .ui-modal-dialog {
  position: relative;
  margin: 60px auto;
  background: #fff;
  -webkit-box-shadow: 0 7px 21px rgba(0, 0, 0, 0.2);
          box-shadow: 0 7px 21px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  z-index: 1101;
  will-change: transform;
}
.ui-modal > .ui-modal-wrapper > .ui-modal-dialog:focus {
  outline: none;
}
.ui-modal .ui-popover-content {
  position: absolute !important;
}

.ui-modal-header {
  position: relative;
  height: 50px;
  border-bottom: 1px solid #e9e9e9;
  padding: 0 20px;
}
.ui-modal-header .ui-modal-title {
  font-size: 16px;
  line-height: 50px;
}
.ui-modal-header .ui-modal-close {
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 20px;
  line-height: 50px;
  color: #999;
  cursor: pointer;
}
.ui-modal-header .ui-modal-close:hover {
  color: #666;
}

.ui-modal-body {
  padding: 20px;
}

.ui-modal-footer {
  border-top: 1px solid #e9e9e9;
  padding: 10px 18px;
  text-align: right;
}
.ui-modal-footer button + button {
  margin-left: 10px;
}

.ui-modal-body-overflow {
  overflow-y: hidden;
}

:root {
  --theme-default:hsl(0, 0%, 90%);
  --theme-default-light:hsla(0, 0%, 90%, 0.8);
  --theme-default-dark:hsl(0, 0%, 86%);
  --theme-primary:hsl(156, 100%, 36.9%);
  --theme-primary-light:hsla(156, 100%, 36.9%, 0.8);
  --theme-primary-dark:hsl(156, 100%, 32.9%);
  --theme-success:hsl(156, 100%, 36.9%);
  --theme-success-light:hsla(156, 100%, 36.9%, 0.8);
  --theme-success-dark:hsl(156, 100%, 32.9%);
  --theme-warning:hsl(31, 83.1%, 55.9%);
  --theme-warning-light:hsla(31, 83.1%, 55.9%, 0.8);
  --theme-warning-dark:hsl(31, 83.1%, 51.9%);
  --theme-danger:hsl(0, 100%, 65.7%);
  --theme-danger-light:hsla(0, 100%, 65.7%, 0.8);
  --theme-danger-dark:hsl(0, 100%, 61.7%);
  --color-text: #343434;
  --color-text-inverse: #fff;
  --color-text-placeholder: #a9a9a9;
  --color-text-disabled: #bcbcbc;
  --color-text-caption: #909090;
  --color-link: var(--theme-primary);
  --box-shadow-light: 0 2px 8px rgba(0, 0, 0, 0.1), 0 0 6px rgba(0, 0, 0, 0.1);
  --box-shadow-dark: 0 4px 12px rgba(0, 0, 0, 0.2);
  --background-disabled: #fafafa;
  --border-color: #dcdcdc;
  --border-disabled: #e6e6e6;
  --zindex-tooltip: 1500;
  --opacity-disabled: 0.5;
  --opacity-tooltip: 0.8;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-round: 1000px;
  --radius-circle: 50%;
  --padding-h-xs: 8px;
  --padding-h-sm: 12px;
  --padding-h-md: 14px;
  --padding-h-lg: 16px;
  --padding-h-xl: 18px;
  --padding-v-xs: 6px;
  --padding-v-sm: 8px;
  --padding-v-md: 12px;
  --padding-v-lg: 14px;
  --padding-v-xl: 18px;
  --font-size-xs: 10px;
  --font-size-sm: 12px;
  --font-size-md: 14px;
  --font-size-lg: 16px;
  --font-size-xl: 18px;
  --activity-indicator-size-md: 16px;
  --activity-indicator-size-lg: 32px;
  --activity-indicator-path-color: #e6e6e6;
  --avatar-border-radius: 50%;
  --avatar-fontSize: 14px;
  --avatar-width-md: 40px;
  --avatar-height-md: 40px;
  --avatar-width-xl: 72px;
  --avatar-height-xl: 72px;
  --avatar-width-lg: 48px;
  --avatar-height-lg: 48px;
  --avatar-width-sm: 32px;
  --avatar-height-sm: 32px;
  --avatar-width-xs: 24px;
  --avatar-height-xs: 24px;
  --avatar-default-color: #fff;
  --avatar-default-bg-color: #ccc;
  --badge-height: 14px;
  --badge-font-size: var(--font-size-xs);
  --badge-padding-h: 4px;
  --badge-dot-diameter: 8px;
  --badge-border-radius-rect: var(--radius-sm);
  --badge-border-radius-round: var(--radius-round);
  --badge-sup-top: -4px;
  --badge-text-color: #fff;
  --breadcrumb-default-font-size: 14px;
  --breadcrumb-default-color: var(--color-text-caption);
  --breadcrumb-color: var(--color-text);
  --breadcrumb-hover-color: var(--theme-primary);
  --breadcrumb-separator-color: rgba(0, 0, 0, 0.45);
  --button-ghost-disabled-border: var(--border-color);
  --button-ghost-disabled-color: var(--color-text-inverse);
  --button-padding-h-xl: var(--padding-h-xl);
  --button-padding-h-lg: var(--padding-h-lg);
  --button-padding-h-md: var(--padding-h-md);
  --button-padding-h-sm: var(--padding-h-sm);
  --button-padding-h-xs: var(--padding-h-xs);
  --button-height-xl: 40px;
  --button-height-lg: 36px;
  --button-height-md: 32px;
  --button-height-sm: 28px;
  --button-height-xs: 24px;
  --button-font-size-xl: 16px;
  --button-font-size-lg: 16px;
  --button-font-size-md: 14px;
  --button-font-size-sm: 12px;
  --button-font-size-xs: 12px;
  --button-icon-size-xl: 20px;
  --button-icon-size-lg: 18px;
  --button-icon-size-md: 16px;
  --button-icon-size-sm: 14px;
  --button-icon-size-xs: 14px;
  --button-disabled-opacity: var(--opacity-disabled);
  --button-disabled-color-ghost: var(--border-disabled);
  --button-default-background: var(--color-text-inverse);
  --button-default-border: var(--border-color);
  --button-default-color: var(--color-text);
  --button-default-hover-background: var(--color-text-inverse);
  --button-default-hover-border: var(--theme-primary);
  --button-default-hover-color: var(--theme-primary);
  --button-default-active-background: var(--color-text-inverse);
  --button-default-active-border: var(--theme-primary-dark);
  --button-default-active-color: var(--theme-primary-dark);
  --button-default-ghost-border: var(--color-text-inverse);
  --button-default-ghost-color: var(--color-text-inverse);
  --button-default-ghost-hover-border: var(--theme-primary-light);
  --button-default-ghost-hover-color: var(--theme-primary-light);
  --button-default-ghost-active-border: var(--theme-primary-dark);
  --button-default-ghost-active-color: var(--theme-primary-dark);
  --button-primary-background: var(--theme-primary);
  --button-primary-border: var(--theme-primary);
  --button-primary-color: var(--color-text-inverse);
  --button-primary-hover-background: var(--theme-primary-light);
  --button-primary-hover-border: var(--theme-primary-light);
  --button-primary-hover-color: var(--color-text-inverse);
  --button-primary-active-background: var(--theme-primary-dark);
  --button-primary-active-border: var(--theme-primary-dark);
  --button-primary-active-color: var(--color-text-inverse);
  --button-primary-ghost-border: var(--theme-primary);
  --button-primary-ghost-color: var(--theme-primary);
  --button-primary-ghost-hover-border: var(--theme-primary-light);
  --button-primary-ghost-hover-color: var(--theme-primary-light);
  --button-primary-ghost-active-border: var(--theme-primary-dark);
  --button-primary-ghost-active-color: var(--theme-primary-dark);
  --button-primary-gap-color: hsla(0, 0%, 100%, 0.3);
  --button-danger-background: var(--theme-danger);
  --button-danger-border: var(--theme-danger);
  --button-danger-color: var(--color-text-inverse);
  --button-danger-hover-background: var(--theme-danger-light);
  --button-danger-hover-border: var(--theme-danger-light);
  --button-danger-hover-color: var(--color-text-inverse);
  --button-danger-active-background: var(--theme-danger-dark);
  --button-danger-active-border: var(--theme-danger-dark);
  --button-danger-active-color: var(--color-text-inverse);
  --button-danger-ghost-border: var(--theme-danger);
  --button-danger-ghost-color: var(--theme-danger);
  --button-danger-ghost-hover-border: var(--theme-danger-light);
  --button-danger-ghost-hover-color: var(--theme-danger-light);
  --button-danger-ghost-active-border: var(--theme-danger-dark);
  --button-danger-ghost-active-color: var(--theme-danger-dark);
  --checkbox-size: 14px;
  --checkbox-radius: var(--radius-sm);
  --checkbox-border-color: var(--border-color);
  --loading-height-xs: 12px;
  --loading-height-md: 24px;
  --loading-height-lg: 36px;
  --loading-margin-h-xs: var(--padding-h-xs);
  --loading-margin-h-md: var(--padding-h-md);
  --loading-margin-h-lg: var(--padding-h-lg);
  --loading-font-size-xs: var(--font-size-xs);
  --loading-font-size-md: var(--font-size-md);
  --loading-font-size-lg: var(--font-size-lg);
  --loading-default-svg-color: var(--theme-primary);
  --loading-default-text-color: var(--color-text-disabled);
  --loading-default-mask-color: rgba(255, 255, 255, 0.4);
  --loading-default-mask-zIndex: 1000;
  --loading-inverse-mask-color: rgba(0, 0, 0, 0.4);
  --icon-font-size-sm: 16px;
  --icon-font-size-md: 24px;
  --icon-font-size-lg: 32px;
  --icon-theme-default: var(--color-text);
  --radio-size: 14px;
  --radio-radius: var(--radius-circle);
  --radio-border-color: var(--border-color);
  --radio-color: #616161;
  --menu-color: #343434;
  --menu-default-bg-color: var(--color-text-inverse);
  --menu-dark-bg-color: #001529;
  --menu-collapsed-width: 80px;
  --submenu-dark-bg-color: #000c17;
  --menuitem-dark-color: hsla(0, 0%, 100%, 0.65);
  --menuitem-dark-active-color: var(--color-text-inverse);
  --menuitem-default-color: #343434;
  --menuitem-active-color: var(--theme-primary);
  --menuitem-active-bg-color: rgba(0, 188, 112, 0.0625);
  --menuitem-disabled-color: rgba(0, 0, 0, 0.25);
  --menuitem-divider-bg-color: #e5e5e5;
  --menuitem-horizontal-padding: 20px;
  --menuitem-horizontal-height: 56px;
  --steps-title-color: var(--color-text);
  --steps-desc-color: var(--color-text-caption);
  --steps-title-font-size: var(--font-size-md);
  --steps-desc-font-size: var(--font-size-md);
  --steps-border-color: var(--border-color);
  --steps-status-wait: #bcbcbc;
  --steps-status-process: var(--theme-primary);
  --steps-status-error: var(--theme-danger);
  --steps-icon-size: 28px;
  --steps-content-width: 140px;
  --switch-width-md: 48px;
  --switch-width-sm: 32px;
  --switch-height-md: 20px;
  --switch-height-sm: 16px;
  --switch-background: #bcbcbc;
  --tabs-font-size-sm: 14px;
  --tabs-font-size-md: 16px;
  --tabs-font-size-lg: 18px;
  --tabs-header-icon-sm: 12px;
  --tabs-header-icon-md: 14px;
  --tabs-header-icon-lg: 16px;
  --tabs-header-card-height-sm: 34px;
  --tabs-header-card-height-md: 40px;
  --tabs-header-card-height-lg: 46px;
  --tabs-header-line-height-sm: 38px;
  --tabs-header-line-height-md: 48px;
  --tabs-header-line-height-lg: 58px;
  --tabs-header-vertical-height-sm: 30px;
  --tabs-header-vertical-height-md: 36px;
  --tabs-header-vertical-height-lg: 42px;
  --tabs-header-line-padding-sm: 12px;
  --tabs-header-line-padding-md: 16px;
  --tabs-header-line-padding-lg: 20px;
  --tabs-header-card-padding-sm: 10px;
  --tabs-header-card-padding-md: 12px;
  --tabs-header-card-padding-lg: 14px;
  --tabs-header-vertical-padding-sm: 16px;
  --tabs-header-vertical-padding-md: 20px;
  --tabs-header-vertical-padding-lg: 24px;
  --tabs-default-color: #616161;
  --tabs-default-hover-color: #33c98d;
  --tabs-default-disabled-color: var(--color-text-disabled);
  --tabs-default-icon-color: #bcbcbc;
  --tabs-default-icon-disabled-color: var(--border-disabled);
  --tabs-default-icon-hover-color: var(--color-text);
  --tabs-default-active-background: var(--color-text-inverse);
  --tabs-default-line-color: #00bc70;
  --tabs-default-active-color: #00bc70;
  --tabs-default-background-color: var(--color-text-inverse);
  --tabs-default-card-background: #fafafa;
  --tabs-default-noborder-background: #f2f2f2;
  --tag-height-lg: 32px;
  --tag-height-md: 28px;
  --tag-height-sm: 24px;
  --tag-height-xs: 20px;
  --tag-padding-h-lg: 16px;
  --tag-padding-h: 12px;
  --tag-font-size: 12px;
  --tag-icon-size-lg: 14px;
  --tag-icon-size: 12px;
  --tag-icon-size-xs: 10px;
  --tag-color-disabled: var(--color-text-disabled);
  --tag-disabled-opacity: var(--opacity-disabled);
  --tag-default-background: #f9f9f9;
  --tag-default-color: #616161;
  --tag-default-border: var(--border-color);
  --tag-primary-color: var(--theme-primary);
  --tag-success-color: var(--theme-success);
  --tag-warning-color: var(--theme-warning);
  --tag-danger-color: var(--theme-danger);
  --tag-primary-hover-background: var(--theme-primary-light);
  --tag-primary-active-background: var(--theme-primary-dark);
  --tag-color-green: 0, 188, 112;
  --tag-color-blue: 84, 192, 232;
  --tag-color-orange: 236, 145, 49;
  --tag-color-red: 255, 80, 80;
  --tooltip-font-size: 12px;
  --tooltip-color: var(--color-text-inverse);
  --tooltip-arrow-size: 4px;
  --tooltip-light-background-color: #f2f2f2;
  --tooltip-dark-background-color: rgba(0, 0, 0, var(--opacity-tooltip));
  --tooltip-padding-v: var(--padding-v-xs);
  --tooltip-padding-h: var(--padding-h-xs);
}

.zw-notification {
  position: fixed;
  width: 384px;
  padding: 16px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  border-radius: var(--radius-md);
  right: 16px;
  background-color: #fff;
  background-color: var(--color-text-inverse);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: var(--box-shadow-dark);
          box-shadow: var(--box-shadow-dark);
  -webkit-transition: opacity 0.3s, right 0.3s, top 0.4s, -webkit-transform 0.3s;
  transition: opacity 0.3s, right 0.3s, top 0.4s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, right 0.3s, top 0.4s;
  transition: opacity 0.3s, transform 0.3s, right 0.3s, top 0.4s, -webkit-transform 0.3s;
  line-height: 1.5;
  overflow: hidden;
}
.zw-notification__content {
  margin-left: 0;
}
.zw-notification__content.has-icon {
  margin-left: 45px;
}
.zw-notification__content .zw-notification__close {
  position: absolute;
  z-index: 1000;
  width: 16px;
  height: 16px;
  top: 16px;
  right: 22px;
}
.zw-notification__content .zw-notification__close:hover {
  color: rgba(0, 0, 0, 0.67);
}

.zw-notification__content .zw-notification__title {
  padding-right: 24px;
  font-weight: normal;
  font-size: 16px;
  font-size: var(--font-size-lg);
  color: #1f2d3d;
  margin: 0;
}

.zw-notification__content .zw-notification__custom-content {
  font-size: 14px;
  font-size: var(--font-size-md);
  line-height: 21px;
  margin: 10px 0 0;
  color: #8391a5;
  text-align: justify;
}

.zw-notification__content .zw-notification__icon {
  position: absolute;
  left: 27px;
  top: 16px;
  font-size: 24px;
}

.zw-notification__content .zw-notification__action-area {
  float: right;
  margin-top: 16px;
}

.zw-notification.notification-in {
  -webkit-animation-name: notification-in;
          animation-name: notification-in;
}
.zw-notification.notification-out {
  -webkit-animation-name: notification-out;
          animation-name: notification-out;
}

@-webkit-keyframes notification-in {
  from {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    right: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes notification-in {
  from {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    right: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes notification-out {
  from {
    opacity: 1;
    margin-bottom: 16px;
    padding-top: 16px 24px;
    padding-bottom: 16px 24px;
    max-height: 150px;
  }
  to {
    opacity: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    max-height: 0;
  }
}
@keyframes notification-out {
  from {
    opacity: 1;
    margin-bottom: 16px;
    padding-top: 16px 24px;
    padding-bottom: 16px 24px;
    max-height: 150px;
  }
  to {
    opacity: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    max-height: 0;
  }
}
.ui-number-input-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ui-number-input-wrapper .ui-number-input-count {
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border: 1px solid #ddd;
}
.ui-number-input-wrapper .ui-number-input-count-disable {
  background: #f3f5f7;
  cursor: not-allowed;
}

/* border */
/* box shadow */
/* btn */
.ui-pagination:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.ui-pagination.bordered .ui-pagination-item {
  border: 1px solid #d9d9d9;
  margin-right: 8px;
}
.ui-pagination.bordered .ui-pagination-item:hover {
  border-color: #2db7f5;
}
.ui-pagination.bordered .ui-pagination-item.ui-pagination-item-jump-prev, .ui-pagination.bordered .ui-pagination-item.ui-pagination-item-jump-next {
  border-width: 0;
}
.ui-pagination.bordered .ui-pagination-item.ui-pagination-item-active {
  border-color: #2db7f5;
}
.ui-pagination.bordered .ui-pagination-item.ui-pagination-item-disabled:hover {
  border-color: #d9d9d9;
}
.ui-pagination.shape-radius .ui-pagination-item {
  border-radius: 4px;
}
.ui-pagination-total {
  float: left;
  line-height: 28px;
  padding-right: 4px;
  color: #999;
}
.ui-pagination-pagers {
  float: right;
}
.ui-pagination-pagers > ul {
  float: left;
  margin: 0;
  padding: 0;
}
.ui-pagination-size, .ui-pagination-jumper {
  float: left;
  margin-left: 6px;
  line-height: 28px;
}
.ui-pagination-size .ui-selectm,
.ui-pagination-size .ui-dropdown-trigger-box, .ui-pagination-jumper .ui-selectm,
.ui-pagination-jumper .ui-dropdown-trigger-box {
  vertical-align: inherit;
}

.ui-pagination-item {
  float: left;
  border: 1px solid transparent;
  min-width: 28px;
  padding: 0 6px;
  height: 28px;
  line-height: 26px;
  text-align: center;
  list-style: none;
  background-color: #fff;
  margin-right: 4px;
  font-family: Arial;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.ui-pagination-item.ui-pagination-item-prev, .ui-pagination-item.ui-pagination-item-next {
  color: #ccc;
}
.ui-pagination-item.ui-pagination-item-jump-prev:after, .ui-pagination-item.ui-pagination-item-jump-next:after {
  content: "•••";
  display: block;
  letter-spacing: 2px;
  color: #ccc;
  text-align: center;
}
.ui-pagination-item:hover {
  color: #2db7f5;
}
.ui-pagination-item:hover.ui-pagination-jump-prev:after, .ui-pagination-item:hover.ui-pagination-jump-next:after {
  color: #2db7f5;
}
.ui-pagination-item.ui-pagination-item-disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
.ui-pagination-item.ui-pagination-item-disabled:hover {
  color: #ccc;
}
.ui-pagination-item.ui-pagination-item-active {
  background-color: #2db7f5;
  color: #fff;
}

.ui-pagination-addon-before {
  float: left;
  margin-right: 15px;
  line-height: 28px;
}

.ui-pagination-addon-after {
  float: left;
  margin-left: 15px;
  line-height: 28px;
}

/* border */
/* box shadow */
/* btn */
.ui-panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  line-height: normal;
  /* panel themes */
}
.ui-panel.theme-default {
  border-color: #d9d9d9;
}
.ui-panel.theme-default .ui-panel-header {
  border-color: #d9d9d9;
  color: rgba(0, 0, 0, 0.65);
}
.ui-panel.theme-info {
  border-color: #12c287;
}
.ui-panel.theme-info .ui-panel-header {
  border-color: #12c287;
  color: #fff;
}
.ui-panel.theme-success {
  border-color: #69c964;
}
.ui-panel.theme-success .ui-panel-header {
  border-color: #69c964;
  color: #fff;
}
.ui-panel.theme-warning {
  border-color: #eca632;
}
.ui-panel.theme-warning .ui-panel-header {
  border-color: #eca632;
  color: #fff;
}
.ui-panel.theme-error {
  border-color: #e55546;
}
.ui-panel.theme-error .ui-panel-header {
  border-color: #e55546;
  color: #fff;
}
.ui-panel.radius {
  border-radius: 4px;
}

.ui-panel-header,
.ui-panel-footer {
  position: relative;
  height: 50px;
  line-height: 49px;
  padding: 0 15px;
}

.ui-panel-header {
  border-bottom: 1px solid #e9e9e9;
}

.ui-panel-footer {
  border-top: 1px solid #e9e9e9;
}

.ui-panel-body {
  padding: 15px;
}

.ui-panel-title {
  font-size: 14px;
}

.ui-panel-more {
  position: absolute;
  top: 0;
  right: 15px;
}

.ui-popover {
  display: inline-block;
}
.ui-popover-content {
  display: none;
  padding: 10px 18px;
  z-index: 999;
  background-color: #fff;
  -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
  border: 1px solid #ccc;
}
.ui-popover-content[x-placement^=left] {
  margin-right: 10px;
}
.ui-popover-content[x-placement^=left] .ui-popover-arrow {
  right: -4px;
  border-right-width: 1px;
  border-top-width: 1px;
}
.ui-popover-content[x-placement^=right] {
  margin-left: 10px;
}
.ui-popover-content[x-placement^=right] .ui-popover-arrow {
  left: -4px;
  border-left-width: 1px;
  border-bottom-width: 1px;
}
.ui-popover-content[x-placement^=top] {
  margin-bottom: 10px;
}
.ui-popover-content[x-placement^=top] .ui-popover-arrow {
  bottom: -4px;
  border-right-width: 1px;
  border-bottom-width: 1px;
}
.ui-popover-content[x-placement^=bottom] {
  margin-top: 10px;
}
.ui-popover-content[x-placement^=bottom] .ui-popover-arrow {
  top: -4px;
  border-left-width: 1px;
  border-top-width: 1px;
}
.ui-popover-content-show {
  display: block;
}
.ui-popover-content-radius {
  border-radius: 2px;
}
.ui-popover-arrow {
  position: absolute;
  width: 5px;
  height: 5px;
  border-width: 0;
  border-style: solid;
  border-color: #ccc;
  background: #fff;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.ui-popover-mask {
  position: fixed;
  display: none;
  z-index: 998;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  opacity: 0.2;
}
.ui-popover-mask-show {
  display: block;
}
.ui-popover-actions {
  padding-top: 10px;
  text-align: right;
}
.ui-popover-actions button {
  margin-left: 10px;
}

/* border */
/* box shadow */
/* btn */
.ui-progress {
  position: relative;
  display: inline-block;
  width: 100%;
  font-size: 12px;
  /* Progress themes */
  /* Progress sizes */
}
.ui-progress .ui-progress-bg {
  font-size: 14px;
  height: 8px;
  line-height: 8px;
}
.ui-progress.radius {
  border-radius: 4px;
}
.ui-progress.radius .ui-progress-line-inner,
.ui-progress.radius .ui-progress-bg {
  border-radius: 4px;
}
.ui-progress.round {
  border-radius: 1000px;
}
.ui-progress.round .ui-progress-line-inner,
.ui-progress.round .ui-progress-bg {
  border-radius: 1000px;
}
.ui-progress.theme-default .ui-progress-bg {
  background-color: #e6e6e6;
}
.ui-progress.theme-info .ui-progress-bg {
  background-color: #12c287;
}
.ui-progress.theme-success .ui-progress-bg {
  background-color: #69c964;
}
.ui-progress.theme-warning .ui-progress-bg {
  background-color: #eca632;
}
.ui-progress.theme-error .ui-progress-bg {
  background-color: #e55546;
}
.ui-progress.size-xl .ui-progress-bg {
  font-size: 18px;
  height: 20px;
  line-height: 20px;
}
.ui-progress.size-xl.radius {
  border-radius: 6px;
}
.ui-progress.size-xl.radius .ui-progress-line-inner,
.ui-progress.size-xl.radius .ui-progress-bg {
  border-radius: 6px;
}
.ui-progress.size-xl.round {
  border-radius: 1000px;
}
.ui-progress.size-xl.round .ui-progress-line-inner,
.ui-progress.size-xl.round .ui-progress-bg {
  border-radius: 1000px;
}
.ui-progress.size-lg .ui-progress-bg {
  font-size: 16px;
  height: 14px;
  line-height: 14px;
}
.ui-progress.size-lg.radius {
  border-radius: 6px;
}
.ui-progress.size-lg.radius .ui-progress-line-inner,
.ui-progress.size-lg.radius .ui-progress-bg {
  border-radius: 6px;
}
.ui-progress.size-lg.round {
  border-radius: 1000px;
}
.ui-progress.size-lg.round .ui-progress-line-inner,
.ui-progress.size-lg.round .ui-progress-bg {
  border-radius: 1000px;
}
.ui-progress.size-sm .ui-progress-bg {
  font-size: 12px;
  height: 4px;
  line-height: 4px;
}
.ui-progress.size-sm.radius {
  border-radius: 4px;
}
.ui-progress.size-sm.radius .ui-progress-line-inner,
.ui-progress.size-sm.radius .ui-progress-bg {
  border-radius: 4px;
}
.ui-progress.size-sm.round {
  border-radius: 1000px;
}
.ui-progress.size-sm.round .ui-progress-line-inner,
.ui-progress.size-sm.round .ui-progress-bg {
  border-radius: 1000px;
}
.ui-progress.size-xs .ui-progress-bg {
  font-size: 12px;
  height: 2px;
  line-height: 2px;
}
.ui-progress.size-xs.radius {
  border-radius: 4px;
}
.ui-progress.size-xs.radius .ui-progress-line-inner,
.ui-progress.size-xs.radius .ui-progress-bg {
  border-radius: 4px;
}
.ui-progress.size-xs.round {
  border-radius: 1000px;
}
.ui-progress.size-xs.round .ui-progress-line-inner,
.ui-progress.size-xs.round .ui-progress-bg {
  border-radius: 1000px;
}

.ui-progress-line-outer {
  padding-right: 45px;
  display: inline-block;
  width: 100%;
  margin-right: -45px;
}

.ui-progress-line-inner {
  display: inline-block;
  width: 100%;
  background-color: #f3f3f3;
  vertical-align: middle;
}

.ui-progress-bg {
  position: relative;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.ui-progress-line-text {
  display: inline-block;
  width: 35px;
  text-align: left;
  margin-left: 10px;
  vertical-align: middle;
}

:root {
  --theme-default:hsl(0, 0%, 90%);
  --theme-default-light:hsla(0, 0%, 90%, 0.8);
  --theme-default-dark:hsl(0, 0%, 86%);
  --theme-primary:hsl(156, 100%, 36.9%);
  --theme-primary-light:hsla(156, 100%, 36.9%, 0.8);
  --theme-primary-dark:hsl(156, 100%, 32.9%);
  --theme-success:hsl(156, 100%, 36.9%);
  --theme-success-light:hsla(156, 100%, 36.9%, 0.8);
  --theme-success-dark:hsl(156, 100%, 32.9%);
  --theme-warning:hsl(31, 83.1%, 55.9%);
  --theme-warning-light:hsla(31, 83.1%, 55.9%, 0.8);
  --theme-warning-dark:hsl(31, 83.1%, 51.9%);
  --theme-danger:hsl(0, 100%, 65.7%);
  --theme-danger-light:hsla(0, 100%, 65.7%, 0.8);
  --theme-danger-dark:hsl(0, 100%, 61.7%);
  --color-text: #343434;
  --color-text-inverse: #fff;
  --color-text-placeholder: #a9a9a9;
  --color-text-disabled: #bcbcbc;
  --color-text-caption: #909090;
  --color-link: var(--theme-primary);
  --box-shadow-light: 0 2px 8px rgba(0, 0, 0, 0.1), 0 0 6px rgba(0, 0, 0, 0.1);
  --box-shadow-dark: 0 4px 12px rgba(0, 0, 0, 0.2);
  --background-disabled: #fafafa;
  --border-color: #dcdcdc;
  --border-disabled: #e6e6e6;
  --zindex-tooltip: 1500;
  --opacity-disabled: 0.5;
  --opacity-tooltip: 0.8;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-round: 1000px;
  --radius-circle: 50%;
  --padding-h-xs: 8px;
  --padding-h-sm: 12px;
  --padding-h-md: 14px;
  --padding-h-lg: 16px;
  --padding-h-xl: 18px;
  --padding-v-xs: 6px;
  --padding-v-sm: 8px;
  --padding-v-md: 12px;
  --padding-v-lg: 14px;
  --padding-v-xl: 18px;
  --font-size-xs: 10px;
  --font-size-sm: 12px;
  --font-size-md: 14px;
  --font-size-lg: 16px;
  --font-size-xl: 18px;
  --activity-indicator-size-md: 16px;
  --activity-indicator-size-lg: 32px;
  --activity-indicator-path-color: #e6e6e6;
  --avatar-border-radius: 50%;
  --avatar-fontSize: 14px;
  --avatar-width-md: 40px;
  --avatar-height-md: 40px;
  --avatar-width-xl: 72px;
  --avatar-height-xl: 72px;
  --avatar-width-lg: 48px;
  --avatar-height-lg: 48px;
  --avatar-width-sm: 32px;
  --avatar-height-sm: 32px;
  --avatar-width-xs: 24px;
  --avatar-height-xs: 24px;
  --avatar-default-color: #fff;
  --avatar-default-bg-color: #ccc;
  --badge-height: 14px;
  --badge-font-size: var(--font-size-xs);
  --badge-padding-h: 4px;
  --badge-dot-diameter: 8px;
  --badge-border-radius-rect: var(--radius-sm);
  --badge-border-radius-round: var(--radius-round);
  --badge-sup-top: -4px;
  --badge-text-color: #fff;
  --breadcrumb-default-font-size: 14px;
  --breadcrumb-default-color: var(--color-text-caption);
  --breadcrumb-color: var(--color-text);
  --breadcrumb-hover-color: var(--theme-primary);
  --breadcrumb-separator-color: rgba(0, 0, 0, 0.45);
  --button-ghost-disabled-border: var(--border-color);
  --button-ghost-disabled-color: var(--color-text-inverse);
  --button-padding-h-xl: var(--padding-h-xl);
  --button-padding-h-lg: var(--padding-h-lg);
  --button-padding-h-md: var(--padding-h-md);
  --button-padding-h-sm: var(--padding-h-sm);
  --button-padding-h-xs: var(--padding-h-xs);
  --button-height-xl: 40px;
  --button-height-lg: 36px;
  --button-height-md: 32px;
  --button-height-sm: 28px;
  --button-height-xs: 24px;
  --button-font-size-xl: 16px;
  --button-font-size-lg: 16px;
  --button-font-size-md: 14px;
  --button-font-size-sm: 12px;
  --button-font-size-xs: 12px;
  --button-icon-size-xl: 20px;
  --button-icon-size-lg: 18px;
  --button-icon-size-md: 16px;
  --button-icon-size-sm: 14px;
  --button-icon-size-xs: 14px;
  --button-disabled-opacity: var(--opacity-disabled);
  --button-disabled-color-ghost: var(--border-disabled);
  --button-default-background: var(--color-text-inverse);
  --button-default-border: var(--border-color);
  --button-default-color: var(--color-text);
  --button-default-hover-background: var(--color-text-inverse);
  --button-default-hover-border: var(--theme-primary);
  --button-default-hover-color: var(--theme-primary);
  --button-default-active-background: var(--color-text-inverse);
  --button-default-active-border: var(--theme-primary-dark);
  --button-default-active-color: var(--theme-primary-dark);
  --button-default-ghost-border: var(--color-text-inverse);
  --button-default-ghost-color: var(--color-text-inverse);
  --button-default-ghost-hover-border: var(--theme-primary-light);
  --button-default-ghost-hover-color: var(--theme-primary-light);
  --button-default-ghost-active-border: var(--theme-primary-dark);
  --button-default-ghost-active-color: var(--theme-primary-dark);
  --button-primary-background: var(--theme-primary);
  --button-primary-border: var(--theme-primary);
  --button-primary-color: var(--color-text-inverse);
  --button-primary-hover-background: var(--theme-primary-light);
  --button-primary-hover-border: var(--theme-primary-light);
  --button-primary-hover-color: var(--color-text-inverse);
  --button-primary-active-background: var(--theme-primary-dark);
  --button-primary-active-border: var(--theme-primary-dark);
  --button-primary-active-color: var(--color-text-inverse);
  --button-primary-ghost-border: var(--theme-primary);
  --button-primary-ghost-color: var(--theme-primary);
  --button-primary-ghost-hover-border: var(--theme-primary-light);
  --button-primary-ghost-hover-color: var(--theme-primary-light);
  --button-primary-ghost-active-border: var(--theme-primary-dark);
  --button-primary-ghost-active-color: var(--theme-primary-dark);
  --button-primary-gap-color: hsla(0, 0%, 100%, 0.3);
  --button-danger-background: var(--theme-danger);
  --button-danger-border: var(--theme-danger);
  --button-danger-color: var(--color-text-inverse);
  --button-danger-hover-background: var(--theme-danger-light);
  --button-danger-hover-border: var(--theme-danger-light);
  --button-danger-hover-color: var(--color-text-inverse);
  --button-danger-active-background: var(--theme-danger-dark);
  --button-danger-active-border: var(--theme-danger-dark);
  --button-danger-active-color: var(--color-text-inverse);
  --button-danger-ghost-border: var(--theme-danger);
  --button-danger-ghost-color: var(--theme-danger);
  --button-danger-ghost-hover-border: var(--theme-danger-light);
  --button-danger-ghost-hover-color: var(--theme-danger-light);
  --button-danger-ghost-active-border: var(--theme-danger-dark);
  --button-danger-ghost-active-color: var(--theme-danger-dark);
  --checkbox-size: 14px;
  --checkbox-radius: var(--radius-sm);
  --checkbox-border-color: var(--border-color);
  --loading-height-xs: 12px;
  --loading-height-md: 24px;
  --loading-height-lg: 36px;
  --loading-margin-h-xs: var(--padding-h-xs);
  --loading-margin-h-md: var(--padding-h-md);
  --loading-margin-h-lg: var(--padding-h-lg);
  --loading-font-size-xs: var(--font-size-xs);
  --loading-font-size-md: var(--font-size-md);
  --loading-font-size-lg: var(--font-size-lg);
  --loading-default-svg-color: var(--theme-primary);
  --loading-default-text-color: var(--color-text-disabled);
  --loading-default-mask-color: rgba(255, 255, 255, 0.4);
  --loading-default-mask-zIndex: 1000;
  --loading-inverse-mask-color: rgba(0, 0, 0, 0.4);
  --icon-font-size-sm: 16px;
  --icon-font-size-md: 24px;
  --icon-font-size-lg: 32px;
  --icon-theme-default: var(--color-text);
  --radio-size: 14px;
  --radio-radius: var(--radius-circle);
  --radio-border-color: var(--border-color);
  --radio-color: #616161;
  --menu-color: #343434;
  --menu-default-bg-color: var(--color-text-inverse);
  --menu-dark-bg-color: #001529;
  --menu-collapsed-width: 80px;
  --submenu-dark-bg-color: #000c17;
  --menuitem-dark-color: hsla(0, 0%, 100%, 0.65);
  --menuitem-dark-active-color: var(--color-text-inverse);
  --menuitem-default-color: #343434;
  --menuitem-active-color: var(--theme-primary);
  --menuitem-active-bg-color: rgba(0, 188, 112, 0.0625);
  --menuitem-disabled-color: rgba(0, 0, 0, 0.25);
  --menuitem-divider-bg-color: #e5e5e5;
  --menuitem-horizontal-padding: 20px;
  --menuitem-horizontal-height: 56px;
  --steps-title-color: var(--color-text);
  --steps-desc-color: var(--color-text-caption);
  --steps-title-font-size: var(--font-size-md);
  --steps-desc-font-size: var(--font-size-md);
  --steps-border-color: var(--border-color);
  --steps-status-wait: #bcbcbc;
  --steps-status-process: var(--theme-primary);
  --steps-status-error: var(--theme-danger);
  --steps-icon-size: 28px;
  --steps-content-width: 140px;
  --switch-width-md: 48px;
  --switch-width-sm: 32px;
  --switch-height-md: 20px;
  --switch-height-sm: 16px;
  --switch-background: #bcbcbc;
  --tabs-font-size-sm: 14px;
  --tabs-font-size-md: 16px;
  --tabs-font-size-lg: 18px;
  --tabs-header-icon-sm: 12px;
  --tabs-header-icon-md: 14px;
  --tabs-header-icon-lg: 16px;
  --tabs-header-card-height-sm: 34px;
  --tabs-header-card-height-md: 40px;
  --tabs-header-card-height-lg: 46px;
  --tabs-header-line-height-sm: 38px;
  --tabs-header-line-height-md: 48px;
  --tabs-header-line-height-lg: 58px;
  --tabs-header-vertical-height-sm: 30px;
  --tabs-header-vertical-height-md: 36px;
  --tabs-header-vertical-height-lg: 42px;
  --tabs-header-line-padding-sm: 12px;
  --tabs-header-line-padding-md: 16px;
  --tabs-header-line-padding-lg: 20px;
  --tabs-header-card-padding-sm: 10px;
  --tabs-header-card-padding-md: 12px;
  --tabs-header-card-padding-lg: 14px;
  --tabs-header-vertical-padding-sm: 16px;
  --tabs-header-vertical-padding-md: 20px;
  --tabs-header-vertical-padding-lg: 24px;
  --tabs-default-color: #616161;
  --tabs-default-hover-color: #33c98d;
  --tabs-default-disabled-color: var(--color-text-disabled);
  --tabs-default-icon-color: #bcbcbc;
  --tabs-default-icon-disabled-color: var(--border-disabled);
  --tabs-default-icon-hover-color: var(--color-text);
  --tabs-default-active-background: var(--color-text-inverse);
  --tabs-default-line-color: #00bc70;
  --tabs-default-active-color: #00bc70;
  --tabs-default-background-color: var(--color-text-inverse);
  --tabs-default-card-background: #fafafa;
  --tabs-default-noborder-background: #f2f2f2;
  --tag-height-lg: 32px;
  --tag-height-md: 28px;
  --tag-height-sm: 24px;
  --tag-height-xs: 20px;
  --tag-padding-h-lg: 16px;
  --tag-padding-h: 12px;
  --tag-font-size: 12px;
  --tag-icon-size-lg: 14px;
  --tag-icon-size: 12px;
  --tag-icon-size-xs: 10px;
  --tag-color-disabled: var(--color-text-disabled);
  --tag-disabled-opacity: var(--opacity-disabled);
  --tag-default-background: #f9f9f9;
  --tag-default-color: #616161;
  --tag-default-border: var(--border-color);
  --tag-primary-color: var(--theme-primary);
  --tag-success-color: var(--theme-success);
  --tag-warning-color: var(--theme-warning);
  --tag-danger-color: var(--theme-danger);
  --tag-primary-hover-background: var(--theme-primary-light);
  --tag-primary-active-background: var(--theme-primary-dark);
  --tag-color-green: 0, 188, 112;
  --tag-color-blue: 84, 192, 232;
  --tag-color-orange: 236, 145, 49;
  --tag-color-red: 255, 80, 80;
  --tooltip-font-size: 12px;
  --tooltip-color: var(--color-text-inverse);
  --tooltip-arrow-size: 4px;
  --tooltip-light-background-color: #f2f2f2;
  --tooltip-dark-background-color: rgba(0, 0, 0, var(--opacity-tooltip));
  --tooltip-padding-v: var(--padding-v-xs);
  --tooltip-padding-h: var(--padding-h-xs);
}

.zw-radio {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  color: #343434;
  color: var(--color-text);
  font-size: 14px;
}
.zw-radio:not(.zw-radio--disabled):hover .zw-radio__inner {
  border-color: hsl(156, 100%, 36.9%);
  border-color: var(--theme-primary);
}

.zw-radio__widget {
  display: inline-block;
  vertical-align: middle;
}

.zw-radio__input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.zw-radio__text {
  vertical-align: middle;
  margin: 0 8px;
}

.zw-radio__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 14px;
  width: var(--radio-size);
  height: 14px;
  height: var(--radio-size);
  border: 1px solid #dcdcdc;
  border: 1px solid var(--radio-border-color);
  border-radius: 50%;
  border-radius: var(--radio-radius);
  background: #fff;
  background: var(--color-text-inverse);
}
.zw-radio__inner:before {
  content: "";
  width: calc(14px / 3.5);
  width: calc(var(--radio-size) / 3.5);
  height: calc(14px / 2);
  height: calc(var(--radio-size) / 2);
  border: calc(14px / 9) solid #fff;
  border: calc(var(--radio-size) / 9) solid var(--color-text-inverse);
  border-top: 0;
  border-left: 0;
  margin-top: calc(14px / -12);
  margin-top: calc(var(--radio-size) / -12);
  margin-left: calc(14px / 18);
  margin-left: calc(var(--radio-size) / 18);
  -webkit-transform: rotate(45deg) scale(0);
      -ms-transform: rotate(45deg) scale(0);
          transform: rotate(45deg) scale(0);
  -webkit-transition: all 0.2s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  transition: all 0.2s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}

.zw-radio--indeterminate .zw-radio__inner:before {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  width: calc(14px / 2.33);
  width: calc(var(--radio-size) / 2.33);
  height: calc(14px / 2.33);
  height: calc(var(--radio-size) / 2.33);
  margin-top: 0;
  margin-left: 0;
  border: none;
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--theme-primary);
}

.zw-radio--checked .zw-radio__inner {
  border-color: hsl(156, 100%, 36.9%);
  border-color: var(--theme-primary);
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--theme-primary);
}
.zw-radio--checked .zw-radio__inner:before {
  -webkit-transform: rotate(45deg) scale(1);
      -ms-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(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;
}

.zw-radio--disabled .zw-radio__input {
  cursor: not-allowed;
}

.zw-radio--disabled .zw-radio__text {
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

.zw-radio--disabled .zw-radio__inner {
  opacity: 0.5;
  opacity: var(--opacity-disabled);
}

.zw-radio--disabled.zw-radio--checked .zw-radio__inner {
  border-color: #dcdcdc;
  border-color: var(--radio-border-color);
  background-color: #dcdcdc;
  background-color: var(--radio-border-color);
}

.zw-radio--untext {
  line-height: 1;
}

.zw-radio-group {
  display: inline-block;
  overflow: hidden;
}
.zw-radio-group__inner {
  margin-right: -24px;
  margin-bottom: -8px;
}

.zw-radio-group .zw-radio {
  margin-right: 24px;
  margin-bottom: 8px;
}
.zw-radio-group--block {
  width: 100%;
}
.zw-radio-group--block .zw-radio-group__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.zw-radio-group--block .zw-radio {
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
}

.zw-radio-group--button .zw-radio-group__inner {
  margin-right: -8px;
  margin-bottom: -8px;
}

.zw-radio-group--button .zw-radio {
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 0;
  border: none;
  font-weight: normal;
  text-align: center;
  overflow: hidden;
  color: #343434;
  color: var(--color-text);
  outline: 0 none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  -webkit-appearance: none;
  /* disabled Button */
  /* block Button */
  border-width: 1px;
  border-style: solid;
  border-radius: var(--radius-xs);
}
.zw-radio-group--button .zw-radio, .zw-radio-group--button .zw-radio:active, .zw-radio-group--button .zw-radio:hover, .zw-radio-group--button .zw-radio:focus, .zw-radio-group--button .zw-radio:visited {
  text-decoration: none;
}
.zw-radio-group--button .zw-radio.zw-radio--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  opacity: var(--opacity-disabled);
}

.zw-radio-group--button .zw-radio.zw-radio--block {
  display: block;
  width: 100%;
}

.zw-radio-group--button .zw-radio, .zw-radio-group--button .zw-radio:hover {
  background-color: #fff;
  background-color: var(--button-default-background);
  border-color: #dcdcdc;
  border-color: var(--button-default-border);
  color: #343434;
  color: var(--button-default-color);
}
.zw-radio-group--button .zw-radio:active {
  background-color: #fff;
  background-color: var(--button-default-background);
  border-color: #dcdcdc;
  border-color: var(--button-default-border);
  color: #343434;
  color: var(--button-default-color);
}
.zw-radio-group--button .zw-radio.zw-radio--disabled {
  opacity: 0.5;
  opacity: var(--button-disabled-opacity);
  cursor: not-allowed;
}

.zw-radio-group--button .zw-radio.zw-radio--shadow {
  -webkit-box-shadow: 0 3px 3px 0 var(--button-default-shadow-color);
          box-shadow: 0 3px 3px 0 var(--button-default-shadow-color);
}

.zw-radio-group--button .zw-radio .zw-radio__text {
  margin: 0;
}

.zw-radio-group--button .zw-radio.zw-radio--checked, .zw-radio-group--button .zw-radio.zw-radio--checked:hover {
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--button-primary-background);
  border-color: hsl(156, 100%, 36.9%);
  border-color: var(--button-primary-border);
  color: #fff;
  color: var(--button-primary-color);
}
.zw-radio-group--button .zw-radio.zw-radio--checked:active {
  background-color: hsl(156, 100%, 32.9%);
  background-color: var(--button-primary-active-background);
  border-color: hsl(156, 100%, 32.9%);
  border-color: var(--button-primary-active-border);
  color: #fff;
  color: var(--button-primary-active-color);
}
.zw-radio-group--button .zw-radio.zw-radio--checked.zw-radio--disabled {
  opacity: 0.5;
  opacity: var(--button-disabled-opacity);
  cursor: not-allowed;
}

.zw-radio-group--button .zw-radio.zw-radio--checked.zw-radio--shadow {
  -webkit-box-shadow: 0 3px 3px 0 var(--button-primary-shadow-color);
          box-shadow: 0 3px 3px 0 var(--button-primary-shadow-color);
}

.zw-radio-group--button.zw-radio-group--block .zw-radio {
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
}

.zw-radio-group--button.zw-radio-group--rect .zw-radio {
  border-width: 1px;
  border-style: solid;
  border-radius: 0;
}

.zw-radio-group--button.zw-radio-group--radius .zw-radio {
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  border-radius: var(--radius-md);
}

.zw-radio-group--button.zw-radio-group--round .zw-radio {
  border-width: 1px;
  border-style: solid;
  border-radius: 1000px;
  border-radius: var(--radius-round);
}

.zw-radio-group--button.zw-radio-group--circle .zw-radio {
  border-width: 1px;
  border-style: solid;
  border-radius: 50%;
  border-radius: var(--radius-circle);
}

.zw-radio-group--button.zw-radio-group--lg .zw-radio {
  padding: 0 16px;
  padding: 0 var(--button-padding-h-lg);
  font-size: 16px;
  font-size: var(--button-font-size-lg);
  height: 36px;
  height: var(--button-height-lg);
  line-height: 1.5;
}
.zw-radio-group--button.zw-radio-group--lg .zw-radio.zw-radio--circle {
  width: 36px;
  width: var(--button-height-lg);
  padding: 0;
}

.zw-radio-group--button.zw-radio-group--lg .zw-radio .zw-icon {
  font-size: 18px;
  font-size: var(--button-icon-size-lg);
}
.zw-radio-group--button.zw-radio-group--lg .zw-radio * + span {
  margin-left: calc(16px / 2);
  margin-left: calc(var(--button-padding-h-lg) / 2);
}

.zw-radio-group--button.zw-radio-group--md .zw-radio {
  padding: 0 14px;
  padding: 0 var(--button-padding-h-md);
  font-size: 14px;
  font-size: var(--button-font-size-md);
  height: 32px;
  height: var(--button-height-md);
  line-height: 1.5;
}
.zw-radio-group--button.zw-radio-group--md .zw-radio.zw-radio--circle {
  width: 32px;
  width: var(--button-height-md);
  padding: 0;
}

.zw-radio-group--button.zw-radio-group--md .zw-radio .zw-icon {
  font-size: 16px;
  font-size: var(--button-icon-size-md);
}
.zw-radio-group--button.zw-radio-group--md .zw-radio * + span {
  margin-left: calc(14px / 2);
  margin-left: calc(var(--button-padding-h-md) / 2);
}

.zw-radio-group--button.zw-radio-group--sm .zw-radio {
  padding: 0 12px;
  padding: 0 var(--button-padding-h-sm);
  font-size: 12px;
  font-size: var(--button-font-size-sm);
  height: 28px;
  height: var(--button-height-sm);
  line-height: 1.5;
}
.zw-radio-group--button.zw-radio-group--sm .zw-radio.zw-radio--circle {
  width: 28px;
  width: var(--button-height-sm);
  padding: 0;
}

.zw-radio-group--button.zw-radio-group--sm .zw-radio .zw-icon {
  font-size: 14px;
  font-size: var(--button-icon-size-sm);
}
.zw-radio-group--button.zw-radio-group--sm .zw-radio * + span {
  margin-left: calc(12px / 2);
  margin-left: calc(var(--button-padding-h-sm) / 2);
}

.zw-radio-group--button.zw-radio-group--xs .zw-radio {
  padding: 0 8px;
  padding: 0 var(--button-padding-h-xs);
  font-size: 12px;
  font-size: var(--button-font-size-xs);
  height: 24px;
  height: var(--button-height-xs);
  line-height: 1.5;
}
.zw-radio-group--button.zw-radio-group--xs .zw-radio.zw-radio--circle {
  width: 24px;
  width: var(--button-height-xs);
  padding: 0;
}

.zw-radio-group--button.zw-radio-group--xs .zw-radio .zw-icon {
  font-size: 14px;
  font-size: var(--button-icon-size-xs);
}
.zw-radio-group--button.zw-radio-group--xs .zw-radio * + span {
  margin-left: calc(8px / 2);
  margin-left: calc(var(--button-padding-h-xs) / 2);
}

.zw-radio-group--button.zw-radio-group--ghost .zw-radio.zw-radio--checked, .zw-radio-group--button.zw-radio-group--ghost .zw-radio.zw-radio--checked:hover {
  background-color: transparent;
  border-color: hsl(156, 100%, 36.9%);
  border-color: var(--theme-primary);
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
}
.zw-radio-group--button.zw-radio-group--ghost .zw-radio.zw-radio--checked:active {
  background-color: transparent;
  border-color: hsl(156, 100%, 36.9%);
  border-color: var(--theme-primary);
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
}
.zw-radio-group--button.zw-radio-group--ghost .zw-radio.zw-radio--checked.zw-radio--disabled, .zw-radio-group--button.zw-radio-group--ghost .zw-radio.zw-radio--checked.zw-radio--disabled:active, .zw-radio-group--button.zw-radio-group--ghost .zw-radio.zw-radio--checked.zw-radio--disabled:hover, .zw-radio-group--button.zw-radio-group--ghost .zw-radio.zw-radio--checked.zw-radio--disabled:focus, .zw-radio-group--button.zw-radio-group--ghost .zw-radio.zw-radio--checked.zw-radio--disabled:visited {
  background-color: transparent;
  border-color: hsl(156, 100%, 36.9%);
  border-color: var(--theme-primary);
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
  cursor: not-allowed;
}

.zw-radio-group--button.zw-radio-group--compact .zw-radio:not(:last-child) {
  margin-right: -1px;
}
.zw-radio-group--button.zw-radio-group--compact .zw-radio:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.zw-radio-group--button.zw-radio-group--compact .zw-radio:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.zw-radio-group--button.zw-radio-group--compact .zw-radio:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.zw-radio-group--button.zw-radio-group--compact .zw-radio.zw-radio--checked {
  z-index: 1;
}

.zw-radio-group--cell {
  display: block;
  overflow: visible;
}
.zw-radio-group--cell .zw-radio-group__inner {
  margin-right: 0;
  margin-bottom: 0;
}

.zw-radio-group--cell .zw-radio {
  position: static;
  margin-right: 0;
  margin-bottom: 0;
}

.zw-radio__inner:before {
  content: "";
  width: calc(14px / 2.33);
  width: calc(var(--radio-size) / 2.33);
  height: calc(14px / 2.33);
  height: calc(var(--radio-size) / 2.33);
  border: none;
  border-radius: 50%;
  border-radius: var(--radius-circle);
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--theme-primary);
  margin: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.2s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  transition: all 0.2s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}

.zw-radio--checked .zw-radio__inner {
  background-color: #fff;
  background-color: var(--color-text-inverse);
}
.zw-radio--checked .zw-radio__inner:before {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(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;
}

.zw-radio--disabled .zw-radio__inner {
  opacity: 1;
  background-color: #fafafa;
  background-color: var(--background-disabled);
}

.zw-radio--disabled.zw-radio--checked .zw-radio__inner {
  background-color: #fafafa;
  background-color: var(--background-disabled);
}
.zw-radio--disabled.zw-radio--checked .zw-radio__inner:before {
  background-color: #dcdcdc;
  background-color: var(--radio-border-color);
}

.zw-radio-group--button .zw-radio {
  color: #616161;
  color: var(--radio-color);
}
.zw-radio-group--button .zw-radio:hover {
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
}
.zw-radio-group--button .zw-radio.zw-radio--disabled {
  opacity: 1;
  background-color: #fafafa;
  background-color: var(--background-disabled);
  color: #bcbcbc;
  color: var(--color-text-disabled);
}
.zw-radio-group--button .zw-radio.zw-radio--disabled:hover {
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

.zw-radio-group--button.zw-radio-group--ghost .zw-radio.zw-radio--disabled.zw-radio--checked, .zw-radio-group--button.zw-radio-group--ghost .zw-radio.zw-radio--disabled.zw-radio--checked:hover {
  opacity: 1;
  border-color: #dcdcdc;
  border-color: var(--button-default-border);
  background-color: #f2f2f2;
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

.zw-radio-group--button.zw-radio-group--lg .zw-radio {
  padding: 0 16px;
  padding: 0 var(--button-padding-h-lg);
  font-size: 16px;
  font-size: var(--button-font-size-lg);
  height: 36px;
  height: var(--button-height-lg);
  line-height: 1.5;
}
.zw-radio-group--button.zw-radio-group--lg .zw-radio.zw-radio--circle {
  width: 36px;
  width: var(--button-height-lg);
  padding: 0;
}

.zw-radio-group--button.zw-radio-group--lg .zw-radio .zw-icon {
  font-size: 18px;
  font-size: var(--button-icon-size-lg);
}
.zw-radio-group--button.zw-radio-group--lg .zw-radio * + span {
  margin-left: calc(16px / 2);
  margin-left: calc(var(--button-padding-h-lg) / 2);
}

.zw-radio-group--button.zw-radio-group--md .zw-radio {
  padding: 0 14px;
  padding: 0 var(--button-padding-h-md);
  font-size: 14px;
  font-size: var(--button-font-size-md);
  height: 32px;
  height: var(--button-height-md);
  line-height: 1.5;
}
.zw-radio-group--button.zw-radio-group--md .zw-radio.zw-radio--circle {
  width: 32px;
  width: var(--button-height-md);
  padding: 0;
}

.zw-radio-group--button.zw-radio-group--md .zw-radio .zw-icon {
  font-size: 16px;
  font-size: var(--button-icon-size-md);
}
.zw-radio-group--button.zw-radio-group--md .zw-radio * + span {
  margin-left: calc(14px / 2);
  margin-left: calc(var(--button-padding-h-md) / 2);
}

.zw-radio-group--button.zw-radio-group--sm .zw-radio {
  padding: 0 8px;
  padding: 0 var(--button-padding-h-xs);
  font-size: 12px;
  font-size: var(--button-font-size-xs);
  height: 24px;
  height: var(--button-height-xs);
  line-height: 1.5;
}
.zw-radio-group--button.zw-radio-group--sm .zw-radio.zw-radio--circle {
  width: 24px;
  width: var(--button-height-xs);
  padding: 0;
}

.zw-radio-group--button.zw-radio-group--sm .zw-radio .zw-icon {
  font-size: 14px;
  font-size: var(--button-icon-size-xs);
}
.zw-radio-group--button.zw-radio-group--sm .zw-radio * + span {
  margin-left: calc(8px / 2);
  margin-left: calc(var(--button-padding-h-xs) / 2);
}

/* border */
/* box shadow */
/* btn */
.zw-select {
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  color: #666;
}
.zw-select__selection {
  min-height: 32px;
  font-size: 14px;
}
.zw-select__selection .zw-select__text {
  line-height: 30px;
  padding-left: 15px;
  padding-right: 32px;
}

.zw-select__selection .za-select__icon,
.zw-select__selection .za-select__arrow {
  right: 9px;
  margin-top: -7px;
}

.zw-select .ui-dropdown {
  position: absolute;
  left: 0;
  top: 36px;
}
.zw-select .ui-dropdown .ui-select-notfound {
  margin: 15px;
}
.zw-select.radius .za-select__selection {
  border-radius: 4px;
}
.zw-select__selection {
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: block;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  -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);
  cursor: pointer;
}
.zw-select__selection:hover {
  border-color: #12c287;
}
.zw-select__selection:active {
  border-color: rgba(18, 193, 135, 0.06);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(18, 193, 135, 0.06), 0 0 8px rgba(18, 193, 135, 0.06);
          box-shadow: inset 0 1px 1px rgba(18, 193, 135, 0.06), 0 0 8px rgba(18, 193, 135, 0.06);
}
.zw-select__selection .zw-select__text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zw-select__selection .zw-select__text input {
  display: block;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.zw-select__selection .za-select__icon,
.zw-select__selection .za-select__arrow {
  position: absolute;
  top: 50%;
  color: #d9d9d9;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  line-height: normal;
}

.zw-select.za-select--open .za-select-selection {
  border-color: rgba(18, 193, 135, 0.06);
  outline: 0;
}
.zw-select.za-select--open .za-select-selection .ui-select-arrow {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.zw-select.disabled .za-select__selection {
  cursor: not-allowed;
  background-color: #f3f5f7;
}
.zw-select.disabled .za-select__selection:hover {
  border-color: #d9d9d9;
}
.zw-select.disabled .za-select__selection:active {
  border-color: #d9d9d9;
}
.zw-select.size-xl__selection {
  min-height: 40px;
  font-size: 18px;
}
.zw-select.size-xl__selection .size-xl__text {
  line-height: 38px;
  padding-left: 14px;
  padding-right: 40px;
}

.zw-select.size-xl__selection .za-select__icon,
.zw-select.size-xl__selection .za-select__arrow {
  right: 11px;
  margin-top: -9px;
}

.zw-select.size-xl .ui-dropdown {
  position: absolute;
  left: 0;
  top: 44px;
}
.zw-select.size-xl .ui-dropdown .ui-select-notfound {
  margin: 14px;
}
.zw-select.size-xl.radius .za-select__selection {
  border-radius: 6px;
}
.zw-select.size-lg__selection {
  min-height: 36px;
  font-size: 16px;
}
.zw-select.size-lg__selection .size-lg__text {
  line-height: 34px;
  padding-left: 15px;
  padding-right: 36px;
}

.zw-select.size-lg__selection .za-select__icon,
.zw-select.size-lg__selection .za-select__arrow {
  right: 10px;
  margin-top: -8px;
}

.zw-select.size-lg .ui-dropdown {
  position: absolute;
  left: 0;
  top: 40px;
}
.zw-select.size-lg .ui-dropdown .ui-select-notfound {
  margin: 15px;
}
.zw-select.size-lg.radius .za-select__selection {
  border-radius: 6px;
}
.zw-select.size-sm__selection {
  min-height: 28px;
  font-size: 12px;
}
.zw-select.size-sm__selection .size-sm__text {
  line-height: 26px;
  padding-left: 7px;
  padding-right: 28px;
}

.zw-select.size-sm__selection .za-select__icon,
.zw-select.size-sm__selection .za-select__arrow {
  right: 8px;
  margin-top: -6px;
}

.zw-select.size-sm .ui-dropdown {
  position: absolute;
  left: 0;
  top: 32px;
}
.zw-select.size-sm .ui-dropdown .ui-select-notfound {
  margin: 7px;
}
.zw-select.size-sm.radius .za-select__selection {
  border-radius: 4px;
}
.zw-select.size-xs__selection {
  min-height: 24px;
  font-size: 12px;
}
.zw-select.size-xs__selection .size-xs__text {
  line-height: 22px;
  padding-left: 4px;
  padding-right: 24px;
}

.zw-select.size-xs__selection .za-select__icon,
.zw-select.size-xs__selection .za-select__arrow {
  right: 6px;
  margin-top: -6px;
}

.zw-select.size-xs .ui-dropdown {
  position: absolute;
  left: 0;
  top: 28px;
}
.zw-select.size-xs .ui-dropdown .ui-select-notfound {
  margin: 4px;
}
.zw-select.size-xs.radius .za-select__selection {
  border-radius: 4px;
}

.ui-dropdown .za-select--notfound {
  display: block;
  padding: 8px;
  color: #ccc;
}
.ui-dropdown .checked-icon {
  position: absolute;
  right: 5px;
}

.zw-option__list {
  position: relative;
  white-space: nowrap;
  padding: 10px;
  line-height: 20px;
  cursor: pointer;
}
.zw-option__list:hover {
  color: #343434;
  background-color: rgba(18, 193, 135, 0.06);
}
.zw-option__list.is-checked {
  background-color: rgba(18, 193, 135, 0.06);
  color: #343434;
}
.zw-option__list.is-disabled {
  color: #ccc;
  cursor: no-drop;
}
.zw-option__list.is-disabled:hover {
  background-color: transparent;
}

/* border */
/* box shadow */
/* btn */
.ui-slider-wraper {
  margin: 10px 0;
}
.ui-slider-wraper.round .ui-slider-horizontal {
  border-radius: 6px;
}
.ui-slider-wraper.solid .ui-slider-horizontal {
  background-color: #eee;
}
.ui-slider-wraper.round .ui-slider-back {
  border-radius: 6px;
}
.ui-slider-wraper * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ui-slider-horizontal {
  width: 200px;
  height: 10px;
  border: 1px solid #c3c3d6;
  position: relative;
  overflow: visible;
  cursor: pointer;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -3px;
  margin-left: -9px;
}
.ui-slider-horizontal .ui-slider-back {
  overflow: hidden;
  height: 100%;
  position: absolute;
  background-color: #eee;
  width: 0%;
}

.ui-slider-horizontal:hover .ui-slider-tip {
  display: block;
}

.ui-slider-handle {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#e4e4e4));
  background-image: -webkit-linear-gradient(top, #fff 0, #e4e4e4 100%);
  background-image: linear-gradient(to bottom, #fff 0, #e4e4e4 100%);
  background-repeat: repeat-x;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  height: 15px;
  width: 15px;
  z-index: 99;
}
.ui-slider-handle:hover {
  border: 1px solid #c3c3d6;
  background-color: #e6e6e6;
  background-position: 0 -5px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.ui-slider-handle .ui-slider-tip {
  display: none;
  position: absolute;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 4px 8px;
  font-style: normal;
  -webkit-transform: translate(-50%, -140%);
      -ms-transform: translate(-50%, -140%);
          transform: translate(-50%, -140%);
  left: 50%;
  border-radius: 4px;
}
.ui-slider-handle .ui-slider-tip::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 8px;
  border-top-color: rgba(0, 0, 0, 0.8);
  bottom: -14px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
}
.ui-slider-handle .ui-slider-tip.ui-slider-tip-show {
  display: block;
}

.theme-default .ui-slider-horizontal {
  border: 1px solid #e6e6e6;
}
.theme-default .ui-slider-horizontal .ui-slider-back {
  background-color: #e6e6e6;
}
.theme-default .ui-slider-horizontal .ui-slider-handle {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), to(#e4e4e4));
  background-image: -webkit-linear-gradient(top, white 0, #e4e4e4 100%);
  background-image: linear-gradient(to bottom, white 0, #e4e4e4 100%);
  border: 1px solid #c3c3d6;
}
.theme-default .ui-slider-horizontal .ui-slider-handle:hover {
  border: 1px solid #b4b4cc;
  background-color: #e4e4e4;
}
.theme-default .ui-slider-horizontal .ui-slider-handle .ui-slider-tip {
  background-color: rgba(0, 0, 0, 0.8);
}
.theme-default .ui-slider-horizontal .ui-slider-handle .ui-slider-tip::after {
  border-top-color: rgba(0, 0, 0, 0.8);
}
.theme-default.ui-slider-wraper.solid .ui-slider-horizontal {
  background-color: rgba(230, 230, 230, 0.3);
}

.theme-info .ui-slider-horizontal {
  border: 1px solid #12c287;
}
.theme-info .ui-slider-horizontal .ui-slider-back {
  background-color: #12c287;
}
.theme-info .ui-slider-horizontal .ui-slider-handle {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), to(#e4e4e4));
  background-image: -webkit-linear-gradient(top, white 0, #e4e4e4 100%);
  background-image: linear-gradient(to bottom, white 0, #e4e4e4 100%);
  border: 1px solid #c3c3d6;
}
.theme-info .ui-slider-horizontal .ui-slider-handle:hover {
  border: 1px solid #b4b4cc;
  background-color: #e4e4e4;
}
.theme-info .ui-slider-horizontal .ui-slider-handle .ui-slider-tip {
  background-color: #12c287;
}
.theme-info .ui-slider-horizontal .ui-slider-handle .ui-slider-tip::after {
  border-top-color: #12c287;
}
.theme-info.ui-slider-wraper.solid .ui-slider-horizontal {
  background-color: rgba(18, 194, 135, 0.2);
}

.theme-success .ui-slider-horizontal {
  border: 1px solid #69c964;
}
.theme-success .ui-slider-horizontal .ui-slider-back {
  background-color: #69c964;
}
.theme-success .ui-slider-horizontal .ui-slider-handle {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), to(#e4e4e4));
  background-image: -webkit-linear-gradient(top, white 0, #e4e4e4 100%);
  background-image: linear-gradient(to bottom, white 0, #e4e4e4 100%);
  border: 1px solid #c3c3d6;
}
.theme-success .ui-slider-horizontal .ui-slider-handle:hover {
  border: 1px solid #b4b4cc;
  background-color: #e4e4e4;
}
.theme-success .ui-slider-horizontal .ui-slider-handle .ui-slider-tip {
  background-color: #69c964;
}
.theme-success .ui-slider-horizontal .ui-slider-handle .ui-slider-tip::after {
  border-top-color: #69c964;
}
.theme-success.ui-slider-wraper.solid .ui-slider-horizontal {
  background-color: rgba(105, 201, 100, 0.2);
}

.theme-warning .ui-slider-horizontal {
  border: 1px solid #eca632;
}
.theme-warning .ui-slider-horizontal .ui-slider-back {
  background-color: #eca632;
}
.theme-warning .ui-slider-horizontal .ui-slider-handle {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), to(#e4e4e4));
  background-image: -webkit-linear-gradient(top, white 0, #e4e4e4 100%);
  background-image: linear-gradient(to bottom, white 0, #e4e4e4 100%);
  border: 1px solid #c3c3d6;
}
.theme-warning .ui-slider-horizontal .ui-slider-handle:hover {
  border: 1px solid #b4b4cc;
  background-color: #e4e4e4;
}
.theme-warning .ui-slider-horizontal .ui-slider-handle .ui-slider-tip {
  background-color: #eca632;
}
.theme-warning .ui-slider-horizontal .ui-slider-handle .ui-slider-tip::after {
  border-top-color: #eca632;
}
.theme-warning.ui-slider-wraper.solid .ui-slider-horizontal {
  background-color: rgba(236, 166, 50, 0.2);
}

.theme-error .ui-slider-horizontal {
  border: 1px solid #e55546;
}
.theme-error .ui-slider-horizontal .ui-slider-back {
  background-color: #e55546;
}
.theme-error .ui-slider-horizontal .ui-slider-handle {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), to(#e4e4e4));
  background-image: -webkit-linear-gradient(top, white 0, #e4e4e4 100%);
  background-image: linear-gradient(to bottom, white 0, #e4e4e4 100%);
  border: 1px solid #c3c3d6;
}
.theme-error .ui-slider-horizontal .ui-slider-handle:hover {
  border: 1px solid #b4b4cc;
  background-color: #e4e4e4;
}
.theme-error .ui-slider-horizontal .ui-slider-handle .ui-slider-tip {
  background-color: #e55546;
}
.theme-error .ui-slider-horizontal .ui-slider-handle .ui-slider-tip::after {
  border-top-color: #e55546;
}
.theme-error.ui-slider-wraper.solid .ui-slider-horizontal {
  background-color: rgba(229, 85, 70, 0.2);
}

.zw-steps {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.zw-steps--horizontal .zw-steps-item {
  padding-left: calc(140px / 2);
  padding-left: calc(var(--steps-content-width) / 2);
}
.zw-steps--horizontal .zw-steps-item .zw-steps-item__tail {
  left: calc((28px + 12px) + (140px / 2));
  left: calc((var(--steps-icon-size) + 12px) + (var(--steps-content-width) / 2));
}

.zw-steps--horizontal .zw-steps-item .zw-steps-item__content {
  margin-top: 8px;
  width: 140px;
  width: var(--steps-content-width);
  margin-left: calc(140px / -2 + 28px / 2);
  margin-left: calc(var(--steps-content-width) / -2 + var(--steps-icon-size) / 2);
  text-align: center;
}

.zw-steps--vertical {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.zw-steps--vertical .zw-steps-item {
  min-height: 64px;
}
.zw-steps--vertical .zw-steps-item .zw-steps-item__tail {
  width: 1px;
  height: 100%;
  left: calc(28px / 2);
  left: calc(var(--steps-icon-size) / 2);
  padding: calc(28px / 2 + 8px) 0;
  padding: calc(var(--steps-icon-size) / 2 + 8px) 0;
  background: transparent;
}
.zw-steps--vertical .zw-steps-item .zw-steps-item__tail::after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: #dcdcdc;
  background: var(--steps-border-color);
}

.zw-steps--vertical .zw-steps-item .zw-steps-item__icon {
  float: left;
}

.zw-steps--vertical .zw-steps-item .zw-steps-item__content {
  min-height: calc(28px * 2);
  min-height: calc(var(--steps-icon-size) * 2);
  margin-left: calc(28px + 12px);
  margin-left: calc(var(--steps-icon-size) + 12px);
  padding-bottom: 10px;
  line-height: 1.5;
}

.zw-steps--vertical .zw-steps-item .zw-steps-item__title {
  margin-top: calc(28px / 2 - 14px / 1.5);
  margin-top: calc(var(--steps-icon-size) / 2 - var(--steps-title-font-size) / 1.5);
}

.zw-steps-item {
  display: inline-block;
  position: relative;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
}
.zw-steps-item[role=button] {
  cursor: pointer;
}
.zw-steps-item__icon {
  border: solid 1px #dcdcdc;
  border: solid 1px var(--steps-border-color);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 28px;
  width: var(--steps-icon-size);
  height: 28px;
  height: var(--steps-icon-size);
  border-radius: 50%;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: calc(28px / 2);
  font-size: calc(var(--steps-icon-size) / 2);
  color: #bcbcbc;
  color: var(--steps-status-wait);
}
.zw-steps-item__icon .zw-icon {
  font-size: calc(28px / 2);
  font-size: calc(var(--steps-icon-size) / 2);
}

.zw-steps-item__tail {
  position: absolute;
  top: calc(28px / 2);
  top: calc(var(--steps-icon-size) / 2);
  width: calc(100% - (28px + 24px));
  width: calc(100% - (var(--steps-icon-size) + 24px));
  height: 1px;
  background: #dcdcdc;
  background: var(--steps-border-color);
  left: calc(28px + 12px);
  left: calc(var(--steps-icon-size) + 12px);
}

.zw-steps-item__title {
  font-size: 14px;
  font-size: var(--steps-title-font-size);
  color: #343434;
  color: var(--steps-title-color);
  font-weight: 500;
}

.zw-steps-item__desc {
  font-size: 14px;
  font-size: var(--steps-desc-font-size);
  color: #909090;
  color: var(--steps-desc-color);
}

.zw-steps-item--finish .zw-steps-item__icon {
  border-color: hsl(156, 100%, 36.9%);
  border-color: var(--steps-status-process);
}

.zw-steps-item--finish .zw-steps-item__tail {
  background: hsl(156, 100%, 36.9%);
  background: var(--steps-status-process);
}
.zw-steps-item--finish .zw-steps-item__tail::after {
  background: hsl(156, 100%, 36.9%) !important;
  background: var(--steps-status-process) !important;
}

.zw-steps-item--error .zw-steps-item__icon {
  color: hsl(0, 100%, 65.7%);
  color: var(--steps-status-error);
  border-color: hsl(0, 100%, 65.7%);
  border-color: var(--steps-status-error);
}

.zw-steps-item--error .zw-steps-item__title {
  color: hsl(0, 100%, 65.7%);
  color: var(--steps-status-error);
}

.zw-steps-item--error .zw-steps-item__desc {
  color: hsl(0, 100%, 65.7%);
  color: var(--steps-status-error);
}

.zw-steps-item--process .zw-steps-item__icon {
  border-color: hsl(156, 100%, 36.9%);
  border-color: var(--steps-status-process);
  background: hsl(156, 100%, 36.9%);
  background: var(--steps-status-process);
  color: #fff;
}

.zw-steps-item--process .zw-steps-item__title {
  color: hsl(156, 100%, 36.9%);
  color: var(--steps-status-process);
}

.zw-steps-item--process .zw-steps-item__desc {
  color: hsl(156, 100%, 36.9%);
  color: var(--steps-status-process);
}

.zw-steps-item--disabled {
  cursor: not-allowed !important;
}

.ui-swipe {
  position: relative;
  overflow: hidden;
}
.ui-swipe .ui-swipe-items .ui-swipe-item {
  position: relative;
  display: inline-block;
  width: 100%;
  cursor: pointer;
}
.ui-swipe .ui-swipe-items .ui-swipe-item:after {
  clear: both;
}
.ui-swipe .ui-swipe-items .ui-swipe-item .ui-swipe-pic img {
  width: 100%;
  height: auto;
}
.ui-swipe .ui-swipe-items .ui-swipe-item .ui-swipe-info {
  position: absolute;
  left: 20px;
  bottom: 30px;
}
.ui-swipe .ui-swipe-items .ui-swipe-item .ui-swipe-info .ui-swipe-title {
  color: #fff;
}
.ui-swipe .ui-swipe-pagination {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.ui-swipe .ui-swipe-pagination ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ui-swipe .ui-swipe-pagination ul li {
  margin: 1px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid #fff;
  cursor: pointer;
}
.ui-swipe .ui-swipe-pagination ul li.active {
  margin: 0;
  width: 10px;
  height: 10px;
  background: #fff;
}

.zw-activity-indicator {
  display: inline-block;
  position: relative;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  width: 16px;
  width: var(--activity-indicator-size-md);
  height: 16px;
  height: var(--activity-indicator-size-md);
  /* sizes */
}
.zw-activity-indicator__path {
  stroke: #e6e6e6;
  stroke: var(--activity-indicator-path-color);
}

.zw-activity-indicator__line {
  stroke-dasharray: 314.1592674;
  stroke: hsl(156, 100%, 36.9%);
  stroke: var(--theme-primary);
}

.zw-activity-indicator--lg {
  width: 32px;
  width: var(--activity-indicator-size-lg);
  height: 32px;
  height: var(--activity-indicator-size-lg);
}

.zw-activity-indicator--circular {
  display: inline-block;
}
.zw-activity-indicator--circular svg {
  vertical-align: top;
  -webkit-animation: zw-activity-indicator_rotate360 2s linear infinite;
          animation: zw-activity-indicator_rotate360 2s linear infinite;
}
.zw-activity-indicator--circular circle {
  stroke-linecap: round;
  stroke: hsl(156, 100%, 36.9%);
  stroke: var(--theme-primary);
  -webkit-animation: zw-activity-indicator_rotate-circular 1.5s ease-in-out infinite;
          animation: zw-activity-indicator_rotate-circular 1.5s ease-in-out infinite;
}

.zw-activity-indicator--spinner {
  -webkit-animation: zw-activity-indicator_rotate360 0.8s linear infinite;
          animation: zw-activity-indicator_rotate360 0.8s linear infinite;
  -webkit-animation-timing-function: steps(12);
          animation-timing-function: steps(12);
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(1) {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
  opacity: 1;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(2) {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
  opacity: 0.9375;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(3) {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  opacity: 0.875;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(4) {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
  opacity: 0.8125;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(5) {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
  opacity: 0.75;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(6) {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  opacity: 0.6875;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(7) {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
  opacity: 0.625;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(8) {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
  opacity: 0.5625;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(9) {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
  opacity: 0.5;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(10) {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg);
  opacity: 0.4375;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(11) {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg);
  opacity: 0.375;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}
.zw-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zw-activity-indicator--spinner div:nth-of-type(12) {
  -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
  opacity: 0.3125;
}
.zw-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  border-radius: 40%;
}

@keyframes zw-activity-indicator_rotate-circular {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 120, 200;
    stroke-dashoffset: -60;
  }
  100% {
    stroke-dasharray: 120, 200;
    stroke-dashoffset: -180;
  }
}
@keyframes zw-activity-indicator_rotate360 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.zw-switch {
  position: relative;
  display: inline-block;
  border: none;
  border-radius: 1000px;
  border-radius: var(--radius-round);
  background-color: #bcbcbc;
  background-color: var(--switch-background);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  width: 48px;
  width: var(--switch-width-md);
  height: 20px;
  height: var(--switch-height-md);
}
.zw-switch:after {
  width: calc(20px - 3 * 2px);
  width: calc(var(--switch-height-md) - 3 * 2px);
  height: calc(20px - 3 * 2px);
  height: calc(var(--switch-height-md) - 3 * 2px);
  left: 3px;
  top: 3px;
}
.zw-switch:not(.zw-switch--disabled):active::after {
  width: calc((20px - 3 * 2px) * 1.33);
  width: calc((var(--switch-height-md) - 3 * 2px) * 1.33);
}
.zw-switch .zw-activity-indicator {
  width: calc(20px - (3 + 2) * 2px);
  width: calc(var(--switch-height-md) - (3 + 2) * 2px);
  height: calc(20px - (3 + 2) * 2px);
  height: calc(var(--switch-height-md) - (3 + 2) * 2px);
  left: calc(3px + 2px);
  top: calc(3px + 2px);
}
.zw-switch--checked:after {
  left: 100%;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  margin-left: -3px;
}
.zw-switch--checked .zw-activity-indicator {
  left: 100%;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  margin-left: calc(-1 * (3px + 2px));
}

.zw-switch::after {
  content: " ";
  position: absolute;
  border-radius: 1000px;
  border-radius: var(--radius-round);
  background-color: #fff;
  background-color: var(--color-text-inverse);
  -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);
}
.zw-switch .zw-activity-indicator {
  position: absolute;
  z-index: 1;
}
.zw-switch .zw-activity-indicator circle {
  stroke: #bcbcbc;
  stroke: var(--switch-background);
}
.zw-switch--checked {
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--theme-primary);
}
.zw-switch--checked .zw-activity-indicator circle {
  stroke: hsl(156, 100%, 36.9%);
  stroke: var(--theme-primary);
}

.zw-switch--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  opacity: var(--opacity-disabled);
}

.zw-switch--sm {
  width: 32px;
  width: var(--switch-width-sm);
  height: 16px;
  height: var(--switch-height-sm);
}
.zw-switch--sm:after {
  width: calc(16px - 2 * 2px);
  width: calc(var(--switch-height-sm) - 2 * 2px);
  height: calc(16px - 2 * 2px);
  height: calc(var(--switch-height-sm) - 2 * 2px);
  left: 2px;
  top: 2px;
}
.zw-switch--sm:not(.zw-switch--sm--disabled):active::after {
  width: calc((16px - 2 * 2px) * 1.33);
  width: calc((var(--switch-height-sm) - 2 * 2px) * 1.33);
}
.zw-switch--sm .zw-activity-indicator {
  width: calc(16px - (2 + 2) * 2px);
  width: calc(var(--switch-height-sm) - (2 + 2) * 2px);
  height: calc(16px - (2 + 2) * 2px);
  height: calc(var(--switch-height-sm) - (2 + 2) * 2px);
  left: calc(2px + 2px);
  top: calc(2px + 2px);
}
.zw-switch--sm.zw-switch--checked:after {
  left: 100%;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  margin-left: -2px;
}
.zw-switch--sm.zw-switch--checked .zw-activity-indicator {
  left: 100%;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  margin-left: calc(-1 * (2px + 2px));
}

.zw-tabs {
  position: relative;
  overflow: hidden;
}
.zw-tabs__header {
  position: relative;
  margin-bottom: 16px;
  -webkit-transition: padding 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: padding 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.zw-tabs__header__scroll {
  position: relative;
  margin: 0;
  padding: 0;
}
.zw-tabs__header__arrow {
  position: absolute;
  text-align: center;
  -webkit-transition: width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  cursor: pointer;
}
.zw-tabs__header__arrow .zw-icon {
  color: #909090;
  color: var(--color-text-caption);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.zw-tabs__header__arrow:hover .zw-icon {
  color: #343434;
  color: var(--tabs-default-icon-hover-color);
}
.zw-tabs__header__arrow--disabled {
  cursor: not-allowed;
  pointer-events: auto;
}
.zw-tabs__header__arrow--disabled .zw-icon {
  color: #e6e6e6;
  color: var(--tabs-default-icon-disabled-color);
}
.zw-tabs__header__arrow--disabled:hover .zw-icon {
  color: #e6e6e6;
  color: var(--tabs-default-icon-disabled-color);
}
.zw-tabs__header__nav {
  position: relative;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.zw-tabs__header__item {
  position: relative;
  cursor: pointer;
  line-height: normal;
  color: #616161;
  color: var(--tabs-default-color);
}
.zw-tabs__header__item:hover {
  color: #33c98d;
  color: var(--tabs-default-hover-color);
}
.zw-tabs__header__item--disabled {
  color: #bcbcbc;
  color: var(--tabs-default-disabled-color);
  cursor: not-allowed;
}
.zw-tabs__header__item--disabled:hover {
  color: #bcbcbc;
  color: var(--tabs-default-disabled-color);
}

.zw-tabs__header__item--active {
  background: #fff;
  background: var(--tabs-default-active-background);
  color: #00bc70;
  color: var(--tabs-default-active-color);
}

.zw-tabs__header__item .zw-icon {
  margin: 0 8px 0 0;
  display: inline-block;
}
.zw-tabs__header__item .zw-icon--wrong {
  margin: 0 0 0 8px;
  color: #bcbcbc;
  color: var(--tabs-default-icon-color);
}
.zw-tabs__header__item .zw-icon--wrong:hover {
  color: #343434;
  color: var(--tabs-default-icon-hover-color);
}

.zw-tabs__header__line {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.zw-tabs__body {
  position: relative;
}
.zw-tabs__body__item {
  line-height: normal;
  opacity: 0;
  overflow: hidden;
  height: 0;
  font-size: 14px;
}
.zw-tabs__body__item--active {
  opacity: 1;
  height: auto;
}

.zw-tabs--sm {
  font-size: 14px;
  font-size: var(--tabs-font-size-sm);
}
.zw-tabs--sm .zw-tabs__header {
  height: 38px;
  height: var(--tabs-header-line-height-sm);
  font-size: 14px;
  font-size: var(--tabs-font-size-sm);
}
.zw-tabs--sm .zw-tabs__header__item {
  padding: 0 16px;
}
.zw-tabs--sm .zw-tabs__header .zw-icon {
  font-size: 12px;
  font-size: var(--tabs-header-icon-sm);
}

.zw-tabs--sm.zw-tabs--horizontal.zw-tabs--line .zw-tabs__header__item {
  height: 38px;
  height: var(--tabs-header-line-height-sm);
  line-height: 38px;
  line-height: var(--tabs-header-line-height-sm);
}

.zw-tabs--sm.zw-tabs--horizontal.zw-tabs--card .zw-tabs__header {
  height: 34px;
  height: var(--tabs-header-card-height-sm);
}
.zw-tabs--sm.zw-tabs--horizontal.zw-tabs--card .zw-tabs__header__item {
  height: 34px;
  height: var(--tabs-header-card-height-sm);
  line-height: 34px;
  line-height: var(--tabs-header-card-height-sm);
}

.zw-tabs--sm.zw-tabs--horizontal.zw-tabs--noborder-card .zw-tabs__header {
  height: 34px;
  height: var(--tabs-header-card-height-sm);
}
.zw-tabs--sm.zw-tabs--horizontal.zw-tabs--noborder-card .zw-tabs__header__item {
  height: 34px;
  height: var(--tabs-header-card-height-sm);
  line-height: 34px;
  line-height: var(--tabs-header-card-height-sm);
}

.zw-tabs--sm.zw-tabs--vertical .zw-tabs__header {
  height: 100%;
}
.zw-tabs--sm.zw-tabs--vertical .zw-tabs__header__item {
  padding: 0 16px;
  padding: 0 var(--tabs-header-vertical-padding-sm);
  height: 30px;
  height: var(--tabs-header-vertical-height-sm);
  line-height: 30px;
  line-height: var(--tabs-header-vertical-height-sm);
}

.zw-tabs--md {
  font-size: 16px;
  font-size: var(--tabs-font-size-md);
}
.zw-tabs--md .zw-tabs__header {
  height: 48px;
  height: var(--tabs-header-line-height-md);
  font-size: 16px;
  font-size: var(--tabs-font-size-md);
}
.zw-tabs--md .zw-tabs__header__item {
  padding: 0 16px;
}
.zw-tabs--md .zw-tabs__header .zw-icon {
  font-size: 14px;
  font-size: var(--tabs-header-icon-md);
}

.zw-tabs--md.zw-tabs--horizontal.zw-tabs--line .zw-tabs__header__item {
  height: 48px;
  height: var(--tabs-header-line-height-md);
  line-height: 48px;
  line-height: var(--tabs-header-line-height-md);
}

.zw-tabs--md.zw-tabs--horizontal.zw-tabs--card .zw-tabs__header {
  height: 40px;
  height: var(--tabs-header-card-height-md);
}
.zw-tabs--md.zw-tabs--horizontal.zw-tabs--card .zw-tabs__header__item {
  height: 40px;
  height: var(--tabs-header-card-height-md);
  line-height: 40px;
  line-height: var(--tabs-header-card-height-md);
}

.zw-tabs--md.zw-tabs--horizontal.zw-tabs--noborder-card .zw-tabs__header {
  height: 40px;
  height: var(--tabs-header-card-height-md);
}
.zw-tabs--md.zw-tabs--horizontal.zw-tabs--noborder-card .zw-tabs__header__item {
  height: 40px;
  height: var(--tabs-header-card-height-md);
  line-height: 40px;
  line-height: var(--tabs-header-card-height-md);
}

.zw-tabs--md.zw-tabs--vertical .zw-tabs__header {
  height: 100%;
}
.zw-tabs--md.zw-tabs--vertical .zw-tabs__header__item {
  padding: 0 20px;
  padding: 0 var(--tabs-header-vertical-padding-md);
  height: 36px;
  height: var(--tabs-header-vertical-height-md);
  line-height: 36px;
  line-height: var(--tabs-header-vertical-height-md);
}

.zw-tabs--lg {
  font-size: 18px;
  font-size: var(--tabs-font-size-lg);
}
.zw-tabs--lg .zw-tabs__header {
  height: 58px;
  height: var(--tabs-header-line-height-lg);
  font-size: 18px;
  font-size: var(--tabs-font-size-lg);
}
.zw-tabs--lg .zw-tabs__header__item {
  padding: 0 16px;
}
.zw-tabs--lg .zw-tabs__header .zw-icon {
  font-size: 16px;
  font-size: var(--tabs-header-icon-lg);
}

.zw-tabs--lg.zw-tabs--horizontal.zw-tabs--line .zw-tabs__header__item {
  height: 58px;
  height: var(--tabs-header-line-height-lg);
  line-height: 58px;
  line-height: var(--tabs-header-line-height-lg);
}

.zw-tabs--lg.zw-tabs--horizontal.zw-tabs--card .zw-tabs__header {
  height: 46px;
  height: var(--tabs-header-card-height-lg);
}
.zw-tabs--lg.zw-tabs--horizontal.zw-tabs--card .zw-tabs__header__item {
  height: 46px;
  height: var(--tabs-header-card-height-lg);
  line-height: 46px;
  line-height: var(--tabs-header-card-height-lg);
}

.zw-tabs--lg.zw-tabs--horizontal.zw-tabs--noborder-card .zw-tabs__header {
  height: 46px;
  height: var(--tabs-header-card-height-lg);
}
.zw-tabs--lg.zw-tabs--horizontal.zw-tabs--noborder-card .zw-tabs__header__item {
  height: 46px;
  height: var(--tabs-header-card-height-lg);
  line-height: 46px;
  line-height: var(--tabs-header-card-height-lg);
}

.zw-tabs--lg.zw-tabs--vertical .zw-tabs__header {
  height: 100%;
}
.zw-tabs--lg.zw-tabs--vertical .zw-tabs__header__item {
  padding: 0 24px;
  padding: 0 var(--tabs-header-vertical-padding-lg);
  height: 42px;
  height: var(--tabs-header-vertical-height-lg);
  line-height: 42px;
  line-height: var(--tabs-header-vertical-height-lg);
}

.zw-tabs--horizontal .zw-tabs__header {
  border-bottom: 1px solid #dcdcdc;
  border-bottom: 1px solid var(--border-color);
}
.zw-tabs--horizontal .zw-tabs__header--arrow-mode {
  padding: 0 20px;
}
.zw-tabs--horizontal .zw-tabs__header__scroll {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: -1px;
}
.zw-tabs--horizontal .zw-tabs__header__arrow {
  height: 100%;
  width: 20px;
  top: 0;
}
.zw-tabs--horizontal .zw-tabs__header__arrow--left {
  left: 0;
}
.zw-tabs--horizontal .zw-tabs__header__arrow--right {
  right: 0;
}
.zw-tabs--horizontal .zw-tabs__header__nav {
  display: inline-block;
}
.zw-tabs--horizontal .zw-tabs__header__item {
  display: inline-block;
  text-align: center;
}
.zw-tabs--horizontal .zw-tabs__header__line {
  position: absolute;
  left: 0;
  bottom: 0;
  width: auto;
  border-bottom: 2px solid #00bc70;
  border-bottom: 2px solid var(--tabs-default-line-color);
}

.zw-tabs--horizontal .zw-tabs__body {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}
.zw-tabs--horizontal .zw-tabs__body--animated {
  -webkit-transition: margin-left 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: margin-left 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.zw-tabs--horizontal .zw-tabs__body__item {
  width: 100%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.zw-tabs--vertical:before, .zw-tabs--vertical:after {
  content: " ";
  display: table;
}
.zw-tabs--vertical:after {
  clear: both;
}
.zw-tabs--vertical .zw-tabs__header {
  border-right: 1px solid #dcdcdc;
  border-right: 1px solid var(--border-color);
  float: left;
}
.zw-tabs--vertical .zw-tabs__header--arrow-mode {
  padding: 30px 0;
}
.zw-tabs--vertical .zw-tabs__header__scroll {
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  margin-right: -1px;
}
.zw-tabs--vertical .zw-tabs__header__item {
  padding: 0;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 8px;
}
.zw-tabs--vertical .zw-tabs__header__item:last-child {
  margin-bottom: 0;
}
.zw-tabs--vertical .zw-tabs__header__line {
  position: absolute;
  top: 0;
  right: 0;
  border-right: 2px solid #00bc70;
  border-right: 2px solid var(--tabs-default-line-color);
}
.zw-tabs--vertical .zw-tabs__header__arrow {
  height: 30px;
  width: 100%;
  left: 0;
}
.zw-tabs--vertical .zw-tabs__header__arrow--top {
  top: 0;
}
.zw-tabs--vertical .zw-tabs__header__arrow--bottom {
  bottom: 0;
}

.zw-tabs--vertical .zw-tabs__body {
  padding-left: 10px;
  overflow: hidden;
  position: relative;
}
.zw-tabs--vertical .zw-tabs__body__item {
  height: 0;
}
.zw-tabs--vertical .zw-tabs__body__item--active {
  height: auto;
}

.zw-tabs--line .zw-tabs__header__item {
  margin-right: 16px;
}
.zw-tabs--line .zw-tabs__header__item:last-child {
  margin-right: 0;
}

.zw-tabs--card .zw-tabs__header__item {
  border: 1px solid #dcdcdc;
  border: 1px solid var(--border-color);
  border-radius: 4px 4px 0 0;
  margin-right: 4px;
  background: #fafafa;
  background: var(--tabs-default-card-background);
}
.zw-tabs--card .zw-tabs__header__item--active {
  border-bottom: 1px solid #fff;
  border-bottom: 1px solid var(--tabs-default-background-color);
  background: #fff;
  background: var(--tabs-default-active-background);
}
.zw-tabs--card .zw-tabs__header__item:last-child {
  margin-right: 0;
}

.zw-tabs--noborder-card .zw-tabs__header {
  margin-bottom: 0;
  border-bottom: none;
}
.zw-tabs--noborder-card .zw-tabs__header__item {
  background: #f2f2f2;
  background: var(--tabs-default-noborder-background);
}
.zw-tabs--noborder-card .zw-tabs__header__item--active {
  background: #fff;
  background: var(--tabs-default-background-color);
  border: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.zw-tabs--noborder-card .zw-tabs__body {
  background: #fff;
  background: var(--tabs-default-background-color);
  -webkit-transition: none;
  transition: none;
}
.zw-tabs--noborder-card .zw-tabs__body__item {
  background: #fff;
  background: var(--tabs-default-background-color);
}

/* border */
/* box shadow */
/* btn */
.ui-table {
  position: relative;
  color: #666;
}
.ui-table table th,
.ui-table table td {
  padding: 6px 12px;
}
.ui-table.ui-table-radius .ui-table-body {
  border-radius: 4px;
}
.ui-table.ui-table-radius table {
  border-radius: 4px;
}
.ui-table-body {
  width: 100%;
  overflow-x: auto;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.ui-table-fixed-left {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: -webkit-box-shadow 0.3s ease-out;
  transition: -webkit-box-shadow 0.3s ease-out;
  transition: box-shadow 0.3s ease-out;
  transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
}
.ui-table-fixed-left.shadow {
  border-right: 0;
  -webkit-box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.12);
          box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.12);
}
.ui-table-fixed-right {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  -webkit-transition: -webkit-box-shadow 0.3s ease-out;
  transition: -webkit-box-shadow 0.3s ease-out;
  transition: box-shadow 0.3s ease-out;
  transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
}
.ui-table-fixed-right.shadow {
  border-left: 0;
  -webkit-box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.12);
          box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.12);
}
.ui-table .ui-popover-content {
  max-width: 300px;
  text-align: left;
  line-height: 24px;
  white-space: normal;
}
.ui-table table {
  border-collapse: separate;
  border-spacing: 0;
  background-color: #fff;
}
.ui-table table tr {
  line-height: normal;
}
.ui-table table th,
.ui-table table td {
  white-space: nowrap;
}
.ui-table table th {
  background: #f4f4f4;
  font-weight: bold;
  height: 50px;
  line-height: 26px;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ui-table table td {
  height: 40px;
  line-height: 15px;
}
.ui-table table td .ellipsis-cell {
  max-width: 300px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ui-table table tbody:last-child tr:last-child td {
  border-bottom: 0;
}
.ui-table table.ui-table-multi-headrow {
  text-align: center;
}
.ui-table table.ui-table-multi-headrow th {
  border-right: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}
.ui-table table.ui-table-multi-headrow th:last-child {
  border-right: 0;
}
.ui-table table.ui-table-multi-headrow tr:not(:first-child) th {
  border-right: 1px solid #e9e9e9;
}
.ui-table-expand-icon {
  display: inline-block;
  width: 17px;
  height: 17px;
  line-height: 13px;
  text-align: center;
  border: 1px solid #e8e8e8;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #fff;
  cursor: pointer;
}
.ui-table-icon-expanded::before {
  content: "-";
}
.ui-table-icon-collapsed::before {
  content: "+";
}
.ui-table-expanded-row {
  background-color: #fbfbfb;
}
.ui-table-scroll {
  width: auto;
  min-width: 100%;
  text-align: left;
}
.ui-table.ui-table-bordered .ui-table-body {
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
}
.ui-table.ui-table-bordered.ui-table-multi-headrow {
  border: 1px solid #e9e9e9;
  border-left: 0;
  border-right: 0;
}
.ui-table.ui-table-bordered table {
  border: 1px solid #e9e9e9;
  border-left: 0;
  border-right: 0;
}
.ui-table.ui-table-bordered table th,
.ui-table.ui-table-bordered table td {
  border-right: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}
.ui-table.ui-table-bordered table th:last-child,
.ui-table.ui-table-bordered table td:last-child {
  border-right: 0;
}
.ui-table.ui-table-bordered table tr:not(:first-child) th {
  border-right: 1px solid #e9e9e9;
}
.ui-table.ui-table-bordered .ui-table-fixed-left,
.ui-table.ui-table-bordered .ui-table-fixed-right {
  border: 1px solid #e9e9e9 !important;
  border-bottom: 0;
}
.ui-table.ui-table-striped tbody > tr:nth-of-type(even) {
  background: #fbfbfb;
}
.ui-table.ui-table-hover tbody tr:hover,
.ui-table.ui-table-hover tbody tr.hover {
  background-color: #ecf6fd !important;
}
.ui-table.size-xl table th,
.ui-table.size-xl table td {
  padding: 8px 16px;
}
.ui-table.size-xl.ui-table-radius .ui-table-body {
  border-radius: 6px;
}
.ui-table.size-xl.ui-table-radius table {
  border-radius: 6px;
}
.ui-table.size-lg table th,
.ui-table.size-lg table td {
  padding: 7px 14px;
}
.ui-table.size-lg.ui-table-radius .ui-table-body {
  border-radius: 6px;
}
.ui-table.size-lg.ui-table-radius table {
  border-radius: 6px;
}
.ui-table.size-sm table th,
.ui-table.size-sm table td {
  padding: 6px 12px/2 6px 12px;
}
.ui-table.size-sm.ui-table-radius .ui-table-body {
  border-radius: 4px;
}
.ui-table.size-sm.ui-table-radius table {
  border-radius: 4px;
}
.ui-table.size-xs table th,
.ui-table.size-xs table td {
  padding: 4px 12px/2 4px 12px;
}
.ui-table.size-xs.ui-table-radius .ui-table-body {
  border-radius: 4px;
}
.ui-table.size-xs.ui-table-radius table {
  border-radius: 4px;
}

.ui-table-sorter {
  margin-left: 5px;
  display: inline-block;
  width: 8px;
  height: 16px;
  vertical-align: middle;
  text-align: center;
}
.ui-table-sorter-up, .ui-table-sorter-down {
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-style: solid;
}
.ui-table-sorter-up {
  border-width: 0 4px 7px;
  border-color: transparent transparent #ddd;
  margin-bottom: 2px;
}
.ui-table-sorter-up.ui-table-sorter-active {
  border-color: transparent transparent #2db7f5;
}
.ui-table-sorter-down {
  border-width: 7px 4px 0;
  border-color: #ddd transparent transparent;
}
.ui-table-sorter-down.ui-table-sorter-active {
  border-color: #2db7f5 transparent transparent;
}

.zw-tag {
  display: inline-block;
  position: relative;
  -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);
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  font-size: 12px;
  font-size: var(--tag-font-size);
  border-width: 1px;
  border-style: solid;
  background-color: #f9f9f9;
  background-color: var(--tag-default-background);
  border-color: #dcdcdc;
  border-color: var(--tag-default-border);
  color: #616161;
  color: var(--tag-default-color);
  margin: 0 8px 8px 0;
  border-radius: 4px;
  border-radius: var(--radius-md);
  cursor: default;
  /* tag sizes: default md */
  padding: 0 12px;
  padding: 0 var(--tag-padding-h);
  font-size: 12px;
  font-size: var(--tag-font-size);
  height: 28px;
  height: var(--tag-height-md);
  line-height: 28px;
  line-height: var(--tag-height-md);
  /* tag preset color */
}
.zw-tag:hover {
  opacity: 0.8;
}
.zw-tag .zw-icon {
  margin-left: 8px;
  cursor: pointer;
}
.zw-tag--rect {
  border-radius: 0;
}

.zw-tag--round {
  border-radius: 32px;
  border-radius: var(--tag-height-lg);
}

.zw-tag--unborder {
  border: hidden;
}

.zw-tag--checkable {
  cursor: pointer;
}

.zw-tag .zw-icon {
  font-size: 12px;
  font-size: var(--tag-icon-size);
}
.zw-tag--lg {
  padding: 0 16px;
  padding: 0 var(--tag-padding-h-lg);
  font-size: 12px;
  font-size: var(--tag-font-size);
  height: 32px;
  height: var(--tag-height-lg);
  line-height: 32px;
  line-height: var(--tag-height-lg);
}
.zw-tag--lg .zw-icon {
  font-size: 14px;
  font-size: var(--tag-icon-size-lg);
}

.zw-tag--md {
  padding: 0 12px;
  padding: 0 var(--tag-padding-h);
  font-size: 12px;
  font-size: var(--tag-font-size);
  height: 28px;
  height: var(--tag-height-md);
  line-height: 28px;
  line-height: var(--tag-height-md);
}
.zw-tag--md .zw-icon {
  font-size: 12px;
  font-size: var(--tag-icon-size);
}

.zw-tag--sm {
  padding: 0 12px;
  padding: 0 var(--tag-padding-h);
  font-size: 12px;
  font-size: var(--tag-font-size);
  height: 24px;
  height: var(--tag-height-sm);
  line-height: 24px;
  line-height: var(--tag-height-sm);
}
.zw-tag--sm .zw-icon {
  font-size: 12px;
  font-size: var(--tag-icon-size);
}

.zw-tag--xs {
  padding: 0 12px;
  padding: 0 var(--tag-padding-h);
  font-size: 12px;
  font-size: var(--tag-font-size);
  height: 20px;
  height: var(--tag-height-xs);
  line-height: 20px;
  line-height: var(--tag-height-xs);
}
.zw-tag--xs .zw-icon {
  font-size: 10px;
  font-size: var(--tag-icon-size-xs);
}

.zw-tag--green {
  background-color: rgba(0, 188, 112, 0.05);
  background-color: rgba(var(--tag-color-green), 0.05);
  border-color: rgba(0, 188, 112, 0.3);
  border-color: rgba(var(--tag-color-green), 0.3);
  color: rgba(0, 188, 112, 1);
  color: rgba(var(--tag-color-green), 1);
}
.zw-tag--green.zw-tag--unborder {
  color: #fff;
  background-color: rgba(0, 188, 112, 1);
  background-color: rgba(var(--tag-color-green), 1);
  border: hidden;
}

.zw-tag--blue {
  background-color: rgba(84, 192, 232, 0.05);
  background-color: rgba(var(--tag-color-blue), 0.05);
  border-color: rgba(84, 192, 232, 0.3);
  border-color: rgba(var(--tag-color-blue), 0.3);
  color: rgba(84, 192, 232, 1);
  color: rgba(var(--tag-color-blue), 1);
}
.zw-tag--blue.zw-tag--unborder {
  color: #fff;
  background-color: rgba(84, 192, 232, 1);
  background-color: rgba(var(--tag-color-blue), 1);
  border: hidden;
}

.zw-tag--orange {
  background-color: rgba(236, 145, 49, 0.05);
  background-color: rgba(var(--tag-color-orange), 0.05);
  border-color: rgba(236, 145, 49, 0.3);
  border-color: rgba(var(--tag-color-orange), 0.3);
  color: rgba(236, 145, 49, 1);
  color: rgba(var(--tag-color-orange), 1);
}
.zw-tag--orange.zw-tag--unborder {
  color: #fff;
  background-color: rgba(236, 145, 49, 1);
  background-color: rgba(var(--tag-color-orange), 1);
  border: hidden;
}

.zw-tag--red {
  background-color: rgba(255, 80, 80, 0.05);
  background-color: rgba(var(--tag-color-red), 0.05);
  border-color: rgba(255, 80, 80, 0.3);
  border-color: rgba(var(--tag-color-red), 0.3);
  color: rgba(255, 80, 80, 1);
  color: rgba(var(--tag-color-red), 1);
}
.zw-tag--red.zw-tag--unborder {
  color: #fff;
  background-color: rgba(255, 80, 80, 1);
  background-color: rgba(var(--tag-color-red), 1);
  border: hidden;
}

.zw-tag--checked {
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--tag-primary-color);
  border-color: transparent;
  color: #f9f9f9;
  color: var(--tag-default-background);
}
.zw-tag--checked:hover {
  background-color: hsla(156, 100%, 36.9%, 0.8);
  background-color: var(--tag-primary-hover-background);
}
.zw-tag--checked:active {
  background-color: hsl(156, 100%, 32.9%);
  background-color: var(--tag-primary-active-background);
  border-color: hsl(156, 100%, 32.9%);
  border-color: var(--tag-primary-active-background);
}

.zw-tag--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  opacity: var(--tag-disabled-opacity);
  background-color: #f9f9f9;
  background-color: var(--tag-default-background);
  border-color: #dcdcdc;
  border-color: var(--tag-default-border);
  color: #bcbcbc;
  color: var(--tag-color-disabled);
}
.zw-tag--disabled:hover {
  background-color: #f9f9f9;
  background-color: var(--tag-default-background);
  color: #bcbcbc;
  color: var(--tag-color-disabled);
  opacity: 0.5;
  opacity: var(--tag-disabled-opacity);
}

/* border */
/* box shadow */
/* btn */
.zw-tag-input-box {
  min-height: 32px;
  line-height: 30px;
  font-size: 0;
  width: 100%;
  min-width: 110px;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  position: relative;
  padding-right: 35px;
  padding-left: 8px;
  will-change: box-shadow, border-color;
  -webkit-transition: 0.3s, border-color 0.3s, -webkit-box-shadow;
  transition: 0.3s, border-color 0.3s, -webkit-box-shadow;
  transition: box-shadow, 0.3s, border-color 0.3s;
  transition: box-shadow, 0.3s, border-color 0.3s, -webkit-box-shadow;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
          transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  overflow: hidden;
}
.zw-tag-input-box .is-radius {
  border-radius: 4px;
}
.zw-tag-input-box .za-tag-input__div {
  font-size: 12px;
}
.zw-tag-input-box .za-tag-input__div-placeholder,
.zw-tag-input-box .value-text {
  font-size: 12px;
}
.zw-tag-input-box:hover {
  border-color: #ccc;
}
.zw-tag-input-box.is-disabled {
  border-color: #d9d9d9;
  background-color: #f3f5f7;
}
.zw-tag-input-box.is-radius {
  border-radius: 4px;
}
.zw-tag-input-box.size-xl {
  min-height: 40px;
  line-height: 38px;
}
.zw-tag-input-box.size-xl .is-radius {
  border-radius: 6px;
}
.zw-tag-input-box.size-xl .za-tag-input__div {
  font-size: 16px;
}
.zw-tag-input-box.size-xl .za-tag-input__div-placeholder,
.zw-tag-input-box.size-xl .value-text {
  font-size: 16px;
}
.zw-tag-input-box.size-lg {
  min-height: 36px;
  line-height: 34px;
}
.zw-tag-input-box.size-lg .is-radius {
  border-radius: 6px;
}
.zw-tag-input-box.size-lg .za-tag-input__div {
  font-size: 14px;
}
.zw-tag-input-box.size-lg .za-tag-input__div-placeholder,
.zw-tag-input-box.size-lg .value-text {
  font-size: 14px;
}
.zw-tag-input-box.size-sm {
  min-height: 28px;
  line-height: 26px;
}
.zw-tag-input-box.size-sm .is-radius {
  border-radius: 4px;
}
.zw-tag-input-box.size-sm .za-tag-input__div {
  font-size: 12px;
}
.zw-tag-input-box.size-sm .za-tag-input__div-placeholder,
.zw-tag-input-box.size-sm .value-text {
  font-size: 12px;
}
.zw-tag-input-box.size-xs {
  min-height: 24px;
  line-height: 22px;
}
.zw-tag-input-box.size-xs .is-radius {
  border-radius: 4px;
}
.zw-tag-input-box.size-xs .za-tag-input__div {
  font-size: 12px;
}
.zw-tag-input-box.size-xs .za-tag-input__div-placeholder,
.zw-tag-input-box.size-xs .value-text {
  font-size: 12px;
}
.zw-tag-input-box .za-tag-input__div {
  display: inline-block;
  vertical-align: middle;
  min-width: 5px;
  padding: 0 2px;
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  outline: none;
  max-width: 100%;
}
.zw-tag-input-box .za-tag-input__div-placeholder,
.zw-tag-input-box .value-text {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 35px);
}
.zw-tag-input-box .za-tag-input__div-placeholder {
  color: #999;
}
.zw-tag-input-box .za-tag-list-box {
  padding: 4px 0;
  line-height: 0;
  display: inline-block;
  vertical-align: middle;
}
.zw-tag-input-box .arrow-bottom {
  color: #d9d9d9;
  will-change: transform;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translateY(-50%) rotate(0deg);
      -ms-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
}

.za-tag-input-box--active {
  border-color: #12c287;
}
.za-tag-input-box--active .value-text {
  color: #999;
}
.za-tag-input-box--active .arrow-bottom {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.za-time__select-wrapper {
  min-height: 32px;
}
.za-time__select-wrapper.za-select {
  width: 160px;
  line-height: 1;
}
.za-time__select-wrapper .za-select__selection {
  position: relative;
}
.za-time__select-wrapper .ui-dropdown-trigger-box {
  width: 100%;
}
.za-time__select-wrapper .za-time__select-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 1;
  color: #d9d9d9;
  font-size: 18px;
}

.za-time__select {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  width: 100%;
  border-bottom: 1px solid #e9e9e9;
}
.za-time__select .za-select {
  width: 33.333333%;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
  border-right: 1px solid #e9e9e9;
}
.za-time__select .za-select:last-child {
  border-right: none;
}
.za-time__select .za-select .za-select__selection {
  max-height: 192px !important;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.za-time__select .za-select .za-select__selection .ui-menu {
  height: auto;
  padding: 0 0 160px;
}
.za-time__select .za-select .za-select__selection .ui-menu .ui-menu-item {
  text-align: center;
  border-radius: 0;
  height: 32px;
  line-height: 32px;
}
.za-time__select .za-select .za-select__selection .ui-menu .ui-menu-item.selected {
  background: #2db7f5;
  color: #fff;
}

.za-select__bottom {
  text-align: center;
  line-height: 38px;
}
.za-select__bottom .confirm-btn {
  margin-left: 12px;
}

.zw-tooltip {
  display: inline-block;
}
.zw-tooltip__inner {
  display: block;
}

.zw-tooltip__wrapper {
  padding: 6px 8px;
  padding: var(--tooltip-padding-v) var(--tooltip-padding-h);
  background-color: rgba(0, 0, 0, 0.8);
  background-color: rgba(0, 0, 0, var(--opacity-tooltip));
  border-radius: 4px;
  font-size: 12px;
  font-size: var(--tooltip-font-size);
  color: #fff;
  color: var(--tooltip-color);
  z-index: 1500;
  z-index: var(--zindex-tooltip);
}
.zw-tooltip__wrapper[x-placement^=right] {
  margin-left: 10px;
}
.zw-tooltip__wrapper[x-placement^=right] .zw-tooltip__arrow {
  left: -4px;
  border-width: 4px 4px 4px 0;
  border-width: var(--tooltip-arrow-size) var(--tooltip-arrow-size) var(--tooltip-arrow-size) 0;
  border-right-color: rgba(0, 0, 0, 0.8);
  border-right-color: rgba(0, 0, 0, var(--opacity-tooltip));
}
.zw-tooltip__wrapper[x-placement^=top] {
  margin-bottom: 10px;
}
.zw-tooltip__wrapper[x-placement^=top] .zw-tooltip__arrow {
  bottom: -4px;
  border-width: 4px 4px 0;
  border-width: var(--tooltip-arrow-size) var(--tooltip-arrow-size) 0;
  border-top-color: rgba(0, 0, 0, 0.8);
  border-top-color: rgba(0, 0, 0, var(--opacity-tooltip));
}
.zw-tooltip__wrapper[x-placement^=bottom] {
  margin-top: 10px;
}
.zw-tooltip__wrapper[x-placement^=bottom] .zw-tooltip__arrow {
  top: -4px;
  border-width: 0 4px 4px 4px;
  border-width: 0 var(--tooltip-arrow-size) var(--tooltip-arrow-size) var(--tooltip-arrow-size);
  border-bottom-color: rgba(0, 0, 0, 0.8);
  border-bottom-color: rgba(0, 0, 0, var(--opacity-tooltip));
}
.zw-tooltip__wrapper[x-placement^=left] {
  margin-right: 10px;
}
.zw-tooltip__wrapper[x-placement^=left] .zw-tooltip__arrow {
  right: -4px;
  border-width: 4px 0 4px 4px;
  border-width: var(--tooltip-arrow-size) 0 var(--tooltip-arrow-size) var(--tooltip-arrow-size);
  border-left-color: rgba(0, 0, 0, 0.8);
  border-left-color: rgba(0, 0, 0, var(--opacity-tooltip));
}

.zw-tooltip__arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

/* border */
/* box shadow */
/* btn */
.ui-transfer {
  width: 400px;
  height: 250px;
  max-height: 250px;
}
.ui-transfer > .ui-transfer-panel {
  display: inline-block;
  width: 40%;
  height: 100%;
}
.ui-transfer > .ui-transfer-panel > .ui-transfer-panel-title {
  margin-bottom: 10px;
  height: 20px;
}
.ui-transfer > .ui-transfer-panel > .ui-select {
  width: 100%;
  height: calc(100% - 30px);
  vertical-align: baseline;
  vertical-align: initial;
}
.ui-transfer > .ui-transfer-panel > .ui-select > .ui-select-selection {
  width: 100%;
  height: 100%;
  text-align: left;
}
.ui-transfer > .ui-transfer-panel > .ui-select > .ui-select-selection .ui-menu-item:hover {
  background: #eaf8fe !important;
}
.ui-transfer > .ui-transfer-panel > .ui-select > .ui-select-selection .ui-menu-item.active {
  color: inherit;
  background: inherit;
}
.ui-transfer > .ui-transfer-panel > .ui-select > .ui-select-selection .ui-menu-item.selected {
  background: #d5f1fd !important;
}
.ui-transfer > .ui-transfer-action-bar {
  width: 36px;
  height: 100%;
  margin-left: 4%;
  margin-right: 4%;
  display: inline-block;
  position: relative;
}
.ui-transfer > .ui-transfer-action-bar > .button-wrapper {
  width: 100%;
  height: 84px;
  position: absolute;
  top: 15px;
  bottom: 15px;
  margin-top: auto;
  margin-bottom: auto;
}
.ui-transfer > .ui-transfer-action-bar > .button-wrapper > button:last-child {
  margin-top: 20px;
}

@keyframes door-enter {
  from {
    -webkit-transform: scale3d(0, 1, 1);
            transform: scale3d(0, 1, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 0.1);
            transform: scale3d(1, 1, 0.1);
  }
}
.door-enter {
  -webkit-animation: door-enter both cubic-bezier(0.4, 0, 0, 1.5);
          animation: door-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

@keyframes door-leave {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  60% {
    -webkit-transform: scale3d(0.01, 1, 1);
            transform: scale3d(0.01, 1, 1);
  }
  to {
    -webkit-transform: scale3d(0, 1, 0.1);
            transform: scale3d(0, 1, 0.1);
  }
}
.door-leave {
  -webkit-animation: door-leave both;
          animation: door-leave both;
}

@keyframes fade-enter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fade-enter {
  -webkit-animation: fade-enter both ease-in;
          animation: fade-enter both ease-in;
}

@keyframes fade-leave {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fade-leave {
  -webkit-animation: fade-leave both ease-out;
          animation: fade-leave both ease-out;
}

@keyframes flip-enter {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 60deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 60deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
.flip-enter {
  -webkit-animation: flip-enter both ease-in;
          animation: flip-enter both ease-in;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}

@keyframes flip-leave {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 45deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 45deg);
  }
}
.flip-leave {
  -webkit-animation: flip-leave both;
          animation: flip-leave both;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}

@keyframes rotate360 {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.rotate360 {
  -webkit-animation: rotate360 1s linear infinite;
          animation: rotate360 1s linear infinite;
}

/* rotate */
@keyframes rotate-enter {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -180deg) scale3d(0.3, 0.3, 0.3);
            transform: rotate3d(0, 0, 1, -180deg) scale3d(0.3, 0.3, 0.3);
  }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
.rotate-enter {
  -webkit-animation: rotate-enter both;
          animation: rotate-enter both;
}

@keyframes rotate-leave {
  from {
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 180deg) scale3d(0.3, 0.3, 0.3);
            transform: rotate3d(0, 0, 1, 180deg) scale3d(0.3, 0.3, 0.3);
  }
}
.rotate-leave {
  -webkit-animation: rotate-leave both;
          animation: rotate-leave both;
}

/* slideUp */
@keyframes slideUp-enter {
  from {
    -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.slideUp-enter {
  -webkit-animation: slideUp-enter both cubic-bezier(0.4, 0, 0, 1.5);
          animation: slideUp-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

@keyframes slideUp-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0);
  }
}
.slideUp-leave {
  -webkit-animation: slideUp-leave both;
          animation: slideUp-leave both;
}

/* slideDown */
@keyframes slideDown-enter {
  from {
    -webkit-transform: translate3d(0, -100px, 0);
            transform: translate3d(0, -100px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.slideDown-enter {
  -webkit-animation: slideDown-enter both cubic-bezier(0.4, 0, 0, 1.5);
          animation: slideDown-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

@keyframes slideDown-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100px, 0);
            transform: translate3d(0, -100px, 0);
  }
}
.slideDown-leave {
  -webkit-animation: slideDown-leave both;
          animation: slideDown-leave both;
}

/* slideLeft */
@keyframes slideLeft-enter {
  from {
    -webkit-transform: translate3d(150px, 0, 0);
            transform: translate3d(150px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.slideLeft-enter {
  -webkit-animation: slideLeft-enter both cubic-bezier(0.4, 0, 0, 1.5);
          animation: slideLeft-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

@keyframes slideLeft-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(150px, 0, 0);
            transform: translate3d(150px, 0, 0);
  }
}
.slideLeft-leave {
  -webkit-animation: slideLeft-leave both;
          animation: slideLeft-leave both;
}

/* slideRight */
@keyframes slideRight-enter {
  from {
    -webkit-transform: translate3d(-150px, 0, 0);
            transform: translate3d(-150px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.slideRight-enter {
  -webkit-animation: slideRight-enter both cubic-bezier(0.4, 0, 0, 1.5);
          animation: slideRight-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

@keyframes slideRight-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-150px, 0, 0);
            transform: translate3d(-150px, 0, 0);
  }
}
.slideRight-leave {
  -webkit-animation: slideRight-leave both;
          animation: slideRight-leave both;
}

@keyframes zoom-enter {
  from {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
.zoom-enter {
  -webkit-animation: zoom-enter both cubic-bezier(0.4, 0, 0, 1.5);
          animation: zoom-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

@keyframes zoom-leave {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  to {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
}
.zoom-leave {
  -webkit-animation: zoom-leave both cubic-bezier(0.4, 0, 0, 1.5);
          animation: zoom-leave both cubic-bezier(0.4, 0, 0, 1.5);
}

@keyframes za-zoom-fade-enter {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
.za-zoom-fade-enter {
  -webkit-animation: za-zoom-fade-enter both cubic-bezier(0.08, 0.82, 0.17, 1);
          animation: za-zoom-fade-enter both cubic-bezier(0.08, 0.82, 0.17, 1);
}

@keyframes za-zoom-fade-leave {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}
.za-zoom-fade-leave {
  -webkit-animation: za-zoom-fade-leave both cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation: za-zoom-fade-leave both cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

/* moveUp */
@keyframes moveUp-enter {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.moveUp-enter {
  -webkit-animation: moveUp-enter both ease-in;
          animation: moveUp-enter both ease-in;
}

@keyframes moveUp-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}
.moveUp-leave {
  -webkit-animation: moveUp-leave both ease-out;
          animation: moveUp-leave both ease-out;
}

/* moveDown */
@keyframes moveDown-enter {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.moveDown-enter {
  -webkit-animation: moveDown-enter both ease-in;
          animation: moveDown-enter both ease-in;
}

@keyframes moveDown-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
.moveDown-leave {
  -webkit-animation: moveDown-leave both ease-out;
          animation: moveDown-leave both ease-out;
}

/* moveLeft */
@keyframes moveLeft-enter {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.moveLeft-enter {
  -webkit-animation: moveLeft-enter both ease-in;
          animation: moveLeft-enter both ease-in;
}

@keyframes moveLeft-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
.moveLeft-leave {
  -webkit-animation: moveLeft-leave both ease-out;
          animation: moveLeft-leave both ease-out;
}

/* moveRight */
@keyframes moveRight-enter {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.moveRight-enter {
  -webkit-animation: moveRight-enter both ease-in;
          animation: moveRight-enter both ease-in;
}

@keyframes moveRight-leave {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
.moveRight-leave {
  -webkit-animation: moveRight-leave both ease-out;
          animation: moveRight-leave both ease-out;
}

@keyframes scaleDown-enter {
  from {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
  }
  to {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
.scaleDown-enter {
  -webkit-animation: scaleDown-enter both;
          animation: scaleDown-enter both;
}

@keyframes scaleDown-leave {
  from {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  to {
    opacity: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
  }
}
.scaleDown-leave {
  -webkit-animation: scaleDown-leave both;
          animation: scaleDown-leave both;
}

@keyframes scaleUp-enter {
  from {
    opacity: 0;
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
  }
  to {
    opacity: 1;
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
.scaleUp-enter {
  -webkit-animation: scaleUp-enter both;
          animation: scaleUp-enter both;
}

@keyframes scaleUp-leave {
  from {
    opacity: 1;
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  to {
    opacity: 0;
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
  }
}
.scaleUp-leave {
  -webkit-animation: scaleUp-leave both;
          animation: scaleUp-leave both;
}

@keyframes bounce-enter {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes bounce-leave {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
            transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
            transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
            transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}
.transition {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  /* static animation */
}
.transition.visible {
  display: block !important;
  visibility: visible !important;
}
.transition.hidden {
  display: none !important;
  visibility: hidden !important;
}
.transition.fade-in {
  -webkit-animation-name: fade-enter;
          animation-name: fade-enter;
}
.transition.fade-out {
  -webkit-animation-name: fade-leave;
          animation-name: fade-leave;
}
.transition.zoom-in {
  -webkit-animation-name: zoom-enter;
          animation-name: zoom-enter;
}
.transition.zoom-out {
  -webkit-animation-name: zoom-leave;
          animation-name: zoom-leave;
}
.transition.door-in {
  -webkit-animation-name: door-enter;
          animation-name: door-enter;
}
.transition.door-out {
  -webkit-animation-name: door-leave;
          animation-name: door-leave;
}
.transition.flip-in {
  -webkit-animation-name: flip-enter;
          animation-name: flip-enter;
}
.transition.flip-out {
  -webkit-animation-name: flip-leave;
          animation-name: flip-leave;
}
.transition.moveUp-in {
  -webkit-animation-name: moveUp-enter;
          animation-name: moveUp-enter;
}
.transition.moveUp-out {
  -webkit-animation-name: moveUp-leave;
          animation-name: moveUp-leave;
}
.transition.moveDown-in {
  -webkit-animation-name: moveDown-enter;
          animation-name: moveDown-enter;
}
.transition.moveDown-out {
  -webkit-animation-name: moveDown-leave;
          animation-name: moveDown-leave;
}
.transition.moveLeft-in {
  -webkit-animation-name: moveLeft-enter;
          animation-name: moveLeft-enter;
}
.transition.moveLeft-out {
  -webkit-animation-name: moveLeft-leave;
          animation-name: moveLeft-leave;
}
.transition.moveRight-in {
  -webkit-animation-name: moveRight-enter;
          animation-name: moveRight-enter;
}
.transition.moveRight-out {
  -webkit-animation-name: moveRight-leave;
          animation-name: moveRight-leave;
}
.transition.rotate-in {
  -webkit-animation-name: rotate-enter;
          animation-name: rotate-enter;
}
.transition.rotate-out {
  -webkit-animation-name: rotate-leave;
          animation-name: rotate-leave;
}
.transition.scaleDown-in {
  -webkit-animation-name: scaleDown-enter;
          animation-name: scaleDown-enter;
}
.transition.scaleDown-out {
  -webkit-animation-name: scaleDown-leave;
          animation-name: scaleDown-leave;
}
.transition.scaleUp-in {
  -webkit-animation-name: scaleUp-enter;
          animation-name: scaleUp-enter;
}
.transition.scaleUp-out {
  -webkit-animation-name: scaleUp-leave;
          animation-name: scaleUp-leave;
}
.transition.slideUp-in {
  -webkit-animation-name: slideUp-enter;
          animation-name: slideUp-enter;
}
.transition.slideUp-out {
  -webkit-animation-name: slideUp-leave;
          animation-name: slideUp-leave;
}
.transition.slideDown-in {
  -webkit-animation-name: slideDown-enter;
          animation-name: slideDown-enter;
}
.transition.slideDown-out {
  -webkit-animation-name: slideDown-leave;
          animation-name: slideDown-leave;
}
.transition.slideLeft-in {
  -webkit-animation-name: slideLeft-enter;
          animation-name: slideLeft-enter;
}
.transition.slideLeft-out {
  -webkit-animation-name: slideLeft-leave;
          animation-name: slideLeft-leave;
}
.transition.slideRight-in {
  -webkit-animation-name: slideRight-enter;
          animation-name: slideRight-enter;
}
.transition.slideRight-out {
  -webkit-animation-name: slideRight-leave;
          animation-name: slideRight-leave;
}
.transition.bounces-in {
  -webkit-animation-name: bounce-enter;
          animation-name: bounce-enter;
}
.transition.bounces-out {
  -webkit-animation-name: bounce-leave;
          animation-name: bounce-leave;
}
.transition.flash {
  -webkit-animation-name: flash;
          animation-name: flash;
}
.transition.shake {
  -webkit-animation-name: shake;
          animation-name: shake;
}
.transition.tada {
  -webkit-animation-name: tada;
          animation-name: tada;
}
.transition.pulse {
  -webkit-animation-name: pulse;
          animation-name: pulse;
}
.transition.swing {
  -webkit-animation-name: swing;
          animation-name: swing;
}

.zw-checkbox {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  color: #343434;
  color: var(--color-text);
  font-size: 14px;
}
.zw-checkbox:not(.zw-checkbox--disabled):hover .zw-checkbox__inner {
  border-color: hsl(156, 100%, 36.9%);
  border-color: var(--theme-primary);
}

.zw-checkbox__widget {
  display: inline-block;
  vertical-align: middle;
}

.zw-checkbox__input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.zw-checkbox__text {
  vertical-align: middle;
  margin: 0 8px;
}

.zw-checkbox__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 14px;
  width: var(--checkbox-size);
  height: 14px;
  height: var(--checkbox-size);
  border: 1px solid #dcdcdc;
  border: 1px solid var(--checkbox-border-color);
  border-radius: 2px;
  border-radius: var(--checkbox-radius);
  background: #fff;
  background: var(--color-text-inverse);
}
.zw-checkbox__inner:before {
  content: "";
  width: calc(14px / 3.5);
  width: calc(var(--checkbox-size) / 3.5);
  height: calc(14px / 2);
  height: calc(var(--checkbox-size) / 2);
  border: calc(14px / 9) solid #fff;
  border: calc(var(--checkbox-size) / 9) solid var(--color-text-inverse);
  border-top: 0;
  border-left: 0;
  margin-top: calc(14px / -12);
  margin-top: calc(var(--checkbox-size) / -12);
  margin-left: calc(14px / 18);
  margin-left: calc(var(--checkbox-size) / 18);
  -webkit-transform: rotate(45deg) scale(0);
      -ms-transform: rotate(45deg) scale(0);
          transform: rotate(45deg) scale(0);
  -webkit-transition: all 0.2s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  transition: all 0.2s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}

.zw-checkbox--indeterminate .zw-checkbox__inner:before {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  width: calc(14px / 2.33);
  width: calc(var(--checkbox-size) / 2.33);
  height: calc(14px / 2.33);
  height: calc(var(--checkbox-size) / 2.33);
  margin-top: 0;
  margin-left: 0;
  border: none;
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--theme-primary);
}

.zw-checkbox--checked .zw-checkbox__inner {
  border-color: hsl(156, 100%, 36.9%);
  border-color: var(--theme-primary);
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--theme-primary);
}
.zw-checkbox--checked .zw-checkbox__inner:before {
  -webkit-transform: rotate(45deg) scale(1);
      -ms-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(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;
}

.zw-checkbox--disabled .zw-checkbox__input {
  cursor: not-allowed;
}

.zw-checkbox--disabled .zw-checkbox__text {
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

.zw-checkbox--disabled .zw-checkbox__inner {
  opacity: 0.5;
  opacity: var(--opacity-disabled);
}

.zw-checkbox--disabled.zw-checkbox--checked .zw-checkbox__inner {
  border-color: #dcdcdc;
  border-color: var(--checkbox-border-color);
  background-color: #dcdcdc;
  background-color: var(--checkbox-border-color);
}

.zw-checkbox--untext {
  line-height: 1;
}

.zw-checkbox-group {
  display: inline-block;
  overflow: hidden;
}
.zw-checkbox-group__inner {
  margin-right: -24px;
  margin-bottom: -8px;
}

.zw-checkbox-group .zw-checkbox {
  margin-right: 24px;
  margin-bottom: 8px;
}
.zw-checkbox-group--block {
  width: 100%;
}
.zw-checkbox-group--block .zw-checkbox-group__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.zw-checkbox-group--block .zw-checkbox {
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
}

.zw-checkbox-group--button .zw-checkbox-group__inner {
  margin-right: -8px;
  margin-bottom: -8px;
}

.zw-checkbox-group--button .zw-checkbox {
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 0;
  border: none;
  font-weight: normal;
  text-align: center;
  overflow: hidden;
  color: #343434;
  color: var(--color-text);
  outline: 0 none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  -webkit-appearance: none;
  /* disabled Button */
  /* block Button */
  border-width: 1px;
  border-style: solid;
  border-radius: var(--radius-xs);
}
.zw-checkbox-group--button .zw-checkbox, .zw-checkbox-group--button .zw-checkbox:active, .zw-checkbox-group--button .zw-checkbox:hover, .zw-checkbox-group--button .zw-checkbox:focus, .zw-checkbox-group--button .zw-checkbox:visited {
  text-decoration: none;
}
.zw-checkbox-group--button .zw-checkbox.zw-checkbox--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  opacity: var(--opacity-disabled);
}

.zw-checkbox-group--button .zw-checkbox.zw-checkbox--block {
  display: block;
  width: 100%;
}

.zw-checkbox-group--button .zw-checkbox, .zw-checkbox-group--button .zw-checkbox:hover {
  background-color: #fff;
  background-color: var(--button-default-background);
  border-color: #dcdcdc;
  border-color: var(--button-default-border);
  color: #343434;
  color: var(--button-default-color);
}
.zw-checkbox-group--button .zw-checkbox:active {
  background-color: #fff;
  background-color: var(--button-default-background);
  border-color: #dcdcdc;
  border-color: var(--button-default-border);
  color: #343434;
  color: var(--button-default-color);
}
.zw-checkbox-group--button .zw-checkbox.zw-checkbox--disabled {
  opacity: 0.5;
  opacity: var(--button-disabled-opacity);
  cursor: not-allowed;
}

.zw-checkbox-group--button .zw-checkbox.zw-checkbox--shadow {
  -webkit-box-shadow: 0 3px 3px 0 var(--button-default-shadow-color);
          box-shadow: 0 3px 3px 0 var(--button-default-shadow-color);
}

.zw-checkbox-group--button .zw-checkbox .zw-checkbox__text {
  margin: 0;
}

.zw-checkbox-group--button .zw-checkbox.zw-checkbox--checked, .zw-checkbox-group--button .zw-checkbox.zw-checkbox--checked:hover {
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--button-primary-background);
  border-color: hsl(156, 100%, 36.9%);
  border-color: var(--button-primary-border);
  color: #fff;
  color: var(--button-primary-color);
}
.zw-checkbox-group--button .zw-checkbox.zw-checkbox--checked:active {
  background-color: hsl(156, 100%, 32.9%);
  background-color: var(--button-primary-active-background);
  border-color: hsl(156, 100%, 32.9%);
  border-color: var(--button-primary-active-border);
  color: #fff;
  color: var(--button-primary-active-color);
}
.zw-checkbox-group--button .zw-checkbox.zw-checkbox--checked.zw-checkbox--disabled {
  opacity: 0.5;
  opacity: var(--button-disabled-opacity);
  cursor: not-allowed;
}

.zw-checkbox-group--button .zw-checkbox.zw-checkbox--checked.zw-checkbox--shadow {
  -webkit-box-shadow: 0 3px 3px 0 var(--button-primary-shadow-color);
          box-shadow: 0 3px 3px 0 var(--button-primary-shadow-color);
}

.zw-checkbox-group--button.zw-checkbox-group--block .zw-checkbox {
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
}

.zw-checkbox-group--button.zw-checkbox-group--rect .zw-checkbox {
  border-width: 1px;
  border-style: solid;
  border-radius: 0;
}

.zw-checkbox-group--button.zw-checkbox-group--radius .zw-checkbox {
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  border-radius: var(--radius-md);
}

.zw-checkbox-group--button.zw-checkbox-group--round .zw-checkbox {
  border-width: 1px;
  border-style: solid;
  border-radius: 1000px;
  border-radius: var(--radius-round);
}

.zw-checkbox-group--button.zw-checkbox-group--circle .zw-checkbox {
  border-width: 1px;
  border-style: solid;
  border-radius: 50%;
  border-radius: var(--radius-circle);
}

.zw-checkbox-group--button.zw-checkbox-group--lg .zw-checkbox {
  padding: 0 16px;
  padding: 0 var(--button-padding-h-lg);
  font-size: 16px;
  font-size: var(--button-font-size-lg);
  height: 36px;
  height: var(--button-height-lg);
  line-height: 1.5;
}
.zw-checkbox-group--button.zw-checkbox-group--lg .zw-checkbox.zw-checkbox--circle {
  width: 36px;
  width: var(--button-height-lg);
  padding: 0;
}

.zw-checkbox-group--button.zw-checkbox-group--lg .zw-checkbox .zw-icon {
  font-size: 18px;
  font-size: var(--button-icon-size-lg);
}
.zw-checkbox-group--button.zw-checkbox-group--lg .zw-checkbox * + span {
  margin-left: calc(16px / 2);
  margin-left: calc(var(--button-padding-h-lg) / 2);
}

.zw-checkbox-group--button.zw-checkbox-group--md .zw-checkbox {
  padding: 0 14px;
  padding: 0 var(--button-padding-h-md);
  font-size: 14px;
  font-size: var(--button-font-size-md);
  height: 32px;
  height: var(--button-height-md);
  line-height: 1.5;
}
.zw-checkbox-group--button.zw-checkbox-group--md .zw-checkbox.zw-checkbox--circle {
  width: 32px;
  width: var(--button-height-md);
  padding: 0;
}

.zw-checkbox-group--button.zw-checkbox-group--md .zw-checkbox .zw-icon {
  font-size: 16px;
  font-size: var(--button-icon-size-md);
}
.zw-checkbox-group--button.zw-checkbox-group--md .zw-checkbox * + span {
  margin-left: calc(14px / 2);
  margin-left: calc(var(--button-padding-h-md) / 2);
}

.zw-checkbox-group--button.zw-checkbox-group--sm .zw-checkbox {
  padding: 0 12px;
  padding: 0 var(--button-padding-h-sm);
  font-size: 12px;
  font-size: var(--button-font-size-sm);
  height: 28px;
  height: var(--button-height-sm);
  line-height: 1.5;
}
.zw-checkbox-group--button.zw-checkbox-group--sm .zw-checkbox.zw-checkbox--circle {
  width: 28px;
  width: var(--button-height-sm);
  padding: 0;
}

.zw-checkbox-group--button.zw-checkbox-group--sm .zw-checkbox .zw-icon {
  font-size: 14px;
  font-size: var(--button-icon-size-sm);
}
.zw-checkbox-group--button.zw-checkbox-group--sm .zw-checkbox * + span {
  margin-left: calc(12px / 2);
  margin-left: calc(var(--button-padding-h-sm) / 2);
}

.zw-checkbox-group--button.zw-checkbox-group--xs .zw-checkbox {
  padding: 0 8px;
  padding: 0 var(--button-padding-h-xs);
  font-size: 12px;
  font-size: var(--button-font-size-xs);
  height: 24px;
  height: var(--button-height-xs);
  line-height: 1.5;
}
.zw-checkbox-group--button.zw-checkbox-group--xs .zw-checkbox.zw-checkbox--circle {
  width: 24px;
  width: var(--button-height-xs);
  padding: 0;
}

.zw-checkbox-group--button.zw-checkbox-group--xs .zw-checkbox .zw-icon {
  font-size: 14px;
  font-size: var(--button-icon-size-xs);
}
.zw-checkbox-group--button.zw-checkbox-group--xs .zw-checkbox * + span {
  margin-left: calc(8px / 2);
  margin-left: calc(var(--button-padding-h-xs) / 2);
}

.zw-checkbox-group--ghost .zw-checkbox.zw-checkbox--checked, .zw-checkbox-group--ghost .zw-checkbox.zw-checkbox--checked:hover {
  background-color: transparent;
  border-color: hsl(156, 100%, 36.9%);
  border-color: var(--theme-primary);
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
}
.zw-checkbox-group--ghost .zw-checkbox.zw-checkbox--checked:active {
  background-color: transparent;
  border-color: hsl(156, 100%, 36.9%);
  border-color: var(--theme-primary);
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
}
.zw-checkbox-group--ghost .zw-checkbox.zw-checkbox--checked.zw-checkbox--disabled, .zw-checkbox-group--ghost .zw-checkbox.zw-checkbox--checked.zw-checkbox--disabled:active, .zw-checkbox-group--ghost .zw-checkbox.zw-checkbox--checked.zw-checkbox--disabled:hover, .zw-checkbox-group--ghost .zw-checkbox.zw-checkbox--checked.zw-checkbox--disabled:focus, .zw-checkbox-group--ghost .zw-checkbox.zw-checkbox--checked.zw-checkbox--disabled:visited {
  background-color: transparent;
  border-color: hsl(156, 100%, 36.9%);
  border-color: var(--theme-primary);
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
  cursor: not-allowed;
}

.zw-checkbox-group--compact .zw-checkbox:not(:last-child) {
  margin-right: -1px;
}
.zw-checkbox-group--compact .zw-checkbox:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.zw-checkbox-group--compact .zw-checkbox:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.zw-checkbox-group--compact .zw-checkbox:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.zw-checkbox-group--compact .zw-checkbox.zw-checkbox--checked {
  z-index: 1;
}

.zw-checkbox-group--cell {
  display: block;
  overflow: visible;
}
.zw-checkbox-group--cell .zw-checkbox-group__inner {
  margin-right: 0;
  margin-bottom: 0;
}

.zw-checkbox-group--cell .zw-checkbox {
  position: static;
  margin-right: 0;
  margin-bottom: 0;
}

.zw-checkbox--disabled .zw-checkbox__inner {
  opacity: 1;
  background-color: #fafafa;
  background-color: var(--background-disabled);
}

.zw-checkbox--disabled.zw-checkbox--checked .zw-checkbox__inner {
  border-color: #dcdcdc;
  border-color: var(--checkbox-border-color);
  background-color: #fafafa;
  background-color: var(--background-disabled);
}
.zw-checkbox--disabled.zw-checkbox--checked .zw-checkbox__inner:before {
  border-color: #dcdcdc;
  border-color: var(--checkbox-border-color);
}

.ui-tree {
  margin: 0;
  padding: 5px;
}
.ui-tree li {
  padding: 3px 0;
  margin: 0;
  list-style: none;
  white-space: nowrap;
  outline: 0;
}
.ui-tree li .collapse {
  overflow: hidden;
  display: block;
}
.ui-tree li .collapse-active {
  -webkit-transition: height 0.2s ease-out;
  transition: height 0.2s ease-out;
}
.ui-tree li ul {
  margin: 0;
  padding: 0 0 0 18px;
}
.ui-tree li .ui-tree-node-content-wrapper {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  vertical-align: top;
}
.ui-tree li span.ui-tree-switcher {
  width: 24px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
.ui-tree li span.ui-tree-switcher.ui-tree-switcher-open:after, .ui-tree li span.ui-tree-switcher.ui-tree-switcher-close:after {
  width: 0;
  height: 0;
  content: "";
  display: inline-block;
  border: 4px solid #000;
  border-color: rgba(0, 0, 0, 0.65) transparent transparent;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.ui-tree li span.ui-tree-switcher.ui-tree-switcher-open:after {
  -webkit-transform: translate(8px, 0) rotate(0deg);
      -ms-transform: translate(8px, 0) rotate(0deg);
          transform: translate(8px, 0) rotate(0deg);
}
.ui-tree li span.ui-tree-switcher.ui-tree-switcher-close:after {
  -webkit-transform: translate(10px, -2px) rotate(-90deg);
      -ms-transform: translate(10px, -2px) rotate(-90deg);
          transform: translate(10px, -2px) rotate(-90deg);
}
.ui-tree li span.ui-tree-switcher.ui-tree-switcher-noop {
  cursor: default;
}
.ui-tree li span.ui-tree-checkbox {
  width: 20px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
}
.ui-tree li span.ui-tree-node-content-wrapper {
  line-height: 24px;
  height: 24px;
  display: inline-block;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.ui-tree li-child-tree {
  display: none;
}
.ui-tree li-child-tree-open {
  display: block;
}
.ui-tree li-treenode-disabled > span:not(.ui-tree-switcher),
.ui-tree li-treenode-disabled > a,
.ui-tree li-treenode-disabled > a span {
  color: #767676;
  cursor: not-allowed;
}

/* border */
/* box shadow */
/* btn */
.ui-upload {
  /* 图片列表 */
}
.ui-upload .ui-upload-list-inline .ui-upload-list-item {
  float: left;
  width: 300px;
  margin-right: 10px;
}
.ui-upload .ui-upload-list-picture .ui-upload-list-item {
  height: 80px;
  padding: 10px;
}
.ui-upload .ui-upload-list-picture .ui-upload-list-item-thumbnail {
  display: block;
}
.ui-upload .ui-upload-list-picture .ui-upload-list-item-name,
.ui-upload .ui-upload-list-picture .ui-upload-list-item-size,
.ui-upload .ui-upload-list-picture .ui-upload-list-item-progress {
  padding-left: 68px;
}
.ui-upload .ui-upload-list-item {
  position: relative;
  margin-top: 10px;
  border: 1px solid #d9d9d9;
  padding: 6px 10px;
  line-height: 20px;
  overflow: hidden;
}
.ui-upload .ui-upload-list-item.radius {
  border-radius: 4px;
}
.ui-upload .ui-upload-list-item:hover .ui-upload-list-item-icon {
  display: block;
}
.ui-upload .ui-upload-list-item-thumbnail {
  display: none;
  position: absolute;
  left: 10px;
  top: 10px;
  width: 58px;
  height: 58px;
  background: #f1f1f1;
  text-align: center;
}
.ui-upload .ui-upload-list-item-thumbnail img {
  max-width: 100%;
  max-height: 100%;
}
.ui-upload .ui-upload-list-item-name,
.ui-upload .ui-upload-list-item-size {
  display: block;
  line-height: 20px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.ui-upload .ui-upload-list-item-name {
  padding-right: 20px;
}
.ui-upload .ui-upload-list-item-size {
  color: #999;
}
.ui-upload .ui-upload-list-item-icon {
  display: none;
  position: absolute;
  right: 10px;
  top: 10px;
  line-height: 1;
  cursor: pointer;
  color: #999;
}

.zw-badge {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.zw-badge__content {
  background-color: hsl(0, 100%, 65.7%);
  background-color: var(--theme-danger);
}

.zw-badge__content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  top: auto;
  color: #fff;
  color: var(--badge-text-color);
  font-size: 10px;
  font-size: var(--badge-font-size);
  height: 14px;
  height: var(--badge-height);
  padding: 0 4px;
  padding: 0 var(--badge-padding-h);
  white-space: nowrap;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.zw-badge--primary .zw-badge__content {
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--theme-primary);
}

.zw-badge--success .zw-badge__content {
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--theme-success);
}

.zw-badge--warning .zw-badge__content {
  background-color: hsl(31, 83.1%, 55.9%);
  background-color: var(--theme-warning);
}

.zw-badge--danger .zw-badge__content {
  background-color: hsl(0, 100%, 65.7%);
  background-color: var(--theme-danger);
}

.zw-badge--dot .zw-badge__content {
  width: 8px;
  width: var(--badge-dot-diameter);
  height: 8px;
  height: var(--badge-dot-diameter);
  padding: 0;
  border-radius: 50%;
  border-radius: var(--radius-circle);
}

.zw-badge--radius .zw-badge__content {
  border-radius: 2px;
  border-radius: var(--badge-border-radius-rect);
}

.zw-badge--round .zw-badge__content {
  min-width: 14px;
  min-width: var(--badge-height);
  border-radius: 1000px;
  border-radius: var(--badge-border-radius-round);
}

.zw-badge--circle .zw-badge__content {
  width: 14px;
  width: var(--badge-height);
  border-radius: 50%;
  border-radius: var(--radius-circle);
  padding: 0;
}

.zw-badge--leaf .zw-badge__content {
  min-width: 14px;
  min-width: var(--badge-height);
  border-radius: 1000px 1000px 1000px 0;
  border-radius: var(--badge-border-radius-round) var(--badge-border-radius-round) var(--badge-border-radius-round) 0;
}

.zw-badge--sup .zw-badge__content {
  position: absolute;
  top: 0;
  left: 100%;
  -webkit-transform: translateX(calc(14px / -2)) translateY(-4px);
      -ms-transform: translateX(calc(14px / -2)) translateY(-4px);
          transform: translateX(calc(14px / -2)) translateY(-4px);
  -webkit-transform: translateX(calc(var(--badge-height) / -2)) translateY(var(--badge-sup-top));
      -ms-transform: translateX(calc(var(--badge-height) / -2)) translateY(var(--badge-sup-top));
          transform: translateX(calc(var(--badge-height) / -2)) translateY(var(--badge-sup-top));
}

.zw-badge--sup.zw-badge--dot .zw-badge__content {
  -webkit-transform: translateX(calc(8px / -2)) translateY(-50%);
      -ms-transform: translateX(calc(8px / -2)) translateY(-50%);
          transform: translateX(calc(8px / -2)) translateY(-50%);
  -webkit-transform: translateX(calc(var(--badge-dot-diameter) / -2)) translateY(-50%);
      -ms-transform: translateX(calc(var(--badge-dot-diameter) / -2)) translateY(-50%);
          transform: translateX(calc(var(--badge-dot-diameter) / -2)) translateY(-50%);
}

/*# sourceMappingURL=zarm-web.css.map*/