.react-grid-layout {
  position: relative;
  -webkit-transition: height 200ms ease;
  transition: height 200ms ease;
}

.react-grid-item {
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  -webkit-transition-property: left, top;
  transition-property: left, top;
}

.react-grid-item img {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.react-grid-item.cssTransforms {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.react-grid-item.resizing {
  z-index: 1;
  will-change: width, height;
}

.react-grid-item.react-draggable-dragging {
  -webkit-transition: none;
  transition: none;
  z-index: 3;
  will-change: transform;
}

.react-grid-item.dropping {
  visibility: hidden;
}

.react-grid-item.react-grid-placeholder {
  background: red;
  opacity: 0.2;
  -webkit-transition-duration: 100ms;
  transition-duration: 100ms;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.react-grid-item > .react-resizable-handle {
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
}

.react-grid-item > .react-resizable-handle::after {
  content: "";
  position: absolute;
  right: 0.1875rem;
  bottom: 0.1875rem;
  width: 0.3125rem;
  height: 0.3125rem;
  border-right: 0.125rem solid rgba(0, 0, 0, 0.4);
  border-bottom: 0.125rem solid rgba(0, 0, 0, 0.4);
}

.react-resizable-hide > .react-resizable-handle {
  display: none;
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-w,
.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
  top: 50%;
  margin-top: -0.625rem;
  cursor: ew-resize;
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-w {
  left: 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
  right: 0;
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-n,
.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
  left: 50%;
  margin-left: -0.625rem;
  cursor: ns-resize;
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-n {
  top: 0;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.react-resizable {
  position: relative;
}

.react-resizable-handle {
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  background-repeat: no-repeat;
  background-origin: content-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');
  background-position: bottom right;
  padding: 0 0.1875rem 0.1875rem 0;
}

.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}

.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.react-resizable-handle-w,
.react-resizable-handle-e {
  top: 50%;
  margin-top: -0.625rem;
  cursor: ew-resize;
}

.react-resizable-handle-w {
  left: 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.react-resizable-handle-e {
  right: 0;
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}

.react-resizable-handle-n,
.react-resizable-handle-s {
  left: 50%;
  margin-left: -0.625rem;
  cursor: ns-resize;
}

.react-resizable-handle-n {
  top: 0;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

.react-resizable-handle-s {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*!
 * 
 *     zarm
 *
 *     Github: https://github.com/ZhongAnTech/zarm
 *
 *     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 */

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: .67em 0;
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace,monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

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

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace,monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 0.0625rem dotted ButtonText;
}

fieldset {
  padding: .35em .75em .625em;
}

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -0.125rem;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

:root {
  --theme-default: hsl(0, 0%, 90%);
  --theme-default-h: 0;
  --theme-default-s: 0%;
  --theme-default-l: 90%;
  --theme-default-light: hsl(0, 0%, 94%);
  --theme-default-light-h: 0;
  --theme-default-light-s: 0%;
  --theme-default-light-l: 94%;
  --theme-default-lighter: hsl(0, 0%, 95%);
  --theme-default-lighter-h: 0;
  --theme-default-lighter-s: 0%;
  --theme-default-lighter-l: 95%;
  --theme-default-dark: hsl(0, 0%, 86%);
  --theme-default-dark-h: 0;
  --theme-default-dark-s: 0%;
  --theme-default-dark-l: 86%;
  --theme-default-darker: hsl(0, 0%, 20%);
  --theme-default-darker-h: 0;
  --theme-default-darker-s: 0%;
  --theme-default-darker-l: 20%;
  --theme-primary: hsl(156, 100%, 36.9%);
  --theme-primary-h: 156;
  --theme-primary-s: 100%;
  --theme-primary-l: 36.9%;
  --theme-primary-light: hsl(156, 100%, 40.9%);
  --theme-primary-light-h: 156;
  --theme-primary-light-s: 100%;
  --theme-primary-light-l: 40.9%;
  --theme-primary-lighter: hsl(156, 100%, 95%);
  --theme-primary-lighter-h: 156;
  --theme-primary-lighter-s: 100%;
  --theme-primary-lighter-l: 95%;
  --theme-primary-dark: hsl(156, 100%, 32.9%);
  --theme-primary-dark-h: 156;
  --theme-primary-dark-s: 100%;
  --theme-primary-dark-l: 32.9%;
  --theme-primary-darker: hsl(156, 100%, 20%);
  --theme-primary-darker-h: 156;
  --theme-primary-darker-s: 100%;
  --theme-primary-darker-l: 20%;
  --theme-success: hsl(156, 100%, 36.9%);
  --theme-success-h: 156;
  --theme-success-s: 100%;
  --theme-success-l: 36.9%;
  --theme-success-light: hsl(156, 100%, 40.9%);
  --theme-success-light-h: 156;
  --theme-success-light-s: 100%;
  --theme-success-light-l: 40.9%;
  --theme-success-lighter: hsl(156, 100%, 95%);
  --theme-success-lighter-h: 156;
  --theme-success-lighter-s: 100%;
  --theme-success-lighter-l: 95%;
  --theme-success-dark: hsl(156, 100%, 32.9%);
  --theme-success-dark-h: 156;
  --theme-success-dark-s: 100%;
  --theme-success-dark-l: 32.9%;
  --theme-success-darker: hsl(156, 100%, 20%);
  --theme-success-darker-h: 156;
  --theme-success-darker-s: 100%;
  --theme-success-darker-l: 20%;
  --theme-warning: hsl(31, 83.1%, 55.9%);
  --theme-warning-h: 31;
  --theme-warning-s: 83.1%;
  --theme-warning-l: 55.9%;
  --theme-warning-light: hsl(31, 83.1%, 59.9%);
  --theme-warning-light-h: 31;
  --theme-warning-light-s: 83.1%;
  --theme-warning-light-l: 59.9%;
  --theme-warning-lighter: hsl(31, 83.1%, 95%);
  --theme-warning-lighter-h: 31;
  --theme-warning-lighter-s: 83.1%;
  --theme-warning-lighter-l: 95%;
  --theme-warning-dark: hsl(31, 83.1%, 51.9%);
  --theme-warning-dark-h: 31;
  --theme-warning-dark-s: 83.1%;
  --theme-warning-dark-l: 51.9%;
  --theme-warning-darker: hsl(31, 83.1%, 20%);
  --theme-warning-darker-h: 31;
  --theme-warning-darker-s: 83.1%;
  --theme-warning-darker-l: 20%;
  --theme-danger: hsl(0, 100%, 65.7%);
  --theme-danger-h: 0;
  --theme-danger-s: 100%;
  --theme-danger-l: 65.7%;
  --theme-danger-light: hsl(0, 100%, 69.7%);
  --theme-danger-light-h: 0;
  --theme-danger-light-s: 100%;
  --theme-danger-light-l: 69.7%;
  --theme-danger-lighter: hsl(0, 100%, 95%);
  --theme-danger-lighter-h: 0;
  --theme-danger-lighter-s: 100%;
  --theme-danger-lighter-l: 95%;
  --theme-danger-dark: hsl(0, 100%, 61.7%);
  --theme-danger-dark-h: 0;
  --theme-danger-dark-s: 100%;
  --theme-danger-dark-l: 61.7%;
  --theme-danger-darker: hsl(0, 100%, 20%);
  --theme-danger-darker-h: 0;
  --theme-danger-darker-s: 100%;
  --theme-danger-darker-l: 20%;
  --color-text: #343434;
  --color-text-inverse: #fff;
  --color-text-placeholder: #a9a9a9;
  --color-text-disabled: #bcbcbc;
  --color-text-caption: #909090;
  --color-link: var(--theme-primary);
  --color-shadow: rgba(56, 56, 56, 0.15);
  --background-active: #e6e6e6;
  --background-disabled: #f2f2f2;
  --border-color: #dcdcdc;
  --border-disabled: #e6e6e6;
  --radius-xs: 0.125rem;
  --radius-sm: 0.125rem;
  --radius-md: 0.25rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.5rem;
  --radius-round: 62.5rem;
  --radius-circle: 50%;
  --padding-h-xs: 0.5rem;
  --padding-h-sm: 0.75rem;
  --padding-h-md: 1rem;
  --padding-h-lg: 1.25rem;
  --padding-h-xl: 1.5rem;
  --padding-v-xs: 0.375rem;
  --padding-v-sm: 0.5rem;
  --padding-v-md: 0.75rem;
  --padding-v-lg: 1rem;
  --padding-v-xl: 1.125rem;
  --font-size-xs: 0.625rem;
  --font-size-sm: 0.75rem;
  --font-size-md: 0.875rem;
  --font-size-lg: 1rem;
  --font-size-xl: 1.125rem;
  --zindex-mask: 1000;
  --zindex-popup: 1100;
  --zindex-tooltip: 1700;
  --opacity-disabled: 0.5;
  --opacity-mask: 0.5;
  --opacity-toast: 0.8;
  --opacity-tooltip: 0.8;
  --box-shadow-light: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.1);
  --box-shadow-dark: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.2);
  --action-sheet-background: #fff;
  --action-sheet-active-background: var(--background-active);
  --action-sheet-margin: 0;
  --action-sheet-item-height: 3.125rem;
  --action-sheet-item-font-size: 1rem;
  --activity-indicator-size-md: 1.25rem;
  --activity-indicator-size-lg: 2rem;
  --activity-indicator-path-color: #e6e6e6;
  --activity-indicator-spinner-color: #989697;
  --alert-button-height: 3.125rem;
  --alert-button-font-size: 1.125rem;
  --alert-button-background: var(--button-default-background);
  --alert-button-active-background: var(--background-active);
  --badge-height: 0.875rem;
  --badge-font-size: var(--font-size-xs);
  --badge-padding-h: 0.25rem;
  --badge-dot-diameter: 0.5rem;
  --badge-border-radius-rect: var(--radius-sm);
  --badge-border-radius-round: var(--radius-round);
  --badge-sup-top: -0.25rem;
  --badge-text-color: #fff;
  --button-height-xs: 1.75rem;
  --button-height-sm: 2.25rem;
  --button-height-md: 2.75rem;
  --button-height-lg: 3.25rem;
  --button-padding-h-xs: var(--padding-h-xs);
  --button-padding-h-sm: var(--padding-h-sm);
  --button-padding-h-md: var(--padding-h-md);
  --button-padding-h-lg: var(--padding-h-lg);
  --button-font-size-xs: 0.75rem;
  --button-font-size-sm: 0.875rem;
  --button-font-size-md: 1rem;
  --button-font-size-lg: 1.125rem;
  --button-icon-size-xs: 1rem;
  --button-icon-size-sm: 1.125rem;
  --button-icon-size-md: 1.375rem;
  --button-icon-size-lg: 1.625rem;
  --button-disabled-opacity: var(--opacity-disabled);
  --button-disabled-color-ghost: var(--border-disabled);
  --button-default-background: var(--color-text-inverse);
  --button-default-border: var(--theme-default);
  --button-default-color: var(--color-text);
  --button-default-active-background: var(--background-active);
  --button-default-active-border: var(--background-active);
  --button-default-active-color: var(--color-text);
  --button-default-ghost-border: var(--color-text-inverse);
  --button-default-ghost-color: var(--color-text-inverse);
  --button-default-ghost-active-border: var(--background-active);
  --button-default-ghost-active-color: var(--background-active);
  --button-default-shadow-color: rgba(230, 230, 230, 0.3);
  --button-primary-background: var(--theme-primary);
  --button-primary-border: var(--theme-primary);
  --button-primary-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: rgba(255, 255, 255, 0.4);
  --button-primary-ghost-border: var(--theme-primary);
  --button-primary-ghost-color: var(--theme-primary);
  --button-primary-ghost-active-border: var(--theme-primary-dark);
  --button-primary-ghost-active-color: var(--theme-primary-dark);
  --button-primary-shadow-color: rgba(0, 188, 112, 0.3);
  --button-danger-background: var(--theme-danger);
  --button-danger-border: var(--theme-danger);
  --button-danger-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: rgba(255, 255, 255, 0.4);
  --button-danger-ghost-border: var(--theme-danger);
  --button-danger-ghost-color: var(--theme-danger);
  --button-danger-ghost-active-border: var(--theme-danger-dark);
  --button-danger-ghost-active-color: var(--theme-danger-dark);
  --button-danger-shadow-color: rgba(255, 80, 80, 0.3);
  --calendar-height: 2.8125rem;
  --calendar-background: #fff;
  --calendar-week-bar-fontsize: 0.875rem;
  --calendar-week-bar-background: #f2f2f2;
  --calendar-week-bar-color: var(--color-text-caption);
  --calendar-section-padding: 0.9375rem;
  --calendar-day-fontsize: 1rem;
  --calendar-day-title-fontsize: 1.0625rem;
  --calendar-day-color: var(--color-text);
  --calendar-day-today-background: var(--theme-primary-lighter);
  --calendar-day-today-color: var(--theme-primary);
  --calendar-day-selected-background: var(--theme-primary);
  --calendar-day-selected-color: #fff;
  --calendar-day-selected-shadow: var(--theme-primary-lighter);
  --calendar-day-range-background: var(--theme-primary-lighter);
  --calendar-day-range-color: var(--theme-primary);
  --calendar-day-height: 2.5rem;
  --carousel-pagination-distance: 0.5rem;
  --carousel-pagination-rect-width: 1.1875rem;
  --carousel-pagination-rect-height: 0.25rem;
  --carousel-pagination-rect-border-radius: 0.0625rem;
  --carousel-pagination-rect-step: 0.125rem;
  --carousel-pagination-rect-color: rgba(255, 255, 255, 0.6);
  --carousel-pagination-rect-color-active: #fff;
  --cell-height: 3.25rem;
  --cell-background: #fff;
  --cell-background-active: var(--background-active);
  --cell-line-padding-left: 1rem;
  --cell-padding-h: 1rem;
  --cell-padding-v: 0.9375rem;
  --cell-title-color: var(--color-text);
  --cell-title-font-size: 0.9375rem;
  --cell-title-line-height: 1.375rem;
  --cell-description-color: var(--color-text-caption);
  --cell-description-font-size: 0.9375rem;
  --cell-label-width: 6.25rem;
  --cell-arrow-color: #bcbcbc;
  --cell-arrow-length: 0.625rem;
  --cell-arrow-border-width: 0.125rem;
  --checkbox-size: 1.125rem;
  --checkbox-radius: var(--radius-md);
  --checkbox-background: var(--color-text-inverse);
  --checkbox-border-color: var(--border-color);
  --checkbox-active-border-color: var(--theme-primary);
  --checkbox-disabled-background: var(--background-disabled);
  --checkbox-disabled-color: #bcbcbc;
  --checkbox-arrow-color: var(--color-text-inverse);
  --collapse-height: 3.25rem;
  --collapse-padding-h: 1rem;
  --collapse-padding-v: 0.9375rem;
  --collapse-arrow-color: #bcbcbc;
  --collapse-arrow-disabled-color: #eee;
  --confirm-button-height: 3.125rem;
  --confirm-button-font-size: 1.125rem;
  --confirm-button-background: var(--button-default-background);
  --confirm-button-active-background: var(--background-active);
  --input-clear-icon-width: 1rem;
  --input-clear-icon-color: #bcbcbc;
  --input-padding-v: var(--cell-padding-v);
  --input-cursor-color: #597cf6;
  --input-cursor-width: 0.125rem;
  --input-cursor-height: calc(var(--cell-title-line-height) - 0.25rem);
  --input-length-count-color: var(--color-text-disabled);
  --input-height: 1.75rem;
  --input-line-height: var(--cell-title-line-height);
  --image-preview-origin-button-background: #2d2d2d;
  --keyboard-background: #fff;
  --keyboard-item-background: #fff;
  --keyboard-item-height: 3.25rem;
  --keyboard-item-font-size: 1.875rem;
  --loading-background: rgba(0, 0, 0, var(--opacity-toast));
  --message-min-height-md: 1.8125rem;
  --message-min-height-lg: 2.5rem;
  --message-font-size-md: 0.75rem;
  --message-font-size-lg: 0.875rem;
  --message-icon-size-md: 0.875rem;
  --message-icon-size-lg: 1rem;
  --message-padding-v-md: 0.375rem;
  --message-padding-h-md: 0.5rem;
  --message-padding-v-lg: 0.5rem;
  --message-padding-h-lg: 0.75rem;
  --modal-background: #fff;
  --modal-title-font-size: 1.125rem;
  --modal-title-color: var(--color-text);
  --modal-close-color: #ccc;
  --modal-close-active-color: #999;
  --nav-bar-color: #fdfdfd;
  --nav-bar-height: 2.75rem;
  --nav-bar-icon-size: 1.5rem;
  --notice-bar-height: 1.5rem;
  --panel-header-color: var(--color-text-caption);
  --panel-header-font-size: 0.875rem;
  --panel-body-color: var(--color-text);
  --panel-body-font-size: 0.9375rem;
  --panel-body-background: #fff;
  --picker-background: #fff;
  --picker-mask-background-start: rgba(255, 255, 255, 0.4);
  --picker-mask-background-end: rgba(255, 255, 255, 0.8);
  --picker-header-height: 2.8125rem;
  --picker-header-font-size: 1rem;
  --picker-header-background: #f7f7f7;
  --progress-background: #f2f2f2;
  --progress-width-lg: 100%;
  --progress-width-md: 100%;
  --progress-width-sm: 8.75rem;
  --progress-size-lg: 12.5rem;
  --progress-size-md: 9.375rem;
  --progress-size-sm: 5rem;
  --progress-font-size-circle-lg: 1.875rem;
  --progress-font-size-circle-md: 1.5rem;
  --progress-font-size-circle-sm: 1.125rem;
  --pull-control-height: 3.125rem;
  --pull-control-font-size: 0.875rem;
  --radio-size: 1.125rem;
  --radio-radius: var(--radius-circle);
  --radio-background: var(--color-text-inverse);
  --radio-border-color: var(--border-color);
  --radio-active-border-color: var(--theme-primary);
  --radio-disabled-background: var(--background-disabled);
  --radio-disabled-color: #bcbcbc;
  --radio-arrow-color: var(--color-text-inverse);
  --search-bar-font-size: 0.875rem;
  --search-bar-background: #fff;
  --search-bar-inner-background: #f2f2f2;
  --slider-line-background: var(--border-color);
  --slider-line-height: 0.125rem;
  --slider-line-dot-width: 0.375rem;
  --slider-line-dot-color: #fff;
  --slider-vertical-line-width: 0.125rem;
  --slider-handle-size: 1.5rem;
  --slider-handle-size-small: 1rem;
  --slider-mark-handle: 1.5rem;
  --slider-mark-size: 0.9375rem;
  --slider-handle-background: #fff;
  --slider-handle-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.4);
  --stepper-input-background: #fff;
  --stepper-height-md: 1.75rem;
  --stepper-height-lg: 2.25rem;
  --stepper-icon-font-size-md: 0.75rem;
  --stepper-icon-font-size-lg: 0.875rem;
  --stepper-input-width-md: 3.125rem;
  --stepper-input-width-lg: 3.75rem;
  --stepper-input-disabled: var(--color-text-disabled);
  --stepper-input-font-size-md: 0.875rem;
  --stepper-input-font-size-lg: 1rem;
  --stepper-input-margin-h-md: 0.25rem;
  --stepper-input-margin-h-lg: 0.25rem;
  --stepper-input-padding-h-md: 0.5rem;
  --stepper-input-padding-h-lg: 0.5rem;
  --switch-width: 3.3125rem;
  --switch-height: 2rem;
  --switch-handle-size: 1.625rem;
  --switch-border-color: var(--border-color);
  --switch-background: var(--border-color);
  --switch-handle-background: #fff;
  --tabs-height: 2.8125rem;
  --tabs-item-font-size: var(--font-size-lg);
  --tabs-line-height: 0.125rem;
  --tabs-item-horizontal-padding: 1.25rem;
  --tabs-item-vertical-padding: 0.75rem;
  --toast-border-radius: 0.375rem;
  --toast-background: rgba(0, 0, 0, var(--opacity-toast));
  --toast-color: var(--color-text-inverse);
  --toast-font-size: 0.8125rem;
  --tooltip-font-size: 0.75rem;
  --tooltip-color: var(--color-text-inverse);
  --tooltip-arrow-size: 0.25rem;
  --tooltip-padding-v: var(--padding-v-xs);
  --tooltip-padding-h: var(--padding-h-xs);
  --tooltip-background: rgba(0, 0, 0, var(--opacity-tooltip));
  --tabbar-height: 3.125rem;
  --tabbar-hidden-bottom: -3.125rem;
  --tabbar-background: #fff;
  --tabbar-item-font-size: 0.75rem;
  --tabbar-item-active-color: var(--theme-primary);
  --wheel-item-height: 2.125rem;
  --wheel-item-rows: 5;
  --wheel-item-font-size: 1.125rem;
  --wheel-color: var(--color-text);
  --icon-font-size-sm: 1rem;
  --icon-font-size-md: 1.5rem;
  --icon-font-size-lg: 2rem;
  --icon-theme-default: var(--color-text);
  --stack-picker-background: #fff;
  --stack-picker-shadow: 0 0 0.625rem rgba(0, 0, 0, .3);
  --stack-picker-error: #ff5050;
  --stack-picker-stack-item-font-size: 1rem;
  --stack-picker-crumbs-line-height: 1.5rem;
  --stack-picker-stack-item-height: 2.1875rem;
  --stack-picker-padding: 1.25rem;
  --stack-picker-left: 3.75rem;
}

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

  to {
    opacity: 1;
  }
}

@keyframes za-fade-enter {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.za-fade-enter {
  -webkit-animation: za-fade-enter both ease-in;
  animation: za-fade-enter both ease-in;
}

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

  to {
    opacity: 0;
  }
}

@keyframes za-fade-leave {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.za-fade-leave {
  -webkit-animation: za-fade-leave both ease-out;
  animation: za-fade-leave both ease-out;
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-door-enter {
  -webkit-animation: za-door-enter both cubic-bezier(0.4, 0, 0, 0);
  animation: za-door-enter both cubic-bezier(0.4, 0, 0, 0);
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-door-leave {
  -webkit-animation: za-door-leave both;
  animation: za-door-leave both;
}

@-webkit-keyframes za-flip-enter {
  from {
    -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, 60deg);
    transform: perspective(25rem) rotate3d(1, 0, 0, 60deg);
  }

  70% {
    -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, -15deg);
    transform: perspective(25rem) rotate3d(1, 0, 0, -15deg);
  }

  to {
    -webkit-transform: perspective(25rem);
    transform: perspective(25rem);
  }
}

@keyframes za-flip-enter {
  from {
    -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, 60deg);
    transform: perspective(25rem) rotate3d(1, 0, 0, 60deg);
  }

  70% {
    -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, -15deg);
    transform: perspective(25rem) rotate3d(1, 0, 0, -15deg);
  }

  to {
    -webkit-transform: perspective(25rem);
    transform: perspective(25rem);
  }
}

.za-flip-enter {
  -webkit-animation: za-flip-enter both ease-in;
  animation: za-flip-enter both ease-in;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes za-flip-leave {
  from {
    -webkit-transform: perspective(25rem);
    transform: perspective(25rem);
  }

  30% {
    -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, -15deg);
    transform: perspective(25rem) rotate3d(1, 0, 0, -15deg);
  }

  to {
    -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, 45deg);
    transform: perspective(25rem) rotate3d(1, 0, 0, 45deg);
  }
}

@keyframes za-flip-leave {
  from {
    -webkit-transform: perspective(25rem);
    transform: perspective(25rem);
  }

  30% {
    -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, -15deg);
    transform: perspective(25rem) rotate3d(1, 0, 0, -15deg);
  }

  to {
    -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, 45deg);
    transform: perspective(25rem) rotate3d(1, 0, 0, 45deg);
  }
}

.za-flip-leave {
  -webkit-animation: za-flip-leave both;
  animation: za-flip-leave both;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-rotate-enter {
  -webkit-animation: za-rotate-enter both;
  animation: za-rotate-enter both;
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-rotate-leave {
  -webkit-animation: za-rotate-leave both;
  animation: za-rotate-leave both;
}

@-webkit-keyframes za-slideUp-enter {
  from {
    -webkit-transform: translate3d(0, 6.25rem, 0);
    transform: translate3d(0, 6.25rem, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes za-slideUp-enter {
  from {
    -webkit-transform: translate3d(0, 6.25rem, 0);
    transform: translate3d(0, 6.25rem, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.za-slideUp-enter {
  -webkit-animation: za-slideUp-enter both cubic-bezier(0.4, 0, 0, 1.5);
  animation: za-slideUp-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

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

  to {
    -webkit-transform: translate3d(0, 6.25rem, 0);
    transform: translate3d(0, 6.25rem, 0);
  }
}

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

  to {
    -webkit-transform: translate3d(0, 6.25rem, 0);
    transform: translate3d(0, 6.25rem, 0);
  }
}

.za-slideUp-leave {
  -webkit-animation: za-slideUp-leave both;
  animation: za-slideUp-leave both;
}

@-webkit-keyframes za-slideDown-enter {
  from {
    -webkit-transform: translate3d(0, -6.25rem, 0);
    transform: translate3d(0, -6.25rem, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes za-slideDown-enter {
  from {
    -webkit-transform: translate3d(0, -6.25rem, 0);
    transform: translate3d(0, -6.25rem, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.za-slideDown-enter {
  -webkit-animation: za-slideDown-enter both cubic-bezier(0.4, 0, 0, 1.5);
  animation: za-slideDown-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

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

  to {
    -webkit-transform: translate3d(0, -6.25rem, 0);
    transform: translate3d(0, -6.25rem, 0);
  }
}

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

  to {
    -webkit-transform: translate3d(0, -6.25rem, 0);
    transform: translate3d(0, -6.25rem, 0);
  }
}

.za-slideDown-leave {
  -webkit-animation: za-slideDown-leave both;
  animation: za-slideDown-leave both;
}

@-webkit-keyframes za-slideLeft-enter {
  from {
    -webkit-transform: translate3d(9.375rem, 0, 0);
    transform: translate3d(9.375rem, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes za-slideLeft-enter {
  from {
    -webkit-transform: translate3d(9.375rem, 0, 0);
    transform: translate3d(9.375rem, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.za-slideLeft-enter {
  -webkit-animation: za-slideLeft-enter both cubic-bezier(0.4, 0, 0, 1.5);
  animation: za-slideLeft-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

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

  to {
    -webkit-transform: translate3d(9.375rem, 0, 0);
    transform: translate3d(9.375rem, 0, 0);
  }
}

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

  to {
    -webkit-transform: translate3d(9.375rem, 0, 0);
    transform: translate3d(9.375rem, 0, 0);
  }
}

.za-slideLeft-leave {
  -webkit-animation: za-slideLeft-leave both;
  animation: za-slideLeft-leave both;
}

@-webkit-keyframes za-slideRight-enter {
  from {
    -webkit-transform: translate3d(-9.375rem, 0, 0);
    transform: translate3d(-9.375rem, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes za-slideRight-enter {
  from {
    -webkit-transform: translate3d(-9.375rem, 0, 0);
    transform: translate3d(-9.375rem, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.za-slideRight-enter {
  -webkit-animation: za-slideRight-enter both cubic-bezier(0.4, 0, 0, 1.5);
  animation: za-slideRight-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

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

  to {
    -webkit-transform: translate3d(-9.375rem, 0, 0);
    transform: translate3d(-9.375rem, 0, 0);
  }
}

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

  to {
    -webkit-transform: translate3d(-9.375rem, 0, 0);
    transform: translate3d(-9.375rem, 0, 0);
  }
}

.za-slideRight-leave {
  -webkit-animation: za-slideRight-leave both;
  animation: za-slideRight-leave both;
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-zoom-enter {
  -webkit-animation: za-zoom-enter both cubic-bezier(0.4, 0, 0, 1.5);
  animation: za-zoom-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-zoom-leave {
  -webkit-animation: za-zoom-leave both;
  animation: za-zoom-leave both;
}

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

@-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-zoomFade-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);
}

.za-zoomFade-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);
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-moveUp-enter {
  -webkit-animation: za-moveUp-enter both ease-in;
  animation: za-moveUp-enter both ease-in;
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-moveUp-leave {
  -webkit-animation: za-moveUp-leave both ease-out;
  animation: za-moveUp-leave both ease-out;
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-moveDown-enter {
  -webkit-animation: za-moveDown-enter both ease-in;
  animation: za-moveDown-enter both ease-in;
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-moveDown-leave {
  -webkit-animation: za-moveDown-leave both ease-out;
  animation: za-moveDown-leave both ease-out;
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-moveLeft-enter {
  -webkit-animation: za-moveLeft-enter both ease-in;
  animation: za-moveLeft-enter both ease-in;
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-moveLeft-leave {
  -webkit-animation: za-moveLeft-leave both ease-out;
  animation: za-moveLeft-leave both ease-out;
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-moveRight-enter {
  -webkit-animation: za-moveRight-enter both ease-in;
  animation: za-moveRight-enter both ease-in;
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-moveRight-leave {
  -webkit-animation: za-moveRight-leave both ease-out;
  animation: za-moveRight-leave both ease-out;
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-scaleDown-enter {
  -webkit-animation: za-scaleDown-enter both;
  animation: za-scaleDown-enter both;
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-scaleDown-leave {
  -webkit-animation: za-scaleDown-leave both;
  animation: za-scaleDown-leave both;
}

@-webkit-keyframes za-menu-slide-up-enter {
  0% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0;
  }

  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
}

@keyframes za-menu-slide-up-enter {
  0% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0;
  }

  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
}

@-webkit-keyframes za-menu-slide-up-leave {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }

  100% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0;
  }
}

@keyframes za-menu-slide-up-leave {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }

  100% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0;
  }
}

@-webkit-keyframes za-menu-slide-down-enter {
  0% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
  }

  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}

@keyframes za-menu-slide-down-enter {
  0% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
  }

  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}

@-webkit-keyframes za-menu-slide-down-leave {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }

  100% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
  }
}

@keyframes za-menu-slide-down-leave {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }

  100% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
  }
}

.za-menuSlide-up-enter {
  -webkit-animation: za-menu-slide-up-enter both cubic-bezier(0.23, 1, 0.32, 1);
  animation: za-menu-slide-up-enter both cubic-bezier(0.23, 1, 0.32, 1);
}

.za-menuSlide-up-leave {
  -webkit-animation: za-menu-slide-up-leave both cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation: za-menu-slide-up-leave both cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

.za-menuSlide-down-enter {
  -webkit-animation: za-menu-slide-down-enter both cubic-bezier(0.23, 1, 0.32, 1);
  animation: za-menu-slide-down-enter both cubic-bezier(0.23, 1, 0.32, 1);
}

.za-menuSlide-down-leave {
  -webkit-animation: za-menu-slide-down-leave both cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation: za-menu-slide-down-leave both cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

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

.za-action-sheet {
  margin: 0;
  margin: var(--action-sheet-margin);
}

.za-action-sheet--spacing {
  margin: 0 0.625rem 0.625rem;
}

.za-action-sheet--spacing .za-action-sheet__actions,
.za-action-sheet--spacing .za-action-sheet__cancel {
  border-radius: 0.25rem;
  border-radius: var(--radius-md);
}

.za-action-sheet__actions,
.za-action-sheet__cancel {
  overflow: hidden;
  background-color: #fff;
  background-color: var(--action-sheet-background);
}

.za-action-sheet__cancel {
  margin-top: 0.625rem;
}

.za-action-sheet__item {
  display: block;
  position: relative;
  height: 3.125rem;
  height: var(--action-sheet-item-height);
  line-height: 3.125rem;
  line-height: var(--action-sheet-item-height);
  font-size: 1rem;
  font-size: var(--action-sheet-item-font-size);
  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;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-appearance: none;
}

.za-action-sheet__item,
.za-action-sheet__item:active,
.za-action-sheet__item:hover,
.za-action-sheet__item:focus,
.za-action-sheet__item:visited {
  text-decoration: none;
}

.za-action-sheet__item--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  opacity: var(--opacity-disabled);
}

.za-action-sheet__item--block {
  display: block;
  width: 100%;
}

.za-action-sheet__item:active {
  background-color: #e6e6e6;
  background-color: var(--action-sheet-active-background);
}

.za-action-sheet__item:not(:first-of-type):after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-top: 1PX solid #dcdcdc;
  border-top: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
  .za-action-sheet__item:not(:first-of-type):after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-action-sheet__item--primary {
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
}

.za-action-sheet__item--danger {
  color: hsl(0, 100%, 65.7%);
  color: var(--theme-danger);
}

.za-activity-indicator {
  display: inline-block;
  position: relative;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  width: 1.25rem;
  width: var(--activity-indicator-size-md);
  height: 1.25rem;
  height: var(--activity-indicator-size-md);
}

.za-activity-indicator__path {
  stroke: #e6e6e6;
  stroke: var(--activity-indicator-path-color);
}

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

.za-activity-indicator--lg {
  width: 2rem;
  width: var(--activity-indicator-size-lg);
  height: 2rem;
  height: var(--activity-indicator-size-lg);
}

.za-activity-indicator--circular {
  display: inline-block;
}

.za-activity-indicator--circular svg {
  vertical-align: top;
  -webkit-animation: za-activity-indicator_rotate360 2s linear infinite;
  animation: za-activity-indicator_rotate360 2s linear infinite;
}

.za-activity-indicator--circular circle {
  stroke-linecap: round;
  stroke: hsl(156, 100%, 36.9%);
  stroke: var(--theme-primary);
  -webkit-animation: za-activity-indicator_rotate-circular 1.5s ease-in-out infinite;
  animation: za-activity-indicator_rotate-circular 1.5s ease-in-out infinite;
}

.za-activity-indicator--spinner {
  -webkit-animation: za-activity-indicator_rotate360 .8s linear infinite;
  animation: za-activity-indicator_rotate360 .8s linear infinite;
  -webkit-animation-timing-function: steps(12);
  animation-timing-function: steps(12);
}

.za-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.za-activity-indicator--spinner div:nth-of-type(1) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  opacity: .0833333333;
}

.za-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 0.125rem;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  background-color: var(--activity-indicator-spinner-color);
  border-radius: 40%;
}

.za-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.za-activity-indicator--spinner div:nth-of-type(2) {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  opacity: .1666666667;
}

.za-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 0.125rem;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  background-color: var(--activity-indicator-spinner-color);
  border-radius: 40%;
}

.za-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.za-activity-indicator--spinner div:nth-of-type(3) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  opacity: .25;
}

.za-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 0.125rem;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  background-color: var(--activity-indicator-spinner-color);
  border-radius: 40%;
}

.za-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.za-activity-indicator--spinner div:nth-of-type(4) {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  opacity: .3333333333;
}

.za-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 0.125rem;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  background-color: var(--activity-indicator-spinner-color);
  border-radius: 40%;
}

.za-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.za-activity-indicator--spinner div:nth-of-type(5) {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
  opacity: .4166666667;
}

.za-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 0.125rem;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  background-color: var(--activity-indicator-spinner-color);
  border-radius: 40%;
}

.za-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.za-activity-indicator--spinner div:nth-of-type(6) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  opacity: .5;
}

.za-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 0.125rem;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  background-color: var(--activity-indicator-spinner-color);
  border-radius: 40%;
}

.za-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.za-activity-indicator--spinner div:nth-of-type(7) {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
  opacity: .5833333333;
}

.za-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 0.125rem;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  background-color: var(--activity-indicator-spinner-color);
  border-radius: 40%;
}

.za-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.za-activity-indicator--spinner div:nth-of-type(8) {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
  opacity: .6666666667;
}

.za-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 0.125rem;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  background-color: var(--activity-indicator-spinner-color);
  border-radius: 40%;
}

.za-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.za-activity-indicator--spinner div:nth-of-type(9) {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  opacity: .75;
}

.za-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 0.125rem;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  background-color: var(--activity-indicator-spinner-color);
  border-radius: 40%;
}

.za-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.za-activity-indicator--spinner div:nth-of-type(10) {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
  opacity: .8333333333;
}

.za-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 0.125rem;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  background-color: var(--activity-indicator-spinner-color);
  border-radius: 40%;
}

.za-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.za-activity-indicator--spinner div:nth-of-type(11) {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
  opacity: .9166666667;
}

.za-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 0.125rem;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  background-color: var(--activity-indicator-spinner-color);
  border-radius: 40%;
}

.za-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.za-activity-indicator--spinner div:nth-of-type(12) {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  opacity: 1;
}

.za-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 0.125rem;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  background-color: var(--activity-indicator-spinner-color);
  border-radius: 40%;
}

@-webkit-keyframes za-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 za-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 za-activity-indicator_rotate360 {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes za-activity-indicator_rotate360 {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.za-affix {
  z-index: 10;
}

.za-alert .za-modal__body {
  text-align: center;
}

.za-alert .za-modal__footer {
  padding: 0;
}

.za-alert .za-popup {
  position: relative;
  background-color: #fff;
  background-color: var(--modal-background);
  -webkit-box-shadow: 0 0.4375rem 1.3125rem rgba(56, 56, 56, 0.15);
  box-shadow: 0 0.4375rem 1.3125rem rgba(56, 56, 56, 0.15);
  -webkit-box-shadow: 0 0.4375rem 1.3125rem var(--color-shadow);
  box-shadow: 0 0.4375rem 1.3125rem var(--color-shadow);
  overflow: hidden;
}

.za-alert__button {
  display: block;
  position: relative;
  width: 100%;
  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;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-appearance: none;
  padding: 0 1.25rem;
  padding: 0 var(--button-padding-h-lg);
  font-size: 1.125rem;
  font-size: var(--button-font-size-lg);
  height: 3.25rem;
  height: var(--button-height-lg);
  line-height: 1.5;
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
  background-color: #fff;
  background-color: var(--alert-button-background);
}

.za-alert__button,
.za-alert__button:active,
.za-alert__button:hover,
.za-alert__button:focus,
.za-alert__button:visited {
  text-decoration: none;
}

.za-alert__button--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  opacity: var(--opacity-disabled);
}

.za-alert__button--block {
  display: block;
  width: 100%;
}

.za-alert__button--circle {
  width: 3.25rem;
  width: var(--button-height-lg);
  padding: 0;
}

.za-alert__button .za-icon {
  font-size: 1.625rem;
  font-size: var(--button-icon-size-lg);
}

.za-alert__button--link {
  line-height: 3.25rem;
  line-height: var(--button-height-lg);
}

.za-alert__button--loading .za-activity-indicator {
  width: 1.125rem;
  width: var(--button-font-size-lg);
  height: 1.125rem;
  height: var(--button-font-size-lg);
}

.za-alert__button *+span {
  margin-left: calc(1.25rem / 2);
  margin-left: calc(var(--button-padding-h-lg) / 2);
}

.za-alert__button:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-top: 1PX solid #dcdcdc;
  border-top: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
  .za-alert__button:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-alert__button:active {
  background-color: #e6e6e6;
  background-color: var(--alert-button-active-background);
}

.za-alert--radius .za-popup {
  border-radius: 0.25rem;
  border-radius: var(--radius-md);
}

.za-badge {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

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

.za-badge__content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  top: auto;
  color: #fff;
  color: var(--badge-text-color);
  font-size: 0.625rem;
  font-size: var(--badge-font-size);
  height: 0.875rem;
  height: var(--badge-height);
  padding: 0 0.25rem;
  padding: 0 var(--badge-padding-h);
  white-space: nowrap;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

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

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

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

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

.za-badge--dot .za-badge__content {
  width: 0.5rem;
  width: var(--badge-dot-diameter);
  height: 0.5rem;
  height: var(--badge-dot-diameter);
  padding: 0;
  border-radius: 50%;
  border-radius: var(--radius-circle);
}

.za-badge--radius .za-badge__content {
  border-radius: 0.125rem;
  border-radius: var(--badge-border-radius-rect);
}

.za-badge--round .za-badge__content {
  min-width: 0.875rem;
  min-width: var(--badge-height);
  border-radius: 62.5rem;
  border-radius: var(--badge-border-radius-round);
}

.za-badge--circle .za-badge__content {
  width: 0.875rem;
  width: var(--badge-height);
  border-radius: 50%;
  border-radius: var(--radius-circle);
  padding: 0;
}

.za-badge--leaf .za-badge__content {
  min-width: 0.875rem;
  min-width: var(--badge-height);
  border-radius: 62.5rem 62.5rem 62.5rem 0;
  border-radius: var(--badge-border-radius-round) var(--badge-border-radius-round) var(--badge-border-radius-round) 0;
}

.za-badge--sup .za-badge__content {
  position: absolute;
  top: 0;
  left: 100%;
  -webkit-transform: translateX(calc(0.875rem / -2)) translateY(-0.25rem);
  transform: translateX(calc(0.875rem / -2)) translateY(-0.25rem);
  -webkit-transform: translateX(calc(var(--badge-height) / -2)) translateY(var(--badge-sup-top));
  transform: translateX(calc(var(--badge-height) / -2)) translateY(var(--badge-sup-top));
}

.za-badge--sup.za-badge--dot .za-badge__content {
  -webkit-transform: translateX(calc(0.5rem / -2)) translateY(-50%);
  transform: translateX(calc(0.5rem / -2)) translateY(-50%);
  -webkit-transform: translateX(calc(var(--badge-dot-diameter) / -2)) translateY(-50%);
  transform: translateX(calc(var(--badge-dot-diameter) / -2)) translateY(-50%);
}

.za-button {
  display: inline-block;
  vertical-align: middle;
  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;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-appearance: none;
  border-width: 1PX;
  border-style: solid;
  border-radius: 0.25rem;
  border-radius: var(--radius-md);
}

.za-button,
.za-button:active,
.za-button:hover,
.za-button:focus,
.za-button:visited {
  text-decoration: none;
}

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

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

.za-button,
.za-button:hover {
  background-color: #fff;
  background-color: var(--button-default-background);
  border-color: hsl(0, 0%, 90%);
  border-color: var(--button-default-border);
  color: #343434;
  color: var(--button-default-color);
}

.za-button:active {
  background-color: #e6e6e6;
  background-color: var(--button-default-active-background);
  border-color: #e6e6e6;
  border-color: var(--button-default-active-border);
  color: #343434;
  color: var(--button-default-active-color);
}

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

.za-button--disabled:active,
.za-button--disabled:focus,
.za-button--disabled:visited {
  background-color: #fff;
  background-color: var(--button-default-background);
  border-color: hsl(0, 0%, 90%);
  border-color: var(--button-default-border);
  color: #343434;
  color: var(--button-default-color);
}

.za-button--shadow {
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(230, 230, 230, 0.3);
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(230, 230, 230, 0.3);
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 var(--button-default-shadow-color);
  box-shadow: 0 0.1875rem 0.1875rem 0 var(--button-default-shadow-color);
}

.za-button--loading .za-activity-indicator.za-activity-indicator--circular circle {
  stroke: hsl(156, 100%, 36.9%);
  stroke: var(--theme-primary);
}

.za-button--link,
.za-button--link:hover {
  background-color: transparent;
  border-color: transparent;
  color: #343434;
  color: var(--button-default-color);
}

.za-button--link:active {
  color: #343434;
  color: var(--button-default-active-color);
}

.za-button--link.za-button--disabled,
.za-button--link.za-button--disabled:active,
.za-button--link.za-button--disabled:hover,
.za-button--link.za-button--disabled:focus,
.za-button--link.za-button--disabled:visited {
  color: #bcbcbc;
  color: var(--color-text-disabled);
  cursor: not-allowed;
  pointer-events: none;
}

.za-button--ghost,
.za-button--ghost:hover {
  background-color: transparent;
  border-color: #fff;
  border-color: var(--button-default-ghost-border);
  color: #fff;
  color: var(--button-default-ghost-color);
}

.za-button--ghost:active {
  background-color: transparent;
  border-color: #e6e6e6;
  border-color: var(--button-default-ghost-active-border);
  color: #e6e6e6;
  color: var(--button-default-ghost-active-color);
}

.za-button--ghost.za-button--disabled,
.za-button--ghost.za-button--disabled:active,
.za-button--ghost.za-button--disabled:hover,
.za-button--ghost.za-button--disabled:focus,
.za-button--ghost.za-button--disabled:visited {
  background-color: transparent;
  border-color: #e6e6e6;
  border-color: var(--border-disabled);
  color: #bcbcbc;
  color: var(--color-text-disabled);
  cursor: not-allowed;
}

.za-button--lg {
  padding: 0 1.25rem;
  padding: 0 var(--button-padding-h-lg);
  font-size: 1.125rem;
  font-size: var(--button-font-size-lg);
  height: 3.25rem;
  height: var(--button-height-lg);
  line-height: 1.5;
}

.za-button--lg.za-button--circle {
  width: 3.25rem;
  width: var(--button-height-lg);
  padding: 0;
}

.za-button--lg .za-icon {
  font-size: 1.625rem;
  font-size: var(--button-icon-size-lg);
}

.za-button--lg.za-button--link {
  line-height: 3.25rem;
  line-height: var(--button-height-lg);
}

.za-button--lg.za-button--loading .za-activity-indicator {
  width: 1.125rem;
  width: var(--button-font-size-lg);
  height: 1.125rem;
  height: var(--button-font-size-lg);
}

.za-button--lg *+span {
  margin-left: calc(1.25rem / 2);
  margin-left: calc(var(--button-padding-h-lg) / 2);
}

.za-button--md {
  padding: 0 1rem;
  padding: 0 var(--button-padding-h-md);
  font-size: 1rem;
  font-size: var(--button-font-size-md);
  height: 2.75rem;
  height: var(--button-height-md);
  line-height: 1.5;
}

.za-button--md.za-button--circle {
  width: 2.75rem;
  width: var(--button-height-md);
  padding: 0;
}

.za-button--md .za-icon {
  font-size: 1.375rem;
  font-size: var(--button-icon-size-md);
}

.za-button--md.za-button--link {
  line-height: 2.75rem;
  line-height: var(--button-height-md);
}

.za-button--md.za-button--loading .za-activity-indicator {
  width: 1rem;
  width: var(--button-font-size-md);
  height: 1rem;
  height: var(--button-font-size-md);
}

.za-button--md *+span {
  margin-left: calc(1rem / 2);
  margin-left: calc(var(--button-padding-h-md) / 2);
}

.za-button--sm {
  padding: 0 0.75rem;
  padding: 0 var(--button-padding-h-sm);
  font-size: 0.875rem;
  font-size: var(--button-font-size-sm);
  height: 2.25rem;
  height: var(--button-height-sm);
  line-height: 1.5;
}

.za-button--sm.za-button--circle {
  width: 2.25rem;
  width: var(--button-height-sm);
  padding: 0;
}

.za-button--sm .za-icon {
  font-size: 1.125rem;
  font-size: var(--button-icon-size-sm);
}

.za-button--sm.za-button--link {
  line-height: 2.25rem;
  line-height: var(--button-height-sm);
}

.za-button--sm.za-button--loading .za-activity-indicator {
  width: 0.875rem;
  width: var(--button-font-size-sm);
  height: 0.875rem;
  height: var(--button-font-size-sm);
}

.za-button--sm *+span {
  margin-left: calc(0.75rem / 2);
  margin-left: calc(var(--button-padding-h-sm) / 2);
}

.za-button--xs {
  padding: 0 0.5rem;
  padding: 0 var(--button-padding-h-xs);
  font-size: 0.75rem;
  font-size: var(--button-font-size-xs);
  height: 1.75rem;
  height: var(--button-height-xs);
  line-height: 1.5;
}

.za-button--xs.za-button--circle {
  width: 1.75rem;
  width: var(--button-height-xs);
  padding: 0;
}

.za-button--xs .za-icon {
  font-size: 1rem;
  font-size: var(--button-icon-size-xs);
}

.za-button--xs.za-button--link {
  line-height: 1.75rem;
  line-height: var(--button-height-xs);
}

.za-button--xs.za-button--loading .za-activity-indicator {
  width: 0.75rem;
  width: var(--button-font-size-xs);
  height: 0.75rem;
  height: var(--button-font-size-xs);
}

.za-button--xs *+span {
  margin-left: calc(0.5rem / 2);
  margin-left: calc(var(--button-padding-h-xs) / 2);
}

.za-button--primary,
.za-button--primary: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);
}

.za-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: rgba(255, 255, 255, 0.4);
  color: var(--button-primary-active-color);
}

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

.za-button--primary.za-button--disabled:active,
.za-button--primary.za-button--disabled:focus,
.za-button--primary.za-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);
}

.za-button--primary.za-button--shadow {
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 188, 112, 0.3);
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 188, 112, 0.3);
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 var(--button-primary-shadow-color);
  box-shadow: 0 0.1875rem 0.1875rem 0 var(--button-primary-shadow-color);
}

.za-button--primary.za-button--loading .za-activity-indicator.za-activity-indicator--circular circle {
  stroke: #fff;
  stroke: var(--button-primary-color);
}

.za-button--primary.za-button--link,
.za-button--primary.za-button--link:hover {
  background-color: transparent;
  border-color: transparent;
  color: hsl(156, 100%, 36.9%);
  color: var(--button-primary-ghost-color);
}

.za-button--primary.za-button--link:active {
  color: hsl(156, 100%, 32.9%);
  color: var(--button-primary-ghost-active-color);
}

.za-button--primary.za-button--link.za-button--disabled,
.za-button--primary.za-button--link.za-button--disabled:active,
.za-button--primary.za-button--link.za-button--disabled:hover,
.za-button--primary.za-button--link.za-button--disabled:focus,
.za-button--primary.za-button--link.za-button--disabled:visited {
  color: #bcbcbc;
  color: var(--color-text-disabled);
  cursor: not-allowed;
  pointer-events: none;
}

.za-button--primary.za-button--ghost,
.za-button--primary.za-button--ghost:hover {
  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);
}

.za-button--primary.za-button--ghost:active {
  background-color: transparent;
  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);
}

.za-button--primary.za-button--ghost.za-button--disabled,
.za-button--primary.za-button--ghost.za-button--disabled:active,
.za-button--primary.za-button--ghost.za-button--disabled:hover,
.za-button--primary.za-button--ghost.za-button--disabled:focus,
.za-button--primary.za-button--ghost.za-button--disabled:visited {
  background-color: transparent;
  border-color: #e6e6e6;
  border-color: var(--border-disabled);
  color: #bcbcbc;
  color: var(--color-text-disabled);
  cursor: not-allowed;
}

.za-button--danger,
.za-button--danger:hover {
  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);
}

.za-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: rgba(255, 255, 255, 0.4);
  color: var(--button-danger-active-color);
}

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

.za-button--danger.za-button--disabled:active,
.za-button--danger.za-button--disabled:focus,
.za-button--danger.za-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);
}

.za-button--danger.za-button--shadow {
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(255, 80, 80, 0.3);
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(255, 80, 80, 0.3);
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 var(--button-danger-shadow-color);
  box-shadow: 0 0.1875rem 0.1875rem 0 var(--button-danger-shadow-color);
}

.za-button--danger.za-button--loading .za-activity-indicator.za-activity-indicator--circular circle {
  stroke: #fff;
  stroke: var(--button-danger-color);
}

.za-button--danger.za-button--link,
.za-button--danger.za-button--link:hover {
  background-color: transparent;
  border-color: transparent;
  color: hsl(0, 100%, 65.7%);
  color: var(--button-danger-ghost-color);
}

.za-button--danger.za-button--link:active {
  color: hsl(0, 100%, 61.7%);
  color: var(--button-danger-ghost-active-color);
}

.za-button--danger.za-button--link.za-button--disabled,
.za-button--danger.za-button--link.za-button--disabled:active,
.za-button--danger.za-button--link.za-button--disabled:hover,
.za-button--danger.za-button--link.za-button--disabled:focus,
.za-button--danger.za-button--link.za-button--disabled:visited {
  color: #bcbcbc;
  color: var(--color-text-disabled);
  cursor: not-allowed;
  pointer-events: none;
}

.za-button--danger.za-button--ghost,
.za-button--danger.za-button--ghost:hover {
  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);
}

.za-button--danger.za-button--ghost:active {
  background-color: transparent;
  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);
}

.za-button--danger.za-button--ghost.za-button--disabled,
.za-button--danger.za-button--ghost.za-button--disabled:active,
.za-button--danger.za-button--ghost.za-button--disabled:hover,
.za-button--danger.za-button--ghost.za-button--disabled:focus,
.za-button--danger.za-button--ghost.za-button--disabled:visited {
  background-color: transparent;
  border-color: #e6e6e6;
  border-color: var(--border-disabled);
  color: #bcbcbc;
  color: var(--color-text-disabled);
  cursor: not-allowed;
}

.za-button--rect {
  border-width: 1PX;
  border-style: solid;
  border-radius: 0;
}

.za-button--radius {
  border-width: 1PX;
  border-style: solid;
  border-radius: 0.25rem;
  border-radius: var(--radius-md);
}

.za-button--round {
  border-width: 1PX;
  border-style: solid;
  border-radius: 62.5rem;
  border-radius: var(--radius-round);
}

.za-button--circle {
  border-width: 1PX;
  border-style: solid;
  border-radius: 50%;
  border-radius: var(--radius-circle);
}

.za-button__content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.za-calendar {
  background-color: #fff;
  background-color: var(--calendar-background);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.za-calendar ul {
  list-style-type: disc;
}

.za-calendar li {
  display: inline-block;
  width: 14.28571%;
  text-align: center;
  vertical-align: middle;
}

.za-calendar__bar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #909090;
  color: var(--calendar-week-bar-color);
  background-color: #f2f2f2;
  background-color: var(--calendar-week-bar-background);
  font-size: 0.875rem;
  font-size: var(--calendar-week-bar-fontsize);
  margin: 0;
  padding: 0 0.9375rem;
  padding: 0 var(--calendar-section-padding);
  list-style-type: disc;
}

.za-calendar__bar__item {
  height: 2.5rem;
  height: var(--calendar-day-height);
  line-height: 2.5rem;
  line-height: var(--calendar-day-height);
}

.za-calendar__body {
  padding: 0.625rem 0;
  overflow: auto;
}

.za-calendar__month {
  padding: 0 0.9375rem;
  padding: 0 var(--calendar-section-padding);
  color: #343434;
  color: var(--calendar-day-color);
}

.za-calendar__month ul {
  margin: 0;
  padding: 0;
}

.za-calendar__month:before {
  content: attr(title);
  display: block;
  margin: 0.9375rem auto;
  font-size: 1.0625rem;
  font-size: var(--calendar-day-title-fontsize);
  font-weight: 500;
  padding-left: 0.9375rem;
}

.za-calendar__day {
  margin: 0.625rem 0;
  position: relative;
  font-size: 1rem;
  font-size: var(--calendar-day-fontsize);
  cursor: pointer;
}

.za-calendar__day__content {
  width: 1.875rem;
  height: 1.875rem;
  background-color: transparent;
  border-radius: 50%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  margin: 0 auto;
}

.za-calendar__day.firstday-1 {
  margin-left: 14.28571%;
}

.za-calendar__day.firstday-2 {
  margin-left: 28.57142%;
}

.za-calendar__day.firstday-3 {
  margin-left: 42.85713%;
}

.za-calendar__day.firstday-4 {
  margin-left: 57.14284%;
}

.za-calendar__day.firstday-5 {
  margin-left: 71.42855%;
}

.za-calendar__day.firstday-6 {
  margin-left: 85.71426%;
}

.za-calendar__day--today .za-calendar__day__content {
  background-color: hsl(156, 100%, 95%);
  background-color: var(--calendar-day-today-background);
  color: hsl(156, 100%, 36.9%);
  color: var(--calendar-day-today-color);
}

.za-calendar__day--selected .za-calendar__day__content {
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--calendar-day-selected-background);
  color: #fff;
  color: var(--calendar-day-selected-color);
  -webkit-box-shadow: 0 0.125rem 0.3125rem 0 hsl(156, 100%, 95%);
  box-shadow: 0 0.125rem 0.3125rem 0 hsl(156, 100%, 95%);
  -webkit-box-shadow: 0 0.125rem 0.3125rem 0 var(--calendar-day-selected-shadow);
  box-shadow: 0 0.125rem 0.3125rem 0 var(--calendar-day-selected-shadow);
}

.za-calendar__day--disabled {
  cursor: auto;
}

.za-calendar__day--disabled .za-calendar__day__content {
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

.za-calendar__day--range {
  background-color: hsl(156, 100%, 95%);
  background-color: var(--calendar-day-range-background);
  color: hsl(156, 100%, 36.9%);
  color: var(--calendar-day-range-color);
}

.za-calendar__day--range .za-calendar__day__content {
  background-color: hsl(156, 100%, 95%);
  background-color: var(--calendar-day-range-background);
}

.za-calendar__day--range.d6 {
  background-color: transparent;
  background-image: -webkit-gradient(linear, right top, left top, color-stop(0, transparent), color-stop(50%, transparent), color-stop(50%, hsl(156, 100%, 95%)));
  background-image: linear-gradient(to left, transparent 0, transparent 50%, hsl(156, 100%, 95%) 50%);
  background-image: -webkit-gradient(linear, right top, left top, color-stop(0, transparent), color-stop(50%, transparent), color-stop(50%, var(--theme-primary-lighter)));
  background-image: linear-gradient(to left, transparent 0, transparent 50%, var(--theme-primary-lighter) 50%);
}

.za-calendar__day--range.d7 {
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(50%, transparent), color-stop(50%, hsl(156, 100%, 95%)));
  background-image: linear-gradient(to right, transparent 0, transparent 50%, hsl(156, 100%, 95%) 50%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(50%, transparent), color-stop(50%, var(--theme-primary-lighter)));
  background-image: linear-gradient(to right, transparent 0, transparent 50%, var(--theme-primary-lighter) 50%);
}

.za-calendar__day--range:first-child:not(.d6) {
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(50%, transparent), color-stop(50%, hsl(156, 100%, 95%)));
  background-image: linear-gradient(to right, transparent 0, transparent 50%, hsl(156, 100%, 95%) 50%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(50%, transparent), color-stop(50%, var(--theme-primary-lighter)));
  background-image: linear-gradient(to right, transparent 0, transparent 50%, var(--theme-primary-lighter) 50%);
}

.za-calendar__day--range:last-child:not(.d7) {
  background-color: transparent;
  background-image: -webkit-gradient(linear, right top, left top, color-stop(0, transparent), color-stop(50%, transparent), color-stop(50%, hsl(156, 100%, 95%)));
  background-image: linear-gradient(to left, transparent 0, transparent 50%, hsl(156, 100%, 95%) 50%);
  background-image: -webkit-gradient(linear, right top, left top, color-stop(0, transparent), color-stop(50%, transparent), color-stop(50%, var(--theme-primary-lighter)));
  background-image: linear-gradient(to left, transparent 0, transparent 50%, var(--theme-primary-lighter) 50%);
}

.za-calendar__day--range:last-child.d7,
.za-calendar__day--range:first-child.d6 {
  background-image: none;
}

.za-calendar__day.range-start.range-end {
  background-image: none;
}

.za-calendar__day.range-start:not(.range-end):not(.d6):not(:last-child) {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(50%, transparent), color-stop(50%, hsl(156, 100%, 95%)));
  background-image: linear-gradient(to right, transparent 0, transparent 50%, hsl(156, 100%, 95%) 50%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(50%, transparent), color-stop(50%, var(--theme-primary-lighter)));
  background-image: linear-gradient(to right, transparent 0, transparent 50%, var(--theme-primary-lighter) 50%);
}

.za-calendar__day.range-end:not(.range-start):not(.d7):not(:first-child) {
  background-image: -webkit-gradient(linear, right top, left top, color-stop(0, transparent), color-stop(50%, transparent), color-stop(50%, hsl(156, 100%, 95%)));
  background-image: linear-gradient(to left, transparent 0, transparent 50%, hsl(156, 100%, 95%) 50%);
  background-image: -webkit-gradient(linear, right top, left top, color-stop(0, transparent), color-stop(50%, transparent), color-stop(50%, var(--theme-primary-lighter)));
  background-image: linear-gradient(to left, transparent 0, transparent 50%, var(--theme-primary-lighter) 50%);
}

.za-carousel {
  position: relative;
  overflow: hidden;
}

.za-carousel__items {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.za-carousel__item {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  width: 100%;
  height: 100%;
  vertical-align: top;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.za-carousel__pagination {
  position: absolute;
}

.za-carousel__pagination__item {
  background: rgba(255, 255, 255, 0.6);
  background: var(--carousel-pagination-rect-color);
  cursor: pointer;
  border-radius: 0.0625rem;
  border-radius: var(--carousel-pagination-rect-border-radius);
}

.za-carousel__pagination__item--active {
  background: #fff;
  background: var(--carousel-pagination-rect-color-active);
}

.za-carousel--horizontal .za-carousel__items {
  white-space: nowrap;
}

.za-carousel--horizontal .za-carousel__pagination {
  left: 50%;
  bottom: 0.5rem;
  bottom: var(--carousel-pagination-distance);
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}

.za-carousel--horizontal .za-carousel__pagination__item {
  display: inline-block;
  width: 1.1875rem;
  width: var(--carousel-pagination-rect-width);
  height: 0.25rem;
  height: var(--carousel-pagination-rect-height);
}

.za-carousel--horizontal .za-carousel__pagination__item:not(:last-child) {
  margin-right: 0.125rem;
  margin-right: var(--carousel-pagination-rect-step);
}

.za-carousel--vertical .za-carousel__items {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

.za-carousel--vertical .za-carousel__pagination {
  top: 50%;
  right: 0.5rem;
  right: var(--carousel-pagination-distance);
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.za-carousel--vertical .za-carousel__pagination__item {
  width: 0.25rem;
  width: var(--carousel-pagination-rect-height);
  height: 1.1875rem;
  height: var(--carousel-pagination-rect-width);
}

.za-carousel--vertical .za-carousel__pagination__item:not(:last-child) {
  margin-bottom: 0.125rem;
  margin-bottom: var(--carousel-pagination-rect-step);
}

.za-cell {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  background-color: var(--cell-background);
}

.za-cell__footer {
  color: #909090;
  color: var(--cell-description-color);
}

.za-cell:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-top: 1PX solid #dcdcdc;
  border-top: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
  .za-cell:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-cell:after {
  left: 1rem;
  left: var(--cell-line-padding-left);
}

.za-cell__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  padding: 0 1rem;
  padding: 0 var(--cell-padding-h);
  font-size: 0.9375rem;
  font-size: var(--cell-title-font-size);
  min-height: 3.25rem;
  min-height: var(--cell-height);
}

.za-cell__inner a,
.za-cell__inner a:hover {
  text-decoration: none;
}

.za-cell__body {
  width: 100%;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}

.za-cell__footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: right;
  font-size: 0.9375rem;
  font-size: var(--cell-description-font-size);
}

.za-cell__arrow {
  margin-left: 0.3125rem;
  margin-right: 0.125rem;
}

.za-cell__arrow:after {
  display: inline-block;
  content: "";
  border-right: 0.125rem solid #bcbcbc;
  border-right: var(--cell-arrow-border-width) solid var(--cell-arrow-color);
  border-top: 0.125rem solid #bcbcbc;
  border-top: var(--cell-arrow-border-width) solid var(--cell-arrow-color);
  width: 0.625rem;
  width: var(--cell-arrow-length);
  height: 0.625rem;
  height: var(--cell-arrow-length);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.za-cell__icon {
  text-align: center;
  margin-right: 1rem;
  margin-right: var(--padding-h-md);
  padding: 0.9375rem 0;
  padding: var(--cell-padding-v) 0;
}

.za-cell__icon img {
  max-width: 100%;
  max-height: 100%;
}

.za-cell__title {
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
  padding: 0.9375rem 0;
  padding: var(--cell-padding-v) 0;
  overflow: hidden;
  color: #343434;
  color: var(--cell-title-color);
  line-height: 1.375rem;
  line-height: var(--cell-title-line-height);
}

.za-cell__title--label {
  -webkit-flex: none;
  -ms-flex: none;
  -webkit-box-flex: 0;
  flex: none;
  width: 6.25rem;
  width: var(--cell-label-width);
}

.za-cell__content {
  width: 100%;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

.za-cell__content>.za-input {
  padding: 0.9375rem 0;
  padding: var(--cell-padding-v) 0;
}

.za-cell__help {
  padding: 0 0.9375rem 0.625rem 0.9375rem;
}

.za-cell__help:empty {
  display: none;
}

.za-cell--primary .za-cell__footer {
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
}

.za-cell--success .za-cell__footer {
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-success);
}

.za-cell--warning .za-cell__footer {
  color: hsl(31, 83.1%, 55.9%);
  color: var(--theme-warning);
}

.za-cell--danger .za-cell__footer {
  color: hsl(0, 100%, 65.7%);
  color: var(--theme-danger);
}

.za-cell--link {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.za-cell--link .za-cell__inner:active {
  background-color: #e6e6e6;
  background-color: var(--cell-background-active);
}

.za-cell--disabled .za-cell__body,
.za-cell--disabled .za-cell__footer {
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

.za-cell--disabled .za-cell__body .za-icon,
.za-cell--disabled .za-cell__footer .za-icon {
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

.za-checkbox {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  color: #343434;
  color: var(--color-text);
  font-size: 0.875rem;
}

.za-checkbox:not(.za-checkbox--disabled):hover .za-checkbox__inner {
  border-color: hsl(156, 100%, 36.9%);
  border-color: var(--checkbox-active-border-color);
}

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

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

.za-checkbox__text {
  vertical-align: middle;
  margin: 0 0.5rem;
}

.za-checkbox__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 1.125rem;
  width: var(--checkbox-size);
  height: 1.125rem;
  height: var(--checkbox-size);
  border: 1PX solid #dcdcdc;
  border: 1PX solid var(--checkbox-border-color);
  border-radius: 0.25rem;
  border-radius: var(--checkbox-radius);
  background: #fff;
  background: var(--checkbox-background);
  -webkit-transition: all .2s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  transition: all .2s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}

.za-checkbox__inner:before {
  content: "";
  width: calc(1.125rem / 3.5);
  width: calc(var(--checkbox-size) / 3.5);
  height: calc(1.125rem / 2);
  height: calc(var(--checkbox-size) / 2);
  border: calc(1.125rem / 9) solid #fff;
  border: calc(var(--checkbox-size) / 9) solid var(--checkbox-arrow-color);
  border-top: 0;
  border-left: 0;
  margin-top: calc(1.125rem / -12);
  margin-top: calc(var(--checkbox-size) / -12);
  margin-left: calc(1.125rem / 18);
  margin-left: calc(var(--checkbox-size) / 18);
  -webkit-transform: rotate(45deg) scale(0);
  transform: rotate(45deg) scale(0);
  -webkit-transition: all .2s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  transition: all .2s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}

.za-checkbox--indeterminate .za-checkbox__inner:before {
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1);
  width: calc(1.125rem / 2.33);
  width: calc(var(--checkbox-size) / 2.33);
  height: calc(1.125rem / 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);
}

.za-checkbox--indeterminate.za-checkbox--disabled .za-checkbox__inner:before {
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1);
  background-color: #bcbcbc;
  background-color: var(--checkbox-disabled-color);
}

.za-checkbox--checked .za-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);
}

.za-checkbox--checked .za-checkbox__inner:before {
  -webkit-transform: rotate(45deg) scale(1);
  transform: rotate(45deg) scale(1);
  -webkit-transition: all .2s cubic-bezier(0.12, 0.4, 0.29, 1.46) .1s;
  transition: all .2s cubic-bezier(0.12, 0.4, 0.29, 1.46) .1s;
}

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

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

.za-checkbox--disabled .za-checkbox__inner {
  background-color: #f2f2f2;
  background-color: var(--checkbox-disabled-background);
}

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

.za-checkbox--disabled.za-checkbox--checked .za-checkbox__inner:before {
  border-color: #bcbcbc;
  border-color: var(--checkbox-disabled-color);
}

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

.za-checkbox-group {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}

.za-checkbox-group__inner {
  margin-right: -1.5rem;
  margin-bottom: -0.5rem;
}

.za-checkbox-group .za-checkbox {
  margin-right: 1.5rem;
  margin-bottom: 0.5rem;
}

.za-checkbox-group--block {
  width: 100%;
}

.za-checkbox-group--block .za-checkbox-group__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

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

.za-checkbox-group--button .za-checkbox-group__inner {
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
}

.za-checkbox-group--button .za-checkbox {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  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;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-appearance: none;
  border-width: 1PX;
  border-style: solid;
  border-radius: 0.125rem;
  border-radius: var(--radius-xs);
}

.za-checkbox-group--button .za-checkbox,
.za-checkbox-group--button .za-checkbox:active,
.za-checkbox-group--button .za-checkbox:hover,
.za-checkbox-group--button .za-checkbox:focus,
.za-checkbox-group--button .za-checkbox:visited {
  text-decoration: none;
}

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

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

.za-checkbox-group--button .za-checkbox,
.za-checkbox-group--button .za-checkbox:hover {
  background-color: #fff;
  background-color: var(--button-default-background);
  border-color: hsl(0, 0%, 90%);
  border-color: var(--button-default-border);
  color: #343434;
  color: var(--button-default-color);
}

.za-checkbox-group--button .za-checkbox:active {
  background-color: #fff;
  background-color: var(--button-default-background);
  border-color: hsl(0, 0%, 90%);
  border-color: var(--button-default-border);
  color: #343434;
  color: var(--button-default-color);
}

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

.za-checkbox-group--button .za-checkbox.za-checkbox--disabled:active,
.za-checkbox-group--button .za-checkbox.za-checkbox--disabled:focus,
.za-checkbox-group--button .za-checkbox.za-checkbox--disabled:visited {
  background-color: #fff;
  background-color: var(--button-default-background);
  border-color: hsl(0, 0%, 90%);
  border-color: var(--button-default-border);
  color: #343434;
  color: var(--button-default-color);
}

.za-checkbox-group--button .za-checkbox.za-checkbox--shadow {
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(230, 230, 230, 0.3);
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(230, 230, 230, 0.3);
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 var(--button-default-shadow-color);
  box-shadow: 0 0.1875rem 0.1875rem 0 var(--button-default-shadow-color);
}

.za-checkbox-group--button .za-checkbox.za-checkbox--loading .za-activity-indicator.za-activity-indicator--circular circle {
  stroke: #343434;
  stroke: var(--button-default-color);
}

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

.za-checkbox-group--button .za-checkbox.za-checkbox--checked,
.za-checkbox-group--button .za-checkbox.za-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);
}

.za-checkbox-group--button .za-checkbox.za-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: rgba(255, 255, 255, 0.4);
  color: var(--button-primary-active-color);
}

.za-checkbox-group--button .za-checkbox.za-checkbox--checked.za-checkbox--disabled {
  opacity: 0.5;
  opacity: var(--button-disabled-opacity);
  cursor: not-allowed;
}

.za-checkbox-group--button .za-checkbox.za-checkbox--checked.za-checkbox--disabled:active,
.za-checkbox-group--button .za-checkbox.za-checkbox--checked.za-checkbox--disabled:focus,
.za-checkbox-group--button .za-checkbox.za-checkbox--checked.za-checkbox--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);
}

.za-checkbox-group--button .za-checkbox.za-checkbox--checked.za-checkbox--shadow {
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 188, 112, 0.3);
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 188, 112, 0.3);
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 var(--button-primary-shadow-color);
  box-shadow: 0 0.1875rem 0.1875rem 0 var(--button-primary-shadow-color);
}

.za-checkbox-group--button .za-checkbox.za-checkbox--checked.za-checkbox--loading .za-activity-indicator.za-activity-indicator--circular circle {
  stroke: #fff;
  stroke: var(--button-primary-color);
}

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

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

.za-checkbox-group--button.za-checkbox-group--radius .za-checkbox {
  border-width: 1PX;
  border-style: solid;
  border-radius: 0.25rem;
  border-radius: var(--radius-md);
}

.za-checkbox-group--button.za-checkbox-group--round .za-checkbox {
  border-width: 1PX;
  border-style: solid;
  border-radius: 62.5rem;
  border-radius: var(--radius-round);
}

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

.za-checkbox-group--button.za-checkbox-group--lg .za-checkbox {
  padding: 0 1.25rem;
  padding: 0 var(--button-padding-h-lg);
  font-size: 1.125rem;
  font-size: var(--button-font-size-lg);
  height: 3.25rem;
  height: var(--button-height-lg);
  line-height: 1.5;
}

.za-checkbox-group--button.za-checkbox-group--lg .za-checkbox.za-checkbox--circle {
  width: 3.25rem;
  width: var(--button-height-lg);
  padding: 0;
}

.za-checkbox-group--button.za-checkbox-group--lg .za-checkbox .za-icon {
  font-size: 1.625rem;
  font-size: var(--button-icon-size-lg);
}

.za-checkbox-group--button.za-checkbox-group--lg .za-checkbox.za-checkbox--link {
  line-height: 3.25rem;
  line-height: var(--button-height-lg);
}

.za-checkbox-group--button.za-checkbox-group--lg .za-checkbox.za-checkbox--loading .za-activity-indicator {
  width: 1.125rem;
  width: var(--button-font-size-lg);
  height: 1.125rem;
  height: var(--button-font-size-lg);
}

.za-checkbox-group--button.za-checkbox-group--lg .za-checkbox *+span {
  margin-left: calc(1.25rem / 2);
  margin-left: calc(var(--button-padding-h-lg) / 2);
}

.za-checkbox-group--button.za-checkbox-group--md .za-checkbox {
  padding: 0 1rem;
  padding: 0 var(--button-padding-h-md);
  font-size: 1rem;
  font-size: var(--button-font-size-md);
  height: 2.75rem;
  height: var(--button-height-md);
  line-height: 1.5;
}

.za-checkbox-group--button.za-checkbox-group--md .za-checkbox.za-checkbox--circle {
  width: 2.75rem;
  width: var(--button-height-md);
  padding: 0;
}

.za-checkbox-group--button.za-checkbox-group--md .za-checkbox .za-icon {
  font-size: 1.375rem;
  font-size: var(--button-icon-size-md);
}

.za-checkbox-group--button.za-checkbox-group--md .za-checkbox.za-checkbox--link {
  line-height: 2.75rem;
  line-height: var(--button-height-md);
}

.za-checkbox-group--button.za-checkbox-group--md .za-checkbox.za-checkbox--loading .za-activity-indicator {
  width: 1rem;
  width: var(--button-font-size-md);
  height: 1rem;
  height: var(--button-font-size-md);
}

.za-checkbox-group--button.za-checkbox-group--md .za-checkbox *+span {
  margin-left: calc(1rem / 2);
  margin-left: calc(var(--button-padding-h-md) / 2);
}

.za-checkbox-group--button.za-checkbox-group--sm .za-checkbox {
  padding: 0 0.75rem;
  padding: 0 var(--button-padding-h-sm);
  font-size: 0.875rem;
  font-size: var(--button-font-size-sm);
  height: 2.25rem;
  height: var(--button-height-sm);
  line-height: 1.5;
}

.za-checkbox-group--button.za-checkbox-group--sm .za-checkbox.za-checkbox--circle {
  width: 2.25rem;
  width: var(--button-height-sm);
  padding: 0;
}

.za-checkbox-group--button.za-checkbox-group--sm .za-checkbox .za-icon {
  font-size: 1.125rem;
  font-size: var(--button-icon-size-sm);
}

.za-checkbox-group--button.za-checkbox-group--sm .za-checkbox.za-checkbox--link {
  line-height: 2.25rem;
  line-height: var(--button-height-sm);
}

.za-checkbox-group--button.za-checkbox-group--sm .za-checkbox.za-checkbox--loading .za-activity-indicator {
  width: 0.875rem;
  width: var(--button-font-size-sm);
  height: 0.875rem;
  height: var(--button-font-size-sm);
}

.za-checkbox-group--button.za-checkbox-group--sm .za-checkbox *+span {
  margin-left: calc(0.75rem / 2);
  margin-left: calc(var(--button-padding-h-sm) / 2);
}

.za-checkbox-group--button.za-checkbox-group--xs .za-checkbox {
  padding: 0 0.5rem;
  padding: 0 var(--button-padding-h-xs);
  font-size: 0.75rem;
  font-size: var(--button-font-size-xs);
  height: 1.75rem;
  height: var(--button-height-xs);
  line-height: 1.5;
}

.za-checkbox-group--button.za-checkbox-group--xs .za-checkbox.za-checkbox--circle {
  width: 1.75rem;
  width: var(--button-height-xs);
  padding: 0;
}

.za-checkbox-group--button.za-checkbox-group--xs .za-checkbox .za-icon {
  font-size: 1rem;
  font-size: var(--button-icon-size-xs);
}

.za-checkbox-group--button.za-checkbox-group--xs .za-checkbox.za-checkbox--link {
  line-height: 1.75rem;
  line-height: var(--button-height-xs);
}

.za-checkbox-group--button.za-checkbox-group--xs .za-checkbox.za-checkbox--loading .za-activity-indicator {
  width: 0.75rem;
  width: var(--button-font-size-xs);
  height: 0.75rem;
  height: var(--button-font-size-xs);
}

.za-checkbox-group--button.za-checkbox-group--xs .za-checkbox *+span {
  margin-left: calc(0.5rem / 2);
  margin-left: calc(var(--button-padding-h-xs) / 2);
}

.za-checkbox-group--button.za-checkbox-group--ghost .za-checkbox.za-checkbox--checked,
.za-checkbox-group--button.za-checkbox-group--ghost .za-checkbox.za-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);
}

.za-checkbox-group--button.za-checkbox-group--ghost .za-checkbox.za-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);
}

.za-checkbox-group--button.za-checkbox-group--ghost .za-checkbox.za-checkbox--checked.za-checkbox--disabled,
.za-checkbox-group--button.za-checkbox-group--ghost .za-checkbox.za-checkbox--checked.za-checkbox--disabled:active,
.za-checkbox-group--button.za-checkbox-group--ghost .za-checkbox.za-checkbox--checked.za-checkbox--disabled:hover,
.za-checkbox-group--button.za-checkbox-group--ghost .za-checkbox.za-checkbox--checked.za-checkbox--disabled:focus,
.za-checkbox-group--button.za-checkbox-group--ghost .za-checkbox.za-checkbox--checked.za-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;
}

.za-checkbox-group--button.za-checkbox-group--compact .za-checkbox:not(:last-child) {
  margin-right: -1PX;
}

.za-checkbox-group--button.za-checkbox-group--compact .za-checkbox:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.za-checkbox-group--button.za-checkbox-group--compact .za-checkbox:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.za-checkbox-group--button.za-checkbox-group--compact .za-checkbox:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.za-checkbox-group--button.za-checkbox-group--compact .za-checkbox.za-checkbox--checked {
  z-index: 1;
}

.za-checkbox-group--cell {
  display: block;
  overflow: visible;
}

.za-checkbox-group--cell .za-checkbox-group__inner {
  margin-right: 0;
  margin-bottom: 0;
}

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

.za-collapse {
  position: relative;
}

.za-collapse:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-top: 1PX solid #dcdcdc;
  border-top: 1PX solid var(--border-color);
  border-bottom: 1PX solid #dcdcdc;
  border-bottom: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
  .za-collapse:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-collapse--animated .za-collapse-item__content {
  -webkit-transition: all .15s ease-out;
  transition: all .15s ease-out;
}

.za-collapse-item {
  font-size: 0.9375rem;
}

.za-collapse-item__header {
  position: relative;
  overflow: hidden;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  min-height: 3.25rem;
  min-height: var(--collapse-height);
  padding: 0.9375rem 1rem;
  padding: var(--collapse-padding-v) var(--collapse-padding-h);
}

.za-collapse-item__header:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-bottom: 1PX solid #dcdcdc;
  border-bottom: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
  .za-collapse-item__header:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-collapse-item__header:after {
  left: 1rem;
  left: var(--cell-line-padding-left);
}

.za-collapse-item__title {
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
}

.za-collapse-item__content {
  position: relative;
  height: 0;
  overflow: hidden;
  font-size: 0.8125rem;
  color: #909090;
  color: var(--color-text-caption);
  will-change: height;
}

.za-collapse-item__content:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-bottom: 1PX solid #dcdcdc;
  border-bottom: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
  .za-collapse-item__content:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-collapse-item__content:after {
  left: 1rem;
  left: var(--cell-line-padding-left);
}

.za-collapse-item__content__inner {
  padding: 0.75rem 1rem;
  padding: var(--padding-v-md) var(--padding-h-md);
}

.za-collapse-item__arrow {
  margin-top: -0.1875rem;
  margin-left: 0.3125rem;
  margin-right: 0.125rem;
}

.za-collapse-item__arrow:after {
  display: inline-block;
  content: "";
  border-right: 0.125rem solid #bcbcbc;
  border-right: var(--cell-arrow-border-width) solid var(--cell-arrow-color);
  border-top: 0.125rem solid #bcbcbc;
  border-top: var(--cell-arrow-border-width) solid var(--cell-arrow-color);
  width: 0.625rem;
  width: var(--cell-arrow-length);
  height: 0.625rem;
  height: var(--cell-arrow-length);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: all .15s ease-out;
  transition: all .15s ease-out;
}

.za-collapse-item--disabled .za-collapse-item__title {
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

.za-collapse-item--disabled .za-collapse-item__arrow:after {
  border-right-color: #eee;
  border-right-color: var(--collapse-arrow-disabled-color);
  border-top-color: #eee;
  border-top-color: var(--collapse-arrow-disabled-color);
}

.za-collapse-item--active .za-collapse-item__content {
  height: auto;
}

.za-collapse-item--active .za-collapse-item__arrow {
  margin-top: 0;
}

.za-collapse-item--active .za-collapse-item__arrow:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.za-confirm .za-modal__body {
  text-align: center;
}

.za-confirm .za-modal__footer {
  padding: 0;
}

.za-confirm .za-popup {
  position: relative;
  background-color: #fff;
  background-color: var(--modal-background);
  -webkit-box-shadow: 0 0.4375rem 1.3125rem rgba(56, 56, 56, 0.15);
  box-shadow: 0 0.4375rem 1.3125rem rgba(56, 56, 56, 0.15);
  -webkit-box-shadow: 0 0.4375rem 1.3125rem var(--color-shadow);
  box-shadow: 0 0.4375rem 1.3125rem var(--color-shadow);
  overflow: hidden;
}

.za-confirm__button {
  display: block;
  position: relative;
  width: 100%;
  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;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-appearance: none;
  padding: 0 1.25rem;
  padding: 0 var(--button-padding-h-lg);
  font-size: 1.125rem;
  font-size: var(--button-font-size-lg);
  height: 3.25rem;
  height: var(--button-height-lg);
  line-height: 1.5;
  background-color: #fff;
  background-color: var(--confirm-button-background);
}

.za-confirm__button,
.za-confirm__button:active,
.za-confirm__button:hover,
.za-confirm__button:focus,
.za-confirm__button:visited {
  text-decoration: none;
}

.za-confirm__button--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  opacity: var(--opacity-disabled);
}

.za-confirm__button--block {
  display: block;
  width: 100%;
}

.za-confirm__button--circle {
  width: 3.25rem;
  width: var(--button-height-lg);
  padding: 0;
}

.za-confirm__button .za-icon {
  font-size: 1.625rem;
  font-size: var(--button-icon-size-lg);
}

.za-confirm__button--link {
  line-height: 3.25rem;
  line-height: var(--button-height-lg);
}

.za-confirm__button--loading .za-activity-indicator {
  width: 1.125rem;
  width: var(--button-font-size-lg);
  height: 1.125rem;
  height: var(--button-font-size-lg);
}

.za-confirm__button *+span {
  margin-left: calc(1.25rem / 2);
  margin-left: calc(var(--button-padding-h-lg) / 2);
}

.za-confirm__button:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-top: 1PX solid #dcdcdc;
  border-top: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
  .za-confirm__button:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-confirm__button:active {
  background-color: #e6e6e6;
  background-color: var(--confirm-button-active-background);
}

.za-confirm__button:not(:first-of-type):after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-left: 1PX solid #dcdcdc;
  border-left: 1PX solid var(--border-color);
  border-top: 1PX solid #dcdcdc;
  border-top: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
  .za-confirm__button:not(:first-of-type):after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-confirm__button--ok {
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
}

.za-confirm--radius .za-popup {
  border-radius: 0.25rem;
  border-radius: var(--radius-md);
}

.za-date-picker__header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 2.8125rem;
  height: var(--picker-header-height);
  line-height: 2.8125rem;
  line-height: var(--picker-header-height);
  font-size: 1rem;
  font-size: var(--picker-header-font-size);
  background: #f7f7f7;
  background: var(--picker-header-background);
}

.za-date-picker__header:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-top: 1PX solid #dcdcdc;
  border-top: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
  .za-date-picker__header:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-date-picker__cancel,
.za-date-picker__submit {
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
  padding: 0 1.25rem;
  cursor: pointer;
}

.za-date-picker__cancel {
  text-align: left;
  color: #909090;
  color: var(--color-text-caption);
}

.za-date-picker__submit {
  text-align: right;
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
}

.za-date-picker__title {
  color: #343434;
  color: var(--color-text);
}

.za-date-picker-view {
  position: relative;
  bottom: 0;
  width: 100%;
  height: 13.125rem;
  padding: 1.25rem 0;
  background: #fff;
  background: var(--picker-background);
}

.za-date-picker-view__mask {
  width: 100%;
  height: 5.5rem;
  pointer-events: none;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.za-date-picker-view__mask--top {
  position: absolute;
  top: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0.8)));
  background: linear-gradient(to top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8));
  background: -webkit-gradient(linear, left bottom, left top, from(var(--picker-mask-background-start)), to(var(--picker-mask-background-end)));
  background: linear-gradient(to top, var(--picker-mask-background-start), var(--picker-mask-background-end));
}

.za-date-picker-view__mask--top:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-bottom: 1PX solid #dcdcdc;
  border-bottom: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
  .za-date-picker-view__mask--top:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-date-picker-view__mask--bottom {
  position: absolute;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0.8)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8));
  background: -webkit-gradient(linear, left top, left bottom, from(var(--picker-mask-background-start)), to(var(--picker-mask-background-end)));
  background: linear-gradient(to bottom, var(--picker-mask-background-start), var(--picker-mask-background-end));
}

.za-date-picker-view__mask--bottom:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-top: 1PX solid #dcdcdc;
  border-top: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
  .za-date-picker-view__mask--bottom:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-date-picker-view__content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}

.za-date-select {
  width: 100%;
  height: 100%;
}

.za-date-select__input {
  position: relative;
  width: 100%;
  padding: 0.75rem 0;
  line-height: 1.75rem;
}

.za-date-select--placeholder .za-date-select__input {
  color: #a9a9a9;
  color: var(--color-text-placeholder);
}

.za-date-select--arrow .za-date-select__input {
  padding-right: 1.25rem;
}

.za-date-select--arrow .za-date-select__input:after {
  content: "";
  position: absolute;
  width: 0.625rem;
  width: var(--cell-arrow-length);
  height: 0.625rem;
  height: var(--cell-arrow-length);
  top: calc(0.9375rem + 0.1875rem);
  top: calc(var(--cell-padding-v) + 0.1875rem);
  right: 0.125rem;
  border-right: 0.125rem solid #bcbcbc;
  border-right: 0.125rem solid var(--cell-arrow-color);
  border-bottom: 0.125rem solid #bcbcbc;
  border-bottom: 0.125rem solid var(--cell-arrow-color);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.za-date-select--disabled .za-date-select__input {
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

.za-file-picker__input {
  display: none;
}

.za-file-picker--disabled {
  opacity: 0.5;
  opacity: var(--opacity-disabled);
}

.za-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;
}

.za-icon[type=search] {
  -webkit-appearance: initial !important;
}

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

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

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

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

.za-icon--sm {
  font-size: 1rem;
  font-size: var(--icon-font-size-sm);
}

.za-icon--md {
  font-size: 1.5rem;
  font-size: var(--icon-font-size-md);
}

.za-icon--lg {
  font-size: 2rem;
  font-size: var(--icon-font-size-lg);
}

@-webkit-keyframes virtual-cursor {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes virtual-cursor {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.za-input {
  position: relative;
  width: 100%;
  color: #343434;
  color: var(--color-text);
}

.za-input input,
.za-input textarea {
  position: relative;
  width: 100%;
  padding: 0;
  background-color: transparent;
  background-image: none;
  border: 0;
  outline: 0;
  -webkit-appearance: none;
  color: #343434;
  color: var(--color-text);
  line-height: 1.375rem;
  line-height: var(--input-line-height);
}

.za-input input::-webkit-input-placeholder,
.za-input textarea::-webkit-input-placeholder {
  color: #a9a9a9;
  color: var(--color-text-placeholder);
}

.za-input input::-moz-placeholder,
.za-input textarea::-moz-placeholder {
  color: #a9a9a9;
  color: var(--color-text-placeholder);
}

.za-input input:-ms-input-placeholder,
.za-input textarea:-ms-input-placeholder {
  color: #a9a9a9;
  color: var(--color-text-placeholder);
}

.za-input input::-ms-input-placeholder,
.za-input textarea::-ms-input-placeholder {
  color: #a9a9a9;
  color: var(--color-text-placeholder);
}

.za-input input::placeholder,
.za-input textarea::placeholder {
  color: #a9a9a9;
  color: var(--color-text-placeholder);
}

.za-input input {
  display: inline-block;
  height: 1.375rem;
  height: var(--input-line-height);
}

.za-input textarea {
  display: block;
  resize: none;
  word-break: break-all;
  word-wrap: break-word;
  overflow: visible;
}

.za-input__content {
  position: relative;
  height: 1.375rem;
  height: var(--input-line-height);
  line-height: 1.375rem;
  line-height: var(--input-line-height);
}

.za-input::-webkit-input-placeholder {
  color: #a9a9a9;
  color: var(--color-text-placeholder);
}

.za-input::-moz-placeholder {
  color: #a9a9a9;
  color: var(--color-text-placeholder);
}

.za-input:-ms-input-placeholder {
  color: #a9a9a9;
  color: var(--color-text-placeholder);
}

.za-input::-ms-input-placeholder {
  color: #a9a9a9;
  color: var(--color-text-placeholder);
}

.za-input::placeholder {
  color: #a9a9a9;
  color: var(--color-text-placeholder);
}

.za-input__placeholder {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #a9a9a9;
  color: var(--color-text-placeholder);
}

.za-input--number .za-input__virtual-input {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

.za-input--number.za-input--focus .za-input__virtual-input {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.za-input--number.za-input--focus .za-input__virtual-input:after {
  content: "";
  display: inline-block;
  height: calc(1.375rem - 0.25rem);
  height: var(--input-cursor-height);
  border-right: 0.125rem solid #597cf6;
  border-right: var(--input-cursor-width) solid var(--input-cursor-color);
  -webkit-transition: opacity .1s ease-out;
  transition: opacity .1s ease-out;
  -webkit-animation: virtual-cursor 1s infinite step-start;
  animation: virtual-cursor 1s infinite step-start;
}

.za-input--number.za-input--readonly .za-input__virtual-input {
  position: static;
  white-space: normal;
}

.za-input--price .za-input__virtual-input {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

.za-input--price.za-input--focus .za-input__virtual-input {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.za-input--price.za-input--focus .za-input__virtual-input:after {
  content: "";
  display: inline-block;
  height: calc(1.375rem - 0.25rem);
  height: var(--input-cursor-height);
  border-right: 0.125rem solid #597cf6;
  border-right: var(--input-cursor-width) solid var(--input-cursor-color);
  -webkit-transition: opacity .1s ease-out;
  transition: opacity .1s ease-out;
  -webkit-animation: virtual-cursor 1s infinite step-start;
  animation: virtual-cursor 1s infinite step-start;
}

.za-input--price.za-input--readonly .za-input__virtual-input {
  position: static;
  white-space: normal;
}

.za-input--idcard .za-input__virtual-input {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

.za-input--idcard.za-input--focus .za-input__virtual-input {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.za-input--idcard.za-input--focus .za-input__virtual-input:after {
  content: "";
  display: inline-block;
  height: calc(1.375rem - 0.25rem);
  height: var(--input-cursor-height);
  border-right: 0.125rem solid #597cf6;
  border-right: var(--input-cursor-width) solid var(--input-cursor-color);
  -webkit-transition: opacity .1s ease-out;
  transition: opacity .1s ease-out;
  -webkit-animation: virtual-cursor 1s infinite step-start;
  animation: virtual-cursor 1s infinite step-start;
}

.za-input--idcard.za-input--readonly .za-input__virtual-input {
  position: static;
  white-space: normal;
}

.za-input--textarea .za-input__length {
  text-align: right;
  color: #bcbcbc;
  color: var(--input-length-count-color);
  font-size: 0.75rem;
}

.za-input--clearable .za-input__clear {
  position: absolute;
  visibility: hidden;
  color: #bcbcbc;
  color: var(--input-clear-icon-color);
  width: 1rem;
  width: var(--input-clear-icon-width);
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  font-size: 1rem;
}

.za-input--clearable.za-input--focus {
  padding-right: 1rem;
  padding-right: var(--input-clear-icon-width);
}

.za-input--clearable.za-input--focus .za-input__clear {
  visibility: visible;
}

.za-input--readonly .za-input__content {
  height: auto;
}

.za-input--disabled input,
.za-input--disabled textarea {
  cursor: not-allowed;
  color: #bcbcbc;
  color: var(--color-text-disabled);
  -webkit-text-fill-color: #bcbcbc;
  -webkit-text-fill-color: var(--color-text-disabled);
  opacity: 1;
}

.za-input--disabled input::-webkit-input-placeholder,
.za-input--disabled textarea::-webkit-input-placeholder {
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

.za-input--disabled input::-moz-placeholder,
.za-input--disabled textarea::-moz-placeholder {
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

.za-input--disabled input:-ms-input-placeholder,
.za-input--disabled textarea:-ms-input-placeholder {
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

.za-input--disabled input::-ms-input-placeholder,
.za-input--disabled textarea::-ms-input-placeholder {
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

.za-input--disabled input::placeholder,
.za-input--disabled textarea::placeholder {
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

.za-input--disabled .za-input__content,
.za-input--disabled .za-input__placeholder {
  cursor: not-allowed;
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

.za-keyboard {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #fff;
  background-color: var(--keyboard-background);
  color: #343434;
  color: var(--color-text);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.za-keyboard__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  font-size: 1.875rem;
  font-size: var(--keyboard-item-font-size);
  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;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-appearance: none;
}

.za-keyboard__item,
.za-keyboard__item:active,
.za-keyboard__item:hover,
.za-keyboard__item:focus,
.za-keyboard__item:visited {
  text-decoration: none;
}

.za-keyboard__item--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  opacity: var(--opacity-disabled);
}

.za-keyboard__item--block {
  display: block;
  width: 100%;
}

.za-keyboard__item,
.za-keyboard__item:hover {
  background-color: #fff;
  background-color: var(--keyboard-item-background);
  border-color: hsl(0, 0%, 90%);
  border-color: var(--button-default-border);
  color: #343434;
  color: var(--button-default-color);
}

.za-keyboard__item:active {
  background-color: #e6e6e6;
  background-color: var(--button-default-active-background);
  border-color: #e6e6e6;
  border-color: var(--button-default-active-border);
  color: #343434;
  color: var(--button-default-active-color);
}

.za-keyboard__item--disabled {
  opacity: 1;
  cursor: not-allowed;
}

.za-keyboard__item--disabled:active,
.za-keyboard__item--disabled:focus,
.za-keyboard__item--disabled:visited {
  background-color: #fff;
  background-color: var(--keyboard-item-background);
  border-color: hsl(0, 0%, 90%);
  border-color: var(--button-default-border);
  color: #343434;
  color: var(--button-default-color);
}

.za-keyboard__item--shadow {
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(hsl(0, 0%, 90%), 0.3);
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(hsl(0, 0%, 90%), 0.3);
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(var(--theme-default), 0.3);
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(var(--theme-default), 0.3);
}

.za-keyboard__item--loading .za-activity-indicator.za-activity-indicator--circular circle {
  stroke: #343434;
  stroke: var(--button-default-color);
}

.za-keyboard__item--ok {
  font-size: 1.3125rem;
}

.za-keyboard__item--ok,
.za-keyboard__item--ok: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);
}

.za-keyboard__item--ok: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: rgba(255, 255, 255, 0.4);
  color: var(--button-primary-active-color);
}

.za-keyboard__item--ok.za-keyboard--disabled {
  opacity: 1;
  cursor: not-allowed;
}

.za-keyboard__item--ok.za-keyboard--disabled:active,
.za-keyboard__item--ok.za-keyboard--disabled:focus,
.za-keyboard__item--ok.za-keyboard--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);
}

.za-keyboard__item--ok.za-keyboard--shadow {
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(hsl(0, 0%, 90%), 0.3);
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(hsl(0, 0%, 90%), 0.3);
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(var(--theme-default), 0.3);
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(var(--theme-default), 0.3);
}

.za-keyboard__item--ok.za-keyboard--loading .za-activity-indicator.za-activity-indicator--circular circle {
  stroke: #fff;
  stroke: var(--button-primary-color);
}

.za-keyboard__item--disabled,
.za-keyboard__item--disabled:hover,
.za-keyboard__item--disabled:active {
  background-color: #fff;
  background-color: var(--keyboard-background);
}

.za-keyboard__keys {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 75%;
}

.za-keyboard__keys .za-keyboard__item {
  width: 33.333333%;
  height: 3.25rem;
  height: var(--keyboard-item-height);
}

.za-keyboard__keys .za-keyboard__item:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-top: 1PX solid #dcdcdc;
  border-top: 1PX solid var(--border-color);
  border-left: 1PX solid #dcdcdc;
  border-left: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
  .za-keyboard__keys .za-keyboard__item:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-keyboard__keys .za-keyboard__item:nth-of-type(3n+1):after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-top: 1PX solid #dcdcdc;
  border-top: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
  .za-keyboard__keys .za-keyboard__item:nth-of-type(3n+1):after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-keyboard__handle {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  width: 25%;
}

.za-keyboard__handle .za-keyboard__item {
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
}

.za-keyboard__handle .za-keyboard__item:first-of-type:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-top: 1PX solid #dcdcdc;
  border-top: 1PX solid var(--border-color);
  border-left: 1PX solid #dcdcdc;
  border-left: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
  .za-keyboard__handle .za-keyboard__item:first-of-type:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-loading {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.za-loading--open {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.za-loading__container {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  padding: 1.25rem 0.9375rem;
  border-radius: 0.25rem;
  border-radius: var(--radius-md);
  background: rgba(0, 0, 0, 0.8);
  background: var(--loading-background);
  color: #343434;
  color: var(--color-text);
}

.za-marquee {
  width: 100%;
  overflow: hidden;
}

.za-marquee__body {
  white-space: nowrap;
}

.za-marquee__content {
  display: inline-block;
}

.za-mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, var(--opacity-mask));
  z-index: 1000;
  z-index: var(--zindex-mask);
}

.za-mask--transparent {
  background-color: transparent;
}

.za-message {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  position: relative;
  padding: 0.375rem 0.5rem;
  padding: var(--message-padding-v-md) var(--message-padding-h-md);
  min-height: 1.8125rem;
  min-height: var(--message-min-height-md);
  font-size: 0.75rem;
  font-size: var(--message-font-size-md);
  color: hsl(0, 0%, 90%);
  color: var(--theme-default);
  background-color: hsla(0, 0%, 90%, 0.1);
  background-color: hsla(var(--theme-default-h), var(--theme-default-s), var(--theme-default-l), 0.1);
}

.za-message__header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  line-height: 1;
}

.za-message__icon {
  margin-right: 0.25rem;
}

.za-message__icon .za-icon {
  font-size: 0.875rem;
  font-size: var(--message-icon-size-md);
}

.za-message__body {
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

.za-message__footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  text-align: right;
  padding-left: 0.625rem;
}

.za-message__footer .za-icon {
  font-size: 0.875rem;
  font-size: var(--message-icon-size-md);
  cursor: pointer;
}

.za-message--link {
  cursor: pointer;
}

.za-message--primary {
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
  background-color: hsla(156, 100%, 36.9%, 0.1);
  background-color: hsla(var(--theme-primary-h), var(--theme-primary-s), var(--theme-primary-l), 0.1);
}

.za-message--success {
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-success);
  background-color: hsla(156, 100%, 36.9%, 0.1);
  background-color: hsla(var(--theme-success-h), var(--theme-success-s), var(--theme-success-l), 0.1);
}

.za-message--warning {
  color: hsl(31, 83.1%, 55.9%);
  color: var(--theme-warning);
  background-color: hsla(31, 83.1%, 55.9%, 0.1);
  background-color: hsla(var(--theme-warning-h), var(--theme-warning-s), var(--theme-warning-l), 0.1);
}

.za-message--danger {
  color: hsl(0, 100%, 65.7%);
  color: var(--theme-danger);
  background-color: hsla(0, 100%, 65.7%, 0.1);
  background-color: hsla(var(--theme-danger-h), var(--theme-danger-s), var(--theme-danger-l), 0.1);
}

.za-message--lg {
  min-height: 2.5rem;
  min-height: var(--message-min-height-lg);
  font-size: 0.875rem;
  font-size: var(--message-font-size-lg);
  padding: 0.5rem 0.75rem;
  padding: var(--message-padding-v-lg) var(--message-padding-h-lg);
}

.za-message--lg .za-message__icon {
  margin-right: 0.375rem;
}

.za-message--lg .za-message__icon .za-icon {
  font-size: 1rem;
  font-size: var(--message-icon-size-lg);
}

.za-message--lg .za-message__body {
  font-size: 0.875rem;
  font-size: var(--message-font-size-lg);
}

.za-message--lg .za-message__footer .za-icon {
  font-size: 1rem;
  font-size: var(--message-icon-size-lg);
}

.za-modal {
  -webkit-overflow-scrolling: touch;
}

.za-modal .za-popup {
  position: relative;
  background-color: #fff;
  background-color: var(--modal-background);
  -webkit-box-shadow: 0 0.4375rem 1.3125rem rgba(56, 56, 56, 0.15);
  box-shadow: 0 0.4375rem 1.3125rem rgba(56, 56, 56, 0.15);
  -webkit-box-shadow: 0 0.4375rem 1.3125rem var(--color-shadow);
  box-shadow: 0 0.4375rem 1.3125rem var(--color-shadow);
  overflow: hidden;
}

.za-modal--radius .za-popup {
  border-radius: 0.25rem;
  border-radius: var(--radius-md);
}

.za-modal__header {
  position: relative;
  padding: 1.25rem 0.9375rem 0 0.9375rem;
  text-align: center;
}

.za-modal__header__title {
  font-size: 1.125rem;
  font-size: var(--modal-title-font-size);
  line-height: 1;
  color: #343434;
  color: var(--modal-title-color);
}

.za-modal__header__close {
  position: absolute;
  top: 1.25rem;
  right: 0.9375rem;
  line-height: 0.9375rem;
  color: #ccc;
  color: var(--modal-close-color);
  font-size: 1.25rem;
  cursor: pointer;
}

.za-modal__header__close:hover {
  color: #999;
  color: var(--modal-close-active-color);
}

.za-modal__body {
  font-size: 0.9375rem;
  color: #909090;
  color: var(--color-text-caption);
  padding: 1.25rem;
  overflow: auto;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

.za-modal__footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  padding: 0 0.9375rem 1.25rem;
  width: 100%;
}

.za-nav-bar {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  height: 2.75rem;
  height: var(--nav-bar-height);
  background: #fdfdfd;
  background: var(--nav-bar-color);
}

.za-nav-bar__title {
  position: absolute;
  left: 50%;
  white-space: nowrap;
  font-size: 1.125rem;
  font-weight: 500;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.za-nav-bar__side {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.za-nav-bar__side--left {
  margin-left: 1rem;
}

.za-nav-bar__side--right {
  margin-right: 1rem;
}

.za-notice-bar {
  position: relative;
  width: 100%;
  height: 1.5rem;
  height: var(--notice-bar-height);
  line-height: 1.5rem;
  line-height: var(--notice-bar-height);
  overflow: hidden;
}

.za-notice-bar__body {
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}

.za-panel__header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  padding: 1.5625rem 1rem 0.4375rem 1rem;
  font-size: 0.875rem;
  font-size: var(--panel-header-font-size);
  color: #909090;
  color: var(--panel-header-color);
}

.za-panel__header__title {
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
}

.za-panel__body {
  position: relative;
  background: #fff;
  background: var(--panel-body-background);
  font-size: 0.9375rem;
  font-size: var(--panel-body-font-size);
  color: #343434;
  color: var(--color-text);
}

.za-panel__body:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-top: 1PX solid #dcdcdc;
  border-top: 1PX solid var(--border-color);
  border-bottom: 1PX solid #dcdcdc;
  border-bottom: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
  .za-panel__body:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-picker__header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 2.8125rem;
  height: var(--picker-header-height);
  line-height: 2.8125rem;
  line-height: var(--picker-header-height);
  font-size: 1rem;
  font-size: var(--picker-header-font-size);
  background: #f7f7f7;
  background: var(--picker-header-background);
}

.za-picker__header:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-top: 1PX solid #dcdcdc;
  border-top: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
  .za-picker__header:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-picker__cancel,
.za-picker__submit {
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
  padding: 0 1.25rem;
  cursor: pointer;
}

.za-picker__cancel {
  text-align: left;
  color: #909090;
  color: var(--color-text-caption);
}

.za-picker__submit {
  text-align: right;
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
}

.za-picker__title {
  color: #343434;
  color: var(--color-text);
}

.za-picker-view {
  position: relative;
  bottom: 0;
  width: 100%;
  height: 13.125rem;
  padding: 1.25rem 0;
  background: #fff;
  background: var(--picker-background);
}

.za-picker-view__mask {
  width: 100%;
  height: 5.5rem;
  pointer-events: none;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.za-picker-view__mask--top {
  position: absolute;
  top: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0.8)));
  background: linear-gradient(to top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8));
  background: -webkit-gradient(linear, left bottom, left top, from(var(--picker-mask-background-start)), to(var(--picker-mask-background-end)));
  background: linear-gradient(to top, var(--picker-mask-background-start), var(--picker-mask-background-end));
}

.za-picker-view__mask--top:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-bottom: 1PX solid #dcdcdc;
  border-bottom: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
  .za-picker-view__mask--top:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-picker-view__mask--bottom {
  position: absolute;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0.8)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8));
  background: -webkit-gradient(linear, left top, left bottom, from(var(--picker-mask-background-start)), to(var(--picker-mask-background-end)));
  background: linear-gradient(to bottom, var(--picker-mask-background-start), var(--picker-mask-background-end));
}

.za-picker-view__mask--bottom:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-top: 1PX solid #dcdcdc;
  border-top: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
  .za-picker-view__mask--bottom:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-picker-view__content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}

.za-popup {
  z-index: 1100;
  z-index: var(--zindex-popup);
  -webkit-overflow-scrolling: touch;
  margin: auto;
}

.za-popup__wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  z-index: 1000;
  z-index: var(--zindex-mask);
  overflow: auto;
  padding: 3.75rem 0;
  -webkit-overflow-scrolling: touch;
}

.za-popup--hidden {
  opacity: 0;
  visibility: hidden;
}

.za-popup--nomask {
  position: fixed;
}

.za-popup--nomask.za-popup--center {
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.za-popup--bottom {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
}

.za-popup--top {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
}

.za-popup--left {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}

.za-popup--right {
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
}

.za-popup--show.za-popup--bottom {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.za-popup--show.za-popup--top {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.za-popup--show.za-popup--left {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.za-popup--show.za-popup--right {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.za-progress {
  display: inline-block;
  position: relative;
}

.za-progress__outer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

.za-progress__text {
  display: inline-block;
  margin-left: 0.3125rem;
  font-size: 0.875rem;
}

.za-progress--line.za-progress--primary .za-progress__thumb {
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--theme-primary);
}

.za-progress--line.za-progress--success .za-progress__thumb {
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--theme-success);
}

.za-progress--line.za-progress--warning .za-progress__thumb {
  background-color: hsl(31, 83.1%, 55.9%);
  background-color: var(--theme-warning);
}

.za-progress--line.za-progress--danger .za-progress__thumb {
  background-color: hsl(0, 100%, 65.7%);
  background-color: var(--theme-danger);
}

.za-progress--line.za-progress--lg {
  width: 100%;
  width: var(--progress-width-lg);
}

.za-progress--line.za-progress--md {
  width: 100%;
  width: var(--progress-width-md);
}

.za-progress--line.za-progress--sm {
  width: 8.75rem;
  width: var(--progress-width-sm);
}

.za-progress--line .za-progress__track {
  width: 100%;
  height: 100%;
  background: #f2f2f2;
  background: var(--progress-background);
  overflow: hidden;
}

.za-progress--line .za-progress__thumb {
  height: 100%;
  width: 0;
  -webkit-transition: width .6s ease,background-color .6s ease;
  transition: width .6s ease,background-color .6s ease;
}

.za-progress--circle {
  display: inline-block;
}

.za-progress--circle .za-progress__track {
  stroke: #f2f2f2;
  stroke: var(--progress-background);
  fill-opacity: 0;
}

.za-progress--circle .za-progress__thumb {
  fill-opacity: 0;
  -webkit-transition: stroke-dashoffset .6s ease,stroke .6s ease;
  transition: stroke-dashoffset .6s ease,stroke .6s ease;
}

.za-progress--circle.za-progress--primary .za-progress__thumb {
  stroke: hsl(156, 100%, 36.9%);
  stroke: var(--theme-primary);
}

.za-progress--circle.za-progress--success .za-progress__thumb {
  stroke: hsl(156, 100%, 36.9%);
  stroke: var(--theme-success);
}

.za-progress--circle.za-progress--warning .za-progress__thumb {
  stroke: hsl(31, 83.1%, 55.9%);
  stroke: var(--theme-warning);
}

.za-progress--circle.za-progress--danger .za-progress__thumb {
  stroke: hsl(0, 100%, 65.7%);
  stroke: var(--theme-danger);
}

.za-progress--circle svg {
  width: 100%;
  height: 100%;
}

.za-progress--circle .za-progress__text {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin: 0;
  text-align: center;
  line-height: 1;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.za-progress--circle.za-progress--lg {
  width: 12.5rem;
  width: var(--progress-size-lg);
  height: 12.5rem;
  height: var(--progress-size-lg);
}

.za-progress--circle.za-progress--lg .za-progress__text {
  font-size: 1.875rem;
  font-size: var(--progress-font-size-circle-lg);
}

.za-progress--circle.za-progress--md {
  width: 9.375rem;
  width: var(--progress-size-md);
  height: 9.375rem;
  height: var(--progress-size-md);
}

.za-progress--circle.za-progress--md .za-progress__text {
  font-size: 1.5rem;
  font-size: var(--progress-font-size-circle-md);
}

.za-progress--circle.za-progress--sm {
  width: 5rem;
  width: var(--progress-size-sm);
  height: 5rem;
  height: var(--progress-size-sm);
}

.za-progress--circle.za-progress--sm .za-progress__text {
  font-size: 1.125rem;
  font-size: var(--progress-font-size-circle-sm);
}

.za-progress--semi-circle {
  display: inline-block;
}

.za-progress--semi-circle .za-progress__track {
  stroke: #f2f2f2;
  stroke: var(--progress-background);
  fill-opacity: 0;
}

.za-progress--semi-circle .za-progress__thumb {
  fill-opacity: 0;
  -webkit-transition: stroke-dashoffset .6s ease,stroke .6s ease;
  transition: stroke-dashoffset .6s ease,stroke .6s ease;
}

.za-progress--semi-circle.za-progress--primary .za-progress__thumb {
  stroke: hsl(156, 100%, 36.9%);
  stroke: var(--theme-primary);
}

.za-progress--semi-circle.za-progress--success .za-progress__thumb {
  stroke: hsl(156, 100%, 36.9%);
  stroke: var(--theme-success);
}

.za-progress--semi-circle.za-progress--warning .za-progress__thumb {
  stroke: hsl(31, 83.1%, 55.9%);
  stroke: var(--theme-warning);
}

.za-progress--semi-circle.za-progress--danger .za-progress__thumb {
  stroke: hsl(0, 100%, 65.7%);
  stroke: var(--theme-danger);
}

.za-progress--semi-circle svg {
  width: 100%;
  height: 100%;
}

.za-progress--semi-circle .za-progress__text {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  text-align: center;
  line-height: 1;
}

.za-progress--semi-circle.za-progress--lg {
  width: 12.5rem;
  width: var(--progress-size-lg);
  height: calc(12.5rem / 2);
  height: calc(var(--progress-size-lg) / 2);
}

.za-progress--semi-circle.za-progress--lg .za-progress__text {
  font-size: 1.875rem;
  font-size: var(--progress-font-size-circle-lg);
}

.za-progress--semi-circle.za-progress--md {
  width: 9.375rem;
  width: var(--progress-size-md);
  height: calc(9.375rem / 2);
  height: calc(var(--progress-size-md) / 2);
}

.za-progress--semi-circle.za-progress--md .za-progress__text {
  font-size: 1.5rem;
  font-size: var(--progress-font-size-circle-md);
}

.za-progress--semi-circle.za-progress--sm {
  width: 5rem;
  width: var(--progress-size-sm);
  height: calc(5rem / 2);
  height: calc(var(--progress-size-sm) / 2);
}

.za-progress--semi-circle.za-progress--sm .za-progress__text {
  font-size: 1.125rem;
  font-size: var(--progress-font-size-circle-sm);
}

.za-pull {
  overflow: hidden;
  min-height: 3.125rem;
  min-height: var(--pull-control-height);
}

.za-pull__content {
  will-change: transform;
  -webkit-transform: translate3d(0, 3.125rem, 0);
  transform: translate3d(0, 3.125rem, 0);
  -webkit-transform: translate3d(0, var(--pull-control-height), 0);
  transform: translate3d(0, var(--pull-control-height), 0);
}

.za-pull__refresh,
.za-pull__load {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  -webkit-box-align: end;
  align-items: flex-end;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}

.za-pull__refresh {
  margin-top: calc(3.125rem * -1);
  margin-top: calc(var(--pull-control-height) * -1);
  height: 3.125rem;
  height: var(--pull-control-height);
}

.za-pull__load {
  height: 0;
}

.za-pull__load--show {
  height: 3.125rem;
  height: var(--pull-control-height);
}

.za-pull__control {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  padding: 0.625rem 0;
  height: 3.125rem;
  height: var(--pull-control-height);
  color: #909090;
  color: var(--color-text-caption);
  font-size: 0.875rem;
  font-size: var(--pull-control-font-size);
}

.za-pull__control .za-icon {
  font-size: 1.375rem;
}

.za-pull__control *+span {
  margin-left: 0.5rem;
}

.za-radio {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  color: #343434;
  color: var(--color-text);
  font-size: 0.875rem;
}

.za-radio:not(.za-radio--disabled):hover .za-radio__inner {
  border-color: hsl(156, 100%, 36.9%);
  border-color: var(--radio-active-border-color);
}

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

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

.za-radio__text {
  vertical-align: middle;
  margin: 0 0.5rem;
}

.za-radio__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 1.125rem;
  width: var(--radio-size);
  height: 1.125rem;
  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(--radio-background);
  -webkit-transition: all .2s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  transition: all .2s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}

.za-radio__inner:before {
  content: "";
  width: calc(1.125rem / 3.5);
  width: calc(var(--radio-size) / 3.5);
  height: calc(1.125rem / 2);
  height: calc(var(--radio-size) / 2);
  border: calc(1.125rem / 9) solid #fff;
  border: calc(var(--radio-size) / 9) solid var(--radio-arrow-color);
  border-top: 0;
  border-left: 0;
  margin-top: calc(1.125rem / -12);
  margin-top: calc(var(--radio-size) / -12);
  margin-left: calc(1.125rem / 18);
  margin-left: calc(var(--radio-size) / 18);
  -webkit-transform: rotate(45deg) scale(0);
  transform: rotate(45deg) scale(0);
  -webkit-transition: all .2s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  transition: all .2s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}

.za-radio--checked .za-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);
}

.za-radio--checked .za-radio__inner:before {
  -webkit-transform: rotate(45deg) scale(1);
  transform: rotate(45deg) scale(1);
  -webkit-transition: all .2s cubic-bezier(0.12, 0.4, 0.29, 1.46) .1s;
  transition: all .2s cubic-bezier(0.12, 0.4, 0.29, 1.46) .1s;
}

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

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

.za-radio--disabled .za-radio__inner {
  background-color: #f2f2f2;
  background-color: var(--radio-disabled-background);
}

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

.za-radio--disabled.za-radio--checked .za-radio__inner:before {
  border-color: #bcbcbc;
  border-color: var(--radio-disabled-color);
}

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

.za-radio-group {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}

.za-radio-group__inner {
  margin-right: -1.5rem;
  margin-bottom: -0.5rem;
}

.za-radio-group .za-radio {
  margin-right: 1.5rem;
  margin-bottom: 0.5rem;
}

.za-radio-group--block {
  width: 100%;
}

.za-radio-group--block .za-radio-group__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

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

.za-radio-group--button .za-radio-group__inner {
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
}

.za-radio-group--button .za-radio {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  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;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-appearance: none;
  border-width: 1PX;
  border-style: solid;
  border-radius: 0.125rem;
  border-radius: var(--radius-xs);
}

.za-radio-group--button .za-radio,
.za-radio-group--button .za-radio:active,
.za-radio-group--button .za-radio:hover,
.za-radio-group--button .za-radio:focus,
.za-radio-group--button .za-radio:visited {
  text-decoration: none;
}

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

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

.za-radio-group--button .za-radio,
.za-radio-group--button .za-radio:hover {
  background-color: #fff;
  background-color: var(--button-default-background);
  border-color: hsl(0, 0%, 90%);
  border-color: var(--button-default-border);
  color: #343434;
  color: var(--button-default-color);
}

.za-radio-group--button .za-radio:active {
  background-color: #fff;
  background-color: var(--button-default-background);
  border-color: hsl(0, 0%, 90%);
  border-color: var(--button-default-border);
  color: #343434;
  color: var(--button-default-color);
}

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

.za-radio-group--button .za-radio.za-radio--disabled:active,
.za-radio-group--button .za-radio.za-radio--disabled:focus,
.za-radio-group--button .za-radio.za-radio--disabled:visited {
  background-color: #fff;
  background-color: var(--button-default-background);
  border-color: hsl(0, 0%, 90%);
  border-color: var(--button-default-border);
  color: #343434;
  color: var(--button-default-color);
}

.za-radio-group--button .za-radio.za-radio--shadow {
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(230, 230, 230, 0.3);
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(230, 230, 230, 0.3);
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 var(--button-default-shadow-color);
  box-shadow: 0 0.1875rem 0.1875rem 0 var(--button-default-shadow-color);
}

.za-radio-group--button .za-radio.za-radio--loading .za-activity-indicator.za-activity-indicator--circular circle {
  stroke: #343434;
  stroke: var(--button-default-color);
}

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

.za-radio-group--button .za-radio.za-radio--checked,
.za-radio-group--button .za-radio.za-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);
}

.za-radio-group--button .za-radio.za-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: rgba(255, 255, 255, 0.4);
  color: var(--button-primary-active-color);
}

.za-radio-group--button .za-radio.za-radio--checked.za-radio--disabled {
  opacity: 0.5;
  opacity: var(--button-disabled-opacity);
  cursor: not-allowed;
}

.za-radio-group--button .za-radio.za-radio--checked.za-radio--disabled:active,
.za-radio-group--button .za-radio.za-radio--checked.za-radio--disabled:focus,
.za-radio-group--button .za-radio.za-radio--checked.za-radio--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);
}

.za-radio-group--button .za-radio.za-radio--checked.za-radio--shadow {
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 188, 112, 0.3);
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 188, 112, 0.3);
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 var(--button-primary-shadow-color);
  box-shadow: 0 0.1875rem 0.1875rem 0 var(--button-primary-shadow-color);
}

.za-radio-group--button .za-radio.za-radio--checked.za-radio--loading .za-activity-indicator.za-activity-indicator--circular circle {
  stroke: #fff;
  stroke: var(--button-primary-color);
}

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

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

.za-radio-group--button.za-radio-group--radius .za-radio {
  border-width: 1PX;
  border-style: solid;
  border-radius: 0.25rem;
  border-radius: var(--radius-md);
}

.za-radio-group--button.za-radio-group--round .za-radio {
  border-width: 1PX;
  border-style: solid;
  border-radius: 62.5rem;
  border-radius: var(--radius-round);
}

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

.za-radio-group--button.za-radio-group--lg .za-radio {
  padding: 0 1.25rem;
  padding: 0 var(--button-padding-h-lg);
  font-size: 1.125rem;
  font-size: var(--button-font-size-lg);
  height: 3.25rem;
  height: var(--button-height-lg);
  line-height: 1.5;
}

.za-radio-group--button.za-radio-group--lg .za-radio.za-radio--circle {
  width: 3.25rem;
  width: var(--button-height-lg);
  padding: 0;
}

.za-radio-group--button.za-radio-group--lg .za-radio .za-icon {
  font-size: 1.625rem;
  font-size: var(--button-icon-size-lg);
}

.za-radio-group--button.za-radio-group--lg .za-radio.za-radio--link {
  line-height: 3.25rem;
  line-height: var(--button-height-lg);
}

.za-radio-group--button.za-radio-group--lg .za-radio.za-radio--loading .za-activity-indicator {
  width: 1.125rem;
  width: var(--button-font-size-lg);
  height: 1.125rem;
  height: var(--button-font-size-lg);
}

.za-radio-group--button.za-radio-group--lg .za-radio *+span {
  margin-left: calc(1.25rem / 2);
  margin-left: calc(var(--button-padding-h-lg) / 2);
}

.za-radio-group--button.za-radio-group--md .za-radio {
  padding: 0 1rem;
  padding: 0 var(--button-padding-h-md);
  font-size: 1rem;
  font-size: var(--button-font-size-md);
  height: 2.75rem;
  height: var(--button-height-md);
  line-height: 1.5;
}

.za-radio-group--button.za-radio-group--md .za-radio.za-radio--circle {
  width: 2.75rem;
  width: var(--button-height-md);
  padding: 0;
}

.za-radio-group--button.za-radio-group--md .za-radio .za-icon {
  font-size: 1.375rem;
  font-size: var(--button-icon-size-md);
}

.za-radio-group--button.za-radio-group--md .za-radio.za-radio--link {
  line-height: 2.75rem;
  line-height: var(--button-height-md);
}

.za-radio-group--button.za-radio-group--md .za-radio.za-radio--loading .za-activity-indicator {
  width: 1rem;
  width: var(--button-font-size-md);
  height: 1rem;
  height: var(--button-font-size-md);
}

.za-radio-group--button.za-radio-group--md .za-radio *+span {
  margin-left: calc(1rem / 2);
  margin-left: calc(var(--button-padding-h-md) / 2);
}

.za-radio-group--button.za-radio-group--sm .za-radio {
  padding: 0 0.75rem;
  padding: 0 var(--button-padding-h-sm);
  font-size: 0.875rem;
  font-size: var(--button-font-size-sm);
  height: 2.25rem;
  height: var(--button-height-sm);
  line-height: 1.5;
}

.za-radio-group--button.za-radio-group--sm .za-radio.za-radio--circle {
  width: 2.25rem;
  width: var(--button-height-sm);
  padding: 0;
}

.za-radio-group--button.za-radio-group--sm .za-radio .za-icon {
  font-size: 1.125rem;
  font-size: var(--button-icon-size-sm);
}

.za-radio-group--button.za-radio-group--sm .za-radio.za-radio--link {
  line-height: 2.25rem;
  line-height: var(--button-height-sm);
}

.za-radio-group--button.za-radio-group--sm .za-radio.za-radio--loading .za-activity-indicator {
  width: 0.875rem;
  width: var(--button-font-size-sm);
  height: 0.875rem;
  height: var(--button-font-size-sm);
}

.za-radio-group--button.za-radio-group--sm .za-radio *+span {
  margin-left: calc(0.75rem / 2);
  margin-left: calc(var(--button-padding-h-sm) / 2);
}

.za-radio-group--button.za-radio-group--xs .za-radio {
  padding: 0 0.5rem;
  padding: 0 var(--button-padding-h-xs);
  font-size: 0.75rem;
  font-size: var(--button-font-size-xs);
  height: 1.75rem;
  height: var(--button-height-xs);
  line-height: 1.5;
}

.za-radio-group--button.za-radio-group--xs .za-radio.za-radio--circle {
  width: 1.75rem;
  width: var(--button-height-xs);
  padding: 0;
}

.za-radio-group--button.za-radio-group--xs .za-radio .za-icon {
  font-size: 1rem;
  font-size: var(--button-icon-size-xs);
}

.za-radio-group--button.za-radio-group--xs .za-radio.za-radio--link {
  line-height: 1.75rem;
  line-height: var(--button-height-xs);
}

.za-radio-group--button.za-radio-group--xs .za-radio.za-radio--loading .za-activity-indicator {
  width: 0.75rem;
  width: var(--button-font-size-xs);
  height: 0.75rem;
  height: var(--button-font-size-xs);
}

.za-radio-group--button.za-radio-group--xs .za-radio *+span {
  margin-left: calc(0.5rem / 2);
  margin-left: calc(var(--button-padding-h-xs) / 2);
}

.za-radio-group--button.za-radio-group--ghost .za-radio.za-radio--checked,
.za-radio-group--button.za-radio-group--ghost .za-radio.za-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);
}

.za-radio-group--button.za-radio-group--ghost .za-radio.za-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);
}

.za-radio-group--button.za-radio-group--ghost .za-radio.za-radio--checked.za-radio--disabled,
.za-radio-group--button.za-radio-group--ghost .za-radio.za-radio--checked.za-radio--disabled:active,
.za-radio-group--button.za-radio-group--ghost .za-radio.za-radio--checked.za-radio--disabled:hover,
.za-radio-group--button.za-radio-group--ghost .za-radio.za-radio--checked.za-radio--disabled:focus,
.za-radio-group--button.za-radio-group--ghost .za-radio.za-radio--checked.za-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;
}

.za-radio-group--button.za-radio-group--compact .za-radio:not(:last-child) {
  margin-right: -1PX;
}

.za-radio-group--button.za-radio-group--compact .za-radio:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.za-radio-group--button.za-radio-group--compact .za-radio:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.za-radio-group--button.za-radio-group--compact .za-radio:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.za-radio-group--button.za-radio-group--compact .za-radio.za-radio--checked {
  z-index: 1;
}

.za-radio-group--cell {
  display: block;
  overflow: visible;
}

.za-radio-group--cell .za-radio-group__inner {
  margin-right: 0;
  margin-bottom: 0;
}

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

.za-search-bar {
  background: #fff;
  background: var(--search-bar-background);
}

.za-search-bar__form {
  height: 2.75rem;
  margin: 0 0.9375rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  overflow: hidden;
}

.za-search-bar__content {
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  padding: 0 0.5rem;
  height: 1.75rem;
  background: #f2f2f2;
  background: var(--search-bar-inner-background);
  overflow: hidden;
}

.za-search-bar__content .za-search-bar__icon {
  margin-right: 0.25rem;
  color: #a9a9a9;
  color: var(--color-text-placeholder);
}

.za-search-bar__mock {
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
  font-size: 0.875rem;
  font-size: var(--search-bar-font-size);
}

.za-search-bar__mock .za-input {
  background-color: transparent;
}

.za-search-bar__mock .za-input input::-webkit-search-cancel-button {
  display: none;
}

.za-search-bar__cancel {
  font-size: 0.875rem;
  font-size: var(--search-bar-font-size);
  color: #343434;
  color: var(--color-text);
  margin-left: 0.9375rem;
}

.za-search-bar--focus .za-search-bar__cancel {
  -webkit-transition: all .2s;
  transition: all .2s;
  margin-right: 0;
}

.za-search-bar--radius .za-search-bar__content {
  border-radius: 0.25rem;
  border-radius: var(--radius-md);
}

.za-search-bar--round .za-search-bar__content {
  border-radius: 62.5rem;
  border-radius: var(--radius-round);
}

.za-select {
  width: 100%;
  height: 100%;
}

.za-select__input {
  position: relative;
  width: 100%;
  padding: 0.75rem 0;
  line-height: 1.75rem;
}

.za-select--placeholder .za-select__input {
  color: #a9a9a9;
  color: var(--color-text-placeholder);
}

.za-select--arrow .za-select__input {
  padding-right: 1.25rem;
}

.za-select--arrow .za-select__input:after {
  content: "";
  position: absolute;
  width: 0.625rem;
  width: var(--cell-arrow-length);
  height: 0.625rem;
  height: var(--cell-arrow-length);
  top: calc(0.9375rem + 0.1875rem);
  top: calc(var(--cell-padding-v) + 0.1875rem);
  right: 0.125rem;
  border-right: 0.125rem solid #bcbcbc;
  border-right: 0.125rem solid var(--cell-arrow-color);
  border-bottom: 0.125rem solid #bcbcbc;
  border-bottom: 0.125rem solid var(--cell-arrow-color);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.za-select--disabled .za-select__input {
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

.za-slider {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
}

.za-slider__content {
  position: relative;
  margin: calc(1.5rem / 2) calc(1.5rem / 2);
  margin: calc(var(--slider-handle-size) / 2) calc(var(--slider-handle-size) / 2);
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
}

.za-slider__line {
  position: relative;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
  height: 0.125rem;
  height: var(--slider-line-height);
  background-color: #dcdcdc;
  background-color: var(--slider-line-background);
}

.za-slider__line .za-slider__line__bg {
  height: 100%;
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--theme-primary);
}

.za-slider__line .za-slider__line__dot {
  position: absolute;
  width: 0.375rem;
  width: var(--slider-line-dot-width);
  height: 0.375rem;
  height: var(--slider-line-dot-width);
  margin-top: calc((0.375rem + 0.125rem) / -2);
  margin-top: calc((var(--slider-line-dot-width) + var(--slider-line-height)) / -2);
  margin-left: calc(0.375rem / -2);
  margin-left: calc(var(--slider-line-dot-width) / -2);
  background-color: #fff;
  background-color: var(--slider-line-dot-color);
  border: 0.0625rem solid #dcdcdc;
  border: 0.0625rem solid var(--slider-line-background);
  border-radius: 50%;
  cursor: pointer;
}

.za-slider__line .za-slider__line__dot--active {
  border: 0.0625rem solid hsl(156, 100%, 36.9%);
  border: 0.0625rem solid var(--theme-primary);
}

.za-slider__handle {
  position: absolute;
  left: 0;
  margin-top: calc((1.5rem + 0.125rem) / -2);
  margin-top: calc((var(--slider-handle-size) + var(--slider-line-height)) / -2);
  margin-left: calc(1.5rem / -2);
  margin-left: calc(var(--slider-handle-size) / -2);
  width: 1.5rem;
  width: var(--slider-handle-size);
  height: 1.5rem;
  height: var(--slider-handle-size);
  border-radius: 50%;
  background-color: #fff;
  background-color: var(--slider-handle-background);
  -webkit-box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.4);
  box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: var(--slider-handle-shadow);
  box-shadow: var(--slider-handle-shadow);
  -ms-touch-action: none;
  touch-action: none;
}

.za-slider__handle .za-tooltip {
  display: block;
}

.za-slider__handle .za-slider__handle__shadow {
  width: 1.5rem;
  width: var(--slider-handle-size);
  height: 1.5rem;
  height: var(--slider-handle-size);
}

.za-slider__marks {
  position: absolute;
  font-size: 0.9375rem;
  font-size: var(--slider-mark-size);
  top: 0.625rem;
  left: 0;
  right: 0;
  color: #dcdcdc;
  color: var(--slider-line-background);
}

.za-slider__marks .za-slider__mark {
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
}

.za-slider--marked .za-slider__content {
  margin: calc(1rem / 2) calc(1rem / 2);
  margin: calc(var(--slider-handle-size-small) / 2) calc(var(--slider-handle-size-small) / 2);
}

.za-slider--marked .za-slider__handle {
  width: 1rem;
  width: var(--slider-handle-size-small);
  height: 1rem;
  height: var(--slider-handle-size-small);
  margin-top: calc((1rem + 0.125rem) / -2);
  margin-top: calc((var(--slider-handle-size-small) + var(--slider-line-height)) / -2);
  margin-left: calc(1rem / -2);
  margin-left: calc(var(--slider-handle-size-small) / -2);
}

.za-slider--marked .za-slider__handle .za-slider__handle__shadow {
  width: 1rem;
  width: var(--slider-handle-size-small);
  height: 1rem;
  height: var(--slider-handle-size-small);
}

.za-slider--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  opacity: var(--opacity-disabled);
}

.za-slider--vertical {
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  flex-direction: column-reverse;
  width: auto;
  height: 100%;
  -webkit-align-items: initial;
  -ms-flex-align: initial;
  -webkit-box-align: initial;
  align-items: initial;
}

.za-slider--vertical .za-slider__content {
  margin: calc(1.5rem / 2) calc(1.5rem / 2);
  margin: calc(var(--slider-handle-size) / 2) calc(var(--slider-handle-size) / 2);
}

.za-slider--vertical .za-slider__line {
  width: 0.125rem;
  width: var(--slider-vertical-line-width);
  position: absolute;
  top: 0;
  height: 100%;
}

.za-slider--vertical .za-slider__line .za-slider__line__bg {
  position: absolute;
  bottom: 0;
  width: 0.125rem;
  width: var(--slider-line-height);
}

.za-slider--vertical .za-slider__line__dot {
  margin-bottom: calc(0.375rem / -2);
  margin-bottom: calc(var(--slider-line-dot-width) / -2);
  margin-left: calc((0.375rem - 0.125rem) / -2);
  margin-left: calc((var(--slider-line-dot-width) - var(--slider-line-height)) / -2);
}

.za-slider--vertical .za-slider__handle {
  margin-top: calc(1.5rem / -2);
  margin-top: calc(var(--slider-handle-size) / -2);
}

.za-slider--vertical.za-slider--marked .za-slider__content {
  margin: calc(1rem / 2) calc(1rem / 2);
  margin: calc(var(--slider-handle-size-small) / 2) calc(var(--slider-handle-size-small) / 2);
}

.za-slider--vertical.za-slider--marked .za-slider__marks {
  top: 0;
  left: 0.9375rem;
  width: 1.25rem;
  height: 100%;
}

.za-slider--vertical.za-slider--marked .za-slider__mark {
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}

.za-slider--vertical.za-slider--marked .za-slider__handle {
  margin-top: 0;
  margin-bottom: calc(1rem / -2);
  margin-bottom: calc(var(--slider-handle-size-small) / -2);
  margin-left: calc((1rem - 0.125rem) / -2);
  margin-left: calc((var(--slider-handle-size-small) - var(--slider-line-height)) / -2);
  width: 1rem;
  width: var(--slider-handle-size-small);
  height: 1rem;
  height: var(--slider-handle-size-small);
}

.za-stepper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

.za-stepper .za-input input {
  height: 100%;
  text-align: center;
}

.za-stepper .za-input--disabled input {
  color: #343434;
  color: var(--color-text);
  -webkit-text-fill-color: #343434;
  -webkit-text-fill-color: var(--color-text);
  cursor: auto;
}

.za-stepper .za-input--disabled .za-input__virtual-input {
  color: #343434;
  color: var(--color-text);
  -webkit-text-fill-color: #343434;
  -webkit-text-fill-color: var(--color-text);
  cursor: auto;
}

.za-stepper .za-input__content {
  height: 100%;
}

.za-stepper .za-input__virtual-input {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

.za-stepper__sub,
.za-stepper__plus {
  width: 1.75rem;
  width: var(--stepper-height-md);
  padding: 0;
}

.za-stepper__sub .za-icon,
.za-stepper__plus .za-icon {
  font-size: 0.75rem;
  font-size: var(--stepper-icon-font-size-md);
}

.za-stepper__input {
  position: relative;
  width: 3.125rem;
  width: var(--stepper-input-width-md);
  height: 1.75rem;
  height: var(--stepper-height-md);
  margin: 0 0.25rem;
  margin: 0 var(--stepper-input-margin-h-md);
  padding: 0 0.5rem;
  padding: 0 var(--stepper-input-padding-h-md);
  font-size: 0.875rem;
  font-size: var(--stepper-input-font-size-md);
  background: #fff;
  background: var(--stepper-input-background);
  color: #343434;
  color: var(--color-text);
  text-align: center;
  border: 0.0625rem solid #dcdcdc;
  border: 0.0625rem solid var(--border-color);
  border-radius: 0;
  outline: 0;
  -webkit-appearance: none;
}

.za-stepper--disabled .za-stepper__input {
  color: #bcbcbc;
  color: var(--stepper-input-disabled);
  opacity: 0.5;
  opacity: var(--opacity-disabled);
}

.za-stepper--radius .za-stepper__input {
  border-radius: 0.25rem;
  border-radius: var(--radius-md);
}

.za-stepper--circle .za-stepper__input {
  border-radius: 1.75rem;
  border-radius: var(--stepper-height-md);
}

.za-stepper--lg .za-stepper__input {
  width: 3.75rem;
  width: var(--stepper-input-width-lg);
  height: 2.25rem;
  height: var(--stepper-height-lg);
  margin: 0 0.25rem;
  margin: 0 var(--stepper-input-margin-h-lg);
  padding: 0 0.5rem;
  padding: 0 var(--stepper-input-padding-h-lg);
  font-size: 1rem;
  font-size: var(--stepper-input-font-size-lg);
}

.za-stepper--lg .za-stepper__sub,
.za-stepper--lg .za-stepper__plus {
  width: 2.25rem;
  width: var(--stepper-height-lg);
  padding: 0;
}

.za-stepper--lg .za-stepper__sub .za-icon,
.za-stepper--lg .za-stepper__plus .za-icon {
  font-size: 0.875rem;
  font-size: var(--stepper-icon-font-size-lg);
}

.za-swipe-action {
  position: relative;
  overflow: hidden;
}

.za-swipe-action__content {
  position: relative;
}

.za-swipe-action__actions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  position: absolute;
  height: 100%;
  top: 0;
}

.za-swipe-action__actions--left {
  left: 0;
}

.za-swipe-action__actions--right {
  right: 0;
}

.za-swipe-action .za-button {
  font-size: 0.875rem;
}

.za-switch__input {
  position: relative;
  width: 3.3125rem;
  width: var(--switch-width);
  height: 2rem;
  height: var(--switch-height);
  border: calc((2rem - 1.625rem) / 2) solid #dcdcdc;
  border: calc((var(--switch-height) - var(--switch-handle-size)) / 2) solid var(--switch-border-color);
  border-radius: 62.5rem;
  border-radius: var(--radius-round);
  background-color: #dcdcdc;
  background-color: var(--switch-background);
  vertical-align: middle;
  -webkit-transition: background-color .1s,border .1s;
  transition: background-color .1s,border .1s;
  outline: 0;
  -webkit-appearance: none;
}

.za-switch__input:before,
.za-switch__input:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 1.625rem;
  height: var(--switch-handle-size);
  border-radius: 62.5rem;
  border-radius: var(--radius-round);
}

.za-switch__input:before {
  width: calc(3.3125rem - 2rem + 1.625rem);
  width: calc(var(--switch-width) - var(--switch-height) + var(--switch-handle-size));
  background-color: #dcdcdc;
  background-color: var(--switch-background);
  transition: transform .35s cubic-bezier(0.45, 1, 0.4, 1),-webkit-transform .35s cubic-bezier(0.45, 1, 0.4, 1);
}

.za-switch__input:after {
  width: 1.625rem;
  width: var(--switch-handle-size);
  background-color: #fff;
  background-color: var(--switch-handle-background);
  -webkit-box-shadow: 0 0.0625rem 0.1875rem rgba(0,0,0,.4);
  box-shadow: 0 0.0625rem 0.1875rem rgba(0,0,0,.4);
  transition: transform .35s cubic-bezier(0.4, 0.4, 0.25, 1.35),-webkit-transform .35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
}

.za-switch__input:checked {
  border: calc((2rem - 1.625rem) / 2) solid hsl(156, 100%, 36.9%);
  border: calc((var(--switch-height) - var(--switch-handle-size)) / 2) solid var(--theme-primary);
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--theme-primary);
}

.za-switch__input:checked:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

.za-switch__input:checked:after {
  -webkit-transform: translateX(calc(3.3125rem - 2rem));
  transform: translateX(calc(3.3125rem - 2rem));
  -webkit-transform: translateX(calc(var(--switch-width) - var(--switch-height)));
  transform: translateX(calc(var(--switch-width) - var(--switch-height)));
}

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

.za-tabs__header {
  position: relative;
  overflow: hidden;
}

.za-tabs__tablist {
  position: relative;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.za-tabs__panel {
  display: none;
  position: relative;
  -webkit-transition: height .3s;
  transition: height .3s;
  height: 100%;
}

.za-tabs__panel--active {
  display: block;
}

.za-tabs__tab {
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
  text-align: center;
  color: #343434;
  color: var(--color-text);
  font-size: 1rem;
  font-size: var(--tabs-item-font-size);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}

.za-tabs__tab--disabled {
  color: #bcbcbc;
  color: var(--color-text-disabled);
  cursor: not-allowed;
}

.za-tabs__line {
  position: absolute;
  -webkit-transition: -webkit-transform .3s ease-out;
  transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out;
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--theme-primary);
}

.za-tabs__line__inner {
  display: block;
  margin: auto;
  height: 100%;
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--theme-primary);
}

.za-tabs--scroll .za-tabs__tablist::-webkit-scrollbar {
  display: none;
}

.za-tabs--horizontal .za-tabs__header {
  width: 100%;
}

.za-tabs--horizontal .za-tabs__header:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-bottom: 1PX solid #dcdcdc;
  border-bottom: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
  .za-tabs--horizontal .za-tabs__header:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-tabs--horizontal .za-tabs__tablist {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  height: 2.8125rem;
  height: var(--tabs-height);
  line-height: 2.8125rem;
  line-height: var(--tabs-height);
}

.za-tabs--horizontal .za-tabs__line {
  height: 0.125rem;
  height: var(--tabs-line-height);
  left: 0;
  bottom: 0;
}

.za-tabs--horizontal.za-tabs--scroll .za-tabs__tablist {
  overflow-x: auto;
}

.za-tabs--horizontal.za-tabs--scroll .za-tabs__tab {
  overflow: visible;
  padding: 0 1.25rem;
  padding: 0 var(--tabs-item-horizontal-padding);
}

.za-tabs--vertical {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
}

.za-tabs--vertical .za-tabs__header:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-right: 1PX solid #dcdcdc;
  border-right: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
  .za-tabs--vertical .za-tabs__header:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-tabs--vertical .za-tabs__tablist {
  height: 100%;
}

.za-tabs--vertical .za-tabs__tab {
  text-align: center;
  padding: 0.75rem 1.25rem;
  padding: var(--tabs-item-vertical-padding) var(--tabs-item-horizontal-padding);
}

.za-tabs--vertical .za-tabs__line {
  width: 0.125rem;
  width: var(--tabs-line-height);
  top: 0;
  right: 0;
}

.za-tabs--vertical .za-tabs__body {
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
  position: relative;
}

.za-tabs--vertical.za-tabs--scroll .za-tabs__tablist {
  overflow-y: auto;
}

.za-toast {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.za-toast__container {
  position: relative;
  padding: 0.75rem 1rem;
  padding: var(--padding-v-md) var(--padding-h-md);
  border-radius: 0.375rem;
  border-radius: var(--toast-border-radius);
  background: rgba(0, 0, 0, 0.8);
  background: var(--toast-background);
  color: #fff;
  color: var(--toast-color);
  text-align: center;
  font-size: 0.8125rem;
  font-size: var(--toast-font-size);
}

.za-tooltip {
  padding: 0.375rem 0.5rem;
  padding: var(--tooltip-padding-v) var(--tooltip-padding-h);
  background-color: rgba(0, 0, 0, 0.8);
  background-color: var(--tooltip-background);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-size: var(--tooltip-font-size);
  color: #fff;
  color: var(--tooltip-color);
  z-index: 1700;
  z-index: var(--zindex-tooltip);
}

.za-tooltip[x-placement^=right] {
  margin-left: 0.625rem;
}

.za-tooltip[x-placement^=right] .za-tooltip__arrow {
  left: -0.25rem;
  border-width: 0.25rem 0.25rem 0.25rem 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: var(--tooltip-background);
}

.za-tooltip[x-placement^=top] {
  margin-bottom: 0.625rem;
}

.za-tooltip[x-placement^=top] .za-tooltip__arrow {
  bottom: -0.25rem;
  border-width: 0.25rem 0.25rem 0;
  border-width: var(--tooltip-arrow-size) var(--tooltip-arrow-size) 0;
  border-top-color: rgba(0, 0, 0, 0.8);
  border-top-color: var(--tooltip-background);
}

.za-tooltip[x-placement^=bottom] {
  margin-top: 0.625rem;
}

.za-tooltip[x-placement^=bottom] .za-tooltip__arrow {
  top: -0.25rem;
  border-width: 0 0.25rem 0.25rem 0.25rem;
  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: var(--tooltip-background);
}

.za-tooltip[x-placement^=left] {
  margin-right: 0.625rem;
}

.za-tooltip[x-placement^=left] .za-tooltip__arrow {
  right: -0.25rem;
  border-width: 0.25rem 0 0.25rem 0.25rem;
  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: var(--tooltip-background);
}

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

.za-wheel {
  display: block;
  position: relative;
  width: 100%;
  height: calc(5 * 2.125rem);
  height: calc(var(--wheel-item-rows) * var(--wheel-item-height));
  overflow: hidden;
}

.za-wheel__content {
  margin-top: calc(2.125rem * 2);
  margin-top: calc(var(--wheel-item-height) * 2);
}

.za-wheel__item {
  text-align: center;
  font-size: 1.125rem;
  font-size: var(--wheel-item-font-size);
  line-height: 2.125rem;
  line-height: var(--wheel-item-height);
  height: 2.125rem;
  height: var(--wheel-item-height);
  color: #343434;
  color: var(--wheel-color);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.za-wheel__item--disabled {
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

.za-tab-bar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  width: 100%;
  background: #fff;
  background: var(--tabbar-background);
  height: 3.125rem;
  height: var(--tabbar-height);
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  text-align: center;
  position: fixed;
  left: 0;
  bottom: 0;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-property: height bottom;
  transition-property: height bottom;
  overflow: hidden;
}

.za-tab-bar--hidden {
  bottom: -3.125rem;
  bottom: var(--tabbar-hidden-bottom);
  height: 0;
}

.za-tab-bar--active .za-tab-bar__title,
.za-tab-bar--active .za-tab-bar__icon {
  color: hsl(156, 100%, 36.9%);
  color: var(--tabbar-item-active-color);
}

.za-tab-bar__item {
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
}

.za-tab-bar__item .za-tab-bar__title {
  font-size: 0.75rem;
  font-size: var(--tabbar-item-font-size);
  line-height: 1;
  margin-top: 0.125rem;
}

.za-tab-bar__item .za-tab-bar__icon {
  display: inline-block;
  vertical-align: middle;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.125rem;
}

.za-image-preview {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  height: 100%;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  padding: 0;
}

.za-image-preview__title {
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  color: #fff;
  color: var(--color-text-inverse);
  height: 3.75rem;
  line-height: 3.75rem;
  font-size: 1rem;
  font-size: var(--font-size-lg);
}

.za-image-preview__content {
  height: 100%;
  width: 100%;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.za-image-preview__item {
  text-align: center;
  position: relative;
  overflow: auto;
}

.za-image-preview__item img {
  width: 100%;
}

.za-image-preview__item__img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.za-image-preview__footer {
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 0 1rem;
  padding: 0 var(--padding-v-lg);
}

.za-image-preview__index {
  text-align: right;
  color: #fff;
  color: var(--color-text-inverse);
  padding: 1rem;
  padding: var(--padding-v-lg);
  font-size: 1rem;
  font-size: var(--font-size-lg);
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
}

.za-image-preview .za-popup {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

.za-image-preview .za-popup__wrapper {
  padding: 0;
}

.za-image-preview__loading {
  vertical-align: middle;
  display: inline-block;
  margin-right: 0.5rem;
  margin-right: var(--padding-h-xs);
}

.za-image-preview__origin__button {
  background: #2d2d2d;
  background: var(--image-preview-origin-button-background);
  border: none;
  border-radius: 0.125rem;
  border-radius: var(--radius-xs);
  font-size: 0.75rem;
  font-size: var(--font-size-sm);
  display: inline-block;
  color: #fff;
  color: var(--color-text-inverse);
  padding: 0 0.75rem;
  padding: 0 var(--padding-h-sm);
  height: 1.75rem;
  height: var(--button-height-xs);
  line-height: 1.75rem;
  line-height: var(--button-height-xs);
}

.za-image-preview .za-carousel {
  height: 100%;
  width: 100%;
}

.za-image-preview .za-carousel__items {
  height: 100%;
}

.za-image-preview .za-mask {
  background-color: #000;
}

.za-pinch-zoom {
  overflow: hidden;
  position: relative;
  -ms-touch-action: auto;
  touch-action: auto;
  min-height: 100%;
}

.za-pinch-zoom>* {
  -webkit-transform: translate(var(--x), var(--y)) scale(var(--scale));
  transform: translate(var(--x), var(--y)) scale(var(--scale));
  will-change: transform;
}

.za-stack-picker {
  width: 100%;
  height: 100%;
  background: #fff;
  background: var(--stack-picker-background);
}

.za-stack-picker__input {
  width: 100%;
  padding: 0.9375rem 0;
  padding: var(--cell-padding-v) 0;
}

.za-stack-picker__placeholder {
  color: #a9a9a9;
  color: var(--color-text-placeholder);
}

.za-stack-picker--disabled {
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

.za-stack-picker__header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
  position: relative;
  width: 100%;
  height: 2.8125rem;
  height: var(--picker-header-height);
  line-height: 2.8125rem;
  line-height: var(--picker-header-height);
  font-size: 1rem;
  font-size: var(--picker-header-font-size);
  background: #f7f7f7;
  background: var(--picker-header-background);
}

.za-stack-picker__header:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-top: 1PX solid #dcdcdc;
  border-top: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
  .za-stack-picker__header:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-stack-picker__cancel,
.za-stack-picker__submit {
  padding: 0 1.25rem;
  padding: 0 var(--padding-h-lg);
  cursor: pointer;
}

.za-stack-picker__cancel {
  color: #909090;
  color: var(--color-text-caption);
}

.za-stack-picker__submit {
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
}

.za-stack-picker__column-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

.za-stack-picker__column-group .za-stack-picker__item {
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
  text-align: center;
}

.za-stack-picker__crumbs {
  position: relative;
  padding: 0.9375rem 1.25rem;
  padding: var(--cell-padding-v) var(--padding-h-lg);
  line-height: 1.5rem;
  line-height: var(--stack-picker-crumbs-line-height);
  font-size: 0.875rem;
  font-size: var(--font-size-md);
  color: #909090;
  color: var(--color-text-caption);
}

.za-stack-picker__crumbs:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-bottom: 1PX solid #dcdcdc;
  border-bottom: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
  .za-stack-picker__crumbs:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-stack-picker__crumbs p {
  margin: 0;
}

.za-stack-picker__crumbs-error {
  color: #ff5050;
  color: var(--stack-picker-error);
}

.za-stack-picker__group {
  position: relative;
  height: calc(8 * 2.1875rem);
  height: calc(8 * var(--stack-picker-stack-item-height));
  overflow: hidden;
}

.za-stack-picker__stack-column {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.za-stack-picker__stack-column--hidden~.za-stack-picker__stack-column {
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
}

.za-stack-picker__stack-column--hidden .za-stack-picker__item {
  padding-left: 1.25rem;
  padding-left: var(--stack-picker-padding);
}

.za-stack-picker__stack-column:nth-child(1) {
  z-index: 1001;
}

.za-stack-picker__stack-column:nth-child(1) .za-stack-picker__stack-column-wrapper {
  z-index: 3;
}

.za-stack-picker__stack-column:nth-child(2) {
  z-index: 2002;
}

.za-stack-picker__stack-column:nth-child(2) .za-stack-picker__stack-column-wrapper {
  z-index: 5;
  left: 3.75rem;
  left: var(--stack-picker-left);
}

.za-stack-picker__stack-column:nth-child(3) {
  z-index: 3003;
  left: calc(3.75rem * (3 - 2));
  left: calc(var(--stack-picker-left) * (3 - 2));
}

.za-stack-picker__stack-column:nth-child(3) .za-stack-picker__stack-column-wrapper {
  z-index: 7;
  left: 3.75rem;
  left: var(--stack-picker-left);
}

.za-stack-picker__stack-column:nth-child(4) {
  z-index: 4004;
  left: calc(3.75rem * (4 - 2));
  left: calc(var(--stack-picker-left) * (4 - 2));
}

.za-stack-picker__stack-column:nth-child(4) .za-stack-picker__stack-column-wrapper {
  z-index: 9;
  left: 3.75rem;
  left: var(--stack-picker-left);
}

.za-stack-picker__stack-column:nth-child(5) {
  z-index: 5005;
  left: calc(3.75rem * (5 - 2));
  left: calc(var(--stack-picker-left) * (5 - 2));
}

.za-stack-picker__stack-column:nth-child(5) .za-stack-picker__stack-column-wrapper {
  z-index: 11;
  left: 3.75rem;
  left: var(--stack-picker-left);
}

.za-stack-picker__stack-column:not(:last-child) .za-stack-picker__stack-column__item {
  padding-right: 2.5rem;
}

.za-stack-picker__stack-column:not(:last-child) .za-stack-picker__stack-column__item:before {
  position: absolute;
  right: 0.9375rem;
  top: 50%;
  content: "";
  width: 0.5625rem;
  height: 0.5625rem;
  margin-top: -0.25rem;
  border-right: 0.125rem solid #c7c7cc;
  border-top: 0.125rem solid #c7c7cc;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.za-stack-picker__stack-column:first-child:last-child .za-stack-picker__stack-column__item,
.za-stack-picker__stack-column:nth-child(2):last-child .za-stack-picker__stack-column__item {
  padding-left: 1.25rem;
  padding-left: var(--stack-picker-padding);
}

.za-stack-picker__stack-column-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: calc(1.25rem * -1);
  right: calc(var(--stack-picker-padding) * -1);
  bottom: 0;
  padding-right: 1.25rem;
  padding-right: var(--stack-picker-padding);
  overflow-y: scroll;
  -webkit-box-shadow: 0 0 0.625rem rgba(0, 0, 0, .3);
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, .3);
  -webkit-box-shadow: var(--stack-picker-shadow);
  box-shadow: var(--stack-picker-shadow);
  background: #fff;
  background: var(--stack-picker-background);
}

.za-stack-picker__stack-column-item {
  position: relative;
  padding: 0 0.625rem;
  line-height: 2.1875rem;
  line-height: var(--stack-picker-stack-item-height);
  font-size: 1rem;
  font-size: var(--stack-picker-stack-item-font-size);
  color: #343434;
  color: var(--color-text);
  -webkit-transition: padding-left .4s;
  transition: padding-left .4s;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.za-stack-picker__stack-column-item:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-bottom: 1PX solid #dcdcdc;
  border-bottom: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
  .za-stack-picker__stack-column-item:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-stack-picker__stack-column-item--active {
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
}
html,
body,
#root {
  height: 100%;
  overflow: hidden;
}

body {
  margin: 0;
}

:root {
  --sk-size: 2.5rem;
  --sk-color: #06c;
}

.ant-btn-primary {
  color: #fff;
  background: #2F54EB !important;
  border-color: #2F54EB !important;
}

.ant-btn.ant-btn-link {
  color: #2F54EB !important;
}

.ant-btn-background-ghost.ant-btn-primary {
  color: #2F54EB !important;
  border-color: #2F54EB !important;
}

.ant-btn-link[disabled],
.ant-btn-link[disabled]:active,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:hover {
  color: rgba(0,0,0,.25) !important;
  background: transparent !important;
  border-color: transparent !important;
}

.react-grid-item {
  overflow: hidden;
}

.ant-tabs-left.editorTabclass 
.ant-tabs-nav,
.ant-tabs-left.editorTabclass .ant-tabs-nav-list {
  width: 2.5rem!important;
  min-width: 2.5rem!important;
}

.ant-tabs-left.editorTabclass {
  height: 100%;
}

.ant-tabs-left.editorTabclass > .ant-tabs-nav .ant-tabs-tab {
  padding: 1.25rem 0 !important;
}

.ant-tabs-left.editorTabclass .ant-tabs-tab {
  margin: 0 !important;
}

.ant-tabs-left.editorTabclass .ant-tabs-tab   div {
  display: inline-block;
}

.ant-tabs-left.editorTabclass .ant-tabs-content-holder {
  overflow: auto;
  padding: 0.5rem;
}

.ant-tabs-left.editorTabclass .ant-tabs-tabpane {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0.625rem!important;
  padding-right: 0.625rem!important;
  padding-bottom: 2.5rem;
}

.ant-tabs-left.editorTabclass .ant-tabs-tab {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.ant-tabs-left.editorTabclass .ant-tabs-tab .anticon.anticon-play-circle {
  margin-right: 0 !important;
}

.ant-tabs-left.editorTabclass .ant-tabs-tab .anticon {
  margin-right: 0 !important;
}

#form_editor {
  margin-bottom: 6.25rem;
}

#form_editor .ant-form-item-label > label {
  position: fixed;
  color: #4A4A4A;
}

#form_editor .ant-form-item-label {
  text-align: start;
}

#form_editor .ant-form-item-control {
  text-align: end;
}

#form_editor .ant-form-item {
  margin-bottom: 1.25rem;
}

#form_editor .ant-input-number-handler-wrap {
  width: 0.75rem;
}

#form_editor .ant-input,
#form_editor .ant-input-number,
#form_editor .ant-select-selector {
  background-color: #f6f6f6;
  /* width: 160px; */
}

#form_editor .ant-form-item .ant-select {
  width: 87%;
  text-align: center;
}

#form_editor .ant-radio-wrapper {
  margin-right: 0;
}

#form_editor .ant-input-number {
  width: 2.625rem;
  height: 1.5rem;
  border: 0.0625rem solid #DBDBDB;
}

#form_editor .ant-input-number-handler-down-inner {
  text-align: right;
  -webkit-transform: translateY(-50%) translateX(13%);
  transform: translateY(-50%) translateX(13%);
}

#form_editor .ant-input-number-handler-up-inner {
  text-align: right;
  -webkit-transform: translateY(-26%) translateX(15%);
  transform: translateY(-26%) translateX(15%);
}

#form_editor .ant-input-number-input {
  height: 1.25rem;
  line-height: 1.25rem;
  padding-left: 0.25rem;
}

#form_editor .ant-form-item-control-input-content {
  line-height: 0.875rem;
}

#form_editor .ant-form-item-label > label::after {
  content: '';
}

#form_editor .za-cell:after {
  border-top: 0;
}

#form_editor .za-cell__content {
  font-size: 0.875rem;
}

#form_editor .za-select--arrow .za-select__input:after {
  display: none;
}

#form_editor .ant-upload-list-picture-card-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 1.875rem;
}

#form_editor_no .ant-form-item {
  margin-bottom: 0 !important;
}

img {
  -webkit-user-drag: none;
}

.rotate-animate {
  margin: 6.25rem auto;
  border: 1rem solid #f3f3f3;
  border-radius: 50%;
  border-top: 1rem solid #2842d8;
  width: 8.125rem;
  height: 8.125rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  font-size: 0.75rem;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.ant-form-item-explain.ant-form-item-explain-error {
  text-indent: 8.3em;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */

/* stylelint-disable no-duplicate-selectors */

/* stylelint-disable */

/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

[class^=ant-]::-ms-clear,
[class*= ant-]::-ms-clear,
[class^=ant-] input::-ms-clear,
[class*= ant-] input::-ms-clear,
[class^=ant-] input::-ms-reveal,
[class*= ant-] input::-ms-reveal {
  display: none;
}

/* stylelint-disable property-no-vendor-prefix, at-rule-no-vendor-prefix */

html,
body {
  width: 100%;
  height: 100%;
}

input::-ms-clear,
input::-ms-reveal {
  display: none;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@-ms-viewport {
  width: device-width;
}

body {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.875rem;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-variant: tabular-nums;
  line-height: 1.5715;
  background-color: #fff;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
}

[tabindex='-1']:focus {
  outline: none !important;
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}

p {
  margin-top: 0;
  margin-bottom: 1em;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}

address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}

input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 500;
}

dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1em;
}

dfn {
  font-style: italic;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #7958fa;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}

a:hover {
  color: #9f82ff;
}

a:active {
  color: #583fd4;
}

a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}

a:focus {
  text-decoration: none;
  outline: 0;
}

a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}

pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}

figure {
  margin: 0 0 1em;
}

img {
  vertical-align: middle;
  border-style: none;
}

a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  color: rgba(0, 0, 0, 0.45);
  text-align: left;
  caption-side: bottom;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type='radio'],
input[type='checkbox'] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

[type='search'] {
  outline-offset: -0.125rem;
  -webkit-appearance: none;
}

[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

mark {
  padding: 0.2em;
  background-color: #feffe6;
}

::-moz-selection {
  color: #fff;
  background: #7958fa;
}

::selection {
  color: #fff;
  background: #7958fa;
}

.clearfix::before {
  display: table;
  content: '';
}

.clearfix::after {
  display: table;
  clear: both;
  content: '';
}

.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.anticon > * {
  line-height: 1;
}

.anticon svg {
  display: inline-block;
}

.anticon::before {
  display: none;
}

.anticon .anticon-icon {
  display: block;
}

.anticon > .anticon {
  line-height: 0;
  vertical-align: 0;
}

.anticon[tabindex] {
  cursor: pointer;
}

.anticon-spin,
.anticon-spin::before {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}

.ant-fade-enter,
.ant-fade-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-fade-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-fade-enter.ant-fade-enter-active,
.ant-fade-appear.ant-fade-appear-active {
  -webkit-animation-name: antFadeIn;
  animation-name: antFadeIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.ant-fade-leave.ant-fade-leave-active {
  -webkit-animation-name: antFadeOut;
  animation-name: antFadeOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}

.ant-fade-enter,
.ant-fade-appear {
  opacity: 0;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

.ant-fade-leave {
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes antFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes antFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes antFadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes antFadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.ant-move-up-enter,
.ant-move-up-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-move-up-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-move-up-enter.ant-move-up-enter-active,
.ant-move-up-appear.ant-move-up-appear-active {
  -webkit-animation-name: antMoveUpIn;
  animation-name: antMoveUpIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.ant-move-up-leave.ant-move-up-leave-active {
  -webkit-animation-name: antMoveUpOut;
  animation-name: antMoveUpOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}

.ant-move-up-enter,
.ant-move-up-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.ant-move-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}

.ant-move-down-enter,
.ant-move-down-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-move-down-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-move-down-enter.ant-move-down-enter-active,
.ant-move-down-appear.ant-move-down-appear-active {
  -webkit-animation-name: antMoveDownIn;
  animation-name: antMoveDownIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.ant-move-down-leave.ant-move-down-leave-active {
  -webkit-animation-name: antMoveDownOut;
  animation-name: antMoveDownOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}

.ant-move-down-enter,
.ant-move-down-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.ant-move-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}

.ant-move-left-enter,
.ant-move-left-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-move-left-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-move-left-enter.ant-move-left-enter-active,
.ant-move-left-appear.ant-move-left-appear-active {
  -webkit-animation-name: antMoveLeftIn;
  animation-name: antMoveLeftIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.ant-move-left-leave.ant-move-left-leave-active {
  -webkit-animation-name: antMoveLeftOut;
  animation-name: antMoveLeftOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}

.ant-move-left-enter,
.ant-move-left-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.ant-move-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}

.ant-move-right-enter,
.ant-move-right-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-move-right-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-move-right-enter.ant-move-right-enter-active,
.ant-move-right-appear.ant-move-right-appear-active {
  -webkit-animation-name: antMoveRightIn;
  animation-name: antMoveRightIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.ant-move-right-leave.ant-move-right-leave-active {
  -webkit-animation-name: antMoveRightOut;
  animation-name: antMoveRightOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}

.ant-move-right-enter,
.ant-move-right-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.ant-move-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}

@-webkit-keyframes antMoveDownIn {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}

@keyframes antMoveDownIn {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}

@-webkit-keyframes antMoveDownOut {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
}

@keyframes antMoveDownOut {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
}

@-webkit-keyframes antMoveLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}

@keyframes antMoveLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}

@-webkit-keyframes antMoveLeftOut {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
}

@keyframes antMoveLeftOut {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
}

@-webkit-keyframes antMoveRightIn {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}

@keyframes antMoveRightIn {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}

@-webkit-keyframes antMoveRightOut {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
}

@keyframes antMoveRightOut {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
}

@-webkit-keyframes antMoveUpIn {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}

@keyframes antMoveUpIn {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }
}

@-webkit-keyframes antMoveUpOut {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
}

@keyframes antMoveUpOut {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
  }
}

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

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

[ant-click-animating='true'],
[ant-click-animating-without-extra-node='true'] {
  position: relative;
}

html {
  --antd-wave-shadow-color: #7958fa;
  --scroll-bar: 0;
}

[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: inherit;
  -webkit-box-shadow: 0 0 0 0 #7958fa;
  box-shadow: 0 0 0 0 #7958fa;
  -webkit-box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  opacity: 0.2;
  -webkit-animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}

@-webkit-keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 #7958fa;
    box-shadow: 0 0 0 #7958fa;
    -webkit-box-shadow: 0 0 0 0.375rem var(--antd-wave-shadow-color);
    box-shadow: 0 0 0 0.375rem var(--antd-wave-shadow-color);
  }
}

@keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 #7958fa;
    box-shadow: 0 0 0 #7958fa;
    -webkit-box-shadow: 0 0 0 0.375rem var(--antd-wave-shadow-color);
    box-shadow: 0 0 0 0.375rem var(--antd-wave-shadow-color);
  }
}

@-webkit-keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}

@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}

.ant-slide-up-enter,
.ant-slide-up-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-slide-up-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-slide-up-enter.ant-slide-up-enter-active,
.ant-slide-up-appear.ant-slide-up-appear-active {
  -webkit-animation-name: antSlideUpIn;
  animation-name: antSlideUpIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.ant-slide-up-leave.ant-slide-up-leave-active {
  -webkit-animation-name: antSlideUpOut;
  animation-name: antSlideUpOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}

.ant-slide-up-enter,
.ant-slide-up-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.ant-slide-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

.ant-slide-down-enter,
.ant-slide-down-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-slide-down-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-slide-down-enter.ant-slide-down-enter-active,
.ant-slide-down-appear.ant-slide-down-appear-active {
  -webkit-animation-name: antSlideDownIn;
  animation-name: antSlideDownIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.ant-slide-down-leave.ant-slide-down-leave-active {
  -webkit-animation-name: antSlideDownOut;
  animation-name: antSlideDownOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}

.ant-slide-down-enter,
.ant-slide-down-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.ant-slide-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

.ant-slide-left-enter,
.ant-slide-left-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-slide-left-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-slide-left-enter.ant-slide-left-enter-active,
.ant-slide-left-appear.ant-slide-left-appear-active {
  -webkit-animation-name: antSlideLeftIn;
  animation-name: antSlideLeftIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.ant-slide-left-leave.ant-slide-left-leave-active {
  -webkit-animation-name: antSlideLeftOut;
  animation-name: antSlideLeftOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}

.ant-slide-left-enter,
.ant-slide-left-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.ant-slide-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

.ant-slide-right-enter,
.ant-slide-right-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-slide-right-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-slide-right-enter.ant-slide-right-enter-active,
.ant-slide-right-appear.ant-slide-right-appear-active {
  -webkit-animation-name: antSlideRightIn;
  animation-name: antSlideRightIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.ant-slide-right-leave.ant-slide-right-leave-active {
  -webkit-animation-name: antSlideRightOut;
  animation-name: antSlideRightOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}

.ant-slide-right-enter,
.ant-slide-right-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.ant-slide-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

@-webkit-keyframes antSlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0;
  }

  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
}

@keyframes antSlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0;
  }

  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
}

@-webkit-keyframes antSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }

  100% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0;
  }
}

@keyframes antSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }

  100% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0;
  }
}

@-webkit-keyframes antSlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
  }

  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}

@keyframes antSlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
  }

  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}

@-webkit-keyframes antSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }

  100% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
  }
}

@keyframes antSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }

  100% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
  }
}

@-webkit-keyframes antSlideLeftIn {
  0% {
    -webkit-transform: scaleX(0.8);
    transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0;
  }

  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
}

@keyframes antSlideLeftIn {
  0% {
    -webkit-transform: scaleX(0.8);
    transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0;
  }

  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
}

@-webkit-keyframes antSlideLeftOut {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }

  100% {
    -webkit-transform: scaleX(0.8);
    transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0;
  }
}

@keyframes antSlideLeftOut {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }

  100% {
    -webkit-transform: scaleX(0.8);
    transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0;
  }
}

@-webkit-keyframes antSlideRightIn {
  0% {
    -webkit-transform: scaleX(0.8);
    transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 0;
  }

  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}

@keyframes antSlideRightIn {
  0% {
    -webkit-transform: scaleX(0.8);
    transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 0;
  }

  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}

@-webkit-keyframes antSlideRightOut {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }

  100% {
    -webkit-transform: scaleX(0.8);
    transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 0;
  }
}

@keyframes antSlideRightOut {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }

  100% {
    -webkit-transform: scaleX(0.8);
    transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 0;
  }
}

.ant-zoom-enter,
.ant-zoom-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-zoom-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-zoom-enter.ant-zoom-enter-active,
.ant-zoom-appear.ant-zoom-appear-active {
  -webkit-animation-name: antZoomIn;
  animation-name: antZoomIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.ant-zoom-leave.ant-zoom-leave-active {
  -webkit-animation-name: antZoomOut;
  animation-name: antZoomOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}

.ant-zoom-enter,
.ant-zoom-appear {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.ant-zoom-enter-prepare,
.ant-zoom-appear-prepare {
  -webkit-transform: none;
  transform: none;
}

.ant-zoom-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.ant-zoom-big-enter,
.ant-zoom-big-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-zoom-big-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-zoom-big-enter.ant-zoom-big-enter-active,
.ant-zoom-big-appear.ant-zoom-big-appear-active {
  -webkit-animation-name: antZoomBigIn;
  animation-name: antZoomBigIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.ant-zoom-big-leave.ant-zoom-big-leave-active {
  -webkit-animation-name: antZoomBigOut;
  animation-name: antZoomBigOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}

.ant-zoom-big-enter,
.ant-zoom-big-appear {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.ant-zoom-big-enter-prepare,
.ant-zoom-big-appear-prepare {
  -webkit-transform: none;
  transform: none;
}

.ant-zoom-big-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.ant-zoom-big-fast-enter,
.ant-zoom-big-fast-appear {
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-zoom-big-fast-leave {
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active,
.ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active {
  -webkit-animation-name: antZoomBigIn;
  animation-name: antZoomBigIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active {
  -webkit-animation-name: antZoomBigOut;
  animation-name: antZoomBigOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}

.ant-zoom-big-fast-enter,
.ant-zoom-big-fast-appear {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.ant-zoom-big-fast-enter-prepare,
.ant-zoom-big-fast-appear-prepare {
  -webkit-transform: none;
  transform: none;
}

.ant-zoom-big-fast-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.ant-zoom-up-enter,
.ant-zoom-up-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-zoom-up-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-zoom-up-enter.ant-zoom-up-enter-active,
.ant-zoom-up-appear.ant-zoom-up-appear-active {
  -webkit-animation-name: antZoomUpIn;
  animation-name: antZoomUpIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.ant-zoom-up-leave.ant-zoom-up-leave-active {
  -webkit-animation-name: antZoomUpOut;
  animation-name: antZoomUpOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}

.ant-zoom-up-enter,
.ant-zoom-up-appear {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.ant-zoom-up-enter-prepare,
.ant-zoom-up-appear-prepare {
  -webkit-transform: none;
  transform: none;
}

.ant-zoom-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.ant-zoom-down-enter,
.ant-zoom-down-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-zoom-down-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-zoom-down-enter.ant-zoom-down-enter-active,
.ant-zoom-down-appear.ant-zoom-down-appear-active {
  -webkit-animation-name: antZoomDownIn;
  animation-name: antZoomDownIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.ant-zoom-down-leave.ant-zoom-down-leave-active {
  -webkit-animation-name: antZoomDownOut;
  animation-name: antZoomDownOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}

.ant-zoom-down-enter,
.ant-zoom-down-appear {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.ant-zoom-down-enter-prepare,
.ant-zoom-down-appear-prepare {
  -webkit-transform: none;
  transform: none;
}

.ant-zoom-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.ant-zoom-left-enter,
.ant-zoom-left-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-zoom-left-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-zoom-left-enter.ant-zoom-left-enter-active,
.ant-zoom-left-appear.ant-zoom-left-appear-active {
  -webkit-animation-name: antZoomLeftIn;
  animation-name: antZoomLeftIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.ant-zoom-left-leave.ant-zoom-left-leave-active {
  -webkit-animation-name: antZoomLeftOut;
  animation-name: antZoomLeftOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}

.ant-zoom-left-enter,
.ant-zoom-left-appear {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.ant-zoom-left-enter-prepare,
.ant-zoom-left-appear-prepare {
  -webkit-transform: none;
  transform: none;
}

.ant-zoom-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.ant-zoom-right-enter,
.ant-zoom-right-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-zoom-right-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-zoom-right-enter.ant-zoom-right-enter-active,
.ant-zoom-right-appear.ant-zoom-right-appear-active {
  -webkit-animation-name: antZoomRightIn;
  animation-name: antZoomRightIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.ant-zoom-right-leave.ant-zoom-right-leave-active {
  -webkit-animation-name: antZoomRightOut;
  animation-name: antZoomRightOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none;
}

.ant-zoom-right-enter,
.ant-zoom-right-appear {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}

.ant-zoom-right-enter-prepare,
.ant-zoom-right-appear-prepare {
  -webkit-transform: none;
  transform: none;
}

.ant-zoom-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

@-webkit-keyframes antZoomIn {
  0% {
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes antZoomIn {
  0% {
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    opacity: 0;
  }
}

@keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    opacity: 0;
  }
}

@-webkit-keyframes antZoomBigIn {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes antZoomBigIn {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
  }
}

@keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
  }
}

@-webkit-keyframes antZoomUpIn {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }
}

@keyframes antZoomUpIn {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }
}

@-webkit-keyframes antZoomUpOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 0;
  }
}

@keyframes antZoomUpOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 0;
  }
}

@-webkit-keyframes antZoomLeftIn {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
  }
}

@keyframes antZoomLeftIn {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
  }
}

@-webkit-keyframes antZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
  }

  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    opacity: 0;
  }
}

@keyframes antZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
  }

  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    opacity: 0;
  }
}

@-webkit-keyframes antZoomRightIn {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
}

@keyframes antZoomRightIn {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
}

@-webkit-keyframes antZoomRightOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }

  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 0;
  }
}

@keyframes antZoomRightOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }

  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 0;
  }
}

@-webkit-keyframes antZoomDownIn {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}

@keyframes antZoomDownIn {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
}

@-webkit-keyframes antZoomDownOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }

  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
}

@keyframes antZoomDownOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }

  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }
}

.ant-motion-collapse-legacy {
  overflow: hidden;
}

.ant-motion-collapse-legacy-active {
  -webkit-transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

.ant-motion-collapse {
  overflow: hidden;
  -webkit-transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

.login-form .ant-form-item {
  margin-bottom: 0.9375rem;
}

.login-form .ant-input {
  height: 2.5rem;
  border-radius: 0;
}

#root,
.custom-layout.ant-layout.ant-layout-has-sider,
.ant-spin-nested-loading.custom-layout-spin {
  height: 100%;
}

.custom-layout-spin .ant-spin-container,
.custom-layout-spin .ant-spin.ant-spin-spinning {
  height: 100%;
  max-height: unset;
}

.ant-tree .ant-tree-node-content-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 6.25rem;
}

.za-radio__input {
  width: 100% !important;
  height: 100% !important;
}

#baseform__Checkradio .za-radio--checked .za-radio__widget .za-radio__inner {
  background-color: var(--theme-radio-cms2) !important;
  border-color: var(--theme-radio-cms2) !important;
}

.h40 {
  height: 2.5rem;
}

.push-search-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.25rem;
  min-width: 18.75rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.push-search-item .label {
  padding-right: 0.3125rem;
  display: inline-block;
  text-align: right;
  min-width: 6.25rem;
}

.push-search-item .ant-btn {
  margin-right: 0.3125rem;
}

.push-search-item > div {
  width: 100%;
}

.other-search-button-item {
  margin-bottom: 0.625rem;
}

.other-search-button-item > button {
  margin-right: 0.625rem;
}

.ant-radio-group {
  line-height: inherit;
}

.table-container-page {
  padding: 1.5rem;
}

.table-container-page .table-container-page-head {
  padding: 0 0 1.5rem 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */

/* stylelint-disable no-duplicate-selectors */

/* stylelint-disable */

/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

.ant-layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
  background: #f0f2f5;
}

.ant-layout,
.ant-layout * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.ant-layout.ant-layout-has-sider {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.ant-layout.ant-layout-has-sider > .ant-layout,
.ant-layout.ant-layout-has-sider > .ant-layout-content {
  width: 0;
}

.ant-layout-header,
.ant-layout-footer {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.ant-layout-header {
  height: 4rem;
  padding: 0 3.125rem;
  color: rgba(0, 0, 0, 0.85);
  line-height: 4rem;
  background: #001529;
}

.ant-layout-footer {
  padding: 1.5rem 3.125rem;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.875rem;
  background: #f0f2f5;
}

.ant-layout-content {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
}

.ant-layout-sider {
  position: relative;
  /* fix firefox can't set width smaller than content on flex item */
  min-width: 0;
  background: #001529;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.ant-layout-sider-children {
  height: 100%;
  margin-top: -0.00625rem;
  padding-top: 0.00625rem;
}

.ant-layout-sider-children .ant-menu.ant-menu-inline-collapsed {
  width: auto;
}

.ant-layout-sider-has-trigger {
  padding-bottom: 3rem;
}

.ant-layout-sider-right {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.ant-layout-sider-trigger {
  position: fixed;
  bottom: 0;
  z-index: 1;
  height: 3rem;
  color: #fff;
  line-height: 3rem;
  text-align: center;
  background: #002140;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.ant-layout-sider-zero-width > * {
  overflow: hidden;
}

.ant-layout-sider-zero-width-trigger {
  position: absolute;
  top: 4rem;
  right: -2.25rem;
  z-index: 1;
  width: 2.25rem;
  height: 2.625rem;
  color: #fff;
  font-size: 1.125rem;
  line-height: 2.625rem;
  text-align: center;
  background: #001529;
  border-radius: 0 0.125rem 0.125rem 0;
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

.ant-layout-sider-zero-width-trigger::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
}

.ant-layout-sider-zero-width-trigger:hover::after {
  background: rgba(255, 255, 255, 0.1);
}

.ant-layout-sider-zero-width-trigger-right {
  left: -2.25rem;
  border-radius: 0.125rem 0 0 0.125rem;
}

.ant-layout-sider-light {
  background: #fff;
}

.ant-layout-sider-light .ant-layout-sider-trigger {
  color: rgba(0, 0, 0, 0.85);
  background: #fff;
}

.ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
  color: rgba(0, 0, 0, 0.85);
  background: #fff;
}

.ant-layout-rtl {
  direction: rtl;
}

.login-form .ant-form-item {
  margin-bottom: 0.9375rem;
}

.login-form .ant-input {
  height: 2.5rem;
  border-radius: 0;
}

#root,
.custom-layout.ant-layout.ant-layout-has-sider,
.ant-spin-nested-loading.custom-layout-spin {
  height: 100%;
}

.custom-layout-spin .ant-spin-container,
.custom-layout-spin .ant-spin.ant-spin-spinning {
  height: 100%;
  max-height: unset;
}

.ant-tree .ant-tree-node-content-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 6.25rem;
}

.za-radio__input {
  width: 100% !important;
  height: 100% !important;
}

#baseform__Checkradio .za-radio--checked .za-radio__widget .za-radio__inner {
  background-color: var(--theme-radio-cms2) !important;
  border-color: var(--theme-radio-cms2) !important;
}

.h40 {
  height: 2.5rem;
}

.push-search-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.25rem;
  min-width: 18.75rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.push-search-item .label {
  padding-right: 0.3125rem;
  display: inline-block;
  text-align: right;
  min-width: 6.25rem;
}

.push-search-item .ant-btn {
  margin-right: 0.3125rem;
}

.push-search-item > div {
  width: 100%;
}

.other-search-button-item {
  margin-bottom: 0.625rem;
}

.other-search-button-item > button {
  margin-right: 0.625rem;
}

.ant-radio-group {
  line-height: inherit;
}

.table-container-page {
  padding: 1.5rem;
}

.table-container-page .table-container-page-head {
  padding: 0 0 1.5rem 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */

/* stylelint-disable no-duplicate-selectors */

/* stylelint-disable */

/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

.ant-spin {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.875rem;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: absolute;
  display: none;
  color: #7958fa;
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.ant-spin-spinning {
  position: static;
  display: inline-block;
  opacity: 1;
}

.ant-spin-nested-loading {
  position: relative;
}

.ant-spin-nested-loading > div > .ant-spin {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 25rem;
}

.ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.625rem;
}

.ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 0.3125rem;
  text-shadow: 0 0.0625rem 0.125rem #fff;
}

.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
  margin-top: -1.25rem;
}

.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
  margin: -0.4375rem;
}

.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
  padding-top: 0.125rem;
}

.ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
  margin-top: -1.0625rem;
}

.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
  margin: -1rem;
}

.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
  padding-top: 0.6875rem;
}

.ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
  margin-top: -1.625rem;
}

.ant-spin-container {
  position: relative;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.ant-spin-container::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none \9;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
  pointer-events: none;
}

.ant-spin-blur {
  clear: both;
  opacity: 0.5;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

.ant-spin-blur::after {
  opacity: 0.4;
  pointer-events: auto;
}

.ant-spin-tip {
  color: rgba(0, 0, 0, 0.45);
}

.ant-spin-dot {
  position: relative;
  display: inline-block;
  font-size: 1.25rem;
  width: 1em;
  height: 1em;
}

.ant-spin-dot-item {
  position: absolute;
  display: block;
  width: 0.5625rem;
  height: 0.5625rem;
  background-color: #7958fa;
  border-radius: 100%;
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0.3;
  -webkit-animation: antSpinMove 1s infinite linear alternate;
  animation: antSpinMove 1s infinite linear alternate;
}

.ant-spin-dot-item:nth-child(1) {
  top: 0;
  left: 0;
}

.ant-spin-dot-item:nth-child(2) {
  top: 0;
  right: 0;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.ant-spin-dot-item:nth-child(3) {
  right: 0;
  bottom: 0;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.ant-spin-dot-item:nth-child(4) {
  bottom: 0;
  left: 0;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.ant-spin-dot-spin {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-animation: antRotate 1.2s infinite linear;
  animation: antRotate 1.2s infinite linear;
}

.ant-spin-sm .ant-spin-dot {
  font-size: 0.875rem;
}

.ant-spin-sm .ant-spin-dot i {
  width: 0.375rem;
  height: 0.375rem;
}

.ant-spin-lg .ant-spin-dot {
  font-size: 2rem;
}

.ant-spin-lg .ant-spin-dot i {
  width: 0.875rem;
  height: 0.875rem;
}

.ant-spin.ant-spin-show-text .ant-spin-text {
  display: block;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ */

  .ant-spin-blur {
    background: #fff;
    opacity: 0.5;
  }
}

@-webkit-keyframes antSpinMove {
  to {
    opacity: 1;
  }
}

@keyframes antSpinMove {
  to {
    opacity: 1;
  }
}

@-webkit-keyframes antRotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes antRotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.ant-spin-rtl {
  direction: rtl;
}

.ant-spin-rtl .ant-spin-dot-spin {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation-name: antRotateRtl;
  animation-name: antRotateRtl;
}

@-webkit-keyframes antRotateRtl {
  to {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg);
  }
}

@keyframes antRotateRtl {
  to {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg);
  }
}

.login-form .ant-form-item {
  margin-bottom: 0.9375rem;
}

.login-form .ant-input {
  height: 2.5rem;
  border-radius: 0;
}

#root,
.custom-layout.ant-layout.ant-layout-has-sider,
.ant-spin-nested-loading.custom-layout-spin {
  height: 100%;
}

.custom-layout-spin .ant-spin-container,
.custom-layout-spin .ant-spin.ant-spin-spinning {
  height: 100%;
  max-height: unset;
}

.ant-tree .ant-tree-node-content-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 6.25rem;
}

.za-radio__input {
  width: 100% !important;
  height: 100% !important;
}

#baseform__Checkradio .za-radio--checked .za-radio__widget .za-radio__inner {
  background-color: var(--theme-radio-cms2) !important;
  border-color: var(--theme-radio-cms2) !important;
}

.h40 {
  height: 2.5rem;
}

.push-search-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.25rem;
  min-width: 18.75rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.push-search-item .label {
  padding-right: 0.3125rem;
  display: inline-block;
  text-align: right;
  min-width: 6.25rem;
}

.push-search-item .ant-btn {
  margin-right: 0.3125rem;
}

.push-search-item > div {
  width: 100%;
}

.other-search-button-item {
  margin-bottom: 0.625rem;
}

.other-search-button-item > button {
  margin-right: 0.625rem;
}

.ant-radio-group {
  line-height: inherit;
}

.table-container-page {
  padding: 1.5rem;
}

.table-container-page .table-container-page-head {
  padding: 0 0 1.5rem 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */

/* stylelint-disable no-duplicate-selectors */

/* stylelint-disable */

/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

.ant-menu-item-danger.ant-menu-item {
  color: #ff4d4f;
}

.ant-menu-item-danger.ant-menu-item:hover,
.ant-menu-item-danger.ant-menu-item-active {
  color: #ff4d4f;
}

.ant-menu-item-danger.ant-menu-item:active {
  background: #fff1f0;
}

.ant-menu-item-danger.ant-menu-item-selected {
  color: #ff4d4f;
}

.ant-menu-item-danger.ant-menu-item-selected > a,
.ant-menu-item-danger.ant-menu-item-selected > a:hover {
  color: #ff4d4f;
}

.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
  background-color: #fff1f0;
}

.ant-menu-inline .ant-menu-item-danger.ant-menu-item::after {
  border-right-color: #ff4d4f;
}

.ant-menu-dark .ant-menu-item-danger.ant-menu-item,
.ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-danger.ant-menu-item > a {
  color: #ff4d4f;
}

.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
  color: #fff;
  background-color: #ff4d4f;
}

.ant-menu {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  line-height: 1.5715;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  margin-bottom: 0;
  padding-left: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.875rem;
  line-height: 0;
  text-align: left;
  list-style: none;
  background: #fff;
  outline: none;
  -webkit-box-shadow: 0 0.1875rem 0.375rem -0.25rem rgba(0, 0, 0, 0.12), 0 0.375rem 1rem 0 rgba(0, 0, 0, 0.08), 0 0.5625rem 1.75rem 0.5rem rgba(0, 0, 0, 0.05);
  box-shadow: 0 0.1875rem 0.375rem -0.25rem rgba(0, 0, 0, 0.12), 0 0.375rem 1rem 0 rgba(0, 0, 0, 0.08), 0 0.5625rem 1.75rem 0.5rem rgba(0, 0, 0, 0.05);
  -webkit-transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
  transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
}

.ant-menu::before {
  display: table;
  content: '';
}

.ant-menu::after {
  display: table;
  clear: both;
  content: '';
}

.ant-menu.ant-menu-root:focus-visible {
  -webkit-box-shadow: 0 0 0 0.125rem #f5f0ff;
  box-shadow: 0 0 0 0.125rem #f5f0ff;
}

.ant-menu ul,
.ant-menu ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ant-menu-overflow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.ant-menu-overflow-item {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.ant-menu-hidden,
.ant-menu-submenu-hidden {
  display: none;
}

.ant-menu-item-group-title {
  height: 1.5715;
  padding: 0.5rem 1rem;
  color: rgba(0, 0, 0, 0.45);
  font-size: 0.875rem;
  line-height: 1.5715;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.ant-menu-horizontal .ant-menu-submenu {
  -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-menu-submenu,
.ant-menu-submenu-inline {
  -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-menu-submenu-selected {
  color: #7958fa;
}

.ant-menu-item:active,
.ant-menu-submenu-title:active {
  background: #f5f0ff;
}

.ant-menu-submenu .ant-menu-sub {
  cursor: initial;
  -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-menu-title-content {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.ant-menu-item a {
  color: rgba(0, 0, 0, 0.85);
}

.ant-menu-item a:hover {
  color: #7958fa;
}

.ant-menu-item a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: '';
}

.ant-menu-item > .ant-badge a {
  color: rgba(0, 0, 0, 0.85);
}

.ant-menu-item > .ant-badge a:hover {
  color: #7958fa;
}

.ant-menu-item-divider {
  overflow: hidden;
  line-height: 0;
  border-color: #f0f0f0;
  border-style: solid;
  border-width: 0.0625rem 0 0;
}

.ant-menu-item-divider-dashed {
  border-style: dashed;
}

.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu {
  margin-top: -0.0625rem;
}

.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
  background-color: transparent;
}

.ant-menu-item-selected {
  color: #7958fa;
}

.ant-menu-item-selected a,
.ant-menu-item-selected a:hover {
  color: #7958fa;
}

.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #f5f0ff;
}

.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
  border-right: 0.0625rem solid #f0f0f0;
}

.ant-menu-vertical-right {
  border-left: 0.0625rem solid #f0f0f0;
}

.ant-menu-vertical.ant-menu-sub,
.ant-menu-vertical-left.ant-menu-sub,
.ant-menu-vertical-right.ant-menu-sub {
  min-width: 10rem;
  max-height: calc(100vh - 6.25rem);
  padding: 0;
  overflow: hidden;
  border-right: 0;
}

.ant-menu-vertical.ant-menu-sub:not([class*='-active']),
.ant-menu-vertical-left.ant-menu-sub:not([class*='-active']),
.ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) {
  overflow-x: hidden;
  overflow-y: auto;
}

.ant-menu-vertical.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}

.ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
  border-right: 0;
}

.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.ant-menu-horizontal.ant-menu-sub {
  min-width: 7.125rem;
}

.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu-title {
  -webkit-transition: border-color 0.3s, background 0.3s;
  transition: border-color 0.3s, background 0.3s;
}

.ant-menu-item,
.ant-menu-submenu-title {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 1.25rem;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-menu-item .ant-menu-item-icon,
.ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu-item .anticon,
.ant-menu-submenu-title .anticon {
  min-width: 0.875rem;
  font-size: 0.875rem;
  -webkit-transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
  transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
}

.ant-menu-item .ant-menu-item-icon + span,
.ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu-item .anticon + span,
.ant-menu-submenu-title .anticon + span {
  margin-left: 0.625rem;
  opacity: 1;
  -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
}

.ant-menu-item .ant-menu-item-icon.svg,
.ant-menu-submenu-title .ant-menu-item-icon.svg {
  vertical-align: -0.125em;
}

.ant-menu-item.ant-menu-item-only-child > .anticon,
.ant-menu-submenu-title.ant-menu-item-only-child > .anticon,
.ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
.ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon {
  margin-right: 0;
}

.ant-menu-item:not(.ant-menu-item-disabled):focus-visible,
.ant-menu-submenu-title:not(.ant-menu-item-disabled):focus-visible {
  -webkit-box-shadow: 0 0 0 0.125rem #f5f0ff;
  box-shadow: 0 0 0 0.125rem #f5f0ff;
}

.ant-menu > .ant-menu-item-divider {
  margin: 0.0625rem 0;
  padding: 0;
}

.ant-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: transparent;
  border-radius: 0.125rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.ant-menu-submenu-popup::before {
  position: absolute;
  top: -0.4375rem;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0.0001;
  content: ' ';
}

.ant-menu-submenu-placement-rightTop::before {
  top: 0;
  left: -0.4375rem;
}

.ant-menu-submenu > .ant-menu {
  background-color: #fff;
  border-radius: 0.125rem;
}

.ant-menu-submenu > .ant-menu-submenu-title::after {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-menu-submenu-popup > .ant-menu {
  background-color: #fff;
}

.ant-menu-submenu-expand-icon,
.ant-menu-submenu-arrow {
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 0.625rem;
  color: rgba(0, 0, 0, 0.85);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-menu-submenu-arrow::before,
.ant-menu-submenu-arrow::after {
  position: absolute;
  width: 0.375rem;
  height: 0.09375rem;
  background-color: currentcolor;
  border-radius: 0.125rem;
  -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
}

.ant-menu-submenu-arrow::before {
  -webkit-transform: rotate(45deg) translateY(-0.15625rem);
  transform: rotate(45deg) translateY(-0.15625rem);
}

.ant-menu-submenu-arrow::after {
  -webkit-transform: rotate(-45deg) translateY(0.15625rem);
  transform: rotate(-45deg) translateY(0.15625rem);
}

.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-expand-icon,
.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
  color: #7958fa;
}

.ant-menu-inline-collapsed .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline .ant-menu-submenu-arrow::before {
  -webkit-transform: rotate(-45deg) translateX(0.15625rem);
  transform: rotate(-45deg) translateX(0.15625rem);
}

.ant-menu-inline-collapsed .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline .ant-menu-submenu-arrow::after {
  -webkit-transform: rotate(45deg) translateX(-0.15625rem);
  transform: rotate(45deg) translateX(-0.15625rem);
}

.ant-menu-submenu-horizontal .ant-menu-submenu-arrow {
  display: none;
}

.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
  -webkit-transform: translateY(-0.125rem);
  transform: translateY(-0.125rem);
}

.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  -webkit-transform: rotate(-45deg) translateX(-0.15625rem);
  transform: rotate(-45deg) translateX(-0.15625rem);
}

.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
  -webkit-transform: rotate(45deg) translateX(0.15625rem);
  transform: rotate(45deg) translateX(0.15625rem);
}

.ant-menu-vertical .ant-menu-submenu-selected,
.ant-menu-vertical-left .ant-menu-submenu-selected,
.ant-menu-vertical-right .ant-menu-submenu-selected {
  color: #7958fa;
}

.ant-menu-horizontal {
  line-height: 2.875rem;
  border: 0;
  border-bottom: 0.0625rem solid #f0f0f0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu {
  margin-top: -0.0625rem;
  margin-bottom: 0;
  padding: 0 1.25rem;
}

.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
  color: #7958fa;
}

.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected::after {
  border-bottom: 0.125rem solid #7958fa;
}

.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
  position: relative;
  top: 0.0625rem;
  display: inline-block;
  vertical-align: bottom;
}

.ant-menu-horizontal > .ant-menu-item::after,
.ant-menu-horizontal > .ant-menu-submenu::after {
  position: absolute;
  right: 1.25rem;
  bottom: 0;
  left: 1.25rem;
  border-bottom: 0.125rem solid transparent;
  -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
}

.ant-menu-horizontal > .ant-menu-submenu > .ant-menu-submenu-title {
  padding: 0;
}

.ant-menu-horizontal > .ant-menu-item a {
  color: rgba(0, 0, 0, 0.85);
}

.ant-menu-horizontal > .ant-menu-item a:hover {
  color: #7958fa;
}

.ant-menu-horizontal > .ant-menu-item a::before {
  bottom: -0.125rem;
}

.ant-menu-horizontal > .ant-menu-item-selected a {
  color: #7958fa;
}

.ant-menu-horizontal::after {
  display: block;
  clear: both;
  height: 0;
  content: '\20';
}

.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item {
  position: relative;
}

.ant-menu-vertical .ant-menu-item::after,
.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-inline .ant-menu-item::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 0.1875rem solid #7958fa;
  -webkit-transform: scaleY(0.0001);
  transform: scaleY(0.0001);
  opacity: 0;
  -webkit-transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  content: '';
}

.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  height: 2.5rem;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  padding: 0 1rem;
  overflow: hidden;
  line-height: 2.5rem;
  text-overflow: ellipsis;
}

.ant-menu-vertical .ant-menu-submenu,
.ant-menu-vertical-left .ant-menu-submenu,
.ant-menu-vertical-right .ant-menu-submenu,
.ant-menu-inline .ant-menu-submenu {
  padding-bottom: 0.00125rem;
}

.ant-menu-vertical .ant-menu-item:not(:last-child),
.ant-menu-vertical-left .ant-menu-item:not(:last-child),
.ant-menu-vertical-right .ant-menu-item:not(:last-child),
.ant-menu-inline .ant-menu-item:not(:last-child) {
  margin-bottom: 0.5rem;
}

.ant-menu-vertical > .ant-menu-item,
.ant-menu-vertical-left > .ant-menu-item,
.ant-menu-vertical-right > .ant-menu-item,
.ant-menu-inline > .ant-menu-item,
.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 2.5rem;
  line-height: 2.5rem;
}

.ant-menu-vertical .ant-menu-item-group-list .ant-menu-submenu-title,
.ant-menu-vertical .ant-menu-submenu-title {
  padding-right: 2.125rem;
}

.ant-menu-inline {
  width: 100%;
}

.ant-menu-inline .ant-menu-selected::after,
.ant-menu-inline .ant-menu-item-selected::after {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  opacity: 1;
  -webkit-transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title {
  width: calc(100% + 0.0625rem);
}

.ant-menu-inline .ant-menu-item-group-list .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 2.125rem;
}

.ant-menu-inline.ant-menu-root .ant-menu-item,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.ant-menu-inline.ant-menu-root .ant-menu-item > .ant-menu-title-content,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title > .ant-menu-title-content {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ant-menu-inline.ant-menu-root .ant-menu-item > *,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title > * {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.ant-menu.ant-menu-inline-collapsed {
  width: 5rem;
}

.ant-menu.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
  left: 0;
  padding: 0 calc(50% - 1rem / 2);
  text-overflow: clip;
}

.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0;
}

.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
  margin: 0;
  font-size: 1rem;
  line-height: 2.5rem;
}

.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span {
  display: inline-block;
  opacity: 0;
}

.ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed .anticon {
  display: inline-block;
}

.ant-menu.ant-menu-inline-collapsed-tooltip {
  pointer-events: none;
}

.ant-menu.ant-menu-inline-collapsed-tooltip .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed-tooltip .anticon {
  display: none;
}

.ant-menu.ant-menu-inline-collapsed-tooltip a {
  color: rgba(255, 255, 255, 0.85);
}

.ant-menu.ant-menu-inline-collapsed .ant-menu-item-group-title {
  padding-right: 0.25rem;
  padding-left: 0.25rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ant-menu-item-group-list {
  margin: 0;
  padding: 0;
}

.ant-menu-item-group-list .ant-menu-item,
.ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 1rem 0 1.75rem;
}

.ant-menu-root.ant-menu-vertical,
.ant-menu-root.ant-menu-vertical-left,
.ant-menu-root.ant-menu-vertical-right,
.ant-menu-root.ant-menu-inline {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ant-menu-root.ant-menu-inline-collapsed .ant-menu-item > .ant-menu-inline-collapsed-noicon,
.ant-menu-root.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title > .ant-menu-inline-collapsed-noicon {
  font-size: 1rem;
  text-align: center;
}

.ant-menu-sub.ant-menu-inline {
  padding: 0;
  background: #fafafa;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ant-menu-sub.ant-menu-inline > .ant-menu-item,
.ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 2.5rem;
  line-height: 2.5rem;
  list-style-position: inside;
  list-style-type: disc;
}

.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-left: 2rem;
}

.ant-menu-item-disabled,
.ant-menu-submenu-disabled {
  color: rgba(0, 0, 0, 0.25) !important;
  background: none;
  cursor: not-allowed;
}

.ant-menu-item-disabled::after,
.ant-menu-submenu-disabled::after {
  border-color: transparent !important;
}

.ant-menu-item-disabled a,
.ant-menu-submenu-disabled a {
  color: rgba(0, 0, 0, 0.25) !important;
  pointer-events: none;
}

.ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(0, 0, 0, 0.25) !important;
  cursor: not-allowed;
}

.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(0, 0, 0, 0.25) !important;
}

.ant-layout-header .ant-menu {
  line-height: inherit;
}

.ant-menu-inline-collapsed-tooltip a,
.ant-menu-inline-collapsed-tooltip a:hover {
  color: #fff;
}

.ant-menu-light .ant-menu-item:hover,
.ant-menu-light .ant-menu-item-active,
.ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-light .ant-menu-submenu-active,
.ant-menu-light .ant-menu-submenu-title:hover {
  color: #7958fa;
}

.ant-menu.ant-menu-root:focus-visible {
  -webkit-box-shadow: 0 0 0 0.125rem #583fd4;
  box-shadow: 0 0 0 0.125rem #583fd4;
}

.ant-menu-dark .ant-menu-item:focus-visible,
.ant-menu-dark .ant-menu-submenu-title:focus-visible {
  -webkit-box-shadow: 0 0 0 0.125rem #583fd4;
  box-shadow: 0 0 0 0.125rem #583fd4;
}

.ant-menu.ant-menu-dark,
.ant-menu-dark .ant-menu-sub,
.ant-menu.ant-menu-dark .ant-menu-sub {
  color: rgba(255, 255, 255, 0.65);
  background: #001529;
}

.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0.45;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  background: #fff;
}

.ant-menu-dark.ant-menu-submenu-popup {
  background: transparent;
}

.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #000c17;
}

.ant-menu-dark.ant-menu-horizontal {
  border-bottom: 0;
}

.ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
  top: 0;
  margin-top: 0;
  padding: 0 1.25rem;
  border-color: #001529;
  border-bottom: 0;
}

.ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {
  background-color: #7958fa;
}

.ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: 0;
}

.ant-menu-dark .ant-menu-item,
.ant-menu-dark .ant-menu-item-group-title,
.ant-menu-dark .ant-menu-item > a,
.ant-menu-dark .ant-menu-item > span > a {
  color: rgba(255, 255, 255, 0.65);
}

.ant-menu-dark.ant-menu-inline,
.ant-menu-dark.ant-menu-vertical,
.ant-menu-dark.ant-menu-vertical-left,
.ant-menu-dark.ant-menu-vertical-right {
  border-right: 0;
}

.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-vertical .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}

.ant-menu-dark.ant-menu-inline .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
  border-right: 0;
}

.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
  width: 100%;
}

.ant-menu-dark .ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-active,
.ant-menu-dark .ant-menu-submenu-active,
.ant-menu-dark .ant-menu-submenu-open,
.ant-menu-dark .ant-menu-submenu-selected,
.ant-menu-dark .ant-menu-submenu-title:hover {
  color: #fff;
  background-color: transparent;
}

.ant-menu-dark .ant-menu-item:hover > a,
.ant-menu-dark .ant-menu-item-active > a,
.ant-menu-dark .ant-menu-submenu-active > a,
.ant-menu-dark .ant-menu-submenu-open > a,
.ant-menu-dark .ant-menu-submenu-selected > a,
.ant-menu-dark .ant-menu-submenu-title:hover > a,
.ant-menu-dark .ant-menu-item:hover > span > a,
.ant-menu-dark .ant-menu-item-active > span > a,
.ant-menu-dark .ant-menu-submenu-active > span > a,
.ant-menu-dark .ant-menu-submenu-open > span > a,
.ant-menu-dark .ant-menu-submenu-selected > span > a,
.ant-menu-dark .ant-menu-submenu-title:hover > span > a {
  color: #fff;
}

.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
  opacity: 1;
}

.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
  background: #fff;
}

.ant-menu-dark .ant-menu-item:hover {
  background-color: transparent;
}

.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #7958fa;
}

.ant-menu-dark .ant-menu-item-selected {
  color: #fff;
  border-right: 0;
}

.ant-menu-dark .ant-menu-item-selected::after {
  border-right: 0;
}

.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-dark .ant-menu-item-selected > span > a,
.ant-menu-dark .ant-menu-item-selected > a:hover,
.ant-menu-dark .ant-menu-item-selected > span > a:hover {
  color: #fff;
}

.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon,
.ant-menu-dark .ant-menu-item-selected .anticon {
  color: #fff;
}

.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon + span,
.ant-menu-dark .ant-menu-item-selected .anticon + span {
  color: #fff;
}

.ant-menu.ant-menu-dark .ant-menu-item-selected,
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
  background-color: #7958fa;
}

.ant-menu-dark .ant-menu-item-disabled,
.ant-menu-dark .ant-menu-submenu-disabled,
.ant-menu-dark .ant-menu-item-disabled > a,
.ant-menu-dark .ant-menu-submenu-disabled > a,
.ant-menu-dark .ant-menu-item-disabled > span > a,
.ant-menu-dark .ant-menu-submenu-disabled > span > a {
  color: rgba(255, 255, 255, 0.35) !important;
  opacity: 0.8;
}

.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(255, 255, 255, 0.35) !important;
}

.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(255, 255, 255, 0.35) !important;
}

.ant-menu.ant-menu-rtl {
  direction: rtl;
  text-align: right;
}

.ant-menu-rtl .ant-menu-item-group-title {
  text-align: right;
}

.ant-menu-rtl.ant-menu-inline,
.ant-menu-rtl.ant-menu-vertical {
  border-right: none;
  border-left: 0.0625rem solid #f0f0f0;
}

.ant-menu-rtl.ant-menu-dark.ant-menu-inline,
.ant-menu-rtl.ant-menu-dark.ant-menu-vertical {
  border-left: none;
}

.ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
  -webkit-transform-origin: top right;
  transform-origin: top right;
}

.ant-menu-rtl .ant-menu-item .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-item .anticon,
.ant-menu-rtl .ant-menu-submenu-title .anticon {
  margin-right: auto;
  margin-left: 0.625rem;
}

.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .anticon,
.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .anticon {
  margin-left: 0;
}

.ant-menu-submenu-rtl.ant-menu-submenu-popup {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-rtl .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  right: auto;
  left: 1rem;
}

.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  -webkit-transform: rotate(-45deg) translateY(-0.125rem);
  transform: rotate(-45deg) translateY(-0.125rem);
}

.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  -webkit-transform: rotate(45deg) translateY(0.125rem);
  transform: rotate(45deg) translateY(0.125rem);
}

.ant-menu-rtl.ant-menu-vertical .ant-menu-item::after,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-rtl.ant-menu-inline .ant-menu-item::after {
  right: auto;
  left: 0;
}

.ant-menu-rtl.ant-menu-vertical .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item,
.ant-menu-rtl.ant-menu-inline .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
  text-align: right;
}

.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 0;
  padding-left: 2.125rem;
}

.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title {
  padding-right: 1rem;
  padding-left: 2.125rem;
}

.ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-submenu-title {
  padding: 0 calc(50% - 1rem / 2);
}

.ant-menu-rtl .ant-menu-item-group-list .ant-menu-item,
.ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 1.75rem 0 1rem;
}

.ant-menu-sub.ant-menu-inline {
  border: 0;
}

.ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-right: 2rem;
  padding-left: 0;
}

.login-form .ant-form-item {
  margin-bottom: 0.9375rem;
}

.login-form .ant-input {
  height: 2.5rem;
  border-radius: 0;
}

#root,
.custom-layout.ant-layout.ant-layout-has-sider,
.ant-spin-nested-loading.custom-layout-spin {
  height: 100%;
}

.custom-layout-spin .ant-spin-container,
.custom-layout-spin .ant-spin.ant-spin-spinning {
  height: 100%;
  max-height: unset;
}

.ant-tree .ant-tree-node-content-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 6.25rem;
}

.za-radio__input {
  width: 100% !important;
  height: 100% !important;
}

#baseform__Checkradio .za-radio--checked .za-radio__widget .za-radio__inner {
  background-color: var(--theme-radio-cms2) !important;
  border-color: var(--theme-radio-cms2) !important;
}

.h40 {
  height: 2.5rem;
}

.push-search-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.25rem;
  min-width: 18.75rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.push-search-item .label {
  padding-right: 0.3125rem;
  display: inline-block;
  text-align: right;
  min-width: 6.25rem;
}

.push-search-item .ant-btn {
  margin-right: 0.3125rem;
}

.push-search-item > div {
  width: 100%;
}

.other-search-button-item {
  margin-bottom: 0.625rem;
}

.other-search-button-item > button {
  margin-right: 0.625rem;
}

.ant-radio-group {
  line-height: inherit;
}

.table-container-page {
  padding: 1.5rem;
}

.table-container-page .table-container-page-head {
  padding: 0 0 1.5rem 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */

/* stylelint-disable no-duplicate-selectors */

/* stylelint-disable */

/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

.ant-tooltip {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.875rem;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1070;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  width: intrinsic;
  max-width: 15.625rem;
  visibility: visible;
}

.ant-tooltip-content {
  position: relative;
}

.ant-tooltip-hidden {
  display: none;
}

.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
  padding-bottom: 0.894607rem;
}

.ant-tooltip-placement-right,
.ant-tooltip-placement-rightTop,
.ant-tooltip-placement-rightBottom {
  padding-left: 0.894607rem;
}

.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
  padding-top: 0.894607rem;
}

.ant-tooltip-placement-left,
.ant-tooltip-placement-leftTop,
.ant-tooltip-placement-leftBottom {
  padding-right: 0.894607rem;
}

.ant-tooltip-inner {
  min-width: 1.875rem;
  min-height: 2rem;
  padding: 0.375rem 0.5rem;
  color: #fff;
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 0.125rem;
  -webkit-box-shadow: 0 0.1875rem 0.375rem -0.25rem rgba(0, 0, 0, 0.12), 0 0.375rem 1rem 0 rgba(0, 0, 0, 0.08), 0 0.5625rem 1.75rem 0.5rem rgba(0, 0, 0, 0.05);
  box-shadow: 0 0.1875rem 0.375rem -0.25rem rgba(0, 0, 0, 0.12), 0 0.375rem 1rem 0 rgba(0, 0, 0, 0.08), 0 0.5625rem 1.75rem 0.5rem rgba(0, 0, 0, 0.05);
}

.ant-tooltip-arrow {
  position: absolute;
  z-index: 2;
  display: block;
  width: 1.375rem;
  height: 1.375rem;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}

.ant-tooltip-arrow-content {
  --antd-arrow-background-color: linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 0.707107rem;
  height: 0.707107rem;
  margin: auto;
  content: '';
  pointer-events: auto;
  border-radius: 0 0 0.125rem;
  pointer-events: none;
}

.ant-tooltip-arrow-content::before {
  position: absolute;
  top: -0.707107rem;
  left: -0.707107rem;
  width: 2.12132rem;
  height: 2.12132rem;
  background: var(--antd-arrow-background-color);
  background-repeat: no-repeat;
  background-position: -0.625rem -0.625rem;
  content: '';
  -webkit-clip-path: inset(33% 33%);
  clip-path: inset(33% 33%);
  -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
  clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
}

.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  bottom: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.ant-tooltip-placement-top .ant-tooltip-arrow-content,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,
.ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
  -webkit-box-shadow: 0.1875rem 0.1875rem 0.4375rem rgba(0, 0, 0, 0.07);
  box-shadow: 0.1875rem 0.1875rem 0.4375rem rgba(0, 0, 0, 0.07);
  -webkit-transform: translateY(-0.6875rem) rotate(45deg);
  transform: translateY(-0.6875rem) rotate(45deg);
}

.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  -webkit-transform: translateY(100%) translateX(-50%);
  transform: translateY(100%) translateX(-50%);
}

.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
  left: 0.8125rem;
}

.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  right: 0.8125rem;
}

.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.ant-tooltip-placement-right .ant-tooltip-arrow-content,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow-content,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content {
  -webkit-box-shadow: -0.1875rem 0.1875rem 0.4375rem rgba(0, 0, 0, 0.07);
  box-shadow: -0.1875rem 0.1875rem 0.4375rem rgba(0, 0, 0, 0.07);
  -webkit-transform: translateX(0.6875rem) rotate(135deg);
  transform: translateX(0.6875rem) rotate(135deg);
}

.ant-tooltip-placement-right .ant-tooltip-arrow {
  top: 50%;
  -webkit-transform: translateX(-100%) translateY(-50%);
  transform: translateX(-100%) translateY(-50%);
}

.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  top: 0.3125rem;
}

.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  bottom: 0.3125rem;
}

.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.ant-tooltip-placement-left .ant-tooltip-arrow-content,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow-content,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content {
  -webkit-box-shadow: 0.1875rem -0.1875rem 0.4375rem rgba(0, 0, 0, 0.07);
  box-shadow: 0.1875rem -0.1875rem 0.4375rem rgba(0, 0, 0, 0.07);
  -webkit-transform: translateX(-0.6875rem) rotate(315deg);
  transform: translateX(-0.6875rem) rotate(315deg);
}

.ant-tooltip-placement-left .ant-tooltip-arrow {
  top: 50%;
  -webkit-transform: translateX(100%) translateY(-50%);
  transform: translateX(100%) translateY(-50%);
}

.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  top: 0.3125rem;
}

.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  bottom: 0.3125rem;
}

.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  top: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.ant-tooltip-placement-bottom .ant-tooltip-arrow-content,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
  -webkit-box-shadow: -0.1875rem -0.1875rem 0.4375rem rgba(0, 0, 0, 0.07);
  box-shadow: -0.1875rem -0.1875rem 0.4375rem rgba(0, 0, 0, 0.07);
  -webkit-transform: translateY(0.6875rem) rotate(225deg);
  transform: translateY(0.6875rem) rotate(225deg);
}

.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  -webkit-transform: translateY(-100%) translateX(-50%);
  transform: translateY(-100%) translateX(-50%);
}

.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 0.8125rem;
}

.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  right: 0.8125rem;
}

.ant-tooltip-pink .ant-tooltip-inner {
  background-color: #eb2f96;
}

.ant-tooltip-pink .ant-tooltip-arrow-content::before {
  background: #eb2f96;
}

.ant-tooltip-magenta .ant-tooltip-inner {
  background-color: #eb2f96;
}

.ant-tooltip-magenta .ant-tooltip-arrow-content::before {
  background: #eb2f96;
}

.ant-tooltip-red .ant-tooltip-inner {
  background-color: #f5222d;
}

.ant-tooltip-red .ant-tooltip-arrow-content::before {
  background: #f5222d;
}

.ant-tooltip-volcano .ant-tooltip-inner {
  background-color: #fa541c;
}

.ant-tooltip-volcano .ant-tooltip-arrow-content::before {
  background: #fa541c;
}

.ant-tooltip-orange .ant-tooltip-inner {
  background-color: #fa8c16;
}

.ant-tooltip-orange .ant-tooltip-arrow-content::before {
  background: #fa8c16;
}

.ant-tooltip-yellow .ant-tooltip-inner {
  background-color: #fadb14;
}

.ant-tooltip-yellow .ant-tooltip-arrow-content::before {
  background: #fadb14;
}

.ant-tooltip-gold .ant-tooltip-inner {
  background-color: #faad14;
}

.ant-tooltip-gold .ant-tooltip-arrow-content::before {
  background: #faad14;
}

.ant-tooltip-cyan .ant-tooltip-inner {
  background-color: #13c2c2;
}

.ant-tooltip-cyan .ant-tooltip-arrow-content::before {
  background: #13c2c2;
}

.ant-tooltip-lime .ant-tooltip-inner {
  background-color: #a0d911;
}

.ant-tooltip-lime .ant-tooltip-arrow-content::before {
  background: #a0d911;
}

.ant-tooltip-green .ant-tooltip-inner {
  background-color: #52c41a;
}

.ant-tooltip-green .ant-tooltip-arrow-content::before {
  background: #52c41a;
}

.ant-tooltip-blue .ant-tooltip-inner {
  background-color: #1890ff;
}

.ant-tooltip-blue .ant-tooltip-arrow-content::before {
  background: #1890ff;
}

.ant-tooltip-geekblue .ant-tooltip-inner {
  background-color: #2f54eb;
}

.ant-tooltip-geekblue .ant-tooltip-arrow-content::before {
  background: #2f54eb;
}

.ant-tooltip-purple .ant-tooltip-inner {
  background-color: #722ed1;
}

.ant-tooltip-purple .ant-tooltip-arrow-content::before {
  background: #722ed1;
}

.ant-tooltip-rtl {
  direction: rtl;
}

.ant-tooltip-rtl .ant-tooltip-inner {
  text-align: right;
}

.login-form .ant-form-item {
  margin-bottom: 0.9375rem;
}

.login-form .ant-input {
  height: 2.5rem;
  border-radius: 0;
}

#root,
.custom-layout.ant-layout.ant-layout-has-sider,
.ant-spin-nested-loading.custom-layout-spin {
  height: 100%;
}

.custom-layout-spin .ant-spin-container,
.custom-layout-spin .ant-spin.ant-spin-spinning {
  height: 100%;
  max-height: unset;
}

.ant-tree .ant-tree-node-content-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 6.25rem;
}

.za-radio__input {
  width: 100% !important;
  height: 100% !important;
}

#baseform__Checkradio .za-radio--checked .za-radio__widget .za-radio__inner {
  background-color: var(--theme-radio-cms2) !important;
  border-color: var(--theme-radio-cms2) !important;
}

.h40 {
  height: 2.5rem;
}

.push-search-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.25rem;
  min-width: 18.75rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.push-search-item .label {
  padding-right: 0.3125rem;
  display: inline-block;
  text-align: right;
  min-width: 6.25rem;
}

.push-search-item .ant-btn {
  margin-right: 0.3125rem;
}

.push-search-item > div {
  width: 100%;
}

.other-search-button-item {
  margin-bottom: 0.625rem;
}

.other-search-button-item > button {
  margin-right: 0.625rem;
}

.ant-radio-group {
  line-height: inherit;
}

.table-container-page {
  padding: 1.5rem;
}

.table-container-page .table-container-page-head {
  padding: 0 0 1.5rem 0;
}
.not-found-component__not-found-view--1Famd {
  padding-top: 9.375rem;
}

.not-found-component__not-found-view--1Famd .not-found-component__main--1Zvm8 {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAApEAAAFXCAMAAADNrOXNAAABhlBMVEX///8AAAD//////Pz/8e//8O7//v7//////Pz//Pz/zcn//Pz/8/L/9/b/+vn/+/v/8e///fz/zMn/+/r/7e3/7+3/+/v/+fj/8u//8vH/8vD/zMr/z8v/9PP/+ff/+Pf/+/r/8/D/9vX/9/X/9fP/9fT/9fQ8PDz/9PT/8/DFxcX/9vRCQkL//v7/zcmenp51dXX39/dXV1deXl5paWny8vL/7+3/8O5vb2/s7Oytra3/zclRUVH/zcnMzMz/zc3/6upHR0fT09NMTEy4uLj/2dmTk5OkpKTm5uZkZGT/zcl/f3//0c//9PL/zcn/0c84ODiHh4eZmZn/zcn/zcp6enqEhISzs7Pa2trh4eH/zcmMjIz/zcn/7uz/7e3/zsq9vb3/zcr/zcn/z8r/zsr/0Mze3t7/zsn/zcn/zcn/zcn/z8z/zcn/zsv/zcr/zcr/zcn/zsr/zcn7+/v/zcn/zcr/zcr/7uz/7uz/zcn/7+7/zMj////9o5v/9/YzMzP/7ez/8vEF816KAAAAe3RSTlOzALS86u+3tr63x7rczsfB7bnww4F/wMnm4OhpRdrKzMTi0tDY09b61eTE1Pe5+9Hgte3q5bfy8OO4y/bw6MEpA/S/88gJ1M665+LcEd6+GPzZ0qRj3trKvbub17VsVT3GV5Q1UR+8XdLNrSXXMHhufUrbtIZyjImHgsAml6ufAAAaI0lEQVR42uzdzW7aQBDA8c41R6s5wTP4BSwLX7ggCx/ghGgRAUQSICFRPppMhZo3b9PQD2AHzM7aHpv5PUCk0fyVwMLGn0BJ8PWzyfMXODlapAhffqyMfnyFU6NFivBt9d1o9RlOjRYpwrkW+UGLFEKLXNMihdAi17RIIbTINS1SiI8iVzveXk/uCEiLFOF3kSs9AgItUoiv7zG+6Z9u0CKl+PLt/PxViwQtUhJ9ewOgRUqiRQJokZJokQBapCRaJIAWKQlZ5DOcEC1Sjq/UeeRJHZFrkYL8OgIyOakDci1SCaNFHqZ3DvKjRaagdw5ypEWmoHcOcqRFpqAHhTnSIlPQInOkRaagReZIi0xBi8yRFknZOPHRLy7mRoskbJ74vOkHznnRIgmbJz4r/cA5L1okYeu148btwFP9wDkXWiRB380URIskaJEF0SIJWmRBtEiCFlkQLZKgVwwKokUS9IpBQbRIil4xKIYWqaTRIpUsWiRb3BjVx9Nad3g3WMwiUBxVL3LiodEZONEc1C7aIf7Pn1+/DBtAKNuA+at4kdEZZrewSa0fIKF1cdcEg1INWIiKF/mCWS0svrnE/YL+HWwr0YBFqXaRAz+jhTV6AaYwrzXhf+UZsDiVLjJuYSYLG7UxLe8hhn/KMmCRKl3kNWaxsLjn4xFaQ/ijJAMWq8pFdjGDhUXdEI/UbsBv5RiweJUtchZksLDkDI/nP8Iv5RhQgKoWGV2h+4UNQrTSaQKUYkAJqlrkE7pf2K2Plq4mpRhQhIoWWUfnC4s6aC8cyB9QiGoWmYTOFxZdI4c3kj6gFNUsso+uFxZ1EAUl2Uctskxu0fXCog5yeQvJA8pRxSIXgfOF9ZAvnAkeUI4KFtmco+uF3aILl02xAwpSwSJ76HphAx+d6EkdUJLqFTlG1wtLQnSkK3NAUSpXZBK6XljURleChcQBZalakUQ+nIUt8QD/qve0rN0un65beMBlJHBAWWQVyX+S0Q26XtgswH1aD6Mm/JWM+z7u8whMN6hF5of/JKOR73xhbdyjXYdtycu+hL0EWEa+Fpkf/pOM4nt0vbAp0uZ3YJJ0kNYBQtoBtcgcnXOL7KDrhcUhknpNIIw9JNWBoYNaZH74RU5xlxeyFnaBlGAItMYcKZdgwhlQi8wIu8iZh7umLc7CJgEZZB32Se6RMgYDzoBaZEZ4RRLX6TvgcRZ2cSBI2qTl+C8qPaAWmRFukQ+4qxVHnCiSwP4XXcNz+kqSHlBfRzqV7tlaz3CI+cNnfwAxZ2EXSHiCw6ZIaAPBbkAt0qWtZ2tZ/19b4jr9A8CEsTDyV+RZBCl0kDACgtWAWqRb3xw9yegad11FAAvGwpZo5jcgjTh0eCZJD6hFuuTsmQg13BXMAGDAWNg9mj1AOl00C5rwrvgBJapIkY2A+u7Xnf3C6mjWShkUfad6Cu8KH1CkahTZvMRd1/BubL+wDvtbjvW9720KH1CkahR5gbvCGN4NrRcWB2gUNiG1SzTyJ0CwGFCLdGpd5GrH22v6r6Hd7Tn161ovrIZmN5De9ODP4A+oRbq0LnLF+hpaEpInhpyFtdHIiyG9qIVGV2BgM6AW6dj62VpvrD/dffreH2Nhse/i+tYLmiWwxhxQi3Tt49lar5wiH3FX0IC1mu3Chmg2gGM0Dr3b5g+oRTrHe3uz8HHXLXxgLKyHRi04zhX3kHz/gFpkFhhFEtfp+7DGWFhocTpu8IhGIawxB9Qis8AqsmdadwJr9gsbOfpMeoZmC/jAHFCLzAKnyOH+r4rZL2yJRmEER7pnnP/wByTvd4p9KLPwIp9hv4m3/92wfZF9V1+S6KFRHwhuB6Tvd0p9LLOMIu0er05cp5834S/7IkNX/ydlzHghyR5w7/1OmWQUaft49SXu8kfwj3WRMzSbwLFizokkf8BzLTJHA//QCzTrIocWv9kIczQaOxlQi5TE+K3qdgQbLIt8snj1R+ig0YuTAbVISUyr9iawwbbIMzRawvFu6bj5A2qRgnTRYAgbbIuMAnfXCAdoFDoZUIuUY+alOJyxLXJi8XaE0kSzJLsB6SL/+7af0NPJ0hZpvDFwH8Mm2yLraOSBjRYajSwGbB054PbB2pv808nSFvmExtvLW2yLrLn8dxRtNBrmMeDWwdqr/L/hP9k7g9VEgiiKUttZuk2+oX8gNLjpjQTdZCVCmDZhTEdjImZgqJ+fRS8k4V1bLy9VXXDPHzzuobVevaoq1cjby5avrJF/Pa/aW4JVUvICi/hXWaiR9/Vl5/pZI1d+S204/rP0KFBGjgTLmMlrMOCM3BI/tAC4jzj3KFBGjoP9pVvOlJG4+fMYGNbRZOZRoIwcBTtLmC4YkEYuos1rIECtpKpxKFBGjoFmA/oiBpyRu2jTBIYpmtpIXeDZsb+xUKKR7eW7KaSRj57tSDjZtk5eIB77G0+LvEAjn6640JEyEk7+bAPHBmxJJi8Qjv2Np0FeoJGLGlxbZ0EaeeN5FSlukTsUqHM22ZnOwellABXYOxrX4eiiyd6hQBmZnbdocBMAZGCt55YNnJB8dyhQRuZmXV317aICgwq1gQEK3joUKCMz0xzA6WUAGdgK3R7AcQSfXIcCZWRWwMfrI0DIwOae29rwvdeVQ4EyMi+/r/0tJQP7hZYiHHuwdHcoUEZm5XkCTi9DyMBeoslNYMDNJIcCZWQ+wCts1S6cgQxsg64P4HgA878OBcrInPwjHvXnAtsmMfLFoUAZmZHHithG4QI7oGtIOf5Ek41DgTIyF+A4/WQRBqACm3kO7MJt8oNDgTIyHx1zVQkZWO35MjY0cuZQoIzMxgN1S/2ov5G1Q4EyMht31vzB0+0gbTTY3n6nCSdS/Y+s0xZYCMUYGX+Wr7M1W08j4Vp7lrbAQpCRRmCJ+pGHcEJG9hRkZBUJuMBS7dlszhUoI8dOwsD897WHO+QyskdG2oHN0fsKHG/Du4gyskdG2oGt0LW4HMfhSQsZ2SMj7cC6JDPkq3BCRvbISDuwZZJzNl04ISN7ZKQd2BEpxNENX44mI3tkpB3YZ5Lz2sdwQkb2FGTkXSQgA8PjYwyw4f55rkAZOXaSBvaBNqI56uFNSRnZIyPtwNbRZhoYplWMQ0cMZWSPjLQDe4b36zEsLniqW0b2yEg7sAY6xLC+wG8Z2VOQkfWEwwy6mnznNXxh5jlE/oHu2E1bYCEUYyQHN2LtvLG9R+ORDmiGvDi4wJaop83Qou6mAzKyOLjA3hK8+dUGB2RkcVCB4bNaDDPUIHdARhYHF9gu2tyH62lgO9IBGVkcXGD30et9bWy3y+pXRhYHGdjBb7H9EE2qaXBARhYHGVjnN4+2RKdsPJCR/9k5YxQKYSCI9r/8tWfwAtbW9kFIYaEWgoJWXt4TTJF1JLsw7wCGYR5ilsRwGAu7eDPE9cuttowMh7GwDD7+hsLl8cZmpsSTkeEwFcb0KH+6sZGR4bAWtrCu2pxotElBRobDWlhiibSii4gUZGQ4rIXNlANp+HDkzoknI8NhLWxoGX8RwGZvnHgyMhzmwn7oh2ZljGCMVD+gU2QkYgcvt1ywOH7VpvoBnSIjEdPNmGxf4ClH/YBOkZEAeKf13xesjoZIXe8goE9kJCTd7881NuAZo4eADztmt+IoEEThIf5E0daIoMmAJlFbDOLt5CnySPPuW6erWofs3kxYcGA892WnqK/P6crP1Nva+tz0o/T26/W56UfpbdN/1m632/v+FDlBkeZJWau2Gfuqiq2qftCNOtfJJS0Cx4mycL+DqBKlYRZRKSqVavoqPl2P7+7B8z7uHyTPO7jvx+sprrqxVecyueT0lcCxCnDoJSnPqtVU/ECx63mm9r4U902ryiRPAyeS87/bIP1MOkwa1GPfVXN/aLA1DeZocPL90PS3aRUxV6H/dWCNHrqusvPqhpF4qAFEQURM/hORPhMJqppBoDoIVELk7RTH3cBfESQXINMLHzp0cXy62eK7JfJ2fcTVoIlmqsSN8F8m0glAf60IyWFBsuqYSGowR4NZ5u83IteUcIWBFbnQYSZm1AFIWKQFIguFCFsZTpGpBJEjUXW9ic1Bd4LKPR5BVT/gM4xkEbAKdkiUskUKkUKz54JIonlsLZHRZM7/9pWTBtmP1VODul0adLLQ329Arqkdx3bmcGwn9dkgSSMj9b1xSFUnNrTFQeZKxDYqjfnorhKfW5LX5eSNO8lGQjJP0wJK0zy/8InaWOQ/QvuGxKdKeTVMFNovELm8Sy7gv9V6HPqeG9SNXBXxYD/ciFxRz+8s8ZBmpImRBjKQRpFB2dCOfCFyKUUegmUQ2T/FtmCF6GUvqksaPc2elV/gkCgcEfiA+YlItletVI0fMD9jv91gmM2xXdaC5MANNg1uijTooMGNyFW1ECkeUrNL0sw0/KMFkGyRz68s2YoiE9tAGU4HrlxBEql9mE2yH2X29DVWkggfY28tcqlE4JNFguUGP0Es7EUipcEZyQYdUoPaNFiX0iDeyRuR60pWG38yHoIVBRNTmBnhaMYlkcaLqAVyKZXYLkvV0pY+g3Xn7YTBwsYMJOV7ZQKVhn4GEnVA2aWKO4Q62bTHVpUliMGNeGER5seFRZJvgWrbFv3hB9nnLa/y4bbYrCxZbfjpj4nhZXc+K0jGleQSadnfRO6FSGuSRNYVJilkeYasGyHJfyRpRoB1NjxqcAwgb++2zpJ8pbJu0MYimchXeOEGM3i5dUkwaRvEQ8I2OPnbpr2+eEHxJ0diTczLqAaPYiDIzKdFlImU2E5q1YhJzmghtnndvj4Q3ECSOWDoWwJyQGQ/qAoPUFv21SIbbFZ58VpoL68LY5IBb1Nzg+zYBki+ctum/Yeds1ttGwiiMGyFHOHWjW/SyuAQlQZqgh5F7/86nTNzViNtZEJlQ9UypyWJ8nMx7OczO7M7/vtK7iFAEitmUGKxsIVUIEuLdPcZq21J22gAtSy3R7akQjnB7gbN3K/YDZjkK83Y4FG6RsoxJH/EQlssEqleXIwWuZrIhkhKhc8AvyE+D/CT1k1hkRuQdXFqImlL9nKgXjSh6aZfy5qCSO/15fMQmGQLu5vlX8NrQENajPLtFdIWjPbiB0BMICECyUKb/XmzyCatIxLVG1pcVwIkkHXsIjchItlkJJ/QmMn6ajzSIXcJKpfampk8t/npeVvlSHadMgkoVcBReey0NT79C3n4rjmbhbaZGCxsNZFwSQvwYQzwRQNkBsArToAMIjcgnr7QJckk9eRANkbkQtHAXp8QyXL78g7JkyHZ6skdqMShCR5aAZIO+Tj9fRToZ1iknyCSmPUbEwnQbNIj9ACl+x69yI0oTZEU6Qmf6QGrpQZS6yZygUieQXq5fdatpHuebiWdyUGMkhoG4xH8vgNS6D17oc265gYidzsiaa86CrFagMgBkbM3osTErTbyycSlyjw2ixktzdrP0l4HknBJ3RgWiRtbQzifS3FESTPHlw6p7SI9cgaQRV2zLnFLW7Lf78sA92OAkbO3ogRpQUofce0lndVHtSdouY7tZ5e99ACmRNKYVChFnbAokifwWBgkHVLrbJY1fu3oxjzQeICZxl4CRE0Te8hNKY0uUsNHKKzWsYboH1e3aGaSB97jAZLMxY4kmQSUWfJULQGp545nXhNjWUMPuzVAKcQYICUByg4ygNyauGCwSXNKSh+b3dX1SsX9Q9zcfdN6u8tEFrvJ6uSqZjw+4h/L8kGqH+mNf+GlnNt7hWl8zZUBwiCF9kjZG1My7YzKulGRRl+u6+fiubh5FiRtK4m25Jw3UVUK38QPySz3kL6JBJD3udtdBMjw5AsEGEBuUSlrN1H6aLH8XHw2GOGJe7abhGY0OrD0UL3wY6eHfg3uPvcWy/gYYOC4WaUlfVSB8uJuv4TkxZAEdhk8PLiEVv6oMiBZZQuQrGpYZ/sdi7tHGAl7w0pX9fEpZN+j98xBLpzdEEljkpkZn8Ch/hcK8R37kPtDyNh6VsNRMfSve+8V3jnCMMh/QH++WDze7u1uTUbSXLIb+zuVJ2hKrdHc0XjEtTW73UsguYk83nVAMGj875VvMuyJJBO32WSbz2SIJZyRwuNII/zxkg3yDYMMI5Bxjza06h76ZHLAxqt0BpXHhJlJARIgOpPUCUC2HYH0UVo7zw4gQ2tuD/nkgCVum9QfaJPoRFZLQoeSBjlMgcxVTRw4h1aPRvST+SqboGHmBpRGZYkjaASOvKvG+WmmbJbZAWRo7QCZJ+7DMzaT9MnPvFUBnVxqjYpjiw2kTYeN47gEMt72JHSTS/Y2OmDvVYHUjTkaMim6AEuXFtfOI9+wwIBEyu6PMdIfuqXgnibugyGpqRs+OYBJYGkXf/RzqzgO4FETNke6J6M9MR0YWk+kD1hlJp+NyV+EEljONeRL5f72EhMg+zoGDULrkfS9JGxyMhr9Q6EUKomli3M3xJHT0z6KJY3I6GH/ZueMVRCIgSAKFmqlBAs7rawk//975mUWdw/szHXzCkHrxyQnN2P+S8mj5iNKTI6cJCiRUm2vAi0wyon4qAtkDvq5imXW9XV6KElM5mwL+09TS6EpqDfxqKkL2qrfNj8PNX6N1izq62RMkpM6vDW28xpiAmhbiHTM9YxvQLpoYBb2dVorgwRabomhnwANxRMbdVwXH1tzE8usrOsMKXOQoC63PEEqwuMeOlYfVQ63kOZ/shudff2Zk0iJlXiJmYCM45eBVk6jHU430FdIE6xt2vYs7MtKuCTz+w0bc6yAMpZPbLOHk7Nq23skJVYObluu1UYesNHRB7ZZbmRUHUph/ywrN5s7cIYcKxic3Hwxa6nlaC6UvUoJqSI2Tjo6NgLSCWlgr5xULRopsfI3sXRCd9rNabMXh42Urek/SsDB+IQWOydDR3exPuzcz6qjMBQG8I/ZzZMExMHUP2BEhGhJK3fTBppr6aYrX2AewFefHM1lnOJmLtxyKecnRjxI3HwYFDxs5QszScs3pXLpbvLrA51QidZ27izBvt4Psvpo7tEwv76EYyhybwn2LOvmEeTnjGI4m2v86zR7rq3WJtxWgj3fdiK50Qn7NjiI7PvhNLL/c91hRTUA2gHBqKBaoIiwbUTRPpYaBA3+0RZ0twGfc3yYba/AXtKuq4ZyJuHtawB1guDtBiN9NcWmdw3bI2jr61L7HaIu7hiTWQQvpuxKB6LKNXXN166wt78sZq7E2jhxIl/UuUcUHzxz+kjkMDnj3SkG2nW9a4zEpswg7S2paKo5c0gPWBx0EeWkkxTYGJ6+gxQJuU02IYVKiJ1MQhScJJmg0QEyyzLRZYsCTRRFlzpa7ADkFdirMPqIqIN3PPn9XMbnQaZvXnoBjBF+M21+EkIMeNQKNYqSpD08mzt/3Ul4FibBpQmpl4BL4zwv2in3HBbvHdbu3cPT22Gxryqpq2CHWms96WAAEFuwF/GHXXtLeRQGwDD87SYQAjGJghEJeMADubEFa8Ubr7qBLiBbn6TqTKfzzwaKb2mwWm2hD8aW1tUsaupIKIi0MbMNmeG7jUDZEs7aSZNZJETgM5UitcD8RN/iVdJ18tr5BKILQodIadvW6Tj251ObAzDDMDg3+IIp2vsq1odWbI2uw5EoJrxnFYAEewXH2ZekNS6KVsL3OGbtUY7jeIW1ALXEkrFq0ulKJT5r3GiIBsicFAlMmt7gkxlCQeQ9CnWbyBpwK9MA1pdI1m2RIDLLp6aYpqlopmPSn5xLHt1hWiGtXlH4aNjJMOwVLc6+JkPulNW+9hCp0/ga9bA3CEqZ31jwsrHN+O+eaqQ8CSK1H+/c5vBVNy/r8RJJSdM0Q/lH5MST7TU2T4lLgE2kAg1rc4p442XY4pJbUSJEhxKPsiyNkoF0UjV4F1md15Hfk2cFOijllOpfIlmepRxZj3FB1/eDGhRZcLl1D3yU8TCxR1cvMr0C2Ew9B6kU45vIAgDZRfbWOp0wCtTyR5FDURTDIZIPTdi6kBVASQhCprLPAFK6pFxXTtZ1vcOXTzj7kh4kVqAVUK3QHCYmrEY6TrbHpoyJQldAqvBDXuSTaS+Syt8iy0EA8Q8io+vVabRsxnSI7Jx4P0fO87yfI5N4uG5eOaF4sHgTaSO8QOZOLFJWTkrJ4ZMrzr4kQbNN5CUuixvMwnMgzfu+58wADXP+JgHpup9F1jG8SFSPQ2QW7Pbth8h91tZApJAdIusK7yK11pvIrqoMNpFoSKebB0Hs+THmB0qVduKvWVudIr+oXaRmbDp+j0w5kPULfAsTQYwmtvlZZF+/RN6Wl8inQRqWVLaJdKG/RYrm2ardUxq9ixwYY/usfRU4RIIC8CLXuq772A8dID5EdgJnX9MuUrSFeRMZiihm6UXmrSfVFQkg4uxDZFARRIZD+CEe72TeptEgEiKETeRlmpxGiMcAxB0t6yIuHs+fvtn8EYlNZMhahD5FPuPzOvKLChaKtq+wDFl4GERa+DpWzvk9XEeqlRhEMaBJ9SGyzDaRSAXQuiiRbSDCyk3knh0BmSu1i4zG8JxVsRVZzi5hZSZNWxljqtao/4scf4tMtNaUaN8TSIoGZ1+TF2lJzxOAE4OYpQB3zDco0AxeJGbWho99Ah7ph0igjHoi9kNdYXugSaXEm0gbkWybtUcB3Hs5lMBCitsL3CSHBshIfkT+J/IyDvwQubqjEmffVcnR7aJmYJrCcnf3dQhdwSEy+EwC3VO8t9ZAwvkbirLz96wWgdqKA6rBn0RdB2ilwdFavt7FUXtsEVZgTy8AsqbdVzztE2dngD7/b3P2iz04EAAAAAAA8n9tBFVVVVVVVVVhDw4EAAAAAID8XxtBVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVpDw5IAAAAAAT9f92OQAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJgIMmChON2ciugAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 100% 100%;
  text-align: center;
  width: 37.5rem;
  height: 18.75rem;
  margin: auto;
  position: relative;
}

.not-found-component__not-found-view--1Famd .not-found-component__main--1Zvm8 .not-found-component__button--I3Yjj {
  position: absolute;
  bottom: 3.125rem;
  margin-left: -2.75rem;
}

.not-found-component__login-form--2Gl7F .not-found-component__ant-form-item--3pMb8 {
  margin-bottom: 0.9375rem;
}

.not-found-component__login-form--2Gl7F .not-found-component__ant-input--14mDl {
  height: 2.5rem;
  border-radius: 0;
}

#not-found-component__root--3UnKU,
.not-found-component__custom-layout--3BRh7.not-found-component__ant-layout--3owYT.not-found-component__ant-layout-has-sider--1W5ZE,
.not-found-component__ant-spin-nested-loading--35ofu.not-found-component__custom-layout-spin--v5rPo {
  height: 100%;
}

.not-found-component__custom-layout-spin--v5rPo .not-found-component__ant-spin-container--1NFfW,
.not-found-component__custom-layout-spin--v5rPo .not-found-component__ant-spin--17nXV.not-found-component__ant-spin-spinning--1Fbw9 {
  height: 100%;
  max-height: unset;
}

.not-found-component__ant-tree--2dyZN .not-found-component__ant-tree-node-content-wrapper--3vSTU {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 6.25rem;
}

.not-found-component__za-radio__input--1UvYA {
  width: 100% !important;
  height: 100% !important;
}

#not-found-component__baseform__Checkradio--1f6rk .not-found-component__za-radio--checked--1hlMq .not-found-component__za-radio__widget--3EUrB .not-found-component__za-radio__inner--1XJnU {
  background-color: var(--theme-radio-cms2) !important;
  border-color: var(--theme-radio-cms2) !important;
}

.not-found-component__h40--1PB1N {
  height: 2.5rem;
}

.not-found-component__push-search-item--vReeF {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.25rem;
  min-width: 18.75rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.not-found-component__push-search-item--vReeF .not-found-component__label--17mJJ {
  padding-right: 0.3125rem;
  display: inline-block;
  text-align: right;
  min-width: 6.25rem;
}

.not-found-component__push-search-item--vReeF .not-found-component__ant-btn--1mhNF {
  margin-right: 0.3125rem;
}

.not-found-component__push-search-item--vReeF > div {
  width: 100%;
}

.not-found-component__other-search-button-item--1k0ty {
  margin-bottom: 0.625rem;
}

.not-found-component__other-search-button-item--1k0ty > button {
  margin-right: 0.625rem;
}

.not-found-component__ant-radio-group--1AvpK {
  line-height: inherit;
}

.not-found-component__table-container-page--2uR7m {
  padding: 1.5rem;
}

.not-found-component__table-container-page--2uR7m .not-found-component__table-container-page-head--2Oglm {
  padding: 0 0 1.5rem 0;
}
.lazyload-loading-component__loading-info--16Skt {
  height: 100vh;
}

.lazyload-loading-component__loading-info--16Skt .lazyload-loading-component__blob--3vLod {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 9.375rem;
  height: 9.375rem;
  margin: -4.6875rem 0 0 -4.6875rem;
  border-radius: 50%;
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 #ff386a;
  box-shadow: 0 0.1875rem 0.1875rem 0 #ff386a;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-animation: lazyload-loading-component__spin--2hhBh 2s linear infinite;
  animation: lazyload-loading-component__spin--2hhBh 2s linear infinite;
}

.lazyload-loading-component__loading-info--16Skt .lazyload-loading-component__blob--3vLod:before {
  top: 0.3125rem;
  left: 0.3125rem;
  right: 0.3125rem;
  bottom: 0.3125rem;
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 #ffe420;
  box-shadow: 0 0.1875rem 0.1875rem 0 #ffe420;
  -webkit-animation: lazyload-loading-component__spin--2hhBh 3s linear infinite;
  animation: lazyload-loading-component__spin--2hhBh 3s linear infinite;
  content: '';
  position: absolute;
  border-radius: 50%;
}

.lazyload-loading-component__loading-info--16Skt .lazyload-loading-component__blob--3vLod:after {
  top: 0.9375rem;
  left: 0.9375rem;
  right: 0.9375rem;
  bottom: 0.9375rem;
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 #3dafff;
  box-shadow: 0 0.1875rem 0.1875rem 0 #3dafff;
  -webkit-animation: lazyload-loading-component__spin--2hhBh 1.5s linear infinite;
  animation: lazyload-loading-component__spin--2hhBh 1.5s linear infinite;
  content: '';
  position: absolute;
  border-radius: 50%;
}

@-webkit-keyframes lazyload-loading-component__spin--2hhBh {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes lazyload-loading-component__spin--2hhBh {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.lazyload-loading-component__login-form--2j5Tq .lazyload-loading-component__ant-form-item--1q75S {
  margin-bottom: 0.9375rem;
}

.lazyload-loading-component__login-form--2j5Tq .lazyload-loading-component__ant-input--tt2MS {
  height: 2.5rem;
  border-radius: 0;
}

#lazyload-loading-component__root--1PFAS,
.lazyload-loading-component__custom-layout--MYa5I.lazyload-loading-component__ant-layout--3KKop.lazyload-loading-component__ant-layout-has-sider--3xILF,
.lazyload-loading-component__ant-spin-nested-loading--1cMLs.lazyload-loading-component__custom-layout-spin--2O_Ca {
  height: 100%;
}

.lazyload-loading-component__custom-layout-spin--2O_Ca .lazyload-loading-component__ant-spin-container--uYmB-,
.lazyload-loading-component__custom-layout-spin--2O_Ca .lazyload-loading-component__ant-spin--2INZ7.lazyload-loading-component__ant-spin-spinning--d-3IS {
  height: 100%;
  max-height: unset;
}

.lazyload-loading-component__ant-tree--1lRc0 .lazyload-loading-component__ant-tree-node-content-wrapper--1kaFt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 6.25rem;
}

.lazyload-loading-component__za-radio__input--2P8Cj {
  width: 100% !important;
  height: 100% !important;
}

#lazyload-loading-component__baseform__Checkradio--1SHVA .lazyload-loading-component__za-radio--checked--15M-O .lazyload-loading-component__za-radio__widget--XOUgD .lazyload-loading-component__za-radio__inner--J40_v {
  background-color: var(--theme-radio-cms2) !important;
  border-color: var(--theme-radio-cms2) !important;
}

.lazyload-loading-component__h40--3yFfU {
  height: 2.5rem;
}

.lazyload-loading-component__push-search-item--28TK6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.25rem;
  min-width: 18.75rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.lazyload-loading-component__push-search-item--28TK6 .lazyload-loading-component__label--3Xwa_ {
  padding-right: 0.3125rem;
  display: inline-block;
  text-align: right;
  min-width: 6.25rem;
}

.lazyload-loading-component__push-search-item--28TK6 .lazyload-loading-component__ant-btn--1SpL6 {
  margin-right: 0.3125rem;
}

.lazyload-loading-component__push-search-item--28TK6 > div {
  width: 100%;
}

.lazyload-loading-component__other-search-button-item--1nQmf {
  margin-bottom: 0.625rem;
}

.lazyload-loading-component__other-search-button-item--1nQmf > button {
  margin-right: 0.625rem;
}

.lazyload-loading-component__ant-radio-group--27mBh {
  line-height: inherit;
}

.lazyload-loading-component__table-container-page--2G4RS {
  padding: 1.5rem;
}

.lazyload-loading-component__table-container-page--2G4RS .lazyload-loading-component__table-container-page-head--2Z-qR {
  padding: 0 0 1.5rem 0;
}
.home-component__body-container--2zCdI {
  padding-top: 6.75rem;
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.home-component__home-main--3wonH {
  background: #edf1f7;
  width: 100%;
}

.ant-layout-sider {
  height: inherit;
  border-radius: 0.6rem;
  padding-top: 2rem;
  background: #fff;
  -webkit-box-shadow: 0 0.5rem 1.25rem 0 rgba(226, 225, 235, 0.6);
  box-shadow: 0 0.5rem 1.25rem 0 rgba(226, 225, 235, 0.6);
}

.ant-menu-inline {
  height: 100%;
  border-radius: 0.5rem;
}

.home-component__page-container--TQ04l {
  overflow-y: auto;
  width: 100%;
  margin: 0 2rem 2rem 2rem;
  border-radius: 0.5rem;
  height: 80vh;
  background-color: #fff;
  color: #000;
  -webkit-box-shadow: 0 0.5rem 1.25rem 0 rgba(226, 225, 235, 0.6);
  box-shadow: 0 0.5rem 1.25rem 0 rgba(226, 225, 235, 0.6);
}

.home-component__login-form--3jMWQ .home-component__ant-form-item--3yYhu {
  margin-bottom: 0.9375rem;
}

.home-component__login-form--3jMWQ .home-component__ant-input--1v8B- {
  height: 2.5rem;
  border-radius: 0;
}

#home-component__root--gBB5F,
.home-component__custom-layout--1qHJ2.home-component__ant-layout--CBYsb.home-component__ant-layout-has-sider--DzfXQ,
.home-component__ant-spin-nested-loading--2Gyck.home-component__custom-layout-spin--Zpw-f {
  height: 100%;
}

.home-component__custom-layout-spin--Zpw-f .home-component__ant-spin-container--1NMTd,
.home-component__custom-layout-spin--Zpw-f .home-component__ant-spin--2JeTc.home-component__ant-spin-spinning--1iEW5 {
  height: 100%;
  max-height: unset;
}

.home-component__ant-tree--1-Gp4 .home-component__ant-tree-node-content-wrapper--1JZn_ {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 6.25rem;
}

.home-component__za-radio__input--5NfoJ {
  width: 100% !important;
  height: 100% !important;
}

#home-component__baseform__Checkradio--cqqEU .home-component__za-radio--checked--2TCKg .home-component__za-radio__widget--1vWy2 .home-component__za-radio__inner--2CR2d {
  background-color: var(--theme-radio-cms2) !important;
  border-color: var(--theme-radio-cms2) !important;
}

.home-component__h40--1-Q9f {
  height: 2.5rem;
}

.home-component__push-search-item--y3EVm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.25rem;
  min-width: 18.75rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.home-component__push-search-item--y3EVm .home-component__label--9VkYI {
  padding-right: 0.3125rem;
  display: inline-block;
  text-align: right;
  min-width: 6.25rem;
}

.home-component__push-search-item--y3EVm .home-component__ant-btn--cGnL4 {
  margin-right: 0.3125rem;
}

.home-component__push-search-item--y3EVm > div {
  width: 100%;
}

.home-component__other-search-button-item--2A2SX {
  margin-bottom: 0.625rem;
}

.home-component__other-search-button-item--2A2SX > button {
  margin-right: 0.625rem;
}

.home-component__ant-radio-group--2qTO2 {
  line-height: inherit;
}

.home-component__table-container-page--KE-Ss {
  padding: 1.5rem;
}

.home-component__table-container-page--KE-Ss .home-component__table-container-page-head--jYdCa {
  padding: 0 0 1.5rem 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */

/* stylelint-disable no-duplicate-selectors */

/* stylelint-disable */

/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

.ant-popover {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.875rem;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  cursor: auto;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.ant-popover-content {
  position: relative;
}

.ant-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  content: '';
}

.ant-popover-hidden {
  display: none;
}

.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
  padding-bottom: 0.957107rem;
}

.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
  padding-left: 0.957107rem;
}

.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding-top: 0.957107rem;
}

.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
  padding-right: 0.957107rem;
}

.ant-popover-inner {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0.125rem;
  -webkit-box-shadow: 0 0.1875rem 0.375rem -0.25rem rgba(0, 0, 0, 0.12), 0 0.375rem 1rem 0 rgba(0, 0, 0, 0.08), 0 0.5625rem 1.75rem 0.5rem rgba(0, 0, 0, 0.05);
  box-shadow: 0 0.1875rem 0.375rem -0.25rem rgba(0, 0, 0, 0.12), 0 0.375rem 1rem 0 rgba(0, 0, 0, 0.08), 0 0.5625rem 1.75rem 0.5rem rgba(0, 0, 0, 0.05);
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-popover {
    /* IE10+ */
  }

  .ant-popover-inner {
    -webkit-box-shadow: 0 0.1875rem 0.375rem -0.25rem rgba(0, 0, 0, 0.12), 0 0.375rem 1rem 0 rgba(0, 0, 0, 0.08), 0 0.5625rem 1.75rem 0.5rem rgba(0, 0, 0, 0.05);
    box-shadow: 0 0.1875rem 0.375rem -0.25rem rgba(0, 0, 0, 0.12), 0 0.375rem 1rem 0 rgba(0, 0, 0, 0.08), 0 0.5625rem 1.75rem 0.5rem rgba(0, 0, 0, 0.05);
  }
}

.ant-popover-title {
  min-width: 11.0625rem;
  min-height: 2rem;
  margin: 0;
  padding: 0.3125rem 1rem 0.25rem;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  border-bottom: 0.0625rem solid #f0f0f0;
}

.ant-popover-inner-content {
  padding: 0.75rem 1rem;
  color: rgba(0, 0, 0, 0.85);
}

.ant-popover-message {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.25rem 0 0.75rem;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.875rem;
}

.ant-popover-message-icon {
  display: inline-block;
  margin-right: 0.5rem;
  color: #faad14;
  font-size: 0.875rem;
}

.ant-popover-buttons {
  margin-bottom: 0.25rem;
  text-align: right;
}

.ant-popover-buttons button:not(:first-child) {
  margin-left: 0.5rem;
}

.ant-popover-arrow {
  position: absolute;
  display: block;
  width: 1.375rem;
  height: 1.375rem;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}

.ant-popover-arrow-content {
  --antd-arrow-background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 0.707107rem;
  height: 0.707107rem;
  margin: auto;
  content: '';
  pointer-events: auto;
  border-radius: 0 0 0.125rem;
  pointer-events: none;
}

.ant-popover-arrow-content::before {
  position: absolute;
  top: -0.707107rem;
  left: -0.707107rem;
  width: 2.12132rem;
  height: 2.12132rem;
  background: var(--antd-arrow-background-color);
  background-repeat: no-repeat;
  background-position: -0.625rem -0.625rem;
  content: '';
  -webkit-clip-path: inset(33% 33%);
  clip-path: inset(33% 33%);
  -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
  clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
}

.ant-popover-placement-top .ant-popover-arrow,
.ant-popover-placement-topLeft .ant-popover-arrow,
.ant-popover-placement-topRight .ant-popover-arrow {
  bottom: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.ant-popover-placement-top .ant-popover-arrow-content,
.ant-popover-placement-topLeft .ant-popover-arrow-content,
.ant-popover-placement-topRight .ant-popover-arrow-content {
  -webkit-box-shadow: 0.1875rem 0.1875rem 0.4375rem rgba(0, 0, 0, 0.07);
  box-shadow: 0.1875rem 0.1875rem 0.4375rem rgba(0, 0, 0, 0.07);
  -webkit-transform: translateY(-0.6875rem) rotate(45deg);
  transform: translateY(-0.6875rem) rotate(45deg);
}

.ant-popover-placement-top .ant-popover-arrow {
  left: 50%;
  -webkit-transform: translateY(100%) translateX(-50%);
  transform: translateY(100%) translateX(-50%);
}

.ant-popover-placement-topLeft .ant-popover-arrow {
  left: 1rem;
}

.ant-popover-placement-topRight .ant-popover-arrow {
  right: 1rem;
}

.ant-popover-placement-right .ant-popover-arrow,
.ant-popover-placement-rightTop .ant-popover-arrow,
.ant-popover-placement-rightBottom .ant-popover-arrow {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.ant-popover-placement-right .ant-popover-arrow-content,
.ant-popover-placement-rightTop .ant-popover-arrow-content,
.ant-popover-placement-rightBottom .ant-popover-arrow-content {
  -webkit-box-shadow: 0.1875rem 0.1875rem 0.4375rem rgba(0, 0, 0, 0.07);
  box-shadow: 0.1875rem 0.1875rem 0.4375rem rgba(0, 0, 0, 0.07);
  -webkit-transform: translateX(0.6875rem) rotate(135deg);
  transform: translateX(0.6875rem) rotate(135deg);
}

.ant-popover-placement-right .ant-popover-arrow {
  top: 50%;
  -webkit-transform: translateX(-100%) translateY(-50%);
  transform: translateX(-100%) translateY(-50%);
}

.ant-popover-placement-rightTop .ant-popover-arrow {
  top: 0.75rem;
}

.ant-popover-placement-rightBottom .ant-popover-arrow {
  bottom: 0.75rem;
}

.ant-popover-placement-bottom .ant-popover-arrow,
.ant-popover-placement-bottomLeft .ant-popover-arrow,
.ant-popover-placement-bottomRight .ant-popover-arrow {
  top: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.ant-popover-placement-bottom .ant-popover-arrow-content,
.ant-popover-placement-bottomLeft .ant-popover-arrow-content,
.ant-popover-placement-bottomRight .ant-popover-arrow-content {
  -webkit-box-shadow: 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.06);
  box-shadow: 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.06);
  -webkit-transform: translateY(0.6875rem) rotate(-135deg);
  transform: translateY(0.6875rem) rotate(-135deg);
}

.ant-popover-placement-bottom .ant-popover-arrow {
  left: 50%;
  -webkit-transform: translateY(-100%) translateX(-50%);
  transform: translateY(-100%) translateX(-50%);
}

.ant-popover-placement-bottomLeft .ant-popover-arrow {
  left: 1rem;
}

.ant-popover-placement-bottomRight .ant-popover-arrow {
  right: 1rem;
}

.ant-popover-placement-left .ant-popover-arrow,
.ant-popover-placement-leftTop .ant-popover-arrow,
.ant-popover-placement-leftBottom .ant-popover-arrow {
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.ant-popover-placement-left .ant-popover-arrow-content,
.ant-popover-placement-leftTop .ant-popover-arrow-content,
.ant-popover-placement-leftBottom .ant-popover-arrow-content {
  -webkit-box-shadow: 0.1875rem 0.1875rem 0.4375rem rgba(0, 0, 0, 0.07);
  box-shadow: 0.1875rem 0.1875rem 0.4375rem rgba(0, 0, 0, 0.07);
  -webkit-transform: translateX(-0.6875rem) rotate(-45deg);
  transform: translateX(-0.6875rem) rotate(-45deg);
}

.ant-popover-placement-left .ant-popover-arrow {
  top: 50%;
  -webkit-transform: translateX(100%) translateY(-50%);
  transform: translateX(100%) translateY(-50%);
}

.ant-popover-placement-leftTop .ant-popover-arrow {
  top: 0.75rem;
}

.ant-popover-placement-leftBottom .ant-popover-arrow {
  bottom: 0.75rem;
}

.ant-popover-pink .ant-popover-inner {
  background-color: #eb2f96;
}

.ant-popover-pink .ant-popover-arrow-content {
  background-color: #eb2f96;
}

.ant-popover-magenta .ant-popover-inner {
  background-color: #eb2f96;
}

.ant-popover-magenta .ant-popover-arrow-content {
  background-color: #eb2f96;
}

.ant-popover-red .ant-popover-inner {
  background-color: #f5222d;
}

.ant-popover-red .ant-popover-arrow-content {
  background-color: #f5222d;
}

.ant-popover-volcano .ant-popover-inner {
  background-color: #fa541c;
}

.ant-popover-volcano .ant-popover-arrow-content {
  background-color: #fa541c;
}

.ant-popover-orange .ant-popover-inner {
  background-color: #fa8c16;
}

.ant-popover-orange .ant-popover-arrow-content {
  background-color: #fa8c16;
}

.ant-popover-yellow .ant-popover-inner {
  background-color: #fadb14;
}

.ant-popover-yellow .ant-popover-arrow-content {
  background-color: #fadb14;
}

.ant-popover-gold .ant-popover-inner {
  background-color: #faad14;
}

.ant-popover-gold .ant-popover-arrow-content {
  background-color: #faad14;
}

.ant-popover-cyan .ant-popover-inner {
  background-color: #13c2c2;
}

.ant-popover-cyan .ant-popover-arrow-content {
  background-color: #13c2c2;
}

.ant-popover-lime .ant-popover-inner {
  background-color: #a0d911;
}

.ant-popover-lime .ant-popover-arrow-content {
  background-color: #a0d911;
}

.ant-popover-green .ant-popover-inner {
  background-color: #52c41a;
}

.ant-popover-green .ant-popover-arrow-content {
  background-color: #52c41a;
}

.ant-popover-blue .ant-popover-inner {
  background-color: #1890ff;
}

.ant-popover-blue .ant-popover-arrow-content {
  background-color: #1890ff;
}

.ant-popover-geekblue .ant-popover-inner {
  background-color: #2f54eb;
}

.ant-popover-geekblue .ant-popover-arrow-content {
  background-color: #2f54eb;
}

.ant-popover-purple .ant-popover-inner {
  background-color: #722ed1;
}

.ant-popover-purple .ant-popover-arrow-content {
  background-color: #722ed1;
}

.ant-popover-rtl {
  direction: rtl;
  text-align: right;
}

.ant-popover-rtl .ant-popover-message-icon {
  margin-right: 0;
  margin-left: 0.5rem;
}

.ant-popover-rtl .ant-popover-message-title {
  padding-left: 1rem;
}

.ant-popover-rtl .ant-popover-buttons {
  text-align: left;
}

.ant-popover-rtl .ant-popover-buttons button {
  margin-right: 0.5rem;
  margin-left: 0;
}

.login-form .ant-form-item {
  margin-bottom: 0.9375rem;
}

.login-form .ant-input {
  height: 2.5rem;
  border-radius: 0;
}

#root,
.custom-layout.ant-layout.ant-layout-has-sider,
.ant-spin-nested-loading.custom-layout-spin {
  height: 100%;
}

.custom-layout-spin .ant-spin-container,
.custom-layout-spin .ant-spin.ant-spin-spinning {
  height: 100%;
  max-height: unset;
}

.ant-tree .ant-tree-node-content-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 6.25rem;
}

.za-radio__input {
  width: 100% !important;
  height: 100% !important;
}

#baseform__Checkradio .za-radio--checked .za-radio__widget .za-radio__inner {
  background-color: var(--theme-radio-cms2) !important;
  border-color: var(--theme-radio-cms2) !important;
}

.h40 {
  height: 2.5rem;
}

.push-search-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.25rem;
  min-width: 18.75rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.push-search-item .label {
  padding-right: 0.3125rem;
  display: inline-block;
  text-align: right;
  min-width: 6.25rem;
}

.push-search-item .ant-btn {
  margin-right: 0.3125rem;
}

.push-search-item > div {
  width: 100%;
}

.other-search-button-item {
  margin-bottom: 0.625rem;
}

.other-search-button-item > button {
  margin-right: 0.625rem;
}

.ant-radio-group {
  line-height: inherit;
}

.table-container-page {
  padding: 1.5rem;
}

.table-container-page .table-container-page-head {
  padding: 0 0 1.5rem 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */

/* stylelint-disable no-duplicate-selectors */

/* stylelint-disable */

/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

.ant-modal {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.875rem;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  pointer-events: none;
  position: relative;
  top: 6.25rem;
  width: auto;
  max-width: calc(100vw - 2rem);
  margin: 0 auto;
  padding-bottom: 1.5rem;
}

.ant-modal.ant-zoom-enter,
.ant-modal.ant-zoom-appear {
  -webkit-transform: none;
  transform: none;
  opacity: 0;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}

.ant-modal-mask-hidden {
  display: none;
}

.ant-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  outline: 0;
}

.ant-modal-wrap {
  z-index: 1000;
}

.ant-modal-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.375rem;
  word-wrap: break-word;
}

.ant-modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 0.125rem;
  -webkit-box-shadow: 0 0.1875rem 0.375rem -0.25rem rgba(0, 0, 0, 0.12), 0 0.375rem 1rem 0 rgba(0, 0, 0, 0.08), 0 0.5625rem 1.75rem 0.5rem rgba(0, 0, 0, 0.05);
  box-shadow: 0 0.1875rem 0.375rem -0.25rem rgba(0, 0, 0, 0.12), 0 0.375rem 1rem 0 rgba(0, 0, 0, 0.08), 0 0.5625rem 1.75rem 0.5rem rgba(0, 0, 0, 0.05);
  pointer-events: auto;
}

.ant-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.ant-modal-close-x {
  display: block;
  width: 3.375rem;
  height: 3.375rem;
  font-size: 1rem;
  font-style: normal;
  line-height: 3.375rem;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
}

.ant-modal-close:focus,
.ant-modal-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}

.ant-modal-header {
  padding: 1rem 1.5rem;
  color: rgba(0, 0, 0, 0.85);
  background: #fff;
  border-bottom: 0.0625rem solid #f0f0f0;
  border-radius: 0.125rem 0.125rem 0 0;
}

.ant-modal-body {
  padding: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.5715;
  word-wrap: break-word;
}

.ant-modal-footer {
  padding: 0.625rem 1rem;
  text-align: right;
  background: transparent;
  border-top: 0.0625rem solid #f0f0f0;
  border-radius: 0 0 0.125rem 0.125rem;
}

.ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
  margin-bottom: 0;
  margin-left: 0.5rem;
}

.ant-modal-open {
  overflow: hidden;
}

.ant-modal-centered {
  text-align: center;
}

.ant-modal-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}

.ant-modal-centered .ant-modal {
  top: 0;
  display: inline-block;
  padding-bottom: 0;
  text-align: left;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .ant-modal {
    max-width: calc(100vw - 1rem);
    margin: 0.5rem auto;
  }

  .ant-modal-centered .ant-modal {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.ant-modal-confirm .ant-modal-header {
  display: none;
}

.ant-modal-confirm .ant-modal-body {
  padding: 2rem 2rem 1.5rem;
}

.ant-modal-confirm-body-wrapper::before {
  display: table;
  content: '';
}

.ant-modal-confirm-body-wrapper::after {
  display: table;
  clear: both;
  content: '';
}

.ant-modal-confirm-body .ant-modal-confirm-title {
  display: block;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.4;
}

.ant-modal-confirm-body .ant-modal-confirm-content {
  margin-top: 0.5rem;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.875rem;
}

.ant-modal-confirm-body > .anticon {
  float: left;
  margin-right: 1rem;
  font-size: 1.375rem;
}

.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-left: 2.375rem;
}

.ant-modal-confirm .ant-modal-confirm-btns {
  margin-top: 1.5rem;
  text-align: right;
}

.ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn {
  margin-bottom: 0;
  margin-left: 0.5rem;
}

.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  color: #ff4d4f;
}

.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
  color: #faad14;
}

.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  color: #7958fa;
}

.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
  color: #52c41a;
}

.ant-modal-confirm .ant-zoom-leave .ant-modal-confirm-btns {
  pointer-events: none;
}

.ant-modal-wrap-rtl {
  direction: rtl;
}

.ant-modal-wrap-rtl .ant-modal-close {
  right: initial;
  left: 0;
}

.ant-modal-wrap-rtl .ant-modal-footer {
  text-align: left;
}

.ant-modal-wrap-rtl .ant-modal-footer .ant-btn + .ant-btn {
  margin-right: 0.5rem;
  margin-left: 0;
}

.ant-modal-wrap-rtl .ant-modal-confirm-body {
  direction: rtl;
}

.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon {
  float: right;
  margin-right: 0;
  margin-left: 1rem;
}

.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-right: 2.375rem;
  margin-left: 0;
}

.ant-modal-wrap-rtl .ant-modal-confirm-btns {
  text-align: left;
}

.ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn {
  margin-right: 0.5rem;
  margin-left: 0;
}

.ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
  text-align: right;
}

.login-form .ant-form-item {
  margin-bottom: 0.9375rem;
}

.login-form .ant-input {
  height: 2.5rem;
  border-radius: 0;
}

#root,
.custom-layout.ant-layout.ant-layout-has-sider,
.ant-spin-nested-loading.custom-layout-spin {
  height: 100%;
}

.custom-layout-spin .ant-spin-container,
.custom-layout-spin .ant-spin.ant-spin-spinning {
  height: 100%;
  max-height: unset;
}

.ant-tree .ant-tree-node-content-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 6.25rem;
}

.za-radio__input {
  width: 100% !important;
  height: 100% !important;
}

#baseform__Checkradio .za-radio--checked .za-radio__widget .za-radio__inner {
  background-color: var(--theme-radio-cms2) !important;
  border-color: var(--theme-radio-cms2) !important;
}

.h40 {
  height: 2.5rem;
}

.push-search-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.25rem;
  min-width: 18.75rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.push-search-item .label {
  padding-right: 0.3125rem;
  display: inline-block;
  text-align: right;
  min-width: 6.25rem;
}

.push-search-item .ant-btn {
  margin-right: 0.3125rem;
}

.push-search-item > div {
  width: 100%;
}

.other-search-button-item {
  margin-bottom: 0.625rem;
}

.other-search-button-item > button {
  margin-right: 0.625rem;
}

.ant-radio-group {
  line-height: inherit;
}

.table-container-page {
  padding: 1.5rem;
}

.table-container-page .table-container-page-head {
  padding: 0 0 1.5rem 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */

/* stylelint-disable no-duplicate-selectors */

/* stylelint-disable */

/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

.ant-btn {
  line-height: 1.5715;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 0.0625rem solid transparent;
  -webkit-box-shadow: 0 0.125rem 0 rgba(0, 0, 0, 0.015);
  box-shadow: 0 0.125rem 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  height: 2rem;
  padding: 0.25rem 0.9375rem;
  font-size: 0.875rem;
  border-radius: 0.125rem;
  color: rgba(0, 0, 0, 0.85);
  border-color: #d9d9d9;
  background: #fff;
}

.ant-btn > .anticon {
  line-height: 1;
}

.ant-btn,
.ant-btn:active,
.ant-btn:focus {
  outline: 0;
}

.ant-btn:not([disabled]):hover {
  text-decoration: none;
}

.ant-btn:not([disabled]):active {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ant-btn[disabled] {
  cursor: not-allowed;
}

.ant-btn[disabled] > * {
  pointer-events: none;
}

.ant-btn-lg {
  height: 2.5rem;
  padding: 0.4rem 0.9375rem;
  font-size: 1rem;
  border-radius: 0.125rem;
}

.ant-btn-sm {
  height: 1.5rem;
  padding: 0 0.4375rem;
  font-size: 0.875rem;
  border-radius: 0.125rem;
}

.ant-btn > a:only-child {
  color: currentcolor;
}

.ant-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn:hover,
.ant-btn:focus {
  color: #9f82ff;
  border-color: #9f82ff;
  background: #fff;
}

.ant-btn:hover > a:only-child,
.ant-btn:focus > a:only-child {
  color: currentcolor;
}

.ant-btn:hover > a:only-child::after,
.ant-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn:active {
  color: #583fd4;
  border-color: #583fd4;
  background: #fff;
}

.ant-btn:active > a:only-child {
  color: currentcolor;
}

.ant-btn:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn[disabled],
.ant-btn[disabled]:hover,
.ant-btn[disabled]:focus,
.ant-btn[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ant-btn[disabled] > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn[disabled]:active > a:only-child {
  color: currentcolor;
}

.ant-btn[disabled] > a:only-child::after,
.ant-btn[disabled]:hover > a:only-child::after,
.ant-btn[disabled]:focus > a:only-child::after,
.ant-btn[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active {
  text-decoration: none;
  background: #fff;
}

.ant-btn > span {
  display: inline-block;
}

.ant-btn-primary {
  color: #fff;
  border-color: #7958fa;
  background: #7958fa;
  text-shadow: 0 -0.0625rem 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 0.125rem 0 rgba(0, 0, 0, 0.045);
  box-shadow: 0 0.125rem 0 rgba(0, 0, 0, 0.045);
}

.ant-btn-primary > a:only-child {
  color: currentcolor;
}

.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: #fff;
  border-color: #9f82ff;
  background: #9f82ff;
}

.ant-btn-primary:hover > a:only-child,
.ant-btn-primary:focus > a:only-child {
  color: currentcolor;
}

.ant-btn-primary:hover > a:only-child::after,
.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-primary:active {
  color: #fff;
  border-color: #583fd4;
  background: #583fd4;
}

.ant-btn-primary:active > a:only-child {
  color: currentcolor;
}

.ant-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-primary[disabled],
.ant-btn-primary[disabled]:hover,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ant-btn-primary[disabled] > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary[disabled]:active > a:only-child {
  color: currentcolor;
}

.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: #9f82ff;
  border-left-color: #9f82ff;
}

.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
  border-color: #d9d9d9;
}

.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  border-right-color: #9f82ff;
}

.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: #d9d9d9;
}

.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-left-color: #9f82ff;
}

.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-left-color: #d9d9d9;
}

.ant-btn-ghost {
  color: rgba(0, 0, 0, 0.85);
  border-color: #d9d9d9;
  background: transparent;
}

.ant-btn-ghost > a:only-child {
  color: currentcolor;
}

.ant-btn-ghost > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
  color: #9f82ff;
  border-color: #9f82ff;
  background: transparent;
}

.ant-btn-ghost:hover > a:only-child,
.ant-btn-ghost:focus > a:only-child {
  color: currentcolor;
}

.ant-btn-ghost:hover > a:only-child::after,
.ant-btn-ghost:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-ghost:active {
  color: #583fd4;
  border-color: #583fd4;
  background: transparent;
}

.ant-btn-ghost:active > a:only-child {
  color: currentcolor;
}

.ant-btn-ghost:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-ghost[disabled],
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ant-btn-ghost[disabled] > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost[disabled]:active > a:only-child {
  color: currentcolor;
}

.ant-btn-ghost[disabled] > a:only-child::after,
.ant-btn-ghost[disabled]:hover > a:only-child::after,
.ant-btn-ghost[disabled]:focus > a:only-child::after,
.ant-btn-ghost[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-dashed {
  color: rgba(0, 0, 0, 0.85);
  border-color: #d9d9d9;
  background: #fff;
  border-style: dashed;
}

.ant-btn-dashed > a:only-child {
  color: currentcolor;
}

.ant-btn-dashed > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
  color: #9f82ff;
  border-color: #9f82ff;
  background: #fff;
}

.ant-btn-dashed:hover > a:only-child,
.ant-btn-dashed:focus > a:only-child {
  color: currentcolor;
}

.ant-btn-dashed:hover > a:only-child::after,
.ant-btn-dashed:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-dashed:active {
  color: #583fd4;
  border-color: #583fd4;
  background: #fff;
}

.ant-btn-dashed:active > a:only-child {
  color: currentcolor;
}

.ant-btn-dashed:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-dashed[disabled],
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ant-btn-dashed[disabled] > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed[disabled]:active > a:only-child {
  color: currentcolor;
}

.ant-btn-dashed[disabled] > a:only-child::after,
.ant-btn-dashed[disabled]:hover > a:only-child::after,
.ant-btn-dashed[disabled]:focus > a:only-child::after,
.ant-btn-dashed[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-danger {
  color: #fff;
  border-color: #ff4d4f;
  background: #ff4d4f;
  text-shadow: 0 -0.0625rem 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 0.125rem 0 rgba(0, 0, 0, 0.045);
  box-shadow: 0 0.125rem 0 rgba(0, 0, 0, 0.045);
}

.ant-btn-danger > a:only-child {
  color: currentcolor;
}

.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-danger:hover,
.ant-btn-danger:focus {
  color: #fff;
  border-color: #ff7875;
  background: #ff7875;
}

.ant-btn-danger:hover > a:only-child,
.ant-btn-danger:focus > a:only-child {
  color: currentcolor;
}

.ant-btn-danger:hover > a:only-child::after,
.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-danger:active {
  color: #fff;
  border-color: #d9363e;
  background: #d9363e;
}

.ant-btn-danger:active > a:only-child {
  color: currentcolor;
}

.ant-btn-danger:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-danger[disabled],
.ant-btn-danger[disabled]:hover,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ant-btn-danger[disabled] > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger[disabled]:active > a:only-child {
  color: currentcolor;
}

.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-danger[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-link {
  color: #7958fa;
  border-color: transparent;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ant-btn-link > a:only-child {
  color: currentcolor;
}

.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-link:hover,
.ant-btn-link:focus {
  color: #9f82ff;
  border-color: #9f82ff;
  background: transparent;
}

.ant-btn-link:hover > a:only-child,
.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}

.ant-btn-link:hover > a:only-child::after,
.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-link:active {
  color: #583fd4;
  border-color: #583fd4;
  background: transparent;
}

.ant-btn-link:active > a:only-child {
  color: currentcolor;
}

.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-link[disabled],
.ant-btn-link[disabled]:hover,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ant-btn-link[disabled] > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}

.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-link:hover {
  background: transparent;
}

.ant-btn-link:hover,
.ant-btn-link:focus,
.ant-btn-link:active {
  border-color: transparent;
}

.ant-btn-link[disabled],
.ant-btn-link[disabled]:hover,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ant-btn-link[disabled] > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}

.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-text {
  color: rgba(0, 0, 0, 0.85);
  border-color: transparent;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ant-btn-text > a:only-child {
  color: currentcolor;
}

.ant-btn-text > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-text:hover,
.ant-btn-text:focus {
  color: #9f82ff;
  border-color: #9f82ff;
  background: transparent;
}

.ant-btn-text:hover > a:only-child,
.ant-btn-text:focus > a:only-child {
  color: currentcolor;
}

.ant-btn-text:hover > a:only-child::after,
.ant-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-text:active {
  color: #583fd4;
  border-color: #583fd4;
  background: transparent;
}

.ant-btn-text:active > a:only-child {
  color: currentcolor;
}

.ant-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-text[disabled],
.ant-btn-text[disabled]:hover,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ant-btn-text[disabled] > a:only-child,
.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}

.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-text:hover,
.ant-btn-text:focus {
  color: rgba(0, 0, 0, 0.85);
  background: rgba(0, 0, 0, 0.018);
  border-color: transparent;
}

.ant-btn-text:active {
  color: rgba(0, 0, 0, 0.85);
  background: rgba(0, 0, 0, 0.028);
  border-color: transparent;
}

.ant-btn-text[disabled],
.ant-btn-text[disabled]:hover,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ant-btn-text[disabled] > a:only-child,
.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}

.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-dangerous {
  color: #ff4d4f;
  border-color: #ff4d4f;
  background: #fff;
}

.ant-btn-dangerous > a:only-child {
  color: currentcolor;
}

.ant-btn-dangerous > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-dangerous:hover,
.ant-btn-dangerous:focus {
  color: #ff7875;
  border-color: #ff7875;
  background: #fff;
}

.ant-btn-dangerous:hover > a:only-child,
.ant-btn-dangerous:focus > a:only-child {
  color: currentcolor;
}

.ant-btn-dangerous:hover > a:only-child::after,
.ant-btn-dangerous:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-dangerous:active {
  color: #d9363e;
  border-color: #d9363e;
  background: #fff;
}

.ant-btn-dangerous:active > a:only-child {
  color: currentcolor;
}

.ant-btn-dangerous:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-dangerous[disabled],
.ant-btn-dangerous[disabled]:hover,
.ant-btn-dangerous[disabled]:focus,
.ant-btn-dangerous[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ant-btn-dangerous[disabled] > a:only-child,
.ant-btn-dangerous[disabled]:hover > a:only-child,
.ant-btn-dangerous[disabled]:focus > a:only-child,
.ant-btn-dangerous[disabled]:active > a:only-child {
  color: currentcolor;
}

.ant-btn-dangerous[disabled] > a:only-child::after,
.ant-btn-dangerous[disabled]:hover > a:only-child::after,
.ant-btn-dangerous[disabled]:focus > a:only-child::after,
.ant-btn-dangerous[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-dangerous.ant-btn-primary {
  color: #fff;
  border-color: #ff4d4f;
  background: #ff4d4f;
  text-shadow: 0 -0.0625rem 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 0.125rem 0 rgba(0, 0, 0, 0.045);
  box-shadow: 0 0.125rem 0 rgba(0, 0, 0, 0.045);
}

.ant-btn-dangerous.ant-btn-primary > a:only-child {
  color: currentcolor;
}

.ant-btn-dangerous.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-dangerous.ant-btn-primary:hover,
.ant-btn-dangerous.ant-btn-primary:focus {
  color: #fff;
  border-color: #ff7875;
  background: #ff7875;
}

.ant-btn-dangerous.ant-btn-primary:hover > a:only-child,
.ant-btn-dangerous.ant-btn-primary:focus > a:only-child {
  color: currentcolor;
}

.ant-btn-dangerous.ant-btn-primary:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-dangerous.ant-btn-primary:active {
  color: #fff;
  border-color: #d9363e;
  background: #d9363e;
}

.ant-btn-dangerous.ant-btn-primary:active > a:only-child {
  color: currentcolor;
}

.ant-btn-dangerous.ant-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-dangerous.ant-btn-primary[disabled],
.ant-btn-dangerous.ant-btn-primary[disabled]:hover,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus,
.ant-btn-dangerous.ant-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child {
  color: currentcolor;
}

.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-dangerous.ant-btn-link {
  color: #ff4d4f;
  border-color: transparent;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ant-btn-dangerous.ant-btn-link > a:only-child {
  color: currentcolor;
}

.ant-btn-dangerous.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-dangerous.ant-btn-link:focus {
  color: #9f82ff;
  border-color: #9f82ff;
  background: transparent;
}

.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}

.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-dangerous.ant-btn-link:active {
  color: #583fd4;
  border-color: #583fd4;
  background: transparent;
}

.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentcolor;
}

.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}

.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-dangerous.ant-btn-link:focus {
  color: #ff7875;
  border-color: transparent;
  background: transparent;
}

.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}

.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-dangerous.ant-btn-link:active {
  color: #d9363e;
  border-color: transparent;
  background: transparent;
}

.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentcolor;
}

.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}

.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-dangerous.ant-btn-text {
  color: #ff4d4f;
  border-color: transparent;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ant-btn-dangerous.ant-btn-text > a:only-child {
  color: currentcolor;
}

.ant-btn-dangerous.ant-btn-text > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-dangerous.ant-btn-text:hover,
.ant-btn-dangerous.ant-btn-text:focus {
  color: #9f82ff;
  border-color: #9f82ff;
  background: transparent;
}

.ant-btn-dangerous.ant-btn-text:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child {
  color: currentcolor;
}

.ant-btn-dangerous.ant-btn-text:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-dangerous.ant-btn-text:active {
  color: #583fd4;
  border-color: #583fd4;
  background: transparent;
}

.ant-btn-dangerous.ant-btn-text:active > a:only-child {
  color: currentcolor;
}

.ant-btn-dangerous.ant-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:hover,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}

.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-dangerous.ant-btn-text:hover,
.ant-btn-dangerous.ant-btn-text:focus {
  color: #ff7875;
  border-color: transparent;
  background: rgba(0, 0, 0, 0.018);
}

.ant-btn-dangerous.ant-btn-text:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child {
  color: currentcolor;
}

.ant-btn-dangerous.ant-btn-text:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-dangerous.ant-btn-text:active {
  color: #d9363e;
  border-color: transparent;
  background: rgba(0, 0, 0, 0.028);
}

.ant-btn-dangerous.ant-btn-text:active > a:only-child {
  color: currentcolor;
}

.ant-btn-dangerous.ant-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:hover,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}

.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-icon-only {
  width: 2rem;
  height: 2rem;
  padding: 0.15rem 0;
  font-size: 1rem;
  border-radius: 0.125rem;
  vertical-align: -0.1875rem;
}

.ant-btn-icon-only > * {
  font-size: 1rem;
}

.ant-btn-icon-only.ant-btn-lg {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.30625rem 0;
  font-size: 1.125rem;
  border-radius: 0.125rem;
}

.ant-btn-icon-only.ant-btn-lg > * {
  font-size: 1.125rem;
}

.ant-btn-icon-only.ant-btn-sm {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0 0;
  font-size: 0.875rem;
  border-radius: 0.125rem;
}

.ant-btn-icon-only.ant-btn-sm > * {
  font-size: 0.875rem;
}

.ant-btn-icon-only > .anticon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ant-btn-icon-only .anticon-loading {
  padding: 0 !important;
}

a.ant-btn-icon-only {
  vertical-align: -0.0625rem;
}

a.ant-btn-icon-only > .anticon {
  display: inline;
}

.ant-btn-round {
  height: 2rem;
  padding: 0.25rem 1rem;
  font-size: 0.875rem;
  border-radius: 2rem;
}

.ant-btn-round.ant-btn-lg {
  height: 2.5rem;
  padding: 0.4rem 1.25rem;
  font-size: 1rem;
  border-radius: 2.5rem;
}

.ant-btn-round.ant-btn-sm {
  height: 1.5rem;
  padding: 0 0.75rem;
  font-size: 0.875rem;
  border-radius: 1.5rem;
}

.ant-btn-round.ant-btn-icon-only {
  width: auto;
}

.ant-btn-circle {
  min-width: 2rem;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  border-radius: 50%;
}

.ant-btn-circle.ant-btn-lg {
  min-width: 2.5rem;
  border-radius: 50%;
}

.ant-btn-circle.ant-btn-sm {
  min-width: 1.5rem;
  border-radius: 50%;
}

.ant-btn::before {
  position: absolute;
  top: -0.0625rem;
  right: -0.0625rem;
  bottom: -0.0625rem;
  left: -0.0625rem;
  z-index: 1;
  display: none;
  background: #fff;
  border-radius: inherit;
  opacity: 0.35;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  content: '';
  pointer-events: none;
}

.ant-btn .anticon {
  -webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-btn .anticon.anticon-plus > svg,
.ant-btn .anticon.anticon-minus > svg {
  shape-rendering: optimizespeed;
}

.ant-btn.ant-btn-loading {
  position: relative;
  cursor: default;
}

.ant-btn.ant-btn-loading::before {
  display: block;
}

.ant-btn > .ant-btn-loading-icon {
  -webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-btn > .ant-btn-loading-icon .anticon {
  padding-right: 0.5rem;
  -webkit-animation: none;
  animation: none;
}

.ant-btn > .ant-btn-loading-icon .anticon svg {
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}

.ant-btn-group {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ant-btn-group > .ant-btn,
.ant-btn-group > span > .ant-btn {
  position: relative;
}

.ant-btn-group > .ant-btn:hover,
.ant-btn-group > span > .ant-btn:hover,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > span > .ant-btn:focus,
.ant-btn-group > .ant-btn:active,
.ant-btn-group > span > .ant-btn:active {
  z-index: 2;
}

.ant-btn-group > .ant-btn[disabled],
.ant-btn-group > span > .ant-btn[disabled] {
  z-index: 0;
}

.ant-btn-group .ant-btn-icon-only {
  font-size: 0.875rem;
}

.ant-btn-group .ant-btn + .ant-btn,
.ant-btn + .ant-btn-group,
.ant-btn-group span + .ant-btn,
.ant-btn-group .ant-btn + span,
.ant-btn-group > span + span,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group {
  margin-left: -0.0625rem;
}

.ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
  border-left-color: transparent;
}

.ant-btn-group .ant-btn {
  border-radius: 0;
}

.ant-btn-group > .ant-btn:first-child,
.ant-btn-group > span:first-child > .ant-btn {
  margin-left: 0;
}

.ant-btn-group > .ant-btn:only-child {
  border-radius: 0.125rem;
}

.ant-btn-group > span:only-child > .ant-btn {
  border-radius: 0.125rem;
}

.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}

.ant-btn-group-sm > .ant-btn:only-child {
  border-radius: 0.125rem;
}

.ant-btn-group-sm > span:only-child > .ant-btn {
  border-radius: 0.125rem;
}

.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}

.ant-btn-group > .ant-btn-group {
  float: left;
}

.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  border-radius: 0;
}

.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
  padding-right: 0.5rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  padding-left: 0.5rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ant-btn-rtl.ant-btn-group .ant-btn + .ant-btn,
.ant-btn-rtl.ant-btn + .ant-btn-group,
.ant-btn-rtl.ant-btn-group span + .ant-btn,
.ant-btn-rtl.ant-btn-group .ant-btn + span,
.ant-btn-rtl.ant-btn-group > span + span,
.ant-btn-rtl.ant-btn-group + .ant-btn,
.ant-btn-rtl.ant-btn-group + .ant-btn-group,
.ant-btn-group-rtl.ant-btn-group .ant-btn + .ant-btn,
.ant-btn-group-rtl.ant-btn + .ant-btn-group,
.ant-btn-group-rtl.ant-btn-group span + .ant-btn,
.ant-btn-group-rtl.ant-btn-group .ant-btn + span,
.ant-btn-group-rtl.ant-btn-group > span + span,
.ant-btn-group-rtl.ant-btn-group + .ant-btn,
.ant-btn-group-rtl.ant-btn-group + .ant-btn-group {
  margin-right: -0.0625rem;
  margin-left: auto;
}

.ant-btn-group.ant-btn-group-rtl {
  direction: rtl;
}

.ant-btn-group-rtl.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group-rtl.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-radius: 0 0.125rem 0.125rem 0;
}

.ant-btn-group-rtl.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-radius: 0.125rem 0 0 0.125rem;
}

.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-rtl.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-radius: 0 0.125rem 0.125rem 0;
}

.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-radius: 0.125rem 0 0 0.125rem;
}

.ant-btn:focus > span,
.ant-btn:active > span {
  position: relative;
}

.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 0.5rem;
}

.ant-btn.ant-btn-background-ghost {
  color: #fff;
  border-color: #fff;
}

.ant-btn.ant-btn-background-ghost,
.ant-btn.ant-btn-background-ghost:hover,
.ant-btn.ant-btn-background-ghost:active,
.ant-btn.ant-btn-background-ghost:focus {
  background: transparent;
}

.ant-btn.ant-btn-background-ghost:hover,
.ant-btn.ant-btn-background-ghost:focus {
  color: #9f82ff;
  border-color: #9f82ff;
}

.ant-btn.ant-btn-background-ghost:active {
  color: #583fd4;
  border-color: #583fd4;
}

.ant-btn.ant-btn-background-ghost[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border-color: #d9d9d9;
}

.ant-btn-background-ghost.ant-btn-primary {
  color: #7958fa;
  border-color: #7958fa;
  text-shadow: none;
}

.ant-btn-background-ghost.ant-btn-primary > a:only-child {
  color: currentcolor;
}

.ant-btn-background-ghost.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
  color: #9f82ff;
  border-color: #9f82ff;
}

.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
  color: currentcolor;
}

.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-background-ghost.ant-btn-primary:active {
  color: #583fd4;
  border-color: #583fd4;
}

.ant-btn-background-ghost.ant-btn-primary:active > a:only-child {
  color: currentcolor;
}

.ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child {
  color: currentcolor;
}

.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-background-ghost.ant-btn-danger {
  color: #ff4d4f;
  border-color: #ff4d4f;
  text-shadow: none;
}

.ant-btn-background-ghost.ant-btn-danger > a:only-child {
  color: currentcolor;
}

.ant-btn-background-ghost.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
  color: #ff7875;
  border-color: #ff7875;
}

.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
  color: currentcolor;
}

.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-background-ghost.ant-btn-danger:active {
  color: #d9363e;
  border-color: #d9363e;
}

.ant-btn-background-ghost.ant-btn-danger:active > a:only-child {
  color: currentcolor;
}

.ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child {
  color: currentcolor;
}

.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-background-ghost.ant-btn-dangerous {
  color: #ff4d4f;
  border-color: #ff4d4f;
  text-shadow: none;
}

.ant-btn-background-ghost.ant-btn-dangerous > a:only-child {
  color: currentcolor;
}

.ant-btn-background-ghost.ant-btn-dangerous > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-background-ghost.ant-btn-dangerous:hover,
.ant-btn-background-ghost.ant-btn-dangerous:focus {
  color: #ff7875;
  border-color: #ff7875;
}

.ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child {
  color: currentcolor;
}

.ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-background-ghost.ant-btn-dangerous:active {
  color: #d9363e;
  border-color: #d9363e;
}

.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child {
  color: currentcolor;
}

.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-background-ghost.ant-btn-dangerous[disabled],
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child {
  color: currentcolor;
}

.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link {
  color: #ff4d4f;
  border-color: transparent;
  text-shadow: none;
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child {
  color: currentcolor;
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus {
  color: #ff7875;
  border-color: transparent;
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active {
  color: #d9363e;
  border-color: transparent;
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentcolor;
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

.ant-btn-two-chinese-chars::first-letter {
  letter-spacing: 0.34em;
}

.ant-btn-two-chinese-chars > *:not(.anticon) {
  margin-right: -0.34em;
  letter-spacing: 0.34em;
}

.ant-btn.ant-btn-block {
  width: 100%;
}

.ant-btn:empty {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '\a0';
}

a.ant-btn {
  padding-top: 0.000625rem !important;
  line-height: 1.875rem;
}

a.ant-btn-disabled {
  cursor: not-allowed;
}

a.ant-btn-disabled > * {
  pointer-events: none;
}

a.ant-btn-disabled,
a.ant-btn-disabled:hover,
a.ant-btn-disabled:focus,
a.ant-btn-disabled:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

a.ant-btn-disabled > a:only-child,
a.ant-btn-disabled:hover > a:only-child,
a.ant-btn-disabled:focus > a:only-child,
a.ant-btn-disabled:active > a:only-child {
  color: currentcolor;
}

a.ant-btn-disabled > a:only-child::after,
a.ant-btn-disabled:hover > a:only-child::after,
a.ant-btn-disabled:focus > a:only-child::after,
a.ant-btn-disabled:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}

a.ant-btn-lg {
  line-height: 2.375rem;
}

a.ant-btn-sm {
  line-height: 1.375rem;
}

.ant-btn-compact-item:not(.ant-btn-compact-last-item):not(.ant-btn-compact-item-rtl) {
  margin-right: -0.0625rem;
}

.ant-btn-compact-item:not(.ant-btn-compact-last-item).ant-btn-compact-item-rtl {
  margin-left: -0.0625rem;
}

.ant-btn-compact-item:hover,
.ant-btn-compact-item:focus,
.ant-btn-compact-item:active {
  z-index: 2;
}

.ant-btn-compact-item[disabled] {
  z-index: 0;
}

.ant-btn-compact-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-last-item).ant-btn {
  border-radius: 0;
}

.ant-btn-compact-item.ant-btn.ant-btn-compact-first-item:not(.ant-btn-compact-last-item):not(.ant-btn-compact-item-rtl) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ant-btn-compact-item.ant-btn.ant-btn-compact-last-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-item-rtl) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ant-btn-compact-item.ant-btn.ant-btn-compact-item-rtl.ant-btn-compact-first-item:not(.ant-btn-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ant-btn-compact-item.ant-btn.ant-btn-compact-item-rtl.ant-btn-compact-last-item:not(.ant-btn-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ant-btn-icon-only.ant-btn-compact-item {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.ant-btn-compact-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-item.ant-btn-primary:not([disabled]) {
  position: relative;
}

.ant-btn-compact-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-item.ant-btn-primary:not([disabled])::after {
  position: absolute;
  top: -0.0625rem;
  left: -0.0625rem;
  display: inline-block;
  width: 0.0625rem;
  height: calc(100% + 0.0625rem * 2);
  background-color: #9f82ff;
  content: ' ';
}

.ant-btn-compact-item-rtl.ant-btn-compact-first-item.ant-btn-compact-item-rtl:not(.ant-btn-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ant-btn-compact-item-rtl.ant-btn-compact-last-item.ant-btn-compact-item-rtl:not(.ant-btn-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ant-btn-compact-item-rtl.ant-btn-sm.ant-btn-compact-first-item.ant-btn-compact-item-rtl.ant-btn-sm:not(.ant-btn-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ant-btn-compact-item-rtl.ant-btn-sm.ant-btn-compact-last-item.ant-btn-compact-item-rtl.ant-btn-sm:not(.ant-btn-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ant-btn-compact-item-rtl.ant-btn-primary:not([disabled]) + .ant-btn-compact-item-rtl.ant-btn-primary:not([disabled])::after {
  right: -0.0625rem;
}

.ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-last-item) {
  margin-bottom: -0.0625rem;
}

.ant-btn-compact-vertical-item:hover,
.ant-btn-compact-vertical-item:focus,
.ant-btn-compact-vertical-item:active {
  z-index: 2;
}

.ant-btn-compact-vertical-item[disabled] {
  z-index: 0;
}

.ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-first-item):not(.ant-btn-compact-vertical-last-item) {
  border-radius: 0;
}

.ant-btn-compact-vertical-item.ant-btn-compact-vertical-first-item:not(.ant-btn-compact-vertical-last-item) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.ant-btn-compact-vertical-item.ant-btn-compact-vertical-last-item:not(.ant-btn-compact-vertical-first-item) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) {
  position: relative;
}

.ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled])::after {
  position: absolute;
  top: -0.0625rem;
  left: -0.0625rem;
  display: inline-block;
  width: calc(100% + 0.0625rem * 2);
  height: 0.0625rem;
  background-color: #9f82ff;
  content: ' ';
}

.ant-btn-rtl {
  direction: rtl;
}

.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-right-color: #9f82ff;
  border-left-color: #d9d9d9;
}

.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-right-color: #d9d9d9;
  border-left-color: #9f82ff;
}

.ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon {
  padding-right: 0;
  padding-left: 0.5rem;
}

.ant-btn-rtl.ant-btn > .anticon + span,
.ant-btn-rtl.ant-btn > span + .anticon {
  margin-right: 0.5rem;
  margin-left: 0;
}

.login-form .ant-form-item {
  margin-bottom: 0.9375rem;
}

.login-form .ant-input {
  height: 2.5rem;
  border-radius: 0;
}

#root,
.custom-layout.ant-layout.ant-layout-has-sider,
.ant-spin-nested-loading.custom-layout-spin {
  height: 100%;
}

.custom-layout-spin .ant-spin-container,
.custom-layout-spin .ant-spin.ant-spin-spinning {
  height: 100%;
  max-height: unset;
}

.ant-tree .ant-tree-node-content-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 6.25rem;
}

.za-radio__input {
  width: 100% !important;
  height: 100% !important;
}

#baseform__Checkradio .za-radio--checked .za-radio__widget .za-radio__inner {
  background-color: var(--theme-radio-cms2) !important;
  border-color: var(--theme-radio-cms2) !important;
}

.h40 {
  height: 2.5rem;
}

.push-search-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.25rem;
  min-width: 18.75rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.push-search-item .label {
  padding-right: 0.3125rem;
  display: inline-block;
  text-align: right;
  min-width: 6.25rem;
}

.push-search-item .ant-btn {
  margin-right: 0.3125rem;
}

.push-search-item > div {
  width: 100%;
}

.other-search-button-item {
  margin-bottom: 0.625rem;
}

.other-search-button-item > button {
  margin-right: 0.625rem;
}

.ant-radio-group {
  line-height: inherit;
}

.table-container-page {
  padding: 1.5rem;
}

.table-container-page .table-container-page-head {
  padding: 0 0 1.5rem 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */

/* stylelint-disable no-duplicate-selectors */

/* stylelint-disable */

/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

.ant-form-item .ant-input-number + .ant-form-text {
  margin-left: 0.5rem;
}

.ant-form-inline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ant-form-inline .ant-form-item {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-right: 1rem;
  margin-bottom: 0;
}

.ant-form-inline .ant-form-item-with-help {
  margin-bottom: 1.5rem;
}

.ant-form-inline .ant-form-item > .ant-form-item-label,
.ant-form-inline .ant-form-item > .ant-form-item-control {
  display: inline-block;
  vertical-align: top;
}

.ant-form-inline .ant-form-item > .ant-form-item-label {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.ant-form-inline .ant-form-item .ant-form-text {
  display: inline-block;
}

.ant-form-inline .ant-form-item .ant-form-item-has-feedback {
  display: inline-block;
}

.ant-form-horizontal .ant-form-item-label {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.ant-form-horizontal .ant-form-item-control {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  min-width: 0;
}

.ant-form-horizontal .ant-form-item-label[class$='-24'] + .ant-form-item-control,
.ant-form-horizontal .ant-form-item-label[class*='-24 '] + .ant-form-item-control {
  min-width: unset;
}

.ant-form-vertical .ant-form-item-row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.ant-form-vertical .ant-form-item-label > label {
  height: auto;
}

.ant-form-vertical .ant-form-item .ant-form-item-control {
  width: 100%;
}

.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
  padding: 0 0 0.5rem;
  line-height: 1.5715;
  white-space: initial;
  text-align: left;
}

.ant-form-vertical .ant-form-item-label > label,
.ant-col-24.ant-form-item-label > label,
.ant-col-xl-24.ant-form-item-label > label {
  margin: 0;
}

.ant-form-vertical .ant-form-item-label > label::after,
.ant-col-24.ant-form-item-label > label::after,
.ant-col-xl-24.ant-form-item-label > label::after {
  display: none;
}

.ant-form-rtl.ant-form-vertical .ant-form-item-label,
.ant-form-rtl.ant-col-24.ant-form-item-label,
.ant-form-rtl.ant-col-xl-24.ant-form-item-label {
  text-align: right;
}

@media (max-width: 575px) {
  .ant-form-item .ant-form-item-label {
    padding: 0 0 0.5rem;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }

  .ant-form-item .ant-form-item-label > label {
    margin: 0;
  }

  .ant-form-item .ant-form-item-label > label::after {
    display: none;
  }

  .ant-form-rtl.ant-form-item .ant-form-item-label {
    text-align: right;
  }

  .ant-form .ant-form-item {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .ant-form .ant-form-item .ant-form-item-label,
  .ant-form .ant-form-item .ant-form-item-control {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .ant-col-xs-24.ant-form-item-label {
    padding: 0 0 0.5rem;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }

  .ant-col-xs-24.ant-form-item-label > label {
    margin: 0;
  }

  .ant-col-xs-24.ant-form-item-label > label::after {
    display: none;
  }

  .ant-form-rtl.ant-col-xs-24.ant-form-item-label {
    text-align: right;
  }
}

@media (max-width: 767px) {
  .ant-col-sm-24.ant-form-item-label {
    padding: 0 0 0.5rem;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }

  .ant-col-sm-24.ant-form-item-label > label {
    margin: 0;
  }

  .ant-col-sm-24.ant-form-item-label > label::after {
    display: none;
  }

  .ant-form-rtl.ant-col-sm-24.ant-form-item-label {
    text-align: right;
  }
}

@media (max-width: 991px) {
  .ant-col-md-24.ant-form-item-label {
    padding: 0 0 0.5rem;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }

  .ant-col-md-24.ant-form-item-label > label {
    margin: 0;
  }

  .ant-col-md-24.ant-form-item-label > label::after {
    display: none;
  }

  .ant-form-rtl.ant-col-md-24.ant-form-item-label {
    text-align: right;
  }
}

@media (max-width: 1199px) {
  .ant-col-lg-24.ant-form-item-label {
    padding: 0 0 0.5rem;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }

  .ant-col-lg-24.ant-form-item-label > label {
    margin: 0;
  }

  .ant-col-lg-24.ant-form-item-label > label::after {
    display: none;
  }

  .ant-form-rtl.ant-col-lg-24.ant-form-item-label {
    text-align: right;
  }
}

@media (max-width: 1599px) {
  .ant-col-xl-24.ant-form-item-label {
    padding: 0 0 0.5rem;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }

  .ant-col-xl-24.ant-form-item-label > label {
    margin: 0;
  }

  .ant-col-xl-24.ant-form-item-label > label::after {
    display: none;
  }

  .ant-form-rtl.ant-col-xl-24.ant-form-item-label {
    text-align: right;
  }
}

.ant-form-item {
  /* Some non-status related component style is in `components.less` */
  /* To support leave along ErrorList. We add additional className to handle explain style */
}

.ant-form-item-explain-error {
  color: #ff4d4f;
}

.ant-form-item-explain-warning {
  color: #faad14;
}

.ant-form-item-has-feedback .ant-switch {
  margin: 0.125rem 0 0.25rem;
}

.ant-form-item-has-warning .ant-form-item-split {
  color: #faad14;
}

.ant-form-item-has-error .ant-form-item-split {
  color: #ff4d4f;
}

.ant-form {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.875rem;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
}

.ant-form legend {
  display: block;
  width: 100%;
  margin-bottom: 1.25rem;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 1rem;
  line-height: inherit;
  border: 0;
  border-bottom: 0.0625rem solid #d9d9d9;
}

.ant-form label {
  font-size: 0.875rem;
}

.ant-form input[type='search'] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.ant-form input[type='radio'],
.ant-form input[type='checkbox'] {
  line-height: normal;
}

.ant-form input[type='file'] {
  display: block;
}

.ant-form input[type='range'] {
  display: block;
  width: 100%;
}

.ant-form select[multiple],
.ant-form select[size] {
  height: auto;
}

.ant-form input[type='file']:focus,
.ant-form input[type='radio']:focus,
.ant-form input[type='checkbox']:focus {
  outline: thin dotted;
  outline: 0.3125rem auto -webkit-focus-ring-color;
  outline-offset: -0.125rem;
}

.ant-form output {
  display: block;
  padding-top: 0.9375rem;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.875rem;
  line-height: 1.5715;
}

.ant-form .ant-form-text {
  display: inline-block;
  padding-right: 0.5rem;
}

.ant-form-small .ant-form-item-label > label {
  height: 1.5rem;
}

.ant-form-small .ant-form-item-control-input {
  min-height: 1.5rem;
}

.ant-form-large .ant-form-item-label > label {
  height: 2.5rem;
}

.ant-form-large .ant-form-item-control-input {
  min-height: 2.5rem;
}

.ant-form-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.875rem;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  margin-bottom: 1.5rem;
  vertical-align: top;
}

.ant-form-item-with-help {
  -webkit-transition: none;
  transition: none;
}

.ant-form-item-hidden,
.ant-form-item-hidden.ant-row {
  display: none;
}

.ant-form-item-label {
  display: inline-block;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
}

.ant-form-item-label-left {
  text-align: left;
}

.ant-form-item-label-wrap {
  overflow: unset;
  line-height: 1.3215em;
  white-space: unset;
}

.ant-form-item-label > label {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 100%;
  height: 2rem;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.875rem;
}

.ant-form-item-label > label > .anticon {
  font-size: 0.875rem;
  vertical-align: top;
}

.ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  display: inline-block;
  margin-right: 0.25rem;
  color: #ff4d4f;
  font-size: 0.875rem;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}

.ant-form-hide-required-mark .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  display: none;
}

.ant-form-item-label > label .ant-form-item-optional {
  display: inline-block;
  margin-left: 0.25rem;
  color: rgba(0, 0, 0, 0.45);
}

.ant-form-hide-required-mark .ant-form-item-label > label .ant-form-item-optional {
  display: none;
}

.ant-form-item-label > label .ant-form-item-tooltip {
  color: rgba(0, 0, 0, 0.45);
  cursor: help;
  -webkit-writing-mode: horizontal-tb;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
  -webkit-margin-start: 0.25rem;
  margin-inline-start: 0.25rem;
}

.ant-form-item-label > label::after {
  content: ':';
  position: relative;
  top: -0.03125rem;
  margin: 0 0.5rem 0 0.125rem;
}

.ant-form-item-label > label.ant-form-item-no-colon::after {
  content: ' ';
}

.ant-form-item-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.ant-form-item-control:first-child:not([class^='ant-col-']):not([class*=' ant-col-']) {
  width: 100%;
}

.ant-form-item-control-input {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 2rem;
}

.ant-form-item-control-input-content {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  max-width: 100%;
}

.ant-form-item-explain,
.ant-form-item-extra {
  clear: both;
  color: rgba(0, 0, 0, 0.45);
  font-size: 0.875rem;
  line-height: 1.5715;
  -webkit-transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  padding-top: 0;
}

.ant-form-item-explain-connected {
  width: 100%;
}

.ant-form-item-extra {
  min-height: 1.5rem;
}

.ant-form-item-with-help .ant-form-item-explain {
  height: auto;
  opacity: 1;
}

.ant-form-item-feedback-icon {
  font-size: 0.875rem;
  text-align: center;
  visibility: visible;
  -webkit-animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  pointer-events: none;
}

.ant-form-item-feedback-icon-success {
  color: #52c41a;
}

.ant-form-item-feedback-icon-error {
  color: #ff4d4f;
}

.ant-form-item-feedback-icon-warning {
  color: #faad14;
}

.ant-form-item-feedback-icon-validating {
  color: #7958fa;
}

.ant-show-help {
  -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-show-help-appear,
.ant-show-help-enter {
  opacity: 0;
}

.ant-show-help-appear-active,
.ant-show-help-enter-active {
  opacity: 1;
}

.ant-show-help-leave {
  opacity: 1;
}

.ant-show-help-leave-active {
  opacity: 0;
}

.ant-show-help-item {
  overflow: hidden;
  -webkit-transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

.ant-show-help-item-appear,
.ant-show-help-item-enter {
  -webkit-transform: translateY(-0.3125rem);
  transform: translateY(-0.3125rem);
  opacity: 0;
}

.ant-show-help-item-appear-active,
.ant-show-help-item-enter-active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.ant-show-help-item-leave {
  -webkit-transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

.ant-show-help-item-leave-active {
  -webkit-transform: translateY(-0.3125rem);
  transform: translateY(-0.3125rem);
}

@-webkit-keyframes diffZoomIn1 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes diffZoomIn1 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes diffZoomIn2 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes diffZoomIn2 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes diffZoomIn3 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes diffZoomIn3 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

.ant-form-rtl {
  direction: rtl;
}

.ant-form-rtl .ant-form-item-label {
  text-align: left;
}

.ant-form-rtl .ant-form-item-label > label.ant-form-item-required::before {
  margin-right: 0;
  margin-left: 0.25rem;
}

.ant-form-rtl .ant-form-item-label > label::after {
  margin: 0 0.125rem 0 0.5rem;
}

.ant-form-rtl .ant-form-item-label > label .ant-form-item-optional {
  margin-right: 0.25rem;
  margin-left: 0;
}

.ant-col-rtl .ant-form-item-control:first-child {
  width: 100%;
}

.ant-form-rtl .ant-form-item-has-feedback .ant-input {
  padding-right: 0.6875rem;
  padding-left: 1.5rem;
}

.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix {
  padding-right: 0.6875rem;
  padding-left: 1.125rem;
}

.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input {
  padding: 0;
}

.ant-form-rtl .ant-form-item-has-feedback .ant-input-number-affix-wrapper .ant-input-number {
  padding: 0;
}

.ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
  right: auto;
  left: 1.75rem;
}

.ant-form-rtl .ant-form-item-has-feedback .ant-input-number {
  padding-left: 1.125rem;
}

.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-clear,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-clear,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-clear {
  right: auto;
  left: 2rem;
}

.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-selection-selected-value {
  padding-right: 0;
  padding-left: 2.625rem;
}

.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow {
  margin-right: 0;
  margin-left: 1.1875rem;
}

.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear {
  right: auto;
  left: 2rem;
}

.ant-form-rtl .ant-form-item-has-feedback .ant-picker {
  padding-right: 0.6875rem;
  padding-left: 1.825rem;
}

.ant-form-rtl .ant-form-item-has-feedback .ant-picker-large {
  padding-right: 0.6875rem;
  padding-left: 1.825rem;
}

.ant-form-rtl .ant-form-item-has-feedback .ant-picker-small {
  padding-right: 0.4375rem;
  padding-left: 1.575rem;
}

.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon {
  right: auto;
  left: 0;
}

.ant-form-rtl.ant-form-inline .ant-form-item {
  margin-right: 0;
  margin-left: 1rem;
}

.login-form .ant-form-item {
  margin-bottom: 0.9375rem;
}

.login-form .ant-input {
  height: 2.5rem;
  border-radius: 0;
}

#root,
.custom-layout.ant-layout.ant-layout-has-sider,
.ant-spin-nested-loading.custom-layout-spin {
  height: 100%;
}

.custom-layout-spin .ant-spin-container,
.custom-layout-spin .ant-spin.ant-spin-spinning {
  height: 100%;
  max-height: unset;
}

.ant-tree .ant-tree-node-content-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 6.25rem;
}

.za-radio__input {
  width: 100% !important;
  height: 100% !important;
}

#baseform__Checkradio .za-radio--checked .za-radio__widget .za-radio__inner {
  background-color: var(--theme-radio-cms2) !important;
  border-color: var(--theme-radio-cms2) !important;
}

.h40 {
  height: 2.5rem;
}

.push-search-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.25rem;
  min-width: 18.75rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.push-search-item .label {
  padding-right: 0.3125rem;
  display: inline-block;
  text-align: right;
  min-width: 6.25rem;
}

.push-search-item .ant-btn {
  margin-right: 0.3125rem;
}

.push-search-item > div {
  width: 100%;
}

.other-search-button-item {
  margin-bottom: 0.625rem;
}

.other-search-button-item > button {
  margin-right: 0.625rem;
}

.ant-radio-group {
  line-height: inherit;
}

.table-container-page {
  padding: 1.5rem;
}

.table-container-page .table-container-page-head {
  padding: 0 0 1.5rem 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */

/* stylelint-disable no-duplicate-selectors */

/* stylelint-disable */

/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

.ant-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  min-width: 0;
}

.ant-row::before,
.ant-row::after {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.ant-row-no-wrap {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.ant-row-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.ant-row-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ant-row-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.ant-row-space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ant-row-space-around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.ant-row-space-evenly {
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

.ant-row-top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.ant-row-middle {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.ant-row-bottom {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.ant-col {
  position: relative;
  max-width: 100%;
  min-height: 0.0625rem;
}

.ant-col-24 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.ant-col-push-24 {
  left: 100%;
}

.ant-col-pull-24 {
  right: 100%;
}

.ant-col-offset-24 {
  margin-left: 100%;
}

.ant-col-order-24 {
  -webkit-box-ordinal-group: 25;
  -webkit-order: 24;
  -ms-flex-order: 24;
  order: 24;
}

.ant-col-23 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 95.83333333%;
  -ms-flex: 0 0 95.83333333%;
  flex: 0 0 95.83333333%;
  max-width: 95.83333333%;
}

.ant-col-push-23 {
  left: 95.83333333%;
}

.ant-col-pull-23 {
  right: 95.83333333%;
}

.ant-col-offset-23 {
  margin-left: 95.83333333%;
}

.ant-col-order-23 {
  -webkit-box-ordinal-group: 24;
  -webkit-order: 23;
  -ms-flex-order: 23;
  order: 23;
}

.ant-col-22 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.66666667%;
  -ms-flex: 0 0 91.66666667%;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}

.ant-col-push-22 {
  left: 91.66666667%;
}

.ant-col-pull-22 {
  right: 91.66666667%;
}

.ant-col-offset-22 {
  margin-left: 91.66666667%;
}

.ant-col-order-22 {
  -webkit-box-ordinal-group: 23;
  -webkit-order: 22;
  -ms-flex-order: 22;
  order: 22;
}

.ant-col-21 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 87.5%;
  -ms-flex: 0 0 87.5%;
  flex: 0 0 87.5%;
  max-width: 87.5%;
}

.ant-col-push-21 {
  left: 87.5%;
}

.ant-col-pull-21 {
  right: 87.5%;
}

.ant-col-offset-21 {
  margin-left: 87.5%;
}

.ant-col-order-21 {
  -webkit-box-ordinal-group: 22;
  -webkit-order: 21;
  -ms-flex-order: 21;
  order: 21;
}

.ant-col-20 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.33333333%;
  -ms-flex: 0 0 83.33333333%;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}

.ant-col-push-20 {
  left: 83.33333333%;
}

.ant-col-pull-20 {
  right: 83.33333333%;
}

.ant-col-offset-20 {
  margin-left: 83.33333333%;
}

.ant-col-order-20 {
  -webkit-box-ordinal-group: 21;
  -webkit-order: 20;
  -ms-flex-order: 20;
  order: 20;
}

.ant-col-19 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 79.16666667%;
  -ms-flex: 0 0 79.16666667%;
  flex: 0 0 79.16666667%;
  max-width: 79.16666667%;
}

.ant-col-push-19 {
  left: 79.16666667%;
}

.ant-col-pull-19 {
  right: 79.16666667%;
}

.ant-col-offset-19 {
  margin-left: 79.16666667%;
}

.ant-col-order-19 {
  -webkit-box-ordinal-group: 20;
  -webkit-order: 19;
  -ms-flex-order: 19;
  order: 19;
}

.ant-col-18 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.ant-col-push-18 {
  left: 75%;
}

.ant-col-pull-18 {
  right: 75%;
}

.ant-col-offset-18 {
  margin-left: 75%;
}

.ant-col-order-18 {
  -webkit-box-ordinal-group: 19;
  -webkit-order: 18;
  -ms-flex-order: 18;
  order: 18;
}

.ant-col-17 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 70.83333333%;
  -ms-flex: 0 0 70.83333333%;
  flex: 0 0 70.83333333%;
  max-width: 70.83333333%;
}

.ant-col-push-17 {
  left: 70.83333333%;
}

.ant-col-pull-17 {
  right: 70.83333333%;
}

.ant-col-offset-17 {
  margin-left: 70.83333333%;
}

.ant-col-order-17 {
  -webkit-box-ordinal-group: 18;
  -webkit-order: 17;
  -ms-flex-order: 17;
  order: 17;
}

.ant-col-16 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.66666667%;
  -ms-flex: 0 0 66.66666667%;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}

.ant-col-push-16 {
  left: 66.66666667%;
}

.ant-col-pull-16 {
  right: 66.66666667%;
}

.ant-col-offset-16 {
  margin-left: 66.66666667%;
}

.ant-col-order-16 {
  -webkit-box-ordinal-group: 17;
  -webkit-order: 16;
  -ms-flex-order: 16;
  order: 16;
}

.ant-col-15 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 62.5%;
  -ms-flex: 0 0 62.5%;
  flex: 0 0 62.5%;
  max-width: 62.5%;
}

.ant-col-push-15 {
  left: 62.5%;
}

.ant-col-pull-15 {
  right: 62.5%;
}

.ant-col-offset-15 {
  margin-left: 62.5%;
}

.ant-col-order-15 {
  -webkit-box-ordinal-group: 16;
  -webkit-order: 15;
  -ms-flex-order: 15;
  order: 15;
}

.ant-col-14 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.33333333%;
  -ms-flex: 0 0 58.33333333%;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}

.ant-col-push-14 {
  left: 58.33333333%;
}

.ant-col-pull-14 {
  right: 58.33333333%;
}

.ant-col-offset-14 {
  margin-left: 58.33333333%;
}

.ant-col-order-14 {
  -webkit-box-ordinal-group: 15;
  -webkit-order: 14;
  -ms-flex-order: 14;
  order: 14;
}

.ant-col-13 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 54.16666667%;
  -ms-flex: 0 0 54.16666667%;
  flex: 0 0 54.16666667%;
  max-width: 54.16666667%;
}

.ant-col-push-13 {
  left: 54.16666667%;
}

.ant-col-pull-13 {
  right: 54.16666667%;
}

.ant-col-offset-13 {
  margin-left: 54.16666667%;
}

.ant-col-order-13 {
  -webkit-box-ordinal-group: 14;
  -webkit-order: 13;
  -ms-flex-order: 13;
  order: 13;
}

.ant-col-12 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.ant-col-push-12 {
  left: 50%;
}

.ant-col-pull-12 {
  right: 50%;
}

.ant-col-offset-12 {
  margin-left: 50%;
}

.ant-col-order-12 {
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
  -ms-flex-order: 12;
  order: 12;
}

.ant-col-11 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 45.83333333%;
  -ms-flex: 0 0 45.83333333%;
  flex: 0 0 45.83333333%;
  max-width: 45.83333333%;
}

.ant-col-push-11 {
  left: 45.83333333%;
}

.ant-col-pull-11 {
  right: 45.83333333%;
}

.ant-col-offset-11 {
  margin-left: 45.83333333%;
}

.ant-col-order-11 {
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
  -ms-flex-order: 11;
  order: 11;
}

.ant-col-10 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.66666667%;
  -ms-flex: 0 0 41.66666667%;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}

.ant-col-push-10 {
  left: 41.66666667%;
}

.ant-col-pull-10 {
  right: 41.66666667%;
}

.ant-col-offset-10 {
  margin-left: 41.66666667%;
}

.ant-col-order-10 {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10;
}

.ant-col-9 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 37.5%;
  -ms-flex: 0 0 37.5%;
  flex: 0 0 37.5%;
  max-width: 37.5%;
}

.ant-col-push-9 {
  left: 37.5%;
}

.ant-col-pull-9 {
  right: 37.5%;
}

.ant-col-offset-9 {
  margin-left: 37.5%;
}

.ant-col-order-9 {
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
  -ms-flex-order: 9;
  order: 9;
}

.ant-col-8 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.33333333%;
  -ms-flex: 0 0 33.33333333%;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

.ant-col-push-8 {
  left: 33.33333333%;
}

.ant-col-pull-8 {
  right: 33.33333333%;
}

.ant-col-offset-8 {
  margin-left: 33.33333333%;
}

.ant-col-order-8 {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
  -ms-flex-order: 8;
  order: 8;
}

.ant-col-7 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 29.16666667%;
  -ms-flex: 0 0 29.16666667%;
  flex: 0 0 29.16666667%;
  max-width: 29.16666667%;
}

.ant-col-push-7 {
  left: 29.16666667%;
}

.ant-col-pull-7 {
  right: 29.16666667%;
}

.ant-col-offset-7 {
  margin-left: 29.16666667%;
}

.ant-col-order-7 {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  -ms-flex-order: 7;
  order: 7;
}

.ant-col-6 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.ant-col-push-6 {
  left: 25%;
}

.ant-col-pull-6 {
  right: 25%;
}

.ant-col-offset-6 {
  margin-left: 25%;
}

.ant-col-order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6;
}

.ant-col-5 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20.83333333%;
  -ms-flex: 0 0 20.83333333%;
  flex: 0 0 20.83333333%;
  max-width: 20.83333333%;
}

.ant-col-push-5 {
  left: 20.83333333%;
}

.ant-col-pull-5 {
  right: 20.83333333%;
}

.ant-col-offset-5 {
  margin-left: 20.83333333%;
}

.ant-col-order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
}

.ant-col-4 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.66666667%;
  -ms-flex: 0 0 16.66666667%;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}

.ant-col-push-4 {
  left: 16.66666667%;
}

.ant-col-pull-4 {
  right: 16.66666667%;
}

.ant-col-offset-4 {
  margin-left: 16.66666667%;
}

.ant-col-order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4;
}

.ant-col-3 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 12.5%;
  -ms-flex: 0 0 12.5%;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}

.ant-col-push-3 {
  left: 12.5%;
}

.ant-col-pull-3 {
  right: 12.5%;
}

.ant-col-offset-3 {
  margin-left: 12.5%;
}

.ant-col-order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}

.ant-col-2 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.33333333%;
  -ms-flex: 0 0 8.33333333%;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}

.ant-col-push-2 {
  left: 8.33333333%;
}

.ant-col-pull-2 {
  right: 8.33333333%;
}

.ant-col-offset-2 {
  margin-left: 8.33333333%;
}

.ant-col-order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.ant-col-1 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 4.16666667%;
  -ms-flex: 0 0 4.16666667%;
  flex: 0 0 4.16666667%;
  max-width: 4.16666667%;
}

.ant-col-push-1 {
  left: 4.16666667%;
}

.ant-col-pull-1 {
  right: 4.16666667%;
}

.ant-col-offset-1 {
  margin-left: 4.16666667%;
}

.ant-col-order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.ant-col-0 {
  display: none;
}

.ant-col-push-0 {
  left: auto;
}

.ant-col-pull-0 {
  right: auto;
}

.ant-col-push-0 {
  left: auto;
}

.ant-col-pull-0 {
  right: auto;
}

.ant-col-offset-0 {
  margin-left: 0;
}

.ant-col-order-0 {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.ant-col-push-0.ant-col-rtl {
  right: auto;
}

.ant-col-pull-0.ant-col-rtl {
  left: auto;
}

.ant-col-push-0.ant-col-rtl {
  right: auto;
}

.ant-col-pull-0.ant-col-rtl {
  left: auto;
}

.ant-col-offset-0.ant-col-rtl {
  margin-right: 0;
}

.ant-col-push-1.ant-col-rtl {
  right: 4.16666667%;
  left: auto;
}

.ant-col-pull-1.ant-col-rtl {
  right: auto;
  left: 4.16666667%;
}

.ant-col-offset-1.ant-col-rtl {
  margin-right: 4.16666667%;
  margin-left: 0;
}

.ant-col-push-2.ant-col-rtl {
  right: 8.33333333%;
  left: auto;
}

.ant-col-pull-2.ant-col-rtl {
  right: auto;
  left: 8.33333333%;
}

.ant-col-offset-2.ant-col-rtl {
  margin-right: 8.33333333%;
  margin-left: 0;
}

.ant-col-push-3.ant-col-rtl {
  right: 12.5%;
  left: auto;
}

.ant-col-pull-3.ant-col-rtl {
  right: auto;
  left: 12.5%;
}

.ant-col-offset-3.ant-col-rtl {
  margin-right: 12.5%;
  margin-left: 0;
}

.ant-col-push-4.ant-col-rtl {
  right: 16.66666667%;
  left: auto;
}

.ant-col-pull-4.ant-col-rtl {
  right: auto;
  left: 16.66666667%;
}

.ant-col-offset-4.ant-col-rtl {
  margin-right: 16.66666667%;
  margin-left: 0;
}

.ant-col-push-5.ant-col-rtl {
  right: 20.83333333%;
  left: auto;
}

.ant-col-pull-5.ant-col-rtl {
  right: auto;
  left: 20.83333333%;
}

.ant-col-offset-5.ant-col-rtl {
  margin-right: 20.83333333%;
  margin-left: 0;
}

.ant-col-push-6.ant-col-rtl {
  right: 25%;
  left: auto;
}

.ant-col-pull-6.ant-col-rtl {
  right: auto;
  left: 25%;
}

.ant-col-offset-6.ant-col-rtl {
  margin-right: 25%;
  margin-left: 0;
}

.ant-col-push-7.ant-col-rtl {
  right: 29.16666667%;
  left: auto;
}

.ant-col-pull-7.ant-col-rtl {
  right: auto;
  left: 29.16666667%;
}

.ant-col-offset-7.ant-col-rtl {
  margin-right: 29.16666667%;
  margin-left: 0;
}

.ant-col-push-8.ant-col-rtl {
  right: 33.33333333%;
  left: auto;
}

.ant-col-pull-8.ant-col-rtl {
  right: auto;
  left: 33.33333333%;
}

.ant-col-offset-8.ant-col-rtl {
  margin-right: 33.33333333%;
  margin-left: 0;
}

.ant-col-push-9.ant-col-rtl {
  right: 37.5%;
  left: auto;
}

.ant-col-pull-9.ant-col-rtl {
  right: auto;
  left: 37.5%;
}

.ant-col-offset-9.ant-col-rtl {
  margin-right: 37.5%;
  margin-left: 0;
}

.ant-col-push-10.ant-col-rtl {
  right: 41.66666667%;
  left: auto;
}

.ant-col-pull-10.ant-col-rtl {
  right: auto;
  left: 41.66666667%;
}

.ant-col-offset-10.ant-col-rtl {
  margin-right: 41.66666667%;
  margin-left: 0;
}

.ant-col-push-11.ant-col-rtl {
  right: 45.83333333%;
  left: auto;
}

.ant-col-pull-11.ant-col-rtl {
  right: auto;
  left: 45.83333333%;
}

.ant-col-offset-11.ant-col-rtl {
  margin-right: 45.83333333%;
  margin-left: 0;
}

.ant-col-push-12.ant-col-rtl {
  right: 50%;
  left: auto;
}

.ant-col-pull-12.ant-col-rtl {
  right: auto;
  left: 50%;
}

.ant-col-offset-12.ant-col-rtl {
  margin-right: 50%;
  margin-left: 0;
}

.ant-col-push-13.ant-col-rtl {
  right: 54.16666667%;
  left: auto;
}

.ant-col-pull-13.ant-col-rtl {
  right: auto;
  left: 54.16666667%;
}

.ant-col-offset-13.ant-col-rtl {
  margin-right: 54.16666667%;
  margin-left: 0;
}

.ant-col-push-14.ant-col-rtl {
  right: 58.33333333%;
  left: auto;
}

.ant-col-pull-14.ant-col-rtl {
  right: auto;
  left: 58.33333333%;
}

.ant-col-offset-14.ant-col-rtl {
  margin-right: 58.33333333%;
  margin-left: 0;
}

.ant-col-push-15.ant-col-rtl {
  right: 62.5%;
  left: auto;
}

.ant-col-pull-15.ant-col-rtl {
  right: auto;
  left: 62.5%;
}

.ant-col-offset-15.ant-col-rtl {
  margin-right: 62.5%;
  margin-left: 0;
}

.ant-col-push-16.ant-col-rtl {
  right: 66.66666667%;
  left: auto;
}

.ant-col-pull-16.ant-col-rtl {
  right: auto;
  left: 66.66666667%;
}

.ant-col-offset-16.ant-col-rtl {
  margin-right: 66.66666667%;
  margin-left: 0;
}

.ant-col-push-17.ant-col-rtl {
  right: 70.83333333%;
  left: auto;
}

.ant-col-pull-17.ant-col-rtl {
  right: auto;
  left: 70.83333333%;
}

.ant-col-offset-17.ant-col-rtl {
  margin-right: 70.83333333%;
  margin-left: 0;
}

.ant-col-push-18.ant-col-rtl {
  right: 75%;
  left: auto;
}

.ant-col-pull-18.ant-col-rtl {
  right: auto;
  left: 75%;
}

.ant-col-offset-18.ant-col-rtl {
  margin-right: 75%;
  margin-left: 0;
}

.ant-col-push-19.ant-col-rtl {
  right: 79.16666667%;
  left: auto;
}

.ant-col-pull-19.ant-col-rtl {
  right: auto;
  left: 79.16666667%;
}

.ant-col-offset-19.ant-col-rtl {
  margin-right: 79.16666667%;
  margin-left: 0;
}

.ant-col-push-20.ant-col-rtl {
  right: 83.33333333%;
  left: auto;
}

.ant-col-pull-20.ant-col-rtl {
  right: auto;
  left: 83.33333333%;
}

.ant-col-offset-20.ant-col-rtl {
  margin-right: 83.33333333%;
  margin-left: 0;
}

.ant-col-push-21.ant-col-rtl {
  right: 87.5%;
  left: auto;
}

.ant-col-pull-21.ant-col-rtl {
  right: auto;
  left: 87.5%;
}

.ant-col-offset-21.ant-col-rtl {
  margin-right: 87.5%;
  margin-left: 0;
}

.ant-col-push-22.ant-col-rtl {
  right: 91.66666667%;
  left: auto;
}

.ant-col-pull-22.ant-col-rtl {
  right: auto;
  left: 91.66666667%;
}

.ant-col-offset-22.ant-col-rtl {
  margin-right: 91.66666667%;
  margin-left: 0;
}

.ant-col-push-23.ant-col-rtl {
  right: 95.83333333%;
  left: auto;
}

.ant-col-pull-23.ant-col-rtl {
  right: auto;
  left: 95.83333333%;
}

.ant-col-offset-23.ant-col-rtl {
  margin-right: 95.83333333%;
  margin-left: 0;
}

.ant-col-push-24.ant-col-rtl {
  right: 100%;
  left: auto;
}

.ant-col-pull-24.ant-col-rtl {
  right: auto;
  left: 100%;
}

.ant-col-offset-24.ant-col-rtl {
  margin-right: 100%;
  margin-left: 0;
}

.ant-col-xs-24 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.ant-col-xs-push-24 {
  left: 100%;
}

.ant-col-xs-pull-24 {
  right: 100%;
}

.ant-col-xs-offset-24 {
  margin-left: 100%;
}

.ant-col-xs-order-24 {
  -webkit-box-ordinal-group: 25;
  -webkit-order: 24;
  -ms-flex-order: 24;
  order: 24;
}

.ant-col-xs-23 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 95.83333333%;
  -ms-flex: 0 0 95.83333333%;
  flex: 0 0 95.83333333%;
  max-width: 95.83333333%;
}

.ant-col-xs-push-23 {
  left: 95.83333333%;
}

.ant-col-xs-pull-23 {
  right: 95.83333333%;
}

.ant-col-xs-offset-23 {
  margin-left: 95.83333333%;
}

.ant-col-xs-order-23 {
  -webkit-box-ordinal-group: 24;
  -webkit-order: 23;
  -ms-flex-order: 23;
  order: 23;
}

.ant-col-xs-22 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.66666667%;
  -ms-flex: 0 0 91.66666667%;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}

.ant-col-xs-push-22 {
  left: 91.66666667%;
}

.ant-col-xs-pull-22 {
  right: 91.66666667%;
}

.ant-col-xs-offset-22 {
  margin-left: 91.66666667%;
}

.ant-col-xs-order-22 {
  -webkit-box-ordinal-group: 23;
  -webkit-order: 22;
  -ms-flex-order: 22;
  order: 22;
}

.ant-col-xs-21 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 87.5%;
  -ms-flex: 0 0 87.5%;
  flex: 0 0 87.5%;
  max-width: 87.5%;
}

.ant-col-xs-push-21 {
  left: 87.5%;
}

.ant-col-xs-pull-21 {
  right: 87.5%;
}

.ant-col-xs-offset-21 {
  margin-left: 87.5%;
}

.ant-col-xs-order-21 {
  -webkit-box-ordinal-group: 22;
  -webkit-order: 21;
  -ms-flex-order: 21;
  order: 21;
}

.ant-col-xs-20 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.33333333%;
  -ms-flex: 0 0 83.33333333%;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}

.ant-col-xs-push-20 {
  left: 83.33333333%;
}

.ant-col-xs-pull-20 {
  right: 83.33333333%;
}

.ant-col-xs-offset-20 {
  margin-left: 83.33333333%;
}

.ant-col-xs-order-20 {
  -webkit-box-ordinal-group: 21;
  -webkit-order: 20;
  -ms-flex-order: 20;
  order: 20;
}

.ant-col-xs-19 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 79.16666667%;
  -ms-flex: 0 0 79.16666667%;
  flex: 0 0 79.16666667%;
  max-width: 79.16666667%;
}

.ant-col-xs-push-19 {
  left: 79.16666667%;
}

.ant-col-xs-pull-19 {
  right: 79.16666667%;
}

.ant-col-xs-offset-19 {
  margin-left: 79.16666667%;
}

.ant-col-xs-order-19 {
  -webkit-box-ordinal-group: 20;
  -webkit-order: 19;
  -ms-flex-order: 19;
  order: 19;
}

.ant-col-xs-18 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.ant-col-xs-push-18 {
  left: 75%;
}

.ant-col-xs-pull-18 {
  right: 75%;
}

.ant-col-xs-offset-18 {
  margin-left: 75%;
}

.ant-col-xs-order-18 {
  -webkit-box-ordinal-group: 19;
  -webkit-order: 18;
  -ms-flex-order: 18;
  order: 18;
}

.ant-col-xs-17 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 70.83333333%;
  -ms-flex: 0 0 70.83333333%;
  flex: 0 0 70.83333333%;
  max-width: 70.83333333%;
}

.ant-col-xs-push-17 {
  left: 70.83333333%;
}

.ant-col-xs-pull-17 {
  right: 70.83333333%;
}

.ant-col-xs-offset-17 {
  margin-left: 70.83333333%;
}

.ant-col-xs-order-17 {
  -webkit-box-ordinal-group: 18;
  -webkit-order: 17;
  -ms-flex-order: 17;
  order: 17;
}

.ant-col-xs-16 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.66666667%;
  -ms-flex: 0 0 66.66666667%;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}

.ant-col-xs-push-16 {
  left: 66.66666667%;
}

.ant-col-xs-pull-16 {
  right: 66.66666667%;
}

.ant-col-xs-offset-16 {
  margin-left: 66.66666667%;
}

.ant-col-xs-order-16 {
  -webkit-box-ordinal-group: 17;
  -webkit-order: 16;
  -ms-flex-order: 16;
  order: 16;
}

.ant-col-xs-15 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 62.5%;
  -ms-flex: 0 0 62.5%;
  flex: 0 0 62.5%;
  max-width: 62.5%;
}

.ant-col-xs-push-15 {
  left: 62.5%;
}

.ant-col-xs-pull-15 {
  right: 62.5%;
}

.ant-col-xs-offset-15 {
  margin-left: 62.5%;
}

.ant-col-xs-order-15 {
  -webkit-box-ordinal-group: 16;
  -webkit-order: 15;
  -ms-flex-order: 15;
  order: 15;
}

.ant-col-xs-14 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.33333333%;
  -ms-flex: 0 0 58.33333333%;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}

.ant-col-xs-push-14 {
  left: 58.33333333%;
}

.ant-col-xs-pull-14 {
  right: 58.33333333%;
}

.ant-col-xs-offset-14 {
  margin-left: 58.33333333%;
}

.ant-col-xs-order-14 {
  -webkit-box-ordinal-group: 15;
  -webkit-order: 14;
  -ms-flex-order: 14;
  order: 14;
}

.ant-col-xs-13 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 54.16666667%;
  -ms-flex: 0 0 54.16666667%;
  flex: 0 0 54.16666667%;
  max-width: 54.16666667%;
}

.ant-col-xs-push-13 {
  left: 54.16666667%;
}

.ant-col-xs-pull-13 {
  right: 54.16666667%;
}

.ant-col-xs-offset-13 {
  margin-left: 54.16666667%;
}

.ant-col-xs-order-13 {
  -webkit-box-ordinal-group: 14;
  -webkit-order: 13;
  -ms-flex-order: 13;
  order: 13;
}

.ant-col-xs-12 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.ant-col-xs-push-12 {
  left: 50%;
}

.ant-col-xs-pull-12 {
  right: 50%;
}

.ant-col-xs-offset-12 {
  margin-left: 50%;
}

.ant-col-xs-order-12 {
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
  -ms-flex-order: 12;
  order: 12;
}

.ant-col-xs-11 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 45.83333333%;
  -ms-flex: 0 0 45.83333333%;
  flex: 0 0 45.83333333%;
  max-width: 45.83333333%;
}

.ant-col-xs-push-11 {
  left: 45.83333333%;
}

.ant-col-xs-pull-11 {
  right: 45.83333333%;
}

.ant-col-xs-offset-11 {
  margin-left: 45.83333333%;
}

.ant-col-xs-order-11 {
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
  -ms-flex-order: 11;
  order: 11;
}

.ant-col-xs-10 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.66666667%;
  -ms-flex: 0 0 41.66666667%;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}

.ant-col-xs-push-10 {
  left: 41.66666667%;
}

.ant-col-xs-pull-10 {
  right: 41.66666667%;
}

.ant-col-xs-offset-10 {
  margin-left: 41.66666667%;
}

.ant-col-xs-order-10 {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10;
}

.ant-col-xs-9 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 37.5%;
  -ms-flex: 0 0 37.5%;
  flex: 0 0 37.5%;
  max-width: 37.5%;
}

.ant-col-xs-push-9 {
  left: 37.5%;
}

.ant-col-xs-pull-9 {
  right: 37.5%;
}

.ant-col-xs-offset-9 {
  margin-left: 37.5%;
}

.ant-col-xs-order-9 {
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
  -ms-flex-order: 9;
  order: 9;
}

.ant-col-xs-8 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.33333333%;
  -ms-flex: 0 0 33.33333333%;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

.ant-col-xs-push-8 {
  left: 33.33333333%;
}

.ant-col-xs-pull-8 {
  right: 33.33333333%;
}

.ant-col-xs-offset-8 {
  margin-left: 33.33333333%;
}

.ant-col-xs-order-8 {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
  -ms-flex-order: 8;
  order: 8;
}

.ant-col-xs-7 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 29.16666667%;
  -ms-flex: 0 0 29.16666667%;
  flex: 0 0 29.16666667%;
  max-width: 29.16666667%;
}

.ant-col-xs-push-7 {
  left: 29.16666667%;
}

.ant-col-xs-pull-7 {
  right: 29.16666667%;
}

.ant-col-xs-offset-7 {
  margin-left: 29.16666667%;
}

.ant-col-xs-order-7 {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  -ms-flex-order: 7;
  order: 7;
}

.ant-col-xs-6 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.ant-col-xs-push-6 {
  left: 25%;
}

.ant-col-xs-pull-6 {
  right: 25%;
}

.ant-col-xs-offset-6 {
  margin-left: 25%;
}

.ant-col-xs-order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6;
}

.ant-col-xs-5 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20.83333333%;
  -ms-flex: 0 0 20.83333333%;
  flex: 0 0 20.83333333%;
  max-width: 20.83333333%;
}

.ant-col-xs-push-5 {
  left: 20.83333333%;
}

.ant-col-xs-pull-5 {
  right: 20.83333333%;
}

.ant-col-xs-offset-5 {
  margin-left: 20.83333333%;
}

.ant-col-xs-order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
}

.ant-col-xs-4 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.66666667%;
  -ms-flex: 0 0 16.66666667%;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}

.ant-col-xs-push-4 {
  left: 16.66666667%;
}

.ant-col-xs-pull-4 {
  right: 16.66666667%;
}

.ant-col-xs-offset-4 {
  margin-left: 16.66666667%;
}

.ant-col-xs-order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4;
}

.ant-col-xs-3 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 12.5%;
  -ms-flex: 0 0 12.5%;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}

.ant-col-xs-push-3 {
  left: 12.5%;
}

.ant-col-xs-pull-3 {
  right: 12.5%;
}

.ant-col-xs-offset-3 {
  margin-left: 12.5%;
}

.ant-col-xs-order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}

.ant-col-xs-2 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.33333333%;
  -ms-flex: 0 0 8.33333333%;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}

.ant-col-xs-push-2 {
  left: 8.33333333%;
}

.ant-col-xs-pull-2 {
  right: 8.33333333%;
}

.ant-col-xs-offset-2 {
  margin-left: 8.33333333%;
}

.ant-col-xs-order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.ant-col-xs-1 {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 4.16666667%;
  -ms-flex: 0 0 4.16666667%;
  flex: 0 0 4.16666667%;
  max-width: 4.16666667%;
}

.ant-col-xs-push-1 {
  left: 4.16666667%;
}

.ant-col-xs-pull-1 {
  right: 4.16666667%;
}

.ant-col-xs-offset-1 {
  margin-left: 4.16666667%;
}

.ant-col-xs-order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.ant-col-xs-0 {
  display: none;
}

.ant-col-push-0 {
  left: auto;
}

.ant-col-pull-0 {
  right: auto;
}

.ant-col-xs-push-0 {
  left: auto;
}

.ant-col-xs-pull-0 {
  right: auto;
}

.ant-col-xs-offset-0 {
  margin-left: 0;
}

.ant-col-xs-order-0 {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.ant-col-push-0.ant-col-rtl {
  right: auto;
}

.ant-col-pull-0.ant-col-rtl {
  left: auto;
}

.ant-col-xs-push-0.ant-col-rtl {
  right: auto;
}

.ant-col-xs-pull-0.ant-col-rtl {
  left: auto;
}

.ant-col-xs-offset-0.ant-col-rtl {
  margin-right: 0;
}

.ant-col-xs-push-1.ant-col-rtl {
  right: 4.16666667%;
  left: auto;
}

.ant-col-xs-pull-1.ant-col-rtl {
  right: auto;
  left: 4.16666667%;
}

.ant-col-xs-offset-1.ant-col-rtl {
  margin-right: 4.16666667%;
  margin-left: 0;
}

.ant-col-xs-push-2.ant-col-rtl {
  right: 8.33333333%;
  left: auto;
}

.ant-col-xs-pull-2.ant-col-rtl {
  right: auto;
  left: 8.33333333%;
}

.ant-col-xs-offset-2.ant-col-rtl {
  margin-right: 8.33333333%;
  margin-left: 0;
}

.ant-col-xs-push-3.ant-col-rtl {
  right: 12.5%;
  left: auto;
}

.ant-col-xs-pull-3.ant-col-rtl {
  right: auto;
  left: 12.5%;
}

.ant-col-xs-offset-3.ant-col-rtl {
  margin-right: 12.5%;
  margin-left: 0;
}

.ant-col-xs-push-4.ant-col-rtl {
  right: 16.66666667%;
  left: auto;
}

.ant-col-xs-pull-4.ant-col-rtl {
  right: auto;
  left: 16.66666667%;
}

.ant-col-xs-offset-4.ant-col-rtl {
  margin-right: 16.66666667%;
  margin-left: 0;
}

.ant-col-xs-push-5.ant-col-rtl {
  right: 20.83333333%;
  left: auto;
}

.ant-col-xs-pull-5.ant-col-rtl {
  right: auto;
  left: 20.83333333%;
}

.ant-col-xs-offset-5.ant-col-rtl {
  margin-right: 20.83333333%;
  margin-left: 0;
}

.ant-col-xs-push-6.ant-col-rtl {
  right: 25%;
  left: auto;
}

.ant-col-xs-pull-6.ant-col-rtl {
  right: auto;
  left: 25%;
}

.ant-col-xs-offset-6.ant-col-rtl {
  margin-right: 25%;
  margin-left: 0;
}

.ant-col-xs-push-7.ant-col-rtl {
  right: 29.16666667%;
  left: auto;
}

.ant-col-xs-pull-7.ant-col-rtl {
  right: auto;
  left: 29.16666667%;
}

.ant-col-xs-offset-7.ant-col-rtl {
  margin-right: 29.16666667%;
  margin-left: 0;
}

.ant-col-xs-push-8.ant-col-rtl {
  right: 33.33333333%;
  left: auto;
}

.ant-col-xs-pull-8.ant-col-rtl {
  right: auto;
  left: 33.33333333%;
}

.ant-col-xs-offset-8.ant-col-rtl {
  margin-right: 33.33333333%;
  margin-left: 0;
}

.ant-col-xs-push-9.ant-col-rtl {
  right: 37.5%;
  left: auto;
}

.ant-col-xs-pull-9.ant-col-rtl {
  right: auto;
  left: 37.5%;
}

.ant-col-xs-offset-9.ant-col-rtl {
  margin-right: 37.5%;
  margin-left: 0;
}

.ant-col-xs-push-10.ant-col-rtl {
  right: 41.66666667%;
  left: auto;
}

.ant-col-xs-pull-10.ant-col-rtl {
  right: auto;
  left: 41.66666667%;
}

.ant-col-xs-offset-10.ant-col-rtl {
  margin-right: 41.66666667%;
  margin-left: 0;
}

.ant-col-xs-push-11.ant-col-rtl {
  right: 45.83333333%;
  left: auto;
}

.ant-col-xs-pull-11.ant-col-rtl {
  right: auto;
  left: 45.83333333%;
}

.ant-col-xs-offset-11.ant-col-rtl {
  margin-right: 45.83333333%;
  margin-left: 0;
}

.ant-col-xs-push-12.ant-col-rtl {
  right: 50%;
  left: auto;
}

.ant-col-xs-pull-12.ant-col-rtl {
  right: auto;
  left: 50%;
}

.ant-col-xs-offset-12.ant-col-rtl {
  margin-right: 50%;
  margin-left: 0;
}

.ant-col-xs-push-13.ant-col-rtl {
  right: 54.16666667%;
  left: auto;
}

.ant-col-xs-pull-13.ant-col-rtl {
  right: auto;
  left: 54.16666667%;
}

.ant-col-xs-offset-13.ant-col-rtl {
  margin-right: 54.16666667%;
  margin-left: 0;
}

.ant-col-xs-push-14.ant-col-rtl {
  right: 58.33333333%;
  left: auto;
}

.ant-col-xs-pull-14.ant-col-rtl {
  right: auto;
  left: 58.33333333%;
}

.ant-col-xs-offset-14.ant-col-rtl {
  margin-right: 58.33333333%;
  margin-left: 0;
}

.ant-col-xs-push-15.ant-col-rtl {
  right: 62.5%;
  left: auto;
}

.ant-col-xs-pull-15.ant-col-rtl {
  right: auto;
  left: 62.5%;
}

.ant-col-xs-offset-15.ant-col-rtl {
  margin-right: 62.5%;
  margin-left: 0;
}

.ant-col-xs-push-16.ant-col-rtl {
  right: 66.66666667%;
  left: auto;
}

.ant-col-xs-pull-16.ant-col-rtl {
  right: auto;
  left: 66.66666667%;
}

.ant-col-xs-offset-16.ant-col-rtl {
  margin-right: 66.66666667%;
  margin-left: 0;
}

.ant-col-xs-push-17.ant-col-rtl {
  right: 70.83333333%;
  left: auto;
}

.ant-col-xs-pull-17.ant-col-rtl {
  right: auto;
  left: 70.83333333%;
}

.ant-col-xs-offset-17.ant-col-rtl {
  margin-right: 70.83333333%;
  margin-left: 0;
}

.ant-col-xs-push-18.ant-col-rtl {
  right: 75%;
  left: auto;
}

.ant-col-xs-pull-18.ant-col-rtl {
  right: auto;
  left: 75%;
}

.ant-col-xs-offset-18.ant-col-rtl {
  margin-right: 75%;
  margin-left: 0;
}

.ant-col-xs-push-19.ant-col-rtl {
  right: 79.16666667%;
  left: auto;
}

.ant-col-xs-pull-19.ant-col-rtl {
  right: auto;
  left: 79.16666667%;
}

.ant-col-xs-offset-19.ant-col-rtl {
  margin-right: 79.16666667%;
  margin-left: 0;
}

.ant-col-xs-push-20.ant-col-rtl {
  right: 83.33333333%;
  left: auto;
}

.ant-col-xs-pull-20.ant-col-rtl {
  right: auto;
  left: 83.33333333%;
}

.ant-col-xs-offset-20.ant-col-rtl {
  margin-right: 83.33333333%;
  margin-left: 0;
}

.ant-col-xs-push-21.ant-col-rtl {
  right: 87.5%;
  left: auto;
}

.ant-col-xs-pull-21.ant-col-rtl {
  right: auto;
  left: 87.5%;
}

.ant-col-xs-offset-21.ant-col-rtl {
  margin-right: 87.5%;
  margin-left: 0;
}

.ant-col-xs-push-22.ant-col-rtl {
  right: 91.66666667%;
  left: auto;
}

.ant-col-xs-pull-22.ant-col-rtl {
  right: auto;
  left: 91.66666667%;
}

.ant-col-xs-offset-22.ant-col-rtl {
  margin-right: 91.66666667%;
  margin-left: 0;
}

.ant-col-xs-push-23.ant-col-rtl {
  right: 95.83333333%;
  left: auto;
}

.ant-col-xs-pull-23.ant-col-rtl {
  right: auto;
  left: 95.83333333%;
}

.ant-col-xs-offset-23.ant-col-rtl {
  margin-right: 95.83333333%;
  margin-left: 0;
}

.ant-col-xs-push-24.ant-col-rtl {
  right: 100%;
  left: auto;
}

.ant-col-xs-pull-24.ant-col-rtl {
  right: auto;
  left: 100%;
}

.ant-col-xs-offset-24.ant-col-rtl {
  margin-right: 100%;
  margin-left: 0;
}

@media (min-width: 576px) {
  .ant-col-sm-24 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .ant-col-sm-push-24 {
    left: 100%;
  }

  .ant-col-sm-pull-24 {
    right: 100%;
  }

  .ant-col-sm-offset-24 {
    margin-left: 100%;
  }

  .ant-col-sm-order-24 {
    -webkit-box-ordinal-group: 25;
    -webkit-order: 24;
    -ms-flex-order: 24;
    order: 24;
  }

  .ant-col-sm-23 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 95.83333333%;
    -ms-flex: 0 0 95.83333333%;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }

  .ant-col-sm-push-23 {
    left: 95.83333333%;
  }

  .ant-col-sm-pull-23 {
    right: 95.83333333%;
  }

  .ant-col-sm-offset-23 {
    margin-left: 95.83333333%;
  }

  .ant-col-sm-order-23 {
    -webkit-box-ordinal-group: 24;
    -webkit-order: 23;
    -ms-flex-order: 23;
    order: 23;
  }

  .ant-col-sm-22 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66666667%;
    -ms-flex: 0 0 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .ant-col-sm-push-22 {
    left: 91.66666667%;
  }

  .ant-col-sm-pull-22 {
    right: 91.66666667%;
  }

  .ant-col-sm-offset-22 {
    margin-left: 91.66666667%;
  }

  .ant-col-sm-order-22 {
    -webkit-box-ordinal-group: 23;
    -webkit-order: 22;
    -ms-flex-order: 22;
    order: 22;
  }

  .ant-col-sm-21 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 87.5%;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }

  .ant-col-sm-push-21 {
    left: 87.5%;
  }

  .ant-col-sm-pull-21 {
    right: 87.5%;
  }

  .ant-col-sm-offset-21 {
    margin-left: 87.5%;
  }

  .ant-col-sm-order-21 {
    -webkit-box-ordinal-group: 22;
    -webkit-order: 21;
    -ms-flex-order: 21;
    order: 21;
  }

  .ant-col-sm-20 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333333%;
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .ant-col-sm-push-20 {
    left: 83.33333333%;
  }

  .ant-col-sm-pull-20 {
    right: 83.33333333%;
  }

  .ant-col-sm-offset-20 {
    margin-left: 83.33333333%;
  }

  .ant-col-sm-order-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20;
  }

  .ant-col-sm-19 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 79.16666667%;
    -ms-flex: 0 0 79.16666667%;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }

  .ant-col-sm-push-19 {
    left: 79.16666667%;
  }

  .ant-col-sm-pull-19 {
    right: 79.16666667%;
  }

  .ant-col-sm-offset-19 {
    margin-left: 79.16666667%;
  }

  .ant-col-sm-order-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
    -ms-flex-order: 19;
    order: 19;
  }

  .ant-col-sm-18 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .ant-col-sm-push-18 {
    left: 75%;
  }

  .ant-col-sm-pull-18 {
    right: 75%;
  }

  .ant-col-sm-offset-18 {
    margin-left: 75%;
  }

  .ant-col-sm-order-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
    -ms-flex-order: 18;
    order: 18;
  }

  .ant-col-sm-17 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 70.83333333%;
    -ms-flex: 0 0 70.83333333%;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }

  .ant-col-sm-push-17 {
    left: 70.83333333%;
  }

  .ant-col-sm-pull-17 {
    right: 70.83333333%;
  }

  .ant-col-sm-offset-17 {
    margin-left: 70.83333333%;
  }

  .ant-col-sm-order-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
    -ms-flex-order: 17;
    order: 17;
  }

  .ant-col-sm-16 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66666667%;
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .ant-col-sm-push-16 {
    left: 66.66666667%;
  }

  .ant-col-sm-pull-16 {
    right: 66.66666667%;
  }

  .ant-col-sm-offset-16 {
    margin-left: 66.66666667%;
  }

  .ant-col-sm-order-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
    -ms-flex-order: 16;
    order: 16;
  }

  .ant-col-sm-15 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 62.5%;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }

  .ant-col-sm-push-15 {
    left: 62.5%;
  }

  .ant-col-sm-pull-15 {
    right: 62.5%;
  }

  .ant-col-sm-offset-15 {
    margin-left: 62.5%;
  }

  .ant-col-sm-order-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
    -ms-flex-order: 15;
    order: 15;
  }

  .ant-col-sm-14 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333333%;
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .ant-col-sm-push-14 {
    left: 58.33333333%;
  }

  .ant-col-sm-pull-14 {
    right: 58.33333333%;
  }

  .ant-col-sm-offset-14 {
    margin-left: 58.33333333%;
  }

  .ant-col-sm-order-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
    -ms-flex-order: 14;
    order: 14;
  }

  .ant-col-sm-13 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 54.16666667%;
    -ms-flex: 0 0 54.16666667%;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }

  .ant-col-sm-push-13 {
    left: 54.16666667%;
  }

  .ant-col-sm-pull-13 {
    right: 54.16666667%;
  }

  .ant-col-sm-offset-13 {
    margin-left: 54.16666667%;
  }

  .ant-col-sm-order-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }

  .ant-col-sm-12 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .ant-col-sm-push-12 {
    left: 50%;
  }

  .ant-col-sm-pull-12 {
    right: 50%;
  }

  .ant-col-sm-offset-12 {
    margin-left: 50%;
  }

  .ant-col-sm-order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }

  .ant-col-sm-11 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 45.83333333%;
    -ms-flex: 0 0 45.83333333%;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }

  .ant-col-sm-push-11 {
    left: 45.83333333%;
  }

  .ant-col-sm-pull-11 {
    right: 45.83333333%;
  }

  .ant-col-sm-offset-11 {
    margin-left: 45.83333333%;
  }

  .ant-col-sm-order-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }

  .ant-col-sm-10 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66666667%;
    -ms-flex: 0 0 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .ant-col-sm-push-10 {
    left: 41.66666667%;
  }

  .ant-col-sm-pull-10 {
    right: 41.66666667%;
  }

  .ant-col-sm-offset-10 {
    margin-left: 41.66666667%;
  }

  .ant-col-sm-order-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }

  .ant-col-sm-9 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 37.5%;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }

  .ant-col-sm-push-9 {
    left: 37.5%;
  }

  .ant-col-sm-pull-9 {
    right: 37.5%;
  }

  .ant-col-sm-offset-9 {
    margin-left: 37.5%;
  }

  .ant-col-sm-order-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }

  .ant-col-sm-8 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333333%;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .ant-col-sm-push-8 {
    left: 33.33333333%;
  }

  .ant-col-sm-pull-8 {
    right: 33.33333333%;
  }

  .ant-col-sm-offset-8 {
    margin-left: 33.33333333%;
  }

  .ant-col-sm-order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  .ant-col-sm-7 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 29.16666667%;
    -ms-flex: 0 0 29.16666667%;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }

  .ant-col-sm-push-7 {
    left: 29.16666667%;
  }

  .ant-col-sm-pull-7 {
    right: 29.16666667%;
  }

  .ant-col-sm-offset-7 {
    margin-left: 29.16666667%;
  }

  .ant-col-sm-order-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  .ant-col-sm-6 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .ant-col-sm-push-6 {
    left: 25%;
  }

  .ant-col-sm-pull-6 {
    right: 25%;
  }

  .ant-col-sm-offset-6 {
    margin-left: 25%;
  }

  .ant-col-sm-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  .ant-col-sm-5 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20.83333333%;
    -ms-flex: 0 0 20.83333333%;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }

  .ant-col-sm-push-5 {
    left: 20.83333333%;
  }

  .ant-col-sm-pull-5 {
    right: 20.83333333%;
  }

  .ant-col-sm-offset-5 {
    margin-left: 20.83333333%;
  }

  .ant-col-sm-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  .ant-col-sm-4 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66666667%;
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .ant-col-sm-push-4 {
    left: 16.66666667%;
  }

  .ant-col-sm-pull-4 {
    right: 16.66666667%;
  }

  .ant-col-sm-offset-4 {
    margin-left: 16.66666667%;
  }

  .ant-col-sm-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  .ant-col-sm-3 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }

  .ant-col-sm-push-3 {
    left: 12.5%;
  }

  .ant-col-sm-pull-3 {
    right: 12.5%;
  }

  .ant-col-sm-offset-3 {
    margin-left: 12.5%;
  }

  .ant-col-sm-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  .ant-col-sm-2 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333333%;
    -ms-flex: 0 0 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .ant-col-sm-push-2 {
    left: 8.33333333%;
  }

  .ant-col-sm-pull-2 {
    right: 8.33333333%;
  }

  .ant-col-sm-offset-2 {
    margin-left: 8.33333333%;
  }

  .ant-col-sm-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .ant-col-sm-1 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 4.16666667%;
    -ms-flex: 0 0 4.16666667%;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }

  .ant-col-sm-push-1 {
    left: 4.16666667%;
  }

  .ant-col-sm-pull-1 {
    right: 4.16666667%;
  }

  .ant-col-sm-offset-1 {
    margin-left: 4.16666667%;
  }

  .ant-col-sm-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .ant-col-sm-0 {
    display: none;
  }

  .ant-col-push-0 {
    left: auto;
  }

  .ant-col-pull-0 {
    right: auto;
  }

  .ant-col-sm-push-0 {
    left: auto;
  }

  .ant-col-sm-pull-0 {
    right: auto;
  }

  .ant-col-sm-offset-0 {
    margin-left: 0;
  }

  .ant-col-sm-order-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }

  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }

  .ant-col-sm-push-0.ant-col-rtl {
    right: auto;
  }

  .ant-col-sm-pull-0.ant-col-rtl {
    left: auto;
  }

  .ant-col-sm-offset-0.ant-col-rtl {
    margin-right: 0;
  }

  .ant-col-sm-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }

  .ant-col-sm-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }

  .ant-col-sm-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }

  .ant-col-sm-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }

  .ant-col-sm-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }

  .ant-col-sm-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }

  .ant-col-sm-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }

  .ant-col-sm-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }

  .ant-col-sm-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }

  .ant-col-sm-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }

  .ant-col-sm-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }

  .ant-col-sm-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }

  .ant-col-sm-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }

  .ant-col-sm-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }

  .ant-col-sm-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }

  .ant-col-sm-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }

  .ant-col-sm-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }

  .ant-col-sm-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }

  .ant-col-sm-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }

  .ant-col-sm-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }

  .ant-col-sm-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }

  .ant-col-sm-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }

  .ant-col-sm-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }

  .ant-col-sm-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }

  .ant-col-sm-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }

  .ant-col-sm-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }

  .ant-col-sm-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }

  .ant-col-sm-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }

  .ant-col-sm-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }

  .ant-col-sm-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }

  .ant-col-sm-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }

  .ant-col-sm-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }

  .ant-col-sm-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }

  .ant-col-sm-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }

  .ant-col-sm-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }

  .ant-col-sm-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }

  .ant-col-sm-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }

  .ant-col-sm-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }

  .ant-col-sm-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }

  .ant-col-sm-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }

  .ant-col-sm-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }

  .ant-col-sm-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }

  .ant-col-sm-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }

  .ant-col-sm-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }

  .ant-col-sm-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }

  .ant-col-sm-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }

  .ant-col-sm-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }

  .ant-col-sm-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }

  .ant-col-sm-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }

  .ant-col-sm-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }

  .ant-col-sm-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }

  .ant-col-sm-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }

  .ant-col-sm-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }

  .ant-col-sm-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }

  .ant-col-sm-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }

  .ant-col-sm-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }

  .ant-col-sm-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }

  .ant-col-sm-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }

  .ant-col-sm-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }

  .ant-col-sm-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }

  .ant-col-sm-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }

  .ant-col-sm-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }

  .ant-col-sm-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }

  .ant-col-sm-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }

  .ant-col-sm-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }

  .ant-col-sm-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }

  .ant-col-sm-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }

  .ant-col-sm-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }

  .ant-col-sm-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }

  .ant-col-sm-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }

  .ant-col-sm-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }

  .ant-col-sm-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .ant-col-md-24 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .ant-col-md-push-24 {
    left: 100%;
  }

  .ant-col-md-pull-24 {
    right: 100%;
  }

  .ant-col-md-offset-24 {
    margin-left: 100%;
  }

  .ant-col-md-order-24 {
    -webkit-box-ordinal-group: 25;
    -webkit-order: 24;
    -ms-flex-order: 24;
    order: 24;
  }

  .ant-col-md-23 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 95.83333333%;
    -ms-flex: 0 0 95.83333333%;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }

  .ant-col-md-push-23 {
    left: 95.83333333%;
  }

  .ant-col-md-pull-23 {
    right: 95.83333333%;
  }

  .ant-col-md-offset-23 {
    margin-left: 95.83333333%;
  }

  .ant-col-md-order-23 {
    -webkit-box-ordinal-group: 24;
    -webkit-order: 23;
    -ms-flex-order: 23;
    order: 23;
  }

  .ant-col-md-22 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66666667%;
    -ms-flex: 0 0 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .ant-col-md-push-22 {
    left: 91.66666667%;
  }

  .ant-col-md-pull-22 {
    right: 91.66666667%;
  }

  .ant-col-md-offset-22 {
    margin-left: 91.66666667%;
  }

  .ant-col-md-order-22 {
    -webkit-box-ordinal-group: 23;
    -webkit-order: 22;
    -ms-flex-order: 22;
    order: 22;
  }

  .ant-col-md-21 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 87.5%;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }

  .ant-col-md-push-21 {
    left: 87.5%;
  }

  .ant-col-md-pull-21 {
    right: 87.5%;
  }

  .ant-col-md-offset-21 {
    margin-left: 87.5%;
  }

  .ant-col-md-order-21 {
    -webkit-box-ordinal-group: 22;
    -webkit-order: 21;
    -ms-flex-order: 21;
    order: 21;
  }

  .ant-col-md-20 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333333%;
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .ant-col-md-push-20 {
    left: 83.33333333%;
  }

  .ant-col-md-pull-20 {
    right: 83.33333333%;
  }

  .ant-col-md-offset-20 {
    margin-left: 83.33333333%;
  }

  .ant-col-md-order-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20;
  }

  .ant-col-md-19 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 79.16666667%;
    -ms-flex: 0 0 79.16666667%;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }

  .ant-col-md-push-19 {
    left: 79.16666667%;
  }

  .ant-col-md-pull-19 {
    right: 79.16666667%;
  }

  .ant-col-md-offset-19 {
    margin-left: 79.16666667%;
  }

  .ant-col-md-order-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
    -ms-flex-order: 19;
    order: 19;
  }

  .ant-col-md-18 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .ant-col-md-push-18 {
    left: 75%;
  }

  .ant-col-md-pull-18 {
    right: 75%;
  }

  .ant-col-md-offset-18 {
    margin-left: 75%;
  }

  .ant-col-md-order-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
    -ms-flex-order: 18;
    order: 18;
  }

  .ant-col-md-17 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 70.83333333%;
    -ms-flex: 0 0 70.83333333%;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }

  .ant-col-md-push-17 {
    left: 70.83333333%;
  }

  .ant-col-md-pull-17 {
    right: 70.83333333%;
  }

  .ant-col-md-offset-17 {
    margin-left: 70.83333333%;
  }

  .ant-col-md-order-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
    -ms-flex-order: 17;
    order: 17;
  }

  .ant-col-md-16 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66666667%;
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .ant-col-md-push-16 {
    left: 66.66666667%;
  }

  .ant-col-md-pull-16 {
    right: 66.66666667%;
  }

  .ant-col-md-offset-16 {
    margin-left: 66.66666667%;
  }

  .ant-col-md-order-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
    -ms-flex-order: 16;
    order: 16;
  }

  .ant-col-md-15 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 62.5%;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }

  .ant-col-md-push-15 {
    left: 62.5%;
  }

  .ant-col-md-pull-15 {
    right: 62.5%;
  }

  .ant-col-md-offset-15 {
    margin-left: 62.5%;
  }

  .ant-col-md-order-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
    -ms-flex-order: 15;
    order: 15;
  }

  .ant-col-md-14 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333333%;
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .ant-col-md-push-14 {
    left: 58.33333333%;
  }

  .ant-col-md-pull-14 {
    right: 58.33333333%;
  }

  .ant-col-md-offset-14 {
    margin-left: 58.33333333%;
  }

  .ant-col-md-order-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
    -ms-flex-order: 14;
    order: 14;
  }

  .ant-col-md-13 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 54.16666667%;
    -ms-flex: 0 0 54.16666667%;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }

  .ant-col-md-push-13 {
    left: 54.16666667%;
  }

  .ant-col-md-pull-13 {
    right: 54.16666667%;
  }

  .ant-col-md-offset-13 {
    margin-left: 54.16666667%;
  }

  .ant-col-md-order-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }

  .ant-col-md-12 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .ant-col-md-push-12 {
    left: 50%;
  }

  .ant-col-md-pull-12 {
    right: 50%;
  }

  .ant-col-md-offset-12 {
    margin-left: 50%;
  }

  .ant-col-md-order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }

  .ant-col-md-11 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 45.83333333%;
    -ms-flex: 0 0 45.83333333%;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }

  .ant-col-md-push-11 {
    left: 45.83333333%;
  }

  .ant-col-md-pull-11 {
    right: 45.83333333%;
  }

  .ant-col-md-offset-11 {
    margin-left: 45.83333333%;
  }

  .ant-col-md-order-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }

  .ant-col-md-10 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66666667%;
    -ms-flex: 0 0 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .ant-col-md-push-10 {
    left: 41.66666667%;
  }

  .ant-col-md-pull-10 {
    right: 41.66666667%;
  }

  .ant-col-md-offset-10 {
    margin-left: 41.66666667%;
  }

  .ant-col-md-order-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }

  .ant-col-md-9 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 37.5%;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }

  .ant-col-md-push-9 {
    left: 37.5%;
  }

  .ant-col-md-pull-9 {
    right: 37.5%;
  }

  .ant-col-md-offset-9 {
    margin-left: 37.5%;
  }

  .ant-col-md-order-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }

  .ant-col-md-8 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333333%;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .ant-col-md-push-8 {
    left: 33.33333333%;
  }

  .ant-col-md-pull-8 {
    right: 33.33333333%;
  }

  .ant-col-md-offset-8 {
    margin-left: 33.33333333%;
  }

  .ant-col-md-order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  .ant-col-md-7 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 29.16666667%;
    -ms-flex: 0 0 29.16666667%;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }

  .ant-col-md-push-7 {
    left: 29.16666667%;
  }

  .ant-col-md-pull-7 {
    right: 29.16666667%;
  }

  .ant-col-md-offset-7 {
    margin-left: 29.16666667%;
  }

  .ant-col-md-order-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  .ant-col-md-6 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .ant-col-md-push-6 {
    left: 25%;
  }

  .ant-col-md-pull-6 {
    right: 25%;
  }

  .ant-col-md-offset-6 {
    margin-left: 25%;
  }

  .ant-col-md-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  .ant-col-md-5 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20.83333333%;
    -ms-flex: 0 0 20.83333333%;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }

  .ant-col-md-push-5 {
    left: 20.83333333%;
  }

  .ant-col-md-pull-5 {
    right: 20.83333333%;
  }

  .ant-col-md-offset-5 {
    margin-left: 20.83333333%;
  }

  .ant-col-md-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  .ant-col-md-4 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66666667%;
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .ant-col-md-push-4 {
    left: 16.66666667%;
  }

  .ant-col-md-pull-4 {
    right: 16.66666667%;
  }

  .ant-col-md-offset-4 {
    margin-left: 16.66666667%;
  }

  .ant-col-md-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  .ant-col-md-3 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }

  .ant-col-md-push-3 {
    left: 12.5%;
  }

  .ant-col-md-pull-3 {
    right: 12.5%;
  }

  .ant-col-md-offset-3 {
    margin-left: 12.5%;
  }

  .ant-col-md-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  .ant-col-md-2 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333333%;
    -ms-flex: 0 0 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .ant-col-md-push-2 {
    left: 8.33333333%;
  }

  .ant-col-md-pull-2 {
    right: 8.33333333%;
  }

  .ant-col-md-offset-2 {
    margin-left: 8.33333333%;
  }

  .ant-col-md-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .ant-col-md-1 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 4.16666667%;
    -ms-flex: 0 0 4.16666667%;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }

  .ant-col-md-push-1 {
    left: 4.16666667%;
  }

  .ant-col-md-pull-1 {
    right: 4.16666667%;
  }

  .ant-col-md-offset-1 {
    margin-left: 4.16666667%;
  }

  .ant-col-md-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .ant-col-md-0 {
    display: none;
  }

  .ant-col-push-0 {
    left: auto;
  }

  .ant-col-pull-0 {
    right: auto;
  }

  .ant-col-md-push-0 {
    left: auto;
  }

  .ant-col-md-pull-0 {
    right: auto;
  }

  .ant-col-md-offset-0 {
    margin-left: 0;
  }

  .ant-col-md-order-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }

  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }

  .ant-col-md-push-0.ant-col-rtl {
    right: auto;
  }

  .ant-col-md-pull-0.ant-col-rtl {
    left: auto;
  }

  .ant-col-md-offset-0.ant-col-rtl {
    margin-right: 0;
  }

  .ant-col-md-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }

  .ant-col-md-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }

  .ant-col-md-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }

  .ant-col-md-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }

  .ant-col-md-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }

  .ant-col-md-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }

  .ant-col-md-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }

  .ant-col-md-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }

  .ant-col-md-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }

  .ant-col-md-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }

  .ant-col-md-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }

  .ant-col-md-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }

  .ant-col-md-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }

  .ant-col-md-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }

  .ant-col-md-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }

  .ant-col-md-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }

  .ant-col-md-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }

  .ant-col-md-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }

  .ant-col-md-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }

  .ant-col-md-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }

  .ant-col-md-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }

  .ant-col-md-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }

  .ant-col-md-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }

  .ant-col-md-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }

  .ant-col-md-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }

  .ant-col-md-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }

  .ant-col-md-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }

  .ant-col-md-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }

  .ant-col-md-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }

  .ant-col-md-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }

  .ant-col-md-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }

  .ant-col-md-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }

  .ant-col-md-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }

  .ant-col-md-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }

  .ant-col-md-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }

  .ant-col-md-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }

  .ant-col-md-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }

  .ant-col-md-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }

  .ant-col-md-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }

  .ant-col-md-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }

  .ant-col-md-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }

  .ant-col-md-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }

  .ant-col-md-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }

  .ant-col-md-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }

  .ant-col-md-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }

  .ant-col-md-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }

  .ant-col-md-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }

  .ant-col-md-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }

  .ant-col-md-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }

  .ant-col-md-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }

  .ant-col-md-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }

  .ant-col-md-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }

  .ant-col-md-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }

  .ant-col-md-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }

  .ant-col-md-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }

  .ant-col-md-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }

  .ant-col-md-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }

  .ant-col-md-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }

  .ant-col-md-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }

  .ant-col-md-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }

  .ant-col-md-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }

  .ant-col-md-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }

  .ant-col-md-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }

  .ant-col-md-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }

  .ant-col-md-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }

  .ant-col-md-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }

  .ant-col-md-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }

  .ant-col-md-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }

  .ant-col-md-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }

  .ant-col-md-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }

  .ant-col-md-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }

  .ant-col-md-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  .ant-col-lg-24 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .ant-col-lg-push-24 {
    left: 100%;
  }

  .ant-col-lg-pull-24 {
    right: 100%;
  }

  .ant-col-lg-offset-24 {
    margin-left: 100%;
  }

  .ant-col-lg-order-24 {
    -webkit-box-ordinal-group: 25;
    -webkit-order: 24;
    -ms-flex-order: 24;
    order: 24;
  }

  .ant-col-lg-23 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 95.83333333%;
    -ms-flex: 0 0 95.83333333%;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }

  .ant-col-lg-push-23 {
    left: 95.83333333%;
  }

  .ant-col-lg-pull-23 {
    right: 95.83333333%;
  }

  .ant-col-lg-offset-23 {
    margin-left: 95.83333333%;
  }

  .ant-col-lg-order-23 {
    -webkit-box-ordinal-group: 24;
    -webkit-order: 23;
    -ms-flex-order: 23;
    order: 23;
  }

  .ant-col-lg-22 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66666667%;
    -ms-flex: 0 0 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .ant-col-lg-push-22 {
    left: 91.66666667%;
  }

  .ant-col-lg-pull-22 {
    right: 91.66666667%;
  }

  .ant-col-lg-offset-22 {
    margin-left: 91.66666667%;
  }

  .ant-col-lg-order-22 {
    -webkit-box-ordinal-group: 23;
    -webkit-order: 22;
    -ms-flex-order: 22;
    order: 22;
  }

  .ant-col-lg-21 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 87.5%;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }

  .ant-col-lg-push-21 {
    left: 87.5%;
  }

  .ant-col-lg-pull-21 {
    right: 87.5%;
  }

  .ant-col-lg-offset-21 {
    margin-left: 87.5%;
  }

  .ant-col-lg-order-21 {
    -webkit-box-ordinal-group: 22;
    -webkit-order: 21;
    -ms-flex-order: 21;
    order: 21;
  }

  .ant-col-lg-20 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333333%;
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .ant-col-lg-push-20 {
    left: 83.33333333%;
  }

  .ant-col-lg-pull-20 {
    right: 83.33333333%;
  }

  .ant-col-lg-offset-20 {
    margin-left: 83.33333333%;
  }

  .ant-col-lg-order-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20;
  }

  .ant-col-lg-19 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 79.16666667%;
    -ms-flex: 0 0 79.16666667%;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }

  .ant-col-lg-push-19 {
    left: 79.16666667%;
  }

  .ant-col-lg-pull-19 {
    right: 79.16666667%;
  }

  .ant-col-lg-offset-19 {
    margin-left: 79.16666667%;
  }

  .ant-col-lg-order-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
    -ms-flex-order: 19;
    order: 19;
  }

  .ant-col-lg-18 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .ant-col-lg-push-18 {
    left: 75%;
  }

  .ant-col-lg-pull-18 {
    right: 75%;
  }

  .ant-col-lg-offset-18 {
    margin-left: 75%;
  }

  .ant-col-lg-order-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
    -ms-flex-order: 18;
    order: 18;
  }

  .ant-col-lg-17 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 70.83333333%;
    -ms-flex: 0 0 70.83333333%;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }

  .ant-col-lg-push-17 {
    left: 70.83333333%;
  }

  .ant-col-lg-pull-17 {
    right: 70.83333333%;
  }

  .ant-col-lg-offset-17 {
    margin-left: 70.83333333%;
  }

  .ant-col-lg-order-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
    -ms-flex-order: 17;
    order: 17;
  }

  .ant-col-lg-16 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66666667%;
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .ant-col-lg-push-16 {
    left: 66.66666667%;
  }

  .ant-col-lg-pull-16 {
    right: 66.66666667%;
  }

  .ant-col-lg-offset-16 {
    margin-left: 66.66666667%;
  }

  .ant-col-lg-order-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
    -ms-flex-order: 16;
    order: 16;
  }

  .ant-col-lg-15 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 62.5%;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }

  .ant-col-lg-push-15 {
    left: 62.5%;
  }

  .ant-col-lg-pull-15 {
    right: 62.5%;
  }

  .ant-col-lg-offset-15 {
    margin-left: 62.5%;
  }

  .ant-col-lg-order-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
    -ms-flex-order: 15;
    order: 15;
  }

  .ant-col-lg-14 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333333%;
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .ant-col-lg-push-14 {
    left: 58.33333333%;
  }

  .ant-col-lg-pull-14 {
    right: 58.33333333%;
  }

  .ant-col-lg-offset-14 {
    margin-left: 58.33333333%;
  }

  .ant-col-lg-order-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
    -ms-flex-order: 14;
    order: 14;
  }

  .ant-col-lg-13 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 54.16666667%;
    -ms-flex: 0 0 54.16666667%;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }

  .ant-col-lg-push-13 {
    left: 54.16666667%;
  }

  .ant-col-lg-pull-13 {
    right: 54.16666667%;
  }

  .ant-col-lg-offset-13 {
    margin-left: 54.16666667%;
  }

  .ant-col-lg-order-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }

  .ant-col-lg-12 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .ant-col-lg-push-12 {
    left: 50%;
  }

  .ant-col-lg-pull-12 {
    right: 50%;
  }

  .ant-col-lg-offset-12 {
    margin-left: 50%;
  }

  .ant-col-lg-order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }

  .ant-col-lg-11 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 45.83333333%;
    -ms-flex: 0 0 45.83333333%;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }

  .ant-col-lg-push-11 {
    left: 45.83333333%;
  }

  .ant-col-lg-pull-11 {
    right: 45.83333333%;
  }

  .ant-col-lg-offset-11 {
    margin-left: 45.83333333%;
  }

  .ant-col-lg-order-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }

  .ant-col-lg-10 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66666667%;
    -ms-flex: 0 0 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .ant-col-lg-push-10 {
    left: 41.66666667%;
  }

  .ant-col-lg-pull-10 {
    right: 41.66666667%;
  }

  .ant-col-lg-offset-10 {
    margin-left: 41.66666667%;
  }

  .ant-col-lg-order-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }

  .ant-col-lg-9 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 37.5%;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }

  .ant-col-lg-push-9 {
    left: 37.5%;
  }

  .ant-col-lg-pull-9 {
    right: 37.5%;
  }

  .ant-col-lg-offset-9 {
    margin-left: 37.5%;
  }

  .ant-col-lg-order-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }

  .ant-col-lg-8 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333333%;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .ant-col-lg-push-8 {
    left: 33.33333333%;
  }

  .ant-col-lg-pull-8 {
    right: 33.33333333%;
  }

  .ant-col-lg-offset-8 {
    margin-left: 33.33333333%;
  }

  .ant-col-lg-order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  .ant-col-lg-7 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 29.16666667%;
    -ms-flex: 0 0 29.16666667%;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }

  .ant-col-lg-push-7 {
    left: 29.16666667%;
  }

  .ant-col-lg-pull-7 {
    right: 29.16666667%;
  }

  .ant-col-lg-offset-7 {
    margin-left: 29.16666667%;
  }

  .ant-col-lg-order-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  .ant-col-lg-6 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .ant-col-lg-push-6 {
    left: 25%;
  }

  .ant-col-lg-pull-6 {
    right: 25%;
  }

  .ant-col-lg-offset-6 {
    margin-left: 25%;
  }

  .ant-col-lg-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  .ant-col-lg-5 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20.83333333%;
    -ms-flex: 0 0 20.83333333%;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }

  .ant-col-lg-push-5 {
    left: 20.83333333%;
  }

  .ant-col-lg-pull-5 {
    right: 20.83333333%;
  }

  .ant-col-lg-offset-5 {
    margin-left: 20.83333333%;
  }

  .ant-col-lg-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  .ant-col-lg-4 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66666667%;
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .ant-col-lg-push-4 {
    left: 16.66666667%;
  }

  .ant-col-lg-pull-4 {
    right: 16.66666667%;
  }

  .ant-col-lg-offset-4 {
    margin-left: 16.66666667%;
  }

  .ant-col-lg-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  .ant-col-lg-3 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }

  .ant-col-lg-push-3 {
    left: 12.5%;
  }

  .ant-col-lg-pull-3 {
    right: 12.5%;
  }

  .ant-col-lg-offset-3 {
    margin-left: 12.5%;
  }

  .ant-col-lg-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  .ant-col-lg-2 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333333%;
    -ms-flex: 0 0 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .ant-col-lg-push-2 {
    left: 8.33333333%;
  }

  .ant-col-lg-pull-2 {
    right: 8.33333333%;
  }

  .ant-col-lg-offset-2 {
    margin-left: 8.33333333%;
  }

  .ant-col-lg-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .ant-col-lg-1 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 4.16666667%;
    -ms-flex: 0 0 4.16666667%;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }

  .ant-col-lg-push-1 {
    left: 4.16666667%;
  }

  .ant-col-lg-pull-1 {
    right: 4.16666667%;
  }

  .ant-col-lg-offset-1 {
    margin-left: 4.16666667%;
  }

  .ant-col-lg-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .ant-col-lg-0 {
    display: none;
  }

  .ant-col-push-0 {
    left: auto;
  }

  .ant-col-pull-0 {
    right: auto;
  }

  .ant-col-lg-push-0 {
    left: auto;
  }

  .ant-col-lg-pull-0 {
    right: auto;
  }

  .ant-col-lg-offset-0 {
    margin-left: 0;
  }

  .ant-col-lg-order-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }

  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }

  .ant-col-lg-push-0.ant-col-rtl {
    right: auto;
  }

  .ant-col-lg-pull-0.ant-col-rtl {
    left: auto;
  }

  .ant-col-lg-offset-0.ant-col-rtl {
    margin-right: 0;
  }

  .ant-col-lg-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }

  .ant-col-lg-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }

  .ant-col-lg-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }

  .ant-col-lg-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }

  .ant-col-lg-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }

  .ant-col-lg-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }

  .ant-col-lg-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }

  .ant-col-lg-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }

  .ant-col-lg-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }

  .ant-col-lg-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }

  .ant-col-lg-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }

  .ant-col-lg-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }

  .ant-col-lg-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }

  .ant-col-lg-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }

  .ant-col-lg-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }

  .ant-col-lg-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }

  .ant-col-lg-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }

  .ant-col-lg-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }

  .ant-col-lg-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }

  .ant-col-lg-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }

  .ant-col-lg-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }

  .ant-col-lg-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }

  .ant-col-lg-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }

  .ant-col-lg-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }

  .ant-col-lg-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }

  .ant-col-lg-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }

  .ant-col-lg-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }

  .ant-col-lg-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }

  .ant-col-lg-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }

  .ant-col-lg-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }

  .ant-col-lg-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }

  .ant-col-lg-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }

  .ant-col-lg-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }

  .ant-col-lg-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }

  .ant-col-lg-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }

  .ant-col-lg-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }

  .ant-col-lg-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }

  .ant-col-lg-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }

  .ant-col-lg-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }

  .ant-col-lg-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }

  .ant-col-lg-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }

  .ant-col-lg-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }

  .ant-col-lg-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }

  .ant-col-lg-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }

  .ant-col-lg-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }

  .ant-col-lg-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }

  .ant-col-lg-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }

  .ant-col-lg-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }

  .ant-col-lg-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }

  .ant-col-lg-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }

  .ant-col-lg-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }

  .ant-col-lg-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }

  .ant-col-lg-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }

  .ant-col-lg-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }

  .ant-col-lg-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }

  .ant-col-lg-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }

  .ant-col-lg-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }

  .ant-col-lg-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }

  .ant-col-lg-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }

  .ant-col-lg-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }

  .ant-col-lg-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }

  .ant-col-lg-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }

  .ant-col-lg-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }

  .ant-col-lg-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }

  .ant-col-lg-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }

  .ant-col-lg-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }

  .ant-col-lg-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }

  .ant-col-lg-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }

  .ant-col-lg-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }

  .ant-col-lg-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }

  .ant-col-lg-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }

  .ant-col-lg-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .ant-col-xl-24 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .ant-col-xl-push-24 {
    left: 100%;
  }

  .ant-col-xl-pull-24 {
    right: 100%;
  }

  .ant-col-xl-offset-24 {
    margin-left: 100%;
  }

  .ant-col-xl-order-24 {
    -webkit-box-ordinal-group: 25;
    -webkit-order: 24;
    -ms-flex-order: 24;
    order: 24;
  }

  .ant-col-xl-23 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 95.83333333%;
    -ms-flex: 0 0 95.83333333%;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }

  .ant-col-xl-push-23 {
    left: 95.83333333%;
  }

  .ant-col-xl-pull-23 {
    right: 95.83333333%;
  }

  .ant-col-xl-offset-23 {
    margin-left: 95.83333333%;
  }

  .ant-col-xl-order-23 {
    -webkit-box-ordinal-group: 24;
    -webkit-order: 23;
    -ms-flex-order: 23;
    order: 23;
  }

  .ant-col-xl-22 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66666667%;
    -ms-flex: 0 0 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .ant-col-xl-push-22 {
    left: 91.66666667%;
  }

  .ant-col-xl-pull-22 {
    right: 91.66666667%;
  }

  .ant-col-xl-offset-22 {
    margin-left: 91.66666667%;
  }

  .ant-col-xl-order-22 {
    -webkit-box-ordinal-group: 23;
    -webkit-order: 22;
    -ms-flex-order: 22;
    order: 22;
  }

  .ant-col-xl-21 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 87.5%;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }

  .ant-col-xl-push-21 {
    left: 87.5%;
  }

  .ant-col-xl-pull-21 {
    right: 87.5%;
  }

  .ant-col-xl-offset-21 {
    margin-left: 87.5%;
  }

  .ant-col-xl-order-21 {
    -webkit-box-ordinal-group: 22;
    -webkit-order: 21;
    -ms-flex-order: 21;
    order: 21;
  }

  .ant-col-xl-20 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333333%;
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .ant-col-xl-push-20 {
    left: 83.33333333%;
  }

  .ant-col-xl-pull-20 {
    right: 83.33333333%;
  }

  .ant-col-xl-offset-20 {
    margin-left: 83.33333333%;
  }

  .ant-col-xl-order-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20;
  }

  .ant-col-xl-19 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 79.16666667%;
    -ms-flex: 0 0 79.16666667%;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }

  .ant-col-xl-push-19 {
    left: 79.16666667%;
  }

  .ant-col-xl-pull-19 {
    right: 79.16666667%;
  }

  .ant-col-xl-offset-19 {
    margin-left: 79.16666667%;
  }

  .ant-col-xl-order-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
    -ms-flex-order: 19;
    order: 19;
  }

  .ant-col-xl-18 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .ant-col-xl-push-18 {
    left: 75%;
  }

  .ant-col-xl-pull-18 {
    right: 75%;
  }

  .ant-col-xl-offset-18 {
    margin-left: 75%;
  }

  .ant-col-xl-order-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
    -ms-flex-order: 18;
    order: 18;
  }

  .ant-col-xl-17 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 70.83333333%;
    -ms-flex: 0 0 70.83333333%;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }

  .ant-col-xl-push-17 {
    left: 70.83333333%;
  }

  .ant-col-xl-pull-17 {
    right: 70.83333333%;
  }

  .ant-col-xl-offset-17 {
    margin-left: 70.83333333%;
  }

  .ant-col-xl-order-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
    -ms-flex-order: 17;
    order: 17;
  }

  .ant-col-xl-16 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66666667%;
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .ant-col-xl-push-16 {
    left: 66.66666667%;
  }

  .ant-col-xl-pull-16 {
    right: 66.66666667%;
  }

  .ant-col-xl-offset-16 {
    margin-left: 66.66666667%;
  }

  .ant-col-xl-order-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
    -ms-flex-order: 16;
    order: 16;
  }

  .ant-col-xl-15 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 62.5%;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }

  .ant-col-xl-push-15 {
    left: 62.5%;
  }

  .ant-col-xl-pull-15 {
    right: 62.5%;
  }

  .ant-col-xl-offset-15 {
    margin-left: 62.5%;
  }

  .ant-col-xl-order-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
    -ms-flex-order: 15;
    order: 15;
  }

  .ant-col-xl-14 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333333%;
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .ant-col-xl-push-14 {
    left: 58.33333333%;
  }

  .ant-col-xl-pull-14 {
    right: 58.33333333%;
  }

  .ant-col-xl-offset-14 {
    margin-left: 58.33333333%;
  }

  .ant-col-xl-order-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
    -ms-flex-order: 14;
    order: 14;
  }

  .ant-col-xl-13 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 54.16666667%;
    -ms-flex: 0 0 54.16666667%;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }

  .ant-col-xl-push-13 {
    left: 54.16666667%;
  }

  .ant-col-xl-pull-13 {
    right: 54.16666667%;
  }

  .ant-col-xl-offset-13 {
    margin-left: 54.16666667%;
  }

  .ant-col-xl-order-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }

  .ant-col-xl-12 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .ant-col-xl-push-12 {
    left: 50%;
  }

  .ant-col-xl-pull-12 {
    right: 50%;
  }

  .ant-col-xl-offset-12 {
    margin-left: 50%;
  }

  .ant-col-xl-order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }

  .ant-col-xl-11 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 45.83333333%;
    -ms-flex: 0 0 45.83333333%;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }

  .ant-col-xl-push-11 {
    left: 45.83333333%;
  }

  .ant-col-xl-pull-11 {
    right: 45.83333333%;
  }

  .ant-col-xl-offset-11 {
    margin-left: 45.83333333%;
  }

  .ant-col-xl-order-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }

  .ant-col-xl-10 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66666667%;
    -ms-flex: 0 0 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .ant-col-xl-push-10 {
    left: 41.66666667%;
  }

  .ant-col-xl-pull-10 {
    right: 41.66666667%;
  }

  .ant-col-xl-offset-10 {
    margin-left: 41.66666667%;
  }

  .ant-col-xl-order-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }

  .ant-col-xl-9 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 37.5%;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }

  .ant-col-xl-push-9 {
    left: 37.5%;
  }

  .ant-col-xl-pull-9 {
    right: 37.5%;
  }

  .ant-col-xl-offset-9 {
    margin-left: 37.5%;
  }

  .ant-col-xl-order-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }

  .ant-col-xl-8 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333333%;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .ant-col-xl-push-8 {
    left: 33.33333333%;
  }

  .ant-col-xl-pull-8 {
    right: 33.33333333%;
  }

  .ant-col-xl-offset-8 {
    margin-left: 33.33333333%;
  }

  .ant-col-xl-order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  .ant-col-xl-7 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 29.16666667%;
    -ms-flex: 0 0 29.16666667%;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }

  .ant-col-xl-push-7 {
    left: 29.16666667%;
  }

  .ant-col-xl-pull-7 {
    right: 29.16666667%;
  }

  .ant-col-xl-offset-7 {
    margin-left: 29.16666667%;
  }

  .ant-col-xl-order-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  .ant-col-xl-6 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .ant-col-xl-push-6 {
    left: 25%;
  }

  .ant-col-xl-pull-6 {
    right: 25%;
  }

  .ant-col-xl-offset-6 {
    margin-left: 25%;
  }

  .ant-col-xl-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  .ant-col-xl-5 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20.83333333%;
    -ms-flex: 0 0 20.83333333%;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }

  .ant-col-xl-push-5 {
    left: 20.83333333%;
  }

  .ant-col-xl-pull-5 {
    right: 20.83333333%;
  }

  .ant-col-xl-offset-5 {
    margin-left: 20.83333333%;
  }

  .ant-col-xl-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  .ant-col-xl-4 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66666667%;
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .ant-col-xl-push-4 {
    left: 16.66666667%;
  }

  .ant-col-xl-pull-4 {
    right: 16.66666667%;
  }

  .ant-col-xl-offset-4 {
    margin-left: 16.66666667%;
  }

  .ant-col-xl-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  .ant-col-xl-3 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }

  .ant-col-xl-push-3 {
    left: 12.5%;
  }

  .ant-col-xl-pull-3 {
    right: 12.5%;
  }

  .ant-col-xl-offset-3 {
    margin-left: 12.5%;
  }

  .ant-col-xl-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  .ant-col-xl-2 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333333%;
    -ms-flex: 0 0 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .ant-col-xl-push-2 {
    left: 8.33333333%;
  }

  .ant-col-xl-pull-2 {
    right: 8.33333333%;
  }

  .ant-col-xl-offset-2 {
    margin-left: 8.33333333%;
  }

  .ant-col-xl-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .ant-col-xl-1 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 4.16666667%;
    -ms-flex: 0 0 4.16666667%;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }

  .ant-col-xl-push-1 {
    left: 4.16666667%;
  }

  .ant-col-xl-pull-1 {
    right: 4.16666667%;
  }

  .ant-col-xl-offset-1 {
    margin-left: 4.16666667%;
  }

  .ant-col-xl-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .ant-col-xl-0 {
    display: none;
  }

  .ant-col-push-0 {
    left: auto;
  }

  .ant-col-pull-0 {
    right: auto;
  }

  .ant-col-xl-push-0 {
    left: auto;
  }

  .ant-col-xl-pull-0 {
    right: auto;
  }

  .ant-col-xl-offset-0 {
    margin-left: 0;
  }

  .ant-col-xl-order-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }

  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }

  .ant-col-xl-push-0.ant-col-rtl {
    right: auto;
  }

  .ant-col-xl-pull-0.ant-col-rtl {
    left: auto;
  }

  .ant-col-xl-offset-0.ant-col-rtl {
    margin-right: 0;
  }

  .ant-col-xl-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }

  .ant-col-xl-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }

  .ant-col-xl-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }

  .ant-col-xl-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }

  .ant-col-xl-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }

  .ant-col-xl-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }

  .ant-col-xl-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }

  .ant-col-xl-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }

  .ant-col-xl-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }

  .ant-col-xl-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }

  .ant-col-xl-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }

  .ant-col-xl-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }

  .ant-col-xl-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }

  .ant-col-xl-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }

  .ant-col-xl-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }

  .ant-col-xl-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }

  .ant-col-xl-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }

  .ant-col-xl-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }

  .ant-col-xl-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }

  .ant-col-xl-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }

  .ant-col-xl-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }

  .ant-col-xl-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }

  .ant-col-xl-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }

  .ant-col-xl-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }

  .ant-col-xl-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }

  .ant-col-xl-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }

  .ant-col-xl-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }

  .ant-col-xl-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }

  .ant-col-xl-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }

  .ant-col-xl-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }

  .ant-col-xl-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }

  .ant-col-xl-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }

  .ant-col-xl-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }

  .ant-col-xl-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }

  .ant-col-xl-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }

  .ant-col-xl-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }

  .ant-col-xl-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }

  .ant-col-xl-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }

  .ant-col-xl-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }

  .ant-col-xl-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }

  .ant-col-xl-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }

  .ant-col-xl-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }

  .ant-col-xl-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }

  .ant-col-xl-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }

  .ant-col-xl-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }

  .ant-col-xl-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }

  .ant-col-xl-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }

  .ant-col-xl-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }

  .ant-col-xl-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }

  .ant-col-xl-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }

  .ant-col-xl-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }

  .ant-col-xl-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }

  .ant-col-xl-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }

  .ant-col-xl-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }

  .ant-col-xl-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }

  .ant-col-xl-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }

  .ant-col-xl-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }

  .ant-col-xl-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }

  .ant-col-xl-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }

  .ant-col-xl-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }

  .ant-col-xl-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }

  .ant-col-xl-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }

  .ant-col-xl-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }

  .ant-col-xl-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }

  .ant-col-xl-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }

  .ant-col-xl-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }

  .ant-col-xl-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }

  .ant-col-xl-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }

  .ant-col-xl-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }

  .ant-col-xl-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }

  .ant-col-xl-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }

  .ant-col-xl-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}

@media (min-width: 1600px) {
  .ant-col-xxl-24 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .ant-col-xxl-push-24 {
    left: 100%;
  }

  .ant-col-xxl-pull-24 {
    right: 100%;
  }

  .ant-col-xxl-offset-24 {
    margin-left: 100%;
  }

  .ant-col-xxl-order-24 {
    -webkit-box-ordinal-group: 25;
    -webkit-order: 24;
    -ms-flex-order: 24;
    order: 24;
  }

  .ant-col-xxl-23 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 95.83333333%;
    -ms-flex: 0 0 95.83333333%;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }

  .ant-col-xxl-push-23 {
    left: 95.83333333%;
  }

  .ant-col-xxl-pull-23 {
    right: 95.83333333%;
  }

  .ant-col-xxl-offset-23 {
    margin-left: 95.83333333%;
  }

  .ant-col-xxl-order-23 {
    -webkit-box-ordinal-group: 24;
    -webkit-order: 23;
    -ms-flex-order: 23;
    order: 23;
  }

  .ant-col-xxl-22 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66666667%;
    -ms-flex: 0 0 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .ant-col-xxl-push-22 {
    left: 91.66666667%;
  }

  .ant-col-xxl-pull-22 {
    right: 91.66666667%;
  }

  .ant-col-xxl-offset-22 {
    margin-left: 91.66666667%;
  }

  .ant-col-xxl-order-22 {
    -webkit-box-ordinal-group: 23;
    -webkit-order: 22;
    -ms-flex-order: 22;
    order: 22;
  }

  .ant-col-xxl-21 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 87.5%;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }

  .ant-col-xxl-push-21 {
    left: 87.5%;
  }

  .ant-col-xxl-pull-21 {
    right: 87.5%;
  }

  .ant-col-xxl-offset-21 {
    margin-left: 87.5%;
  }

  .ant-col-xxl-order-21 {
    -webkit-box-ordinal-group: 22;
    -webkit-order: 21;
    -ms-flex-order: 21;
    order: 21;
  }

  .ant-col-xxl-20 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333333%;
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .ant-col-xxl-push-20 {
    left: 83.33333333%;
  }

  .ant-col-xxl-pull-20 {
    right: 83.33333333%;
  }

  .ant-col-xxl-offset-20 {
    margin-left: 83.33333333%;
  }

  .ant-col-xxl-order-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20;
  }

  .ant-col-xxl-19 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 79.16666667%;
    -ms-flex: 0 0 79.16666667%;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }

  .ant-col-xxl-push-19 {
    left: 79.16666667%;
  }

  .ant-col-xxl-pull-19 {
    right: 79.16666667%;
  }

  .ant-col-xxl-offset-19 {
    margin-left: 79.16666667%;
  }

  .ant-col-xxl-order-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
    -ms-flex-order: 19;
    order: 19;
  }

  .ant-col-xxl-18 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .ant-col-xxl-push-18 {
    left: 75%;
  }

  .ant-col-xxl-pull-18 {
    right: 75%;
  }

  .ant-col-xxl-offset-18 {
    margin-left: 75%;
  }

  .ant-col-xxl-order-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
    -ms-flex-order: 18;
    order: 18;
  }

  .ant-col-xxl-17 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 70.83333333%;
    -ms-flex: 0 0 70.83333333%;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }

  .ant-col-xxl-push-17 {
    left: 70.83333333%;
  }

  .ant-col-xxl-pull-17 {
    right: 70.83333333%;
  }

  .ant-col-xxl-offset-17 {
    margin-left: 70.83333333%;
  }

  .ant-col-xxl-order-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
    -ms-flex-order: 17;
    order: 17;
  }

  .ant-col-xxl-16 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66666667%;
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .ant-col-xxl-push-16 {
    left: 66.66666667%;
  }

  .ant-col-xxl-pull-16 {
    right: 66.66666667%;
  }

  .ant-col-xxl-offset-16 {
    margin-left: 66.66666667%;
  }

  .ant-col-xxl-order-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
    -ms-flex-order: 16;
    order: 16;
  }

  .ant-col-xxl-15 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 62.5%;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }

  .ant-col-xxl-push-15 {
    left: 62.5%;
  }

  .ant-col-xxl-pull-15 {
    right: 62.5%;
  }

  .ant-col-xxl-offset-15 {
    margin-left: 62.5%;
  }

  .ant-col-xxl-order-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
    -ms-flex-order: 15;
    order: 15;
  }

  .ant-col-xxl-14 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333333%;
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .ant-col-xxl-push-14 {
    left: 58.33333333%;
  }

  .ant-col-xxl-pull-14 {
    right: 58.33333333%;
  }

  .ant-col-xxl-offset-14 {
    margin-left: 58.33333333%;
  }

  .ant-col-xxl-order-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
    -ms-flex-order: 14;
    order: 14;
  }

  .ant-col-xxl-13 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 54.16666667%;
    -ms-flex: 0 0 54.16666667%;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }

  .ant-col-xxl-push-13 {
    left: 54.16666667%;
  }

  .ant-col-xxl-pull-13 {
    right: 54.16666667%;
  }

  .ant-col-xxl-offset-13 {
    margin-left: 54.16666667%;
  }

  .ant-col-xxl-order-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }

  .ant-col-xxl-12 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .ant-col-xxl-push-12 {
    left: 50%;
  }

  .ant-col-xxl-pull-12 {
    right: 50%;
  }

  .ant-col-xxl-offset-12 {
    margin-left: 50%;
  }

  .ant-col-xxl-order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }

  .ant-col-xxl-11 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 45.83333333%;
    -ms-flex: 0 0 45.83333333%;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }

  .ant-col-xxl-push-11 {
    left: 45.83333333%;
  }

  .ant-col-xxl-pull-11 {
    right: 45.83333333%;
  }

  .ant-col-xxl-offset-11 {
    margin-left: 45.83333333%;
  }

  .ant-col-xxl-order-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }

  .ant-col-xxl-10 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66666667%;
    -ms-flex: 0 0 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .ant-col-xxl-push-10 {
    left: 41.66666667%;
  }

  .ant-col-xxl-pull-10 {
    right: 41.66666667%;
  }

  .ant-col-xxl-offset-10 {
    margin-left: 41.66666667%;
  }

  .ant-col-xxl-order-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }

  .ant-col-xxl-9 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 37.5%;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }

  .ant-col-xxl-push-9 {
    left: 37.5%;
  }

  .ant-col-xxl-pull-9 {
    right: 37.5%;
  }

  .ant-col-xxl-offset-9 {
    margin-left: 37.5%;
  }

  .ant-col-xxl-order-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }

  .ant-col-xxl-8 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333333%;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .ant-col-xxl-push-8 {
    left: 33.33333333%;
  }

  .ant-col-xxl-pull-8 {
    right: 33.33333333%;
  }

  .ant-col-xxl-offset-8 {
    margin-left: 33.33333333%;
  }

  .ant-col-xxl-order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  .ant-col-xxl-7 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 29.16666667%;
    -ms-flex: 0 0 29.16666667%;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }

  .ant-col-xxl-push-7 {
    left: 29.16666667%;
  }

  .ant-col-xxl-pull-7 {
    right: 29.16666667%;
  }

  .ant-col-xxl-offset-7 {
    margin-left: 29.16666667%;
  }

  .ant-col-xxl-order-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  .ant-col-xxl-6 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .ant-col-xxl-push-6 {
    left: 25%;
  }

  .ant-col-xxl-pull-6 {
    right: 25%;
  }

  .ant-col-xxl-offset-6 {
    margin-left: 25%;
  }

  .ant-col-xxl-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  .ant-col-xxl-5 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20.83333333%;
    -ms-flex: 0 0 20.83333333%;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }

  .ant-col-xxl-push-5 {
    left: 20.83333333%;
  }

  .ant-col-xxl-pull-5 {
    right: 20.83333333%;
  }

  .ant-col-xxl-offset-5 {
    margin-left: 20.83333333%;
  }

  .ant-col-xxl-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  .ant-col-xxl-4 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66666667%;
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .ant-col-xxl-push-4 {
    left: 16.66666667%;
  }

  .ant-col-xxl-pull-4 {
    right: 16.66666667%;
  }

  .ant-col-xxl-offset-4 {
    margin-left: 16.66666667%;
  }

  .ant-col-xxl-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  .ant-col-xxl-3 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }

  .ant-col-xxl-push-3 {
    left: 12.5%;
  }

  .ant-col-xxl-pull-3 {
    right: 12.5%;
  }

  .ant-col-xxl-offset-3 {
    margin-left: 12.5%;
  }

  .ant-col-xxl-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  .ant-col-xxl-2 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333333%;
    -ms-flex: 0 0 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .ant-col-xxl-push-2 {
    left: 8.33333333%;
  }

  .ant-col-xxl-pull-2 {
    right: 8.33333333%;
  }

  .ant-col-xxl-offset-2 {
    margin-left: 8.33333333%;
  }

  .ant-col-xxl-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .ant-col-xxl-1 {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 4.16666667%;
    -ms-flex: 0 0 4.16666667%;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }

  .ant-col-xxl-push-1 {
    left: 4.16666667%;
  }

  .ant-col-xxl-pull-1 {
    right: 4.16666667%;
  }

  .ant-col-xxl-offset-1 {
    margin-left: 4.16666667%;
  }

  .ant-col-xxl-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .ant-col-xxl-0 {
    display: none;
  }

  .ant-col-push-0 {
    left: auto;
  }

  .ant-col-pull-0 {
    right: auto;
  }

  .ant-col-xxl-push-0 {
    left: auto;
  }

  .ant-col-xxl-pull-0 {
    right: auto;
  }

  .ant-col-xxl-offset-0 {
    margin-left: 0;
  }

  .ant-col-xxl-order-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }

  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }

  .ant-col-xxl-push-0.ant-col-rtl {
    right: auto;
  }

  .ant-col-xxl-pull-0.ant-col-rtl {
    left: auto;
  }

  .ant-col-xxl-offset-0.ant-col-rtl {
    margin-right: 0;
  }

  .ant-col-xxl-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }

  .ant-col-xxl-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }

  .ant-col-xxl-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }

  .ant-col-xxl-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }

  .ant-col-xxl-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }

  .ant-col-xxl-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }

  .ant-col-xxl-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }

  .ant-col-xxl-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }

  .ant-col-xxl-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }

  .ant-col-xxl-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }

  .ant-col-xxl-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }

  .ant-col-xxl-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }

  .ant-col-xxl-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }

  .ant-col-xxl-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }

  .ant-col-xxl-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }

  .ant-col-xxl-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }

  .ant-col-xxl-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }

  .ant-col-xxl-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }

  .ant-col-xxl-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }

  .ant-col-xxl-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }

  .ant-col-xxl-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }

  .ant-col-xxl-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }

  .ant-col-xxl-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }

  .ant-col-xxl-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }

  .ant-col-xxl-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }

  .ant-col-xxl-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }

  .ant-col-xxl-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }

  .ant-col-xxl-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }

  .ant-col-xxl-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }

  .ant-col-xxl-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }

  .ant-col-xxl-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }

  .ant-col-xxl-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }

  .ant-col-xxl-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }

  .ant-col-xxl-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }

  .ant-col-xxl-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }

  .ant-col-xxl-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }

  .ant-col-xxl-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }

  .ant-col-xxl-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }

  .ant-col-xxl-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }

  .ant-col-xxl-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }

  .ant-col-xxl-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }

  .ant-col-xxl-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }

  .ant-col-xxl-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }

  .ant-col-xxl-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }

  .ant-col-xxl-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }

  .ant-col-xxl-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }

  .ant-col-xxl-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }

  .ant-col-xxl-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }

  .ant-col-xxl-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }

  .ant-col-xxl-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }

  .ant-col-xxl-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }

  .ant-col-xxl-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }

  .ant-col-xxl-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }

  .ant-col-xxl-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }

  .ant-col-xxl-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }

  .ant-col-xxl-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }

  .ant-col-xxl-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }

  .ant-col-xxl-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }

  .ant-col-xxl-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }

  .ant-col-xxl-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }

  .ant-col-xxl-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }

  .ant-col-xxl-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }

  .ant-col-xxl-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }

  .ant-col-xxl-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }

  .ant-col-xxl-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }

  .ant-col-xxl-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }

  .ant-col-xxl-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }

  .ant-col-xxl-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }

  .ant-col-xxl-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }

  .ant-col-xxl-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }

  .ant-col-xxl-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }

  .ant-col-xxl-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}

.ant-row-rtl {
  direction: rtl;
}

.login-form .ant-form-item {
  margin-bottom: 0.9375rem;
}

.login-form .ant-input {
  height: 2.5rem;
  border-radius: 0;
}

#root,
.custom-layout.ant-layout.ant-layout-has-sider,
.ant-spin-nested-loading.custom-layout-spin {
  height: 100%;
}

.custom-layout-spin .ant-spin-container,
.custom-layout-spin .ant-spin.ant-spin-spinning {
  height: 100%;
  max-height: unset;
}

.ant-tree .ant-tree-node-content-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 6.25rem;
}

.za-radio__input {
  width: 100% !important;
  height: 100% !important;
}

#baseform__Checkradio .za-radio--checked .za-radio__widget .za-radio__inner {
  background-color: var(--theme-radio-cms2) !important;
  border-color: var(--theme-radio-cms2) !important;
}

.h40 {
  height: 2.5rem;
}

.push-search-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.25rem;
  min-width: 18.75rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.push-search-item .label {
  padding-right: 0.3125rem;
  display: inline-block;
  text-align: right;
  min-width: 6.25rem;
}

.push-search-item .ant-btn {
  margin-right: 0.3125rem;
}

.push-search-item > div {
  width: 100%;
}

.other-search-button-item {
  margin-bottom: 0.625rem;
}

.other-search-button-item > button {
  margin-right: 0.625rem;
}

.ant-radio-group {
  line-height: inherit;
}

.table-container-page {
  padding: 1.5rem;
}

.table-container-page .table-container-page-head {
  padding: 0 0 1.5rem 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */

/* stylelint-disable no-duplicate-selectors */

/* stylelint-disable */

/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

.ant-input-affix-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 0.25rem 0.6875rem;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.875rem;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 0.0625rem solid #d9d9d9;
  border-radius: 0.125rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ant-input-affix-wrapper::-webkit-input-placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
  user-select: none;
}

.ant-input-affix-wrapper::-moz-placeholder {
  color: #bfbfbf;
  -moz-user-select: none;
  user-select: none;
}

.ant-input-affix-wrapper:-ms-input-placeholder {
  color: #bfbfbf;
  -ms-user-select: none;
  user-select: none;
}

.ant-input-affix-wrapper::-ms-input-placeholder {
  color: #bfbfbf;
  -ms-user-select: none;
  user-select: none;
}

.ant-input-affix-wrapper::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ant-input-affix-wrapper:-moz-placeholder-shown {
  text-overflow: ellipsis;
}

.ant-input-affix-wrapper:-ms-input-placeholder {
  text-overflow: ellipsis;
}

.ant-input-affix-wrapper:placeholder-shown {
  text-overflow: ellipsis;
}

.ant-input-affix-wrapper:hover {
  border-color: #9f82ff;
  border-right-width: 0.0625rem;
}

.ant-input-rtl .ant-input-affix-wrapper:hover {
  border-right-width: 0;
  border-left-width: 0.0625rem !important;
}

.ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-focused {
  border-color: #9f82ff;
  -webkit-box-shadow: 0 0 0 0.125rem rgba(121, 88, 250, 0.2);
  box-shadow: 0 0 0 0.125rem rgba(121, 88, 250, 0.2);
  border-right-width: 0.0625rem;
  outline: 0;
}

.ant-input-rtl .ant-input-affix-wrapper:focus,
.ant-input-rtl .ant-input-affix-wrapper-focused {
  border-right-width: 0;
  border-left-width: 0.0625rem !important;
}

.ant-input-affix-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}

.ant-input-affix-wrapper-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 0.0625rem;
}

.ant-input-affix-wrapper[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}

.ant-input-affix-wrapper[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 0.0625rem;
}

.ant-input-affix-wrapper-borderless,
.ant-input-affix-wrapper-borderless:hover,
.ant-input-affix-wrapper-borderless:focus,
.ant-input-affix-wrapper-borderless-focused,
.ant-input-affix-wrapper-borderless-disabled,
.ant-input-affix-wrapper-borderless[disabled] {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

textarea.ant-input-affix-wrapper {
  max-width: 100%;
  height: auto;
  min-height: 2rem;
  line-height: 1.5715;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}

.ant-input-affix-wrapper-lg {
  padding: 0.40625rem 0.6875rem;
  font-size: 1rem;
}

.ant-input-affix-wrapper-sm {
  padding: 0 0.4375rem;
}

.ant-input-affix-wrapper-rtl {
  direction: rtl;
}

.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-color: #9f82ff;
  border-right-width: 0.0625rem;
  z-index: 1;
}

.ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-right-width: 0;
  border-left-width: 0.0625rem !important;
}

.ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  z-index: 0;
}

.ant-input-affix-wrapper-focused,
.ant-input-affix-wrapper:focus {
  z-index: 1;
}

.ant-input-affix-wrapper-disabled .ant-input[disabled] {
  background: rgba(255, 255, 255, 0);
}

.ant-input-affix-wrapper > .ant-input {
  font-size: inherit;
  border: none;
  outline: none;
}

.ant-input-affix-wrapper > .ant-input:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.ant-input-affix-wrapper > .ant-input:not(textarea) {
  padding: 0;
}

.ant-input-affix-wrapper::before {
  width: 0;
  visibility: hidden;
  content: '\a0';
}

.ant-input-prefix,
.ant-input-suffix {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.ant-input-prefix > *:not(:last-child),
.ant-input-suffix > *:not(:last-child) {
  margin-right: 0.5rem;
}

.ant-input-show-count-suffix {
  color: rgba(0, 0, 0, 0.45);
}

.ant-input-show-count-has-suffix {
  margin-right: 0.125rem;
}

.ant-input-prefix {
  margin-right: 0.25rem;
}

.ant-input-suffix {
  margin-left: 0.25rem;
}

.anticon.ant-input-clear-icon,
.ant-input-clear-icon {
  margin: 0;
  color: rgba(0, 0, 0, 0.25);
  font-size: 0.75rem;
  vertical-align: -0.0625rem;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.anticon.ant-input-clear-icon:hover,
.ant-input-clear-icon:hover {
  color: rgba(0, 0, 0, 0.45);
}

.anticon.ant-input-clear-icon:active,
.ant-input-clear-icon:active {
  color: rgba(0, 0, 0, 0.85);
}

.anticon.ant-input-clear-icon-hidden,
.ant-input-clear-icon-hidden {
  visibility: hidden;
}

.anticon.ant-input-clear-icon-has-suffix,
.ant-input-clear-icon-has-suffix {
  margin: 0 0.25rem;
}

.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn {
  padding: 0;
}

.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 1;
}

.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  background: #fff;
  border-color: #ff4d4f;
}

.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
  border-color: #ff7875;
  -webkit-box-shadow: 0 0 0 0.125rem rgba(255, 77, 79, 0.2);
  box-shadow: 0 0 0 0.125rem rgba(255, 77, 79, 0.2);
  border-right-width: 0.0625rem;
  outline: 0;
}

.ant-input-status-error .ant-input-prefix {
  color: #ff4d4f;
}

.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  background: #fff;
  border-color: #faad14;
}

.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
  border-color: #ffc53d;
  -webkit-box-shadow: 0 0 0 0.125rem rgba(250, 173, 20, 0.2);
  box-shadow: 0 0 0 0.125rem rgba(250, 173, 20, 0.2);
  border-right-width: 0.0625rem;
  outline: 0;
}

.ant-input-status-warning .ant-input-prefix {
  color: #faad14;
}

.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
  background: #fff;
  border-color: #ff4d4f;
}

.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
  border-color: #ff7875;
  -webkit-box-shadow: 0 0 0 0.125rem rgba(255, 77, 79, 0.2);
  box-shadow: 0 0 0 0.125rem rgba(255, 77, 79, 0.2);
  border-right-width: 0.0625rem;
  outline: 0;
}

.ant-input-affix-wrapper-status-error .ant-input-prefix {
  color: #ff4d4f;
}

.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
  background: #fff;
  border-color: #faad14;
}

.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
  border-color: #ffc53d;
  -webkit-box-shadow: 0 0 0 0.125rem rgba(250, 173, 20, 0.2);
  box-shadow: 0 0 0 0.125rem rgba(250, 173, 20, 0.2);
  border-right-width: 0.0625rem;
  outline: 0;
}

.ant-input-affix-wrapper-status-warning .ant-input-prefix {
  color: #faad14;
}

.ant-input-textarea-status-error.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-warning.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-success.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-validating.ant-input-textarea-has-feedback .ant-input {
  padding-right: 1.5rem;
}

.ant-input-group-wrapper-status-error .ant-input-group-addon {
  color: #ff4d4f;
  border-color: #ff4d4f;
}

.ant-input-group-wrapper-status-warning .ant-input-group-addon {
  color: #faad14;
  border-color: #faad14;
}

.ant-input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 0.25rem 0.6875rem;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.875rem;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 0.0625rem solid #d9d9d9;
  border-radius: 0.125rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.ant-input::-webkit-input-placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
  user-select: none;
}

.ant-input::-moz-placeholder {
  color: #bfbfbf;
  -moz-user-select: none;
  user-select: none;
}

.ant-input:-ms-input-placeholder {
  color: #bfbfbf;
  -ms-user-select: none;
  user-select: none;
}

.ant-input::-ms-input-placeholder {
  color: #bfbfbf;
  -ms-user-select: none;
  user-select: none;
}

.ant-input::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ant-input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}

.ant-input:-ms-input-placeholder {
  text-overflow: ellipsis;
}

.ant-input:placeholder-shown {
  text-overflow: ellipsis;
}

.ant-input:hover {
  border-color: #9f82ff;
  border-right-width: 0.0625rem;
}

.ant-input-rtl .ant-input:hover {
  border-right-width: 0;
  border-left-width: 0.0625rem !important;
}

.ant-input:focus,
.ant-input-focused {
  border-color: #9f82ff;
  -webkit-box-shadow: 0 0 0 0.125rem rgba(121, 88, 250, 0.2);
  box-shadow: 0 0 0 0.125rem rgba(121, 88, 250, 0.2);
  border-right-width: 0.0625rem;
  outline: 0;
}

.ant-input-rtl .ant-input:focus,
.ant-input-rtl .ant-input-focused {
  border-right-width: 0;
  border-left-width: 0.0625rem !important;
}

.ant-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}

.ant-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 0.0625rem;
}

.ant-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}

.ant-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 0.0625rem;
}

.ant-input-borderless,
.ant-input-borderless:hover,
.ant-input-borderless:focus,
.ant-input-borderless-focused,
.ant-input-borderless-disabled,
.ant-input-borderless[disabled] {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

textarea.ant-input {
  max-width: 100%;
  height: auto;
  min-height: 2rem;
  line-height: 1.5715;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}

.ant-input-lg {
  padding: 0.40625rem 0.6875rem;
  font-size: 1rem;
}

.ant-input-sm {
  padding: 0 0.4375rem;
}

.ant-input-rtl {
  direction: rtl;
}

.ant-input-group {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.875rem;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.ant-input-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}

.ant-input-group > [class*='col-'] {
  padding-right: 0.5rem;
}

.ant-input-group > [class*='col-']:last-child {
  padding-right: 0;
}

.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group > .ant-input {
  display: table-cell;
}

.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.ant-input-group-addon,
.ant-input-group-wrap {
  width: 0.0625rem;
  white-space: nowrap;
  vertical-align: middle;
}

.ant-input-group-wrap > * {
  display: block !important;
}

.ant-input-group .ant-input {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit;
}

.ant-input-group .ant-input:focus {
  z-index: 1;
  border-right-width: 0.0625rem;
}

.ant-input-group .ant-input:hover {
  z-index: 1;
  border-right-width: 0.0625rem;
}

.ant-input-search-with-button .ant-input-group .ant-input:hover {
  z-index: 0;
}

.ant-input-group-addon {
  position: relative;
  padding: 0 0.6875rem;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 0.875rem;
  text-align: center;
  background-color: #fafafa;
  border: 0.0625rem solid #d9d9d9;
  border-radius: 0.125rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.ant-input-group-addon .ant-select {
  margin: -0.3125rem -0.6875rem;
}

.ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  background-color: inherit;
  border: 0.0625rem solid transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ant-input-group-addon .ant-select-open .ant-select-selector,
.ant-input-group-addon .ant-select-focused .ant-select-selector {
  color: #7958fa;
}

.ant-input-group-addon .ant-cascader-picker {
  margin: -0.5625rem -0.75rem;
  background-color: transparent;
}

.ant-input-group-addon .ant-cascader-picker .ant-cascader-input {
  text-align: left;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ant-input-group > .ant-input:first-child,
.ant-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ant-input-group > .ant-input:first-child .ant-select .ant-select-selector,
.ant-input-group-addon:first-child .ant-select .ant-select-selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ant-input-group-addon:first-child {
  border-right: 0;
}

.ant-input-group-addon:last-child {
  border-left: 0;
}

.ant-input-group > .ant-input:last-child,
.ant-input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ant-input-group > .ant-input:last-child .ant-select .ant-select-selector,
.ant-input-group-addon:last-child .ant-select .ant-select-selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
  padding: 0.40625rem 0.6875rem;
  font-size: 1rem;
}

.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
  padding: 0 0.4375rem;
}

.ant-input-group-lg .ant-select-single .ant-select-selector {
  height: 2.5rem;
}

.ant-input-group-sm .ant-select-single .ant-select-selector {
  height: 1.5rem;
}

.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.ant-input-group .ant-input-affix-wrapper:not(:first-child),
.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ant-input-group.ant-input-group-compact {
  display: block;
}

.ant-input-group.ant-input-group-compact::before {
  display: table;
  content: '';
}

.ant-input-group.ant-input-group-compact::after {
  display: table;
  clear: both;
  content: '';
}

.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
  border-right-width: 0.0625rem;
}

.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
  z-index: 1;
}

.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
  z-index: 1;
}

.ant-input-group.ant-input-group-compact > * {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0;
}

.ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ant-input-group.ant-input-group-compact > .ant-picker-range {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: -0.0625rem;
  border-right-width: 0.0625rem;
}

.ant-input-group.ant-input-group-compact .ant-input {
  float: none;
}

.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
  border-right-width: 0.0625rem;
  border-radius: 0;
}

.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover {
  z-index: 1;
}

.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus {
  z-index: 1;
}

.ant-input-group.ant-input-group-compact > .ant-select-focused {
  z-index: 1;
}

.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow {
  z-index: 1;
}

.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  border-right-width: 0.0625rem;
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}

.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
  vertical-align: top;
}

.ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
  margin-left: -0.0625rem;
}

.ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
  border-radius: 0;
}

.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
  border-radius: 0;
}

.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  border-radius: 0.125rem 0 0 0.125rem;
}

.ant-input-group > .ant-input-rtl:first-child,
.ant-input-group-rtl .ant-input-group-addon:first-child {
  border-radius: 0 0.125rem 0.125rem 0;
}

.ant-input-group-rtl .ant-input-group-addon:first-child {
  border-right: 0.0625rem solid #d9d9d9;
  border-left: 0;
}

.ant-input-group-rtl .ant-input-group-addon:last-child {
  border-right: 0;
  border-left: 0.0625rem solid #d9d9d9;
  border-radius: 0.125rem 0 0 0.125rem;
}

.ant-input-group-rtl.ant-input-group > .ant-input:last-child,
.ant-input-group-rtl.ant-input-group-addon:last-child {
  border-radius: 0.125rem 0 0 0.125rem;
}

.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  border-radius: 0.125rem 0 0 0.125rem;
}

.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-radius: 0 0.125rem 0.125rem 0;
}

.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: 0;
  margin-left: -0.0625rem;
  border-left-width: 0.0625rem;
}

.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
  border-radius: 0 0.125rem 0.125rem 0;
}

.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  border-left-width: 0.0625rem;
  border-radius: 0.125rem 0 0 0.125rem;
}

.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
  margin-right: -0.0625rem;
  margin-left: 0;
}

.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  border-radius: 0 0.125rem 0.125rem 0;
}

.ant-input-group-wrapper {
  display: inline-block;
  width: 100%;
  text-align: start;
  vertical-align: top;
}

.ant-input-password-icon.anticon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.ant-input-password-icon.anticon:hover {
  color: rgba(0, 0, 0, 0.85);
}

.ant-input[type='color'] {
  height: 2rem;
}

.ant-input[type='color'].ant-input-lg {
  height: 2.5rem;
}

.ant-input[type='color'].ant-input-sm {
  height: 1.5rem;
  padding-top: 0.1875rem;
  padding-bottom: 0.1875rem;
}

.ant-input-textarea-show-count > .ant-input {
  height: 100%;
}

.ant-input-textarea-show-count::after {
  float: right;
  color: rgba(0, 0, 0, 0.45);
  white-space: nowrap;
  content: attr(data-count);
  pointer-events: none;
}

.ant-input-textarea-show-count.ant-input-textarea-in-form-item::after {
  margin-bottom: -1.375rem;
}

.ant-input-textarea-suffix {
  position: absolute;
  top: 0;
  right: 0.6875rem;
  bottom: 0;
  z-index: 1;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto;
}

.ant-input-compact-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
  margin-right: -0.0625rem;
}

.ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-compact-item-rtl {
  margin-left: -0.0625rem;
}

.ant-input-compact-item:hover,
.ant-input-compact-item:focus,
.ant-input-compact-item:active {
  z-index: 2;
}

.ant-input-compact-item[disabled] {
  z-index: 0;
}

.ant-input-compact-item:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input {
  border-radius: 0;
}

.ant-input-compact-item.ant-input.ant-input-compact-first-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ant-input-compact-item.ant-input.ant-input-compact-last-item:not(.ant-input-compact-first-item):not(.ant-input-compact-item-rtl) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-first-item:not(.ant-input-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-last-item:not(.ant-input-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ant-input-search .ant-input:hover,
.ant-input-search .ant-input:focus {
  border-color: #9f82ff;
}

.ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
.ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  border-left-color: #9f82ff;
}

.ant-input-search .ant-input-affix-wrapper {
  border-radius: 0;
}

.ant-input-search .ant-input-lg {
  line-height: 1.5713;
}

.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child {
  left: -0.0625rem;
  padding: 0;
  border: 0;
}

.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0 0.125rem 0.125rem 0;
}

.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) {
  color: rgba(0, 0, 0, 0.45);
}

.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.ant-input-search-button {
  height: 2rem;
}

.ant-input-search-button:hover,
.ant-input-search-button:focus {
  z-index: 1;
}

.ant-input-search-large .ant-input-search-button {
  height: 2.5rem;
}

.ant-input-search-small .ant-input-search-button {
  height: 1.5rem;
}

.ant-input-search.ant-input-compact-item:not(.ant-input-compact-item-rtl):not(.ant-input-compact-last-item) .ant-input-group-addon .ant-input-search-button {
  margin-right: -0.0625rem;
  border-radius: 0;
}

.ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input,
.ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input-affix-wrapper {
  border-radius: 0;
}

.ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:hover,
.ant-input-search.ant-input-compact-item > .ant-input:hover,
.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:hover,
.ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:focus,
.ant-input-search.ant-input-compact-item > .ant-input:focus,
.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:focus,
.ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:active,
.ant-input-search.ant-input-compact-item > .ant-input:active,
.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:active {
  z-index: 2;
}

.ant-input-search.ant-input-compact-item > .ant-input-affix-wrapper-focused {
  z-index: 2;
}

.ant-input-search.ant-input-compact-item-rtl:not(.ant-input-compact-last-item) .ant-input-group-addon:last-child .ant-input-search-button {
  margin-left: -0.0625rem;
  border-radius: 0;
}

.ant-input-group-wrapper-rtl {
  direction: rtl;
}

.ant-input-group-rtl {
  direction: rtl;
}

.ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input {
  border: none;
  outline: none;
}

.ant-input-affix-wrapper-rtl .ant-input-prefix {
  margin: 0 0 0 0.25rem;
}

.ant-input-affix-wrapper-rtl .ant-input-suffix {
  margin: 0 0.25rem 0 0;
}

.ant-input-textarea-rtl {
  direction: rtl;
}

.ant-input-textarea-rtl.ant-input-textarea-show-count::after {
  text-align: left;
}

.ant-input-affix-wrapper-rtl .ant-input-clear-icon-has-suffix {
  margin-right: 0;
  margin-left: 0.25rem;
}

.ant-input-affix-wrapper-rtl .ant-input-clear-icon {
  right: auto;
  left: 0.5rem;
}

.ant-input-search-rtl {
  direction: rtl;
}

.ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
.ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  border-left-color: #d9d9d9;
}

.ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover,
.ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover {
  border-left-color: #9f82ff;
}

.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover,
.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused {
  border-right-color: #9f82ff;
}

.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child {
  right: -0.0625rem;
  left: auto;
}

.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
  border-radius: 0.125rem 0 0 0.125rem;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-input {
    height: 2rem;
  }

  .ant-input-lg {
    height: 2.5rem;
  }

  .ant-input-sm {
    height: 1.5rem;
  }

  .ant-input-affix-wrapper > input.ant-input {
    height: auto;
  }
}

.login-form .ant-form-item {
  margin-bottom: 0.9375rem;
}

.login-form .ant-input {
  height: 2.5rem;
  border-radius: 0;
}

#root,
.custom-layout.ant-layout.ant-layout-has-sider,
.ant-spin-nested-loading.custom-layout-spin {
  height: 100%;
}

.custom-layout-spin .ant-spin-container,
.custom-layout-spin .ant-spin.ant-spin-spinning {
  height: 100%;
  max-height: unset;
}

.ant-tree .ant-tree-node-content-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 6.25rem;
}

.za-radio__input {
  width: 100% !important;
  height: 100% !important;
}

#baseform__Checkradio .za-radio--checked .za-radio__widget .za-radio__inner {
  background-color: var(--theme-radio-cms2) !important;
  border-color: var(--theme-radio-cms2) !important;
}

.h40 {
  height: 2.5rem;
}

.push-search-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.25rem;
  min-width: 18.75rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.push-search-item .label {
  padding-right: 0.3125rem;
  display: inline-block;
  text-align: right;
  min-width: 6.25rem;
}

.push-search-item .ant-btn {
  margin-right: 0.3125rem;
}

.push-search-item > div {
  width: 100%;
}

.other-search-button-item {
  margin-bottom: 0.625rem;
}

.other-search-button-item > button {
  margin-right: 0.625rem;
}

.ant-radio-group {
  line-height: inherit;
}

.table-container-page {
  padding: 1.5rem;
}

.table-container-page .table-container-page-head {
  padding: 0 0 1.5rem 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */

/* stylelint-disable no-duplicate-selectors */

/* stylelint-disable */

/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

.ant-notification {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.875rem;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: fixed;
  z-index: 1010;
  margin-right: 1.5rem;
}

.ant-notification-close-icon {
  font-size: 0.875rem;
  cursor: pointer;
}

.ant-notification-hook-holder {
  position: relative;
}

.ant-notification-notice {
  position: relative;
  width: 24rem;
  max-width: calc(100vw - 1.5rem * 2);
  margin-bottom: 1rem;
  margin-left: auto;
  padding: 1rem 1.5rem;
  overflow: hidden;
  line-height: 1.5715;
  word-wrap: break-word;
  background: #fff;
  border-radius: 0.125rem;
  -webkit-box-shadow: 0 0.1875rem 0.375rem -0.25rem rgba(0, 0, 0, 0.12), 0 0.375rem 1rem 0 rgba(0, 0, 0, 0.08), 0 0.5625rem 1.75rem 0.5rem rgba(0, 0, 0, 0.05);
  box-shadow: 0 0.1875rem 0.375rem -0.25rem rgba(0, 0, 0, 0.12), 0 0.375rem 1rem 0 rgba(0, 0, 0, 0.08), 0 0.5625rem 1.75rem 0.5rem rgba(0, 0, 0, 0.05);
}

.ant-notification-top .ant-notification-notice,
.ant-notification-bottom .ant-notification-notice {
  margin-right: auto;
  margin-left: auto;
}

.ant-notification-topLeft .ant-notification-notice,
.ant-notification-bottomLeft .ant-notification-notice {
  margin-right: auto;
  margin-left: 0;
}

.ant-notification-notice-message {
  margin-bottom: 0.5rem;
  color: rgba(0, 0, 0, 0.85);
  font-size: 1rem;
  line-height: 1.5rem;
}

.ant-notification-notice-message-single-line-auto-margin {
  display: block;
  width: calc(24rem - 1.5rem * 2 - 1.5rem - 3rem - 100%);
  max-width: 0.25rem;
  background-color: transparent;
  pointer-events: none;
}

.ant-notification-notice-message-single-line-auto-margin::before {
  display: block;
  content: '';
}

.ant-notification-notice-description {
  font-size: 0.875rem;
}

.ant-notification-notice-closable .ant-notification-notice-message {
  padding-right: 1.5rem;
}

.ant-notification-notice-with-icon .ant-notification-notice-message {
  margin-bottom: 0.25rem;
  margin-left: 3rem;
  font-size: 1rem;
}

.ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-left: 3rem;
  font-size: 0.875rem;
}

.ant-notification-notice-icon {
  position: absolute;
  margin-left: 0.25rem;
  font-size: 1.5rem;
  line-height: 1.5rem;
}

.anticon.ant-notification-notice-icon-success {
  color: #52c41a;
}

.anticon.ant-notification-notice-icon-info {
  color: #7958fa;
}

.anticon.ant-notification-notice-icon-warning {
  color: #faad14;
}

.anticon.ant-notification-notice-icon-error {
  color: #ff4d4f;
}

.ant-notification-notice-close {
  position: absolute;
  top: 1rem;
  right: 1.375rem;
  color: rgba(0, 0, 0, 0.45);
  outline: none;
}

.ant-notification-notice-close:hover {
  color: rgba(0, 0, 0, 0.67);
}

.ant-notification-notice-btn {
  float: right;
  margin-top: 1rem;
}

.ant-notification .notification-fade-effect {
  -webkit-animation-duration: 0.24s;
  animation-duration: 0.24s;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.ant-notification-fade-enter,
.ant-notification-fade-appear {
  -webkit-animation-duration: 0.24s;
  animation-duration: 0.24s;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 0;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-notification-fade-leave {
  -webkit-animation-duration: 0.24s;
  animation-duration: 0.24s;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-fade-appear.ant-notification-fade-appear-active {
  -webkit-animation-name: NotificationFadeIn;
  animation-name: NotificationFadeIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.ant-notification-fade-leave.ant-notification-fade-leave-active {
  -webkit-animation-name: NotificationFadeOut;
  animation-name: NotificationFadeOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

@-webkit-keyframes NotificationFadeIn {
  0% {
    left: 24rem;
    opacity: 0;
  }

  100% {
    left: 0;
    opacity: 1;
  }
}

@keyframes NotificationFadeIn {
  0% {
    left: 24rem;
    opacity: 0;
  }

  100% {
    left: 0;
    opacity: 1;
  }
}

@-webkit-keyframes NotificationFadeOut {
  0% {
    max-height: 9.375rem;
    margin-bottom: 1rem;
    opacity: 1;
  }

  100% {
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
  }
}

@keyframes NotificationFadeOut {
  0% {
    max-height: 9.375rem;
    margin-bottom: 1rem;
    opacity: 1;
  }

  100% {
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
  }
}

.ant-notification-rtl {
  direction: rtl;
}

.ant-notification-rtl .ant-notification-notice-closable .ant-notification-notice-message {
  padding-right: 0;
  padding-left: 1.5rem;
}

.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-message {
  margin-right: 3rem;
  margin-left: 0;
}

.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-right: 3rem;
  margin-left: 0;
}

.ant-notification-rtl .ant-notification-notice-icon {
  margin-right: 0.25rem;
  margin-left: 0;
}

.ant-notification-rtl .ant-notification-notice-close {
  right: auto;
  left: 1.375rem;
}

.ant-notification-rtl .ant-notification-notice-btn {
  float: left;
}

.ant-notification-top,
.ant-notification-bottom {
  margin-right: 0;
  margin-left: 0;
}

.ant-notification-top .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-top .ant-notification-fade-appear.ant-notification-fade-appear-active {
  -webkit-animation-name: NotificationTopFadeIn;
  animation-name: NotificationTopFadeIn;
}

.ant-notification-bottom .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottom .ant-notification-fade-appear.ant-notification-fade-appear-active {
  -webkit-animation-name: NotificationBottomFadeIn;
  animation-name: NotificationBottomFadeIn;
}

.ant-notification-topLeft,
.ant-notification-bottomLeft {
  margin-right: 0;
  margin-left: 1.5rem;
}

.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,
.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active {
  -webkit-animation-name: NotificationLeftFadeIn;
  animation-name: NotificationLeftFadeIn;
}

@-webkit-keyframes NotificationTopFadeIn {
  0% {
    margin-top: -100%;
    opacity: 0;
  }

  100% {
    margin-top: 0;
    opacity: 1;
  }
}

@keyframes NotificationTopFadeIn {
  0% {
    margin-top: -100%;
    opacity: 0;
  }

  100% {
    margin-top: 0;
    opacity: 1;
  }
}

@-webkit-keyframes NotificationBottomFadeIn {
  0% {
    margin-bottom: -100%;
    opacity: 0;
  }

  100% {
    margin-bottom: 0;
    opacity: 1;
  }
}

@keyframes NotificationBottomFadeIn {
  0% {
    margin-bottom: -100%;
    opacity: 0;
  }

  100% {
    margin-bottom: 0;
    opacity: 1;
  }
}

@-webkit-keyframes NotificationLeftFadeIn {
  0% {
    right: 24rem;
    opacity: 0;
  }

  100% {
    right: 0;
    opacity: 1;
  }
}

@keyframes NotificationLeftFadeIn {
  0% {
    right: 24rem;
    opacity: 0;
  }

  100% {
    right: 0;
    opacity: 1;
  }
}

.login-form .ant-form-item {
  margin-bottom: 0.9375rem;
}

.login-form .ant-input {
  height: 2.5rem;
  border-radius: 0;
}

#root,
.custom-layout.ant-layout.ant-layout-has-sider,
.ant-spin-nested-loading.custom-layout-spin {
  height: 100%;
}

.custom-layout-spin .ant-spin-container,
.custom-layout-spin .ant-spin.ant-spin-spinning {
  height: 100%;
  max-height: unset;
}

.ant-tree .ant-tree-node-content-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 6.25rem;
}

.za-radio__input {
  width: 100% !important;
  height: 100% !important;
}

#baseform__Checkradio .za-radio--checked .za-radio__widget .za-radio__inner {
  background-color: var(--theme-radio-cms2) !important;
  border-color: var(--theme-radio-cms2) !important;
}

.h40 {
  height: 2.5rem;
}

.push-search-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.25rem;
  min-width: 18.75rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.push-search-item .label {
  padding-right: 0.3125rem;
  display: inline-block;
  text-align: right;
  min-width: 6.25rem;
}

.push-search-item .ant-btn {
  margin-right: 0.3125rem;
}

.push-search-item > div {
  width: 100%;
}

.other-search-button-item {
  margin-bottom: 0.625rem;
}

.other-search-button-item > button {
  margin-right: 0.625rem;
}

.ant-radio-group {
  line-height: inherit;
}

.table-container-page {
  padding: 1.5rem;
}

.table-container-page .table-container-page-head {
  padding: 0 0 1.5rem 0;
}
.i-home-header-component__trigger--1XQuO {
  font-size: 1.125rem;
  padding-right: 1.5rem;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.i-home-header-component__header--imWtN {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 1;
}

.i-home-header-component__header--imWtN .i-home-header-component__main--2MQyQ {
  -webkit-box-shadow: 0 0.5rem 1.25rem 0 rgba(226, 225, 235, 0.6);
  box-shadow: 0 0.5rem 1.25rem 0 rgba(226, 225, 235, 0.6);
  height: 4.75rem;
  padding: 1.25rem;
  background: #fff;
}

.i-home-header-component__header--imWtN .i-home-header-component__main--2MQyQ .i-home-header-component__container--wqdCY {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.i-home-header-component__header--imWtN .i-home-header-component__main--2MQyQ .i-home-header-component__container--wqdCY .i-home-header-component__header-left--3NOWy .i-home-header-component__logo-container--19EqJ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: calc(16.25rem - 1.25rem);
}

.i-home-header-component__header--imWtN .i-home-header-component__main--2MQyQ .i-home-header-component__container--wqdCY .i-home-header-component__header-left--3NOWy .i-home-header-component__logo-container--19EqJ .i-home-header-component__fold-icon--2MSvP {
  font-size: 1.3rem;
}

.i-home-header-component__header--imWtN .i-home-header-component__main--2MQyQ .i-home-header-component__container--wqdCY .i-home-header-component__header-left--3NOWy .i-home-header-component__logo-container--19EqJ .i-home-header-component__header-logo--2RoTj {
  padding: 0 1.25rem;
  font-size: 1.5rem;
  font-weight: 500;
  white-space: nowrap;
  font-family: Exo;
}

.i-home-header-component__header--imWtN .i-home-header-component__main--2MQyQ .i-home-header-component__container--wqdCY .i-home-header-component__header-left--3NOWy .i-home-header-component__logo-container--19EqJ .i-home-header-component__header-logo--2RoTj img {
  width: 2.5rem;
  height: 2.5rem;
}

.i-home-header-component__header--imWtN .i-home-header-component__main--2MQyQ .i-home-header-component__container--wqdCY .i-home-header-component__header-right--3ZsVH {
  font-size: 1.2rem;
}

.i-home-header-component__header--imWtN .i-home-header-component__main--2MQyQ .i-home-header-component__container--wqdCY .i-home-header-component__header-right--3ZsVH .i-home-header-component__setting--2DZAv {
  margin-right: 1.25rem;
}

.i-home-header-component__login-form--3hGpu .i-home-header-component__ant-form-item--XpGXR {
  margin-bottom: 0.9375rem;
}

.i-home-header-component__login-form--3hGpu .i-home-header-component__ant-input--16NP6 {
  height: 2.5rem;
  border-radius: 0;
}

#i-home-header-component__root--1dKJd,
.i-home-header-component__custom-layout--2ou86.i-home-header-component__ant-layout--1JLQY.i-home-header-component__ant-layout-has-sider--1gqF2,
.i-home-header-component__ant-spin-nested-loading--1OzMa.i-home-header-component__custom-layout-spin--3JP80 {
  height: 100%;
}

.i-home-header-component__custom-layout-spin--3JP80 .i-home-header-component__ant-spin-container--W9BOv,
.i-home-header-component__custom-layout-spin--3JP80 .i-home-header-component__ant-spin--3dCMn.i-home-header-component__ant-spin-spinning--3-VNf {
  height: 100%;
  max-height: unset;
}

.i-home-header-component__ant-tree--1cFN8 .i-home-header-component__ant-tree-node-content-wrapper--3x8tw {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 6.25rem;
}

.i-home-header-component__za-radio__input--3OwP6 {
  width: 100% !important;
  height: 100% !important;
}

#i-home-header-component__baseform__Checkradio--2DSmu .i-home-header-component__za-radio--checked--3LsiD .i-home-header-component__za-radio__widget--wIYxT .i-home-header-component__za-radio__inner--1LK2o {
  background-color: var(--theme-radio-cms2) !important;
  border-color: var(--theme-radio-cms2) !important;
}

.i-home-header-component__h40--3ptEJ {
  height: 2.5rem;
}

.i-home-header-component__push-search-item--WE0if {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.25rem;
  min-width: 18.75rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.i-home-header-component__push-search-item--WE0if .i-home-header-component__label--HeaYQ {
  padding-right: 0.3125rem;
  display: inline-block;
  text-align: right;
  min-width: 6.25rem;
}

.i-home-header-component__push-search-item--WE0if .i-home-header-component__ant-btn--1Cp6g {
  margin-right: 0.3125rem;
}

.i-home-header-component__push-search-item--WE0if > div {
  width: 100%;
}

.i-home-header-component__other-search-button-item--5i5LC {
  margin-bottom: 0.625rem;
}

.i-home-header-component__other-search-button-item--5i5LC > button {
  margin-right: 0.625rem;
}

.i-home-header-component__ant-radio-group--_Uaf9 {
  line-height: inherit;
}

.i-home-header-component__table-container-page--1HXi1 {
  padding: 1.5rem;
}

.i-home-header-component__table-container-page--1HXi1 .i-home-header-component__table-container-page-head--3d2dh {
  padding: 0 0 1.5rem 0;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */

/* stylelint-disable no-duplicate-selectors */

/* stylelint-disable */

/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

.login-form .ant-form-item {
  margin-bottom: 0.9375rem;
}

.login-form .ant-input {
  height: 2.5rem;
  border-radius: 0;
}

#root,
.custom-layout.ant-layout.ant-layout-has-sider,
.ant-spin-nested-loading.custom-layout-spin {
  height: 100%;
}

.custom-layout-spin .ant-spin-container,
.custom-layout-spin .ant-spin.ant-spin-spinning {
  height: 100%;
  max-height: unset;
}

.ant-tree .ant-tree-node-content-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 6.25rem;
}

.za-radio__input {
  width: 100% !important;
  height: 100% !important;
}

#baseform__Checkradio .za-radio--checked .za-radio__widget .za-radio__inner {
  background-color: var(--theme-radio-cms2) !important;
  border-color: var(--theme-radio-cms2) !important;
}

.h40 {
  height: 2.5rem;
}

.push-search-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.25rem;
  min-width: 18.75rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.push-search-item .label {
  padding-right: 0.3125rem;
  display: inline-block;
  text-align: right;
  min-width: 6.25rem;
}

.push-search-item .ant-btn {
  margin-right: 0.3125rem;
}

.push-search-item > div {
  width: 100%;
}

.other-search-button-item {
  margin-bottom: 0.625rem;
}

.other-search-button-item > button {
  margin-right: 0.625rem;
}

.ant-radio-group {
  line-height: inherit;
}

.table-container-page {
  padding: 1.5rem;
}

.table-container-page .table-container-page-head {
  padding: 0 0 1.5rem 0;
}
/*!
 * 
 *     zarm
 *
 *     Github: https://github.com/ZhongAnTech/zarm
 *
 *     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: 0.0625rem 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: -0.125rem;
  /* 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;
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

:root {
  --theme-default: hsl(0, 0%, 90%);
  --theme-default-h: 0;
  --theme-default-s: 0%;
  --theme-default-l: 90%;
  --theme-default-light: hsl(0, 0%, 94%);
  --theme-default-light-h: 0;
  --theme-default-light-s: 0%;
  --theme-default-light-l: 94%;
  --theme-default-lighter: hsl(0, 0%, 95%);
  --theme-default-lighter-h: 0;
  --theme-default-lighter-s: 0%;
  --theme-default-lighter-l: 95%;
  --theme-default-dark: hsl(0, 0%, 86%);
  --theme-default-dark-h: 0;
  --theme-default-dark-s: 0%;
  --theme-default-dark-l: 86%;
  --theme-default-darker: hsl(0, 0%, 20%);
  --theme-default-darker-h: 0;
  --theme-default-darker-s: 0%;
  --theme-default-darker-l: 20%;
  --theme-primary: hsl(156, 100%, 36.9%);
  --theme-primary-h: 156;
  --theme-primary-s: 100%;
  --theme-primary-l: 36.9%;
  --theme-primary-light: hsl(156, 100%, 40.9%);
  --theme-primary-light-h: 156;
  --theme-primary-light-s: 100%;
  --theme-primary-light-l: 40.9%;
  --theme-primary-lighter: hsl(156, 100%, 95%);
  --theme-primary-lighter-h: 156;
  --theme-primary-lighter-s: 100%;
  --theme-primary-lighter-l: 95%;
  --theme-primary-dark: hsl(156, 100%, 32.9%);
  --theme-primary-dark-h: 156;
  --theme-primary-dark-s: 100%;
  --theme-primary-dark-l: 32.9%;
  --theme-primary-darker: hsl(156, 100%, 20%);
  --theme-primary-darker-h: 156;
  --theme-primary-darker-s: 100%;
  --theme-primary-darker-l: 20%;
  --theme-success: hsl(156, 100%, 36.9%);
  --theme-success-h: 156;
  --theme-success-s: 100%;
  --theme-success-l: 36.9%;
  --theme-success-light: hsl(156, 100%, 40.9%);
  --theme-success-light-h: 156;
  --theme-success-light-s: 100%;
  --theme-success-light-l: 40.9%;
  --theme-success-lighter: hsl(156, 100%, 95%);
  --theme-success-lighter-h: 156;
  --theme-success-lighter-s: 100%;
  --theme-success-lighter-l: 95%;
  --theme-success-dark: hsl(156, 100%, 32.9%);
  --theme-success-dark-h: 156;
  --theme-success-dark-s: 100%;
  --theme-success-dark-l: 32.9%;
  --theme-success-darker: hsl(156, 100%, 20%);
  --theme-success-darker-h: 156;
  --theme-success-darker-s: 100%;
  --theme-success-darker-l: 20%;
  --theme-warning: hsl(31, 83.1%, 55.9%);
  --theme-warning-h: 31;
  --theme-warning-s: 83.1%;
  --theme-warning-l: 55.9%;
  --theme-warning-light: hsl(31, 83.1%, 59.9%);
  --theme-warning-light-h: 31;
  --theme-warning-light-s: 83.1%;
  --theme-warning-light-l: 59.9%;
  --theme-warning-lighter: hsl(31, 83.1%, 95%);
  --theme-warning-lighter-h: 31;
  --theme-warning-lighter-s: 83.1%;
  --theme-warning-lighter-l: 95%;
  --theme-warning-dark: hsl(31, 83.1%, 51.9%);
  --theme-warning-dark-h: 31;
  --theme-warning-dark-s: 83.1%;
  --theme-warning-dark-l: 51.9%;
  --theme-warning-darker: hsl(31, 83.1%, 20%);
  --theme-warning-darker-h: 31;
  --theme-warning-darker-s: 83.1%;
  --theme-warning-darker-l: 20%;
  --theme-danger: hsl(0, 100%, 65.7%);
  --theme-danger-h: 0;
  --theme-danger-s: 100%;
  --theme-danger-l: 65.7%;
  --theme-danger-light: hsl(0, 100%, 69.7%);
  --theme-danger-light-h: 0;
  --theme-danger-light-s: 100%;
  --theme-danger-light-l: 69.7%;
  --theme-danger-lighter: hsl(0, 100%, 95%);
  --theme-danger-lighter-h: 0;
  --theme-danger-lighter-s: 100%;
  --theme-danger-lighter-l: 95%;
  --theme-danger-dark: hsl(0, 100%, 61.7%);
  --theme-danger-dark-h: 0;
  --theme-danger-dark-s: 100%;
  --theme-danger-dark-l: 61.7%;
  --theme-danger-darker: hsl(0, 100%, 20%);
  --theme-danger-darker-h: 0;
  --theme-danger-darker-s: 100%;
  --theme-danger-darker-l: 20%;
  --color-text: #343434;
  --color-text-inverse: #fff;
  --color-text-placeholder: #a9a9a9;
  --color-text-disabled: #bcbcbc;
  --color-text-caption: #909090;
  --color-link: var(--theme-primary);
  --color-shadow: rgba(56, 56, 56, 0.15);
  --background-active: #e6e6e6;
  --background-disabled: #f2f2f2;
  --border-color: #dcdcdc;
  --border-disabled: #e6e6e6;
  --radius-xs: 0.125rem;
  --radius-sm: 0.125rem;
  --radius-md: 0.25rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.5rem;
  --radius-round: 62.5rem;
  --radius-circle: 50%;
  --padding-h-xs: 0.5rem;
  --padding-h-sm: 0.75rem;
  --padding-h-md: 1rem;
  --padding-h-lg: 1.25rem;
  --padding-h-xl: 1.5rem;
  --padding-v-xs: 0.375rem;
  --padding-v-sm: 0.5rem;
  --padding-v-md: 0.75rem;
  --padding-v-lg: 1rem;
  --padding-v-xl: 1.125rem;
  --font-size-xs: 0.625rem;
  --font-size-sm: 0.75rem;
  --font-size-md: 0.875rem;
  --font-size-lg: 1rem;
  --font-size-xl: 1.125rem;
  --zindex-mask: 1000;
  --zindex-popup: 1100;
  --zindex-tooltip: 1700;
  --opacity-disabled: 0.5;
  --opacity-mask: 0.5;
  --opacity-toast: 0.8;
  --opacity-tooltip: 0.8;
  --box-shadow-light: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.1);
  --box-shadow-dark: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.2);
  --action-sheet-background: #fff;
  --action-sheet-active-background: var(--background-active);
  --action-sheet-margin: 0;
  --action-sheet-item-height: 3.125rem;
  --action-sheet-item-font-size: 1rem;
  --activity-indicator-size-md: 1.25rem;
  --activity-indicator-size-lg: 2rem;
  --activity-indicator-path-color: #e6e6e6;
  --activity-indicator-spinner-color: #989697;
  --alert-button-height: 3.125rem;
  --alert-button-font-size: 1.125rem;
  --alert-button-background: var(--button-default-background);
  --alert-button-active-background: var(--background-active);
  --badge-height: 0.875rem;
  --badge-font-size: var(--font-size-xs);
  --badge-padding-h: 0.25rem;
  --badge-dot-diameter: 0.5rem;
  --badge-border-radius-rect: var(--radius-sm);
  --badge-border-radius-round: var(--radius-round);
  --badge-sup-top: -0.25rem;
  --badge-text-color: #fff;
  --button-height-xs: 1.75rem;
  --button-height-sm: 2.25rem;
  --button-height-md: 2.75rem;
  --button-height-lg: 3.25rem;
  --button-padding-h-xs: var(--padding-h-xs);
  --button-padding-h-sm: var(--padding-h-sm);
  --button-padding-h-md: var(--padding-h-md);
  --button-padding-h-lg: var(--padding-h-lg);
  --button-font-size-xs: 0.75rem;
  --button-font-size-sm: 0.875rem;
  --button-font-size-md: 1rem;
  --button-font-size-lg: 1.125rem;
  --button-icon-size-xs: 1rem;
  --button-icon-size-sm: 1.125rem;
  --button-icon-size-md: 1.375rem;
  --button-icon-size-lg: 1.625rem;
  --button-disabled-opacity: var(--opacity-disabled);
  --button-disabled-color-ghost: var(--border-disabled);
  --button-default-background: var(--color-text-inverse);
  --button-default-border: var(--theme-default);
  --button-default-color: var(--color-text);
  --button-default-active-background: var(--background-active);
  --button-default-active-border: var(--background-active);
  --button-default-active-color: var(--color-text);
  --button-default-ghost-border: var(--color-text-inverse);
  --button-default-ghost-color: var(--color-text-inverse);
  --button-default-ghost-active-border: var(--background-active);
  --button-default-ghost-active-color: var(--background-active);
  --button-default-shadow-color: rgba(230, 230, 230, 0.3);
  --button-primary-background: var(--theme-primary);
  --button-primary-border: var(--theme-primary);
  --button-primary-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: rgba(255, 255, 255, 0.4);
  --button-primary-ghost-border: var(--theme-primary);
  --button-primary-ghost-color: var(--theme-primary);
  --button-primary-ghost-active-border: var(--theme-primary-dark);
  --button-primary-ghost-active-color: var(--theme-primary-dark);
  --button-primary-shadow-color: rgba(0, 188, 112, 0.3);
  --button-danger-background: var(--theme-danger);
  --button-danger-border: var(--theme-danger);
  --button-danger-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: rgba(255, 255, 255, 0.4);
  --button-danger-ghost-border: var(--theme-danger);
  --button-danger-ghost-color: var(--theme-danger);
  --button-danger-ghost-active-border: var(--theme-danger-dark);
  --button-danger-ghost-active-color: var(--theme-danger-dark);
  --button-danger-shadow-color: rgba(255, 80, 80, 0.3);
  --calendar-height: 2.8125rem;
  --calendar-background: #fff;
  --calendar-week-bar-fontsize: 0.875rem;
  --calendar-week-bar-background: #f2f2f2;
  --calendar-week-bar-color: var(--color-text-caption);
  --calendar-section-padding: 0.9375rem;
  --calendar-day-fontsize: 1rem;
  --calendar-day-title-fontsize: 1.0625rem;
  --calendar-day-color: var(--color-text);
  --calendar-day-today-background: var(--theme-primary-lighter);
  --calendar-day-today-color: var(--theme-primary);
  --calendar-day-selected-background: var(--theme-primary);
  --calendar-day-selected-color: #fff;
  --calendar-day-selected-shadow: var(--theme-primary-lighter);
  --calendar-day-range-background: var(--theme-primary-lighter);
  --calendar-day-range-color: var(--theme-primary);
  --calendar-day-height: 2.5rem;
  --carousel-pagination-distance: 0.5rem;
  --carousel-pagination-rect-width: 1.1875rem;
  --carousel-pagination-rect-height: 0.25rem;
  --carousel-pagination-rect-border-radius: 0.0625rem;
  --carousel-pagination-rect-step: 0.125rem;
  --carousel-pagination-rect-color: rgba(255, 255, 255, 0.6);
  --carousel-pagination-rect-color-active: #fff;
  --cell-height: 3.25rem;
  --cell-background: #fff;
  --cell-background-active: var(--background-active);
  --cell-line-padding-left: 1rem;
  --cell-padding-h: 1rem;
  --cell-padding-v: 0.9375rem;
  --cell-title-color: var(--color-text);
  --cell-title-font-size: 0.9375rem;
  --cell-title-line-height: 1.375rem;
  --cell-description-color: var(--color-text-caption);
  --cell-description-font-size: 0.9375rem;
  --cell-label-width: 6.25rem;
  --cell-arrow-color: #bcbcbc;
  --cell-arrow-length: 0.625rem;
  --cell-arrow-border-width: 0.125rem;
  --checkbox-size: 1.125rem;
  --checkbox-radius: var(--radius-md);
  --checkbox-background: var(--color-text-inverse);
  --checkbox-border-color: var(--border-color);
  --checkbox-active-border-color: var(--theme-primary);
  --checkbox-disabled-background: var(--background-disabled);
  --checkbox-disabled-color: #bcbcbc;
  --checkbox-arrow-color: var(--color-text-inverse);
  --collapse-height: 3.25rem;
  --collapse-padding-h: 1rem;
  --collapse-padding-v: 0.9375rem;
  --collapse-arrow-color: #bcbcbc;
  --collapse-arrow-disabled-color: #eee;
  --confirm-button-height: 3.125rem;
  --confirm-button-font-size: 1.125rem;
  --confirm-button-background: var(--button-default-background);
  --confirm-button-active-background: var(--background-active);
  --input-clear-icon-width: 1rem;
  --input-clear-icon-color: #bcbcbc;
  --input-padding-v: var(--cell-padding-v);
  --input-cursor-color: #597cf6;
  --input-cursor-width: 0.125rem;
  --input-cursor-height: calc(var(--cell-title-line-height) - 0.25rem);
  --input-length-count-color: var(--color-text-disabled);
  --input-height: 1.75rem;
  --input-line-height: var(--cell-title-line-height);
  --image-preview-origin-button-background: #2d2d2d;
  --keyboard-background: #fff;
  --keyboard-item-background: #fff;
  --keyboard-item-height: 3.25rem;
  --keyboard-item-font-size: 1.875rem;
  --loading-background: rgba(0, 0, 0, var(--opacity-toast));
  --message-min-height-md: 1.8125rem;
  --message-min-height-lg: 2.5rem;
  --message-font-size-md: 0.75rem;
  --message-font-size-lg: 0.875rem;
  --message-icon-size-md: 0.875rem;
  --message-icon-size-lg: 1rem;
  --message-padding-v-md: 0.375rem;
  --message-padding-h-md: 0.5rem;
  --message-padding-v-lg: 0.5rem;
  --message-padding-h-lg: 0.75rem;
  --modal-background: #fff;
  --modal-title-font-size: 1.125rem;
  --modal-title-color: var(--color-text);
  --modal-close-color: #ccc;
  --modal-close-active-color: #999;
  --nav-bar-color: #fdfdfd;
  --nav-bar-height: 2.75rem;
  --nav-bar-icon-size: 1.5rem;
  --notice-bar-height: 1.5rem;
  --panel-header-color: var(--color-text-caption);
  --panel-header-font-size: 0.875rem;
  --panel-body-color: var(--color-text);
  --panel-body-font-size: 0.9375rem;
  --panel-body-background: #fff;
  --picker-background: #fff;
  --picker-mask-background-start: rgba(255, 255, 255, 0.4);
  --picker-mask-background-end: rgba(255, 255, 255, 0.8);
  --picker-header-height: 2.8125rem;
  --picker-header-font-size: 1rem;
  --picker-header-background: #f7f7f7;
  --progress-background: #f2f2f2;
  --progress-width-lg: 100%;
  --progress-width-md: 100%;
  --progress-width-sm: 8.75rem;
  --progress-size-lg: 12.5rem;
  --progress-size-md: 9.375rem;
  --progress-size-sm: 5rem;
  --progress-font-size-circle-lg: 1.875rem;
  --progress-font-size-circle-md: 1.5rem;
  --progress-font-size-circle-sm: 1.125rem;
  --pull-control-height: 3.125rem;
  --pull-control-font-size: 0.875rem;
  --radio-size: 1.125rem;
  --radio-radius: var(--radius-circle);
  --radio-background: var(--color-text-inverse);
  --radio-border-color: var(--border-color);
  --radio-active-border-color: var(--theme-primary);
  --radio-disabled-background: var(--background-disabled);
  --radio-disabled-color: #bcbcbc;
  --radio-arrow-color: var(--color-text-inverse);
  --search-bar-font-size: 0.875rem;
  --search-bar-background: #fff;
  --search-bar-inner-background: #f2f2f2;
  --slider-line-background: var(--border-color);
  --slider-line-height: 0.125rem;
  --slider-line-dot-width: 0.375rem;
  --slider-line-dot-color: #fff;
  --slider-vertical-line-width: 0.125rem;
  --slider-handle-size: 1.5rem;
  --slider-handle-size-small: 1rem;
  --slider-mark-handle: 1.5rem;
  --slider-mark-size: 0.9375rem;
  --slider-handle-background: #fff;
  --slider-handle-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.4);
  --stepper-input-background: #fff;
  --stepper-height-md: 1.75rem;
  --stepper-height-lg: 2.25rem;
  --stepper-icon-font-size-md: 0.75rem;
  --stepper-icon-font-size-lg: 0.875rem;
  --stepper-input-width-md: 3.125rem;
  --stepper-input-width-lg: 3.75rem;
  --stepper-input-disabled: var(--color-text-disabled);
  --stepper-input-font-size-md: 0.875rem;
  --stepper-input-font-size-lg: 1rem;
  --stepper-input-margin-h-md: 0.25rem;
  --stepper-input-margin-h-lg: 0.25rem;
  --stepper-input-padding-h-md: 0.5rem;
  --stepper-input-padding-h-lg: 0.5rem;
  --switch-width: 3.3125rem;
  --switch-height: 2rem;
  --switch-handle-size: 1.625rem;
  --switch-border-color: var(--border-color);
  --switch-background: var(--border-color);
  --switch-handle-background: #fff;
  --tabs-height: 2.8125rem;
  --tabs-item-font-size: var(--font-size-lg);
  --tabs-line-height: 0.125rem;
  --tabs-item-horizontal-padding: 1.25rem;
  --tabs-item-vertical-padding: 0.75rem;
  --toast-border-radius: 0.375rem;
  --toast-background: rgba(0, 0, 0, var(--opacity-toast));
  --toast-color: var(--color-text-inverse);
  --toast-font-size: 0.8125rem;
  --tooltip-font-size: 0.75rem;
  --tooltip-color: var(--color-text-inverse);
  --tooltip-arrow-size: 0.25rem;
  --tooltip-padding-v: var(--padding-v-xs);
  --tooltip-padding-h: var(--padding-h-xs);
  --tooltip-background: rgba(0, 0, 0, var(--opacity-tooltip));
  --tabbar-height: 3.125rem;
  --tabbar-hidden-bottom: -3.125rem;
  --tabbar-background: #fff;
  --tabbar-item-font-size: 0.75rem;
  --tabbar-item-active-color: var(--theme-primary);
  --wheel-item-height: 2.125rem;
  --wheel-item-rows: 5;
  --wheel-item-font-size: 1.125rem;
  --wheel-color: var(--color-text);
  --icon-font-size-sm: 1rem;
  --icon-font-size-md: 1.5rem;
  --icon-font-size-lg: 2rem;
  --icon-theme-default: var(--color-text);
  --stack-picker-background: #fff;
  --stack-picker-shadow: 0 0 0.625rem rgba(0, 0, 0, .3);
  --stack-picker-error: #ff5050;
  --stack-picker-stack-item-font-size: 1rem;
  --stack-picker-crumbs-line-height: 1.5rem;
  --stack-picker-stack-item-height: 2.1875rem;
  --stack-picker-padding: 1.25rem;
  --stack-picker-left: 3.75rem;
}

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

  to {
    opacity: 1;
  }
}

@keyframes za-fade-enter {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.za-fade-enter {
  -webkit-animation: za-fade-enter both ease-in;
  animation: za-fade-enter both ease-in;
}

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

  to {
    opacity: 0;
  }
}

@keyframes za-fade-leave {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.za-fade-leave {
  -webkit-animation: za-fade-leave both ease-out;
  animation: za-fade-leave both ease-out;
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-door-enter {
  -webkit-animation: za-door-enter both cubic-bezier(0.4, 0, 0, 0);
  animation: za-door-enter both cubic-bezier(0.4, 0, 0, 0);
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-door-leave {
  -webkit-animation: za-door-leave both;
  animation: za-door-leave both;
}

@-webkit-keyframes za-flip-enter {
  from {
    -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, 60deg);
    transform: perspective(25rem) rotate3d(1, 0, 0, 60deg);
  }

  70% {
    -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, -15deg);
    transform: perspective(25rem) rotate3d(1, 0, 0, -15deg);
  }

  to {
    -webkit-transform: perspective(25rem);
    transform: perspective(25rem);
  }
}

@keyframes za-flip-enter {
  from {
    -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, 60deg);
    transform: perspective(25rem) rotate3d(1, 0, 0, 60deg);
  }

  70% {
    -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, -15deg);
    transform: perspective(25rem) rotate3d(1, 0, 0, -15deg);
  }

  to {
    -webkit-transform: perspective(25rem);
    transform: perspective(25rem);
  }
}

.za-flip-enter {
  -webkit-animation: za-flip-enter both ease-in;
  animation: za-flip-enter both ease-in;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes za-flip-leave {
  from {
    -webkit-transform: perspective(25rem);
    transform: perspective(25rem);
  }

  30% {
    -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, -15deg);
    transform: perspective(25rem) rotate3d(1, 0, 0, -15deg);
  }

  to {
    -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, 45deg);
    transform: perspective(25rem) rotate3d(1, 0, 0, 45deg);
  }
}

@keyframes za-flip-leave {
  from {
    -webkit-transform: perspective(25rem);
    transform: perspective(25rem);
  }

  30% {
    -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, -15deg);
    transform: perspective(25rem) rotate3d(1, 0, 0, -15deg);
  }

  to {
    -webkit-transform: perspective(25rem) rotate3d(1, 0, 0, 45deg);
    transform: perspective(25rem) rotate3d(1, 0, 0, 45deg);
  }
}

.za-flip-leave {
  -webkit-animation: za-flip-leave both;
  animation: za-flip-leave both;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-rotate-enter {
  -webkit-animation: za-rotate-enter both;
  animation: za-rotate-enter both;
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-rotate-leave {
  -webkit-animation: za-rotate-leave both;
  animation: za-rotate-leave both;
}

@-webkit-keyframes za-slideUp-enter {
  from {
    -webkit-transform: translate3d(0, 6.25rem, 0);
    transform: translate3d(0, 6.25rem, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes za-slideUp-enter {
  from {
    -webkit-transform: translate3d(0, 6.25rem, 0);
    transform: translate3d(0, 6.25rem, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.za-slideUp-enter {
  -webkit-animation: za-slideUp-enter both cubic-bezier(0.4, 0, 0, 1.5);
  animation: za-slideUp-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

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

  to {
    -webkit-transform: translate3d(0, 6.25rem, 0);
    transform: translate3d(0, 6.25rem, 0);
  }
}

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

  to {
    -webkit-transform: translate3d(0, 6.25rem, 0);
    transform: translate3d(0, 6.25rem, 0);
  }
}

.za-slideUp-leave {
  -webkit-animation: za-slideUp-leave both;
  animation: za-slideUp-leave both;
}

@-webkit-keyframes za-slideDown-enter {
  from {
    -webkit-transform: translate3d(0, -6.25rem, 0);
    transform: translate3d(0, -6.25rem, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes za-slideDown-enter {
  from {
    -webkit-transform: translate3d(0, -6.25rem, 0);
    transform: translate3d(0, -6.25rem, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.za-slideDown-enter {
  -webkit-animation: za-slideDown-enter both cubic-bezier(0.4, 0, 0, 1.5);
  animation: za-slideDown-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

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

  to {
    -webkit-transform: translate3d(0, -6.25rem, 0);
    transform: translate3d(0, -6.25rem, 0);
  }
}

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

  to {
    -webkit-transform: translate3d(0, -6.25rem, 0);
    transform: translate3d(0, -6.25rem, 0);
  }
}

.za-slideDown-leave {
  -webkit-animation: za-slideDown-leave both;
  animation: za-slideDown-leave both;
}

@-webkit-keyframes za-slideLeft-enter {
  from {
    -webkit-transform: translate3d(9.375rem, 0, 0);
    transform: translate3d(9.375rem, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes za-slideLeft-enter {
  from {
    -webkit-transform: translate3d(9.375rem, 0, 0);
    transform: translate3d(9.375rem, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.za-slideLeft-enter {
  -webkit-animation: za-slideLeft-enter both cubic-bezier(0.4, 0, 0, 1.5);
  animation: za-slideLeft-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

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

  to {
    -webkit-transform: translate3d(9.375rem, 0, 0);
    transform: translate3d(9.375rem, 0, 0);
  }
}

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

  to {
    -webkit-transform: translate3d(9.375rem, 0, 0);
    transform: translate3d(9.375rem, 0, 0);
  }
}

.za-slideLeft-leave {
  -webkit-animation: za-slideLeft-leave both;
  animation: za-slideLeft-leave both;
}

@-webkit-keyframes za-slideRight-enter {
  from {
    -webkit-transform: translate3d(-9.375rem, 0, 0);
    transform: translate3d(-9.375rem, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes za-slideRight-enter {
  from {
    -webkit-transform: translate3d(-9.375rem, 0, 0);
    transform: translate3d(-9.375rem, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.za-slideRight-enter {
  -webkit-animation: za-slideRight-enter both cubic-bezier(0.4, 0, 0, 1.5);
  animation: za-slideRight-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

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

  to {
    -webkit-transform: translate3d(-9.375rem, 0, 0);
    transform: translate3d(-9.375rem, 0, 0);
  }
}

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

  to {
    -webkit-transform: translate3d(-9.375rem, 0, 0);
    transform: translate3d(-9.375rem, 0, 0);
  }
}

.za-slideRight-leave {
  -webkit-animation: za-slideRight-leave both;
  animation: za-slideRight-leave both;
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-zoom-enter {
  -webkit-animation: za-zoom-enter both cubic-bezier(0.4, 0, 0, 1.5);
  animation: za-zoom-enter both cubic-bezier(0.4, 0, 0, 1.5);
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-zoom-leave {
  -webkit-animation: za-zoom-leave both;
  animation: za-zoom-leave both;
}

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

@-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-zoomFade-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);
}

.za-zoomFade-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);
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-moveUp-enter {
  -webkit-animation: za-moveUp-enter both ease-in;
  animation: za-moveUp-enter both ease-in;
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-moveUp-leave {
  -webkit-animation: za-moveUp-leave both ease-out;
  animation: za-moveUp-leave both ease-out;
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-moveDown-enter {
  -webkit-animation: za-moveDown-enter both ease-in;
  animation: za-moveDown-enter both ease-in;
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-moveDown-leave {
  -webkit-animation: za-moveDown-leave both ease-out;
  animation: za-moveDown-leave both ease-out;
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-moveLeft-enter {
  -webkit-animation: za-moveLeft-enter both ease-in;
  animation: za-moveLeft-enter both ease-in;
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-moveLeft-leave {
  -webkit-animation: za-moveLeft-leave both ease-out;
  animation: za-moveLeft-leave both ease-out;
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-moveRight-enter {
  -webkit-animation: za-moveRight-enter both ease-in;
  animation: za-moveRight-enter both ease-in;
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-moveRight-leave {
  -webkit-animation: za-moveRight-leave both ease-out;
  animation: za-moveRight-leave both ease-out;
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-scaleDown-enter {
  -webkit-animation: za-scaleDown-enter both;
  animation: za-scaleDown-enter both;
}

@-webkit-keyframes za-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 za-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);
  }
}

.za-scaleDown-leave {
  -webkit-animation: za-scaleDown-leave both;
  animation: za-scaleDown-leave both;
}

@-webkit-keyframes za-menu-slide-up-enter {
  0% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0;
  }

  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
}

@keyframes za-menu-slide-up-enter {
  0% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0;
  }

  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }
}

@-webkit-keyframes za-menu-slide-up-leave {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }

  100% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0;
  }
}

@keyframes za-menu-slide-up-leave {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1;
  }

  100% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0;
  }
}

@-webkit-keyframes za-menu-slide-down-enter {
  0% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
  }

  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}

@keyframes za-menu-slide-down-enter {
  0% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
  }

  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}

@-webkit-keyframes za-menu-slide-down-leave {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }

  100% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
  }
}

@keyframes za-menu-slide-down-leave {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }

  100% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0;
  }
}

.za-menuSlide-up-enter {
  -webkit-animation: za-menu-slide-up-enter both cubic-bezier(0.23, 1, 0.32, 1);
  animation: za-menu-slide-up-enter both cubic-bezier(0.23, 1, 0.32, 1);
}

.za-menuSlide-up-leave {
  -webkit-animation: za-menu-slide-up-leave both cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation: za-menu-slide-up-leave both cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

.za-menuSlide-down-enter {
  -webkit-animation: za-menu-slide-down-enter both cubic-bezier(0.23, 1, 0.32, 1);
  animation: za-menu-slide-down-enter both cubic-bezier(0.23, 1, 0.32, 1);
}

.za-menuSlide-down-leave {
  -webkit-animation: za-menu-slide-down-leave both cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation: za-menu-slide-down-leave both cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

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

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-action-sheet {
  margin: 0;
  margin: var(--action-sheet-margin);
}

.za-action-sheet--spacing {
  margin: 0 0.625rem 0.625rem;
}

.za-action-sheet--spacing .za-action-sheet__actions,
.za-action-sheet--spacing .za-action-sheet__cancel {
  border-radius: 0.25rem;
  border-radius: var(--radius-md);
}

.za-action-sheet__actions,
.za-action-sheet__cancel {
  overflow: hidden;
  background-color: #fff;
  background-color: var(--action-sheet-background);
}

.za-action-sheet__cancel {
  margin-top: 0.625rem;
}

.za-action-sheet__item {
  display: block;
  position: relative;
  height: 3.125rem;
  height: var(--action-sheet-item-height);
  line-height: 3.125rem;
  line-height: var(--action-sheet-item-height);
  font-size: 1rem;
  font-size: var(--action-sheet-item-font-size);
  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;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-appearance: none;
  /* disabled Button */
  /* block Button */
}

.za-action-sheet__item,
.za-action-sheet__item:active,
.za-action-sheet__item:hover,
.za-action-sheet__item:focus,
.za-action-sheet__item:visited {
  text-decoration: none;
}

.za-action-sheet__item--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  opacity: var(--opacity-disabled);
}

.za-action-sheet__item--block {
  display: block;
  width: 100%;
}

.za-action-sheet__item:active {
  background-color: #e6e6e6;
  background-color: var(--action-sheet-active-background);
}

.za-action-sheet__item:not(:first-of-type):after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-top: 1PX solid #dcdcdc;
  border-top: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .za-action-sheet__item:not(:first-of-type):after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-action-sheet__item--primary {
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
}

.za-action-sheet__item--danger {
  color: hsl(0, 100%, 65.7%);
  color: var(--theme-danger);
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-activity-indicator {
  display: inline-block;
  position: relative;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  width: 1.25rem;
  width: var(--activity-indicator-size-md);
  height: 1.25rem;
  height: var(--activity-indicator-size-md);
  /* sizes */
}

.za-activity-indicator__path {
  stroke: #e6e6e6;
  stroke: var(--activity-indicator-path-color);
}

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

.za-activity-indicator--lg {
  width: 2rem;
  width: var(--activity-indicator-size-lg);
  height: 2rem;
  height: var(--activity-indicator-size-lg);
}

.za-activity-indicator--circular {
  display: inline-block;
}

.za-activity-indicator--circular svg {
  vertical-align: top;
  -webkit-animation: za-activity-indicator_rotate360 2s linear infinite;
  animation: za-activity-indicator_rotate360 2s linear infinite;
}

.za-activity-indicator--circular circle {
  stroke-linecap: round;
  stroke: hsl(156, 100%, 36.9%);
  stroke: var(--theme-primary);
  -webkit-animation: za-activity-indicator_rotate-circular 1.5s ease-in-out infinite;
  animation: za-activity-indicator_rotate-circular 1.5s ease-in-out infinite;
}

.za-activity-indicator--spinner {
  -webkit-animation: za-activity-indicator_rotate360 0.8s linear infinite;
  animation: za-activity-indicator_rotate360 0.8s linear infinite;
  -webkit-animation-timing-function: steps(12);
  animation-timing-function: steps(12);
}

.za-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.za-activity-indicator--spinner div:nth-of-type(1) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  opacity: 0.0833333333;
}

.za-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 0.125rem;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  background-color: var(--activity-indicator-spinner-color);
  border-radius: 40%;
}

.za-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.za-activity-indicator--spinner div:nth-of-type(2) {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  opacity: 0.1666666667;
}

.za-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 0.125rem;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  background-color: var(--activity-indicator-spinner-color);
  border-radius: 40%;
}

.za-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.za-activity-indicator--spinner div:nth-of-type(3) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  opacity: 0.25;
}

.za-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 0.125rem;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  background-color: var(--activity-indicator-spinner-color);
  border-radius: 40%;
}

.za-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.za-activity-indicator--spinner div:nth-of-type(4) {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  opacity: 0.3333333333;
}

.za-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 0.125rem;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  background-color: var(--activity-indicator-spinner-color);
  border-radius: 40%;
}

.za-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.za-activity-indicator--spinner div:nth-of-type(5) {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
  opacity: 0.4166666667;
}

.za-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 0.125rem;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  background-color: var(--activity-indicator-spinner-color);
  border-radius: 40%;
}

.za-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.za-activity-indicator--spinner div:nth-of-type(6) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  opacity: 0.5;
}

.za-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 0.125rem;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  background-color: var(--activity-indicator-spinner-color);
  border-radius: 40%;
}

.za-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.za-activity-indicator--spinner div:nth-of-type(7) {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
  opacity: 0.5833333333;
}

.za-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 0.125rem;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  background-color: var(--activity-indicator-spinner-color);
  border-radius: 40%;
}

.za-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.za-activity-indicator--spinner div:nth-of-type(8) {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
  opacity: 0.6666666667;
}

.za-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 0.125rem;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  background-color: var(--activity-indicator-spinner-color);
  border-radius: 40%;
}

.za-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.za-activity-indicator--spinner div:nth-of-type(9) {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  opacity: 0.75;
}

.za-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 0.125rem;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  background-color: var(--activity-indicator-spinner-color);
  border-radius: 40%;
}

.za-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.za-activity-indicator--spinner div:nth-of-type(10) {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
  opacity: 0.8333333333;
}

.za-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 0.125rem;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  background-color: var(--activity-indicator-spinner-color);
  border-radius: 40%;
}

.za-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.za-activity-indicator--spinner div:nth-of-type(11) {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
  opacity: 0.9166666667;
}

.za-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 0.125rem;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  background-color: var(--activity-indicator-spinner-color);
  border-radius: 40%;
}

.za-activity-indicator--spinner div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.za-activity-indicator--spinner div:nth-of-type(12) {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  opacity: 1;
}

.za-activity-indicator--spinner div::before {
  content: "";
  display: block;
  width: 0.125rem;
  height: 25%;
  margin: 0 auto;
  background-color: #989697;
  background-color: var(--activity-indicator-spinner-color);
  border-radius: 40%;
}

@-webkit-keyframes za-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 za-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 za-activity-indicator_rotate360 {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes za-activity-indicator_rotate360 {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-affix {
  z-index: 10;
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-alert .za-modal__body {
  text-align: center;
}

.za-alert .za-modal__footer {
  padding: 0;
}

.za-alert .za-popup {
  position: relative;
  background-color: #fff;
  background-color: var(--modal-background);
  -webkit-box-shadow: 0 0.4375rem 1.3125rem rgba(56, 56, 56, 0.15);
  box-shadow: 0 0.4375rem 1.3125rem rgba(56, 56, 56, 0.15);
  -webkit-box-shadow: 0 0.4375rem 1.3125rem var(--color-shadow);
  box-shadow: 0 0.4375rem 1.3125rem var(--color-shadow);
  overflow: hidden;
}

.za-alert__button {
  display: block;
  position: relative;
  width: 100%;
  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;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-appearance: none;
  /* disabled Button */
  /* block Button */
  padding: 0 1.25rem;
  padding: 0 var(--button-padding-h-lg);
  font-size: 1.125rem;
  font-size: var(--button-font-size-lg);
  height: 3.25rem;
  height: var(--button-height-lg);
  line-height: 1.5;
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
  background-color: #fff;
  background-color: var(--alert-button-background);
}

.za-alert__button,
.za-alert__button:active,
.za-alert__button:hover,
.za-alert__button:focus,
.za-alert__button:visited {
  text-decoration: none;
}

.za-alert__button--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  opacity: var(--opacity-disabled);
}

.za-alert__button--block {
  display: block;
  width: 100%;
}

.za-alert__button--circle {
  width: 3.25rem;
  width: var(--button-height-lg);
  padding: 0;
}

.za-alert__button .za-icon {
  font-size: 1.625rem;
  font-size: var(--button-icon-size-lg);
}

.za-alert__button--link {
  line-height: 3.25rem;
  line-height: var(--button-height-lg);
}

.za-alert__button--loading .za-activity-indicator {
  width: 1.125rem;
  width: var(--button-font-size-lg);
  height: 1.125rem;
  height: var(--button-font-size-lg);
}

.za-alert__button * + span {
  margin-left: calc(1.25rem / 2);
  margin-left: calc(var(--button-padding-h-lg) / 2);
}

.za-alert__button:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-top: 1PX solid #dcdcdc;
  border-top: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .za-alert__button:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-alert__button:active {
  background-color: #e6e6e6;
  background-color: var(--alert-button-active-background);
}

.za-alert--radius .za-popup {
  border-radius: 0.25rem;
  border-radius: var(--radius-md);
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-badge {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

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

.za-badge__content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  top: auto;
  color: #fff;
  color: var(--badge-text-color);
  font-size: 0.625rem;
  font-size: var(--badge-font-size);
  height: 0.875rem;
  height: var(--badge-height);
  padding: 0 0.25rem;
  padding: 0 var(--badge-padding-h);
  white-space: nowrap;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

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

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

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

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

.za-badge--dot .za-badge__content {
  width: 0.5rem;
  width: var(--badge-dot-diameter);
  height: 0.5rem;
  height: var(--badge-dot-diameter);
  padding: 0;
  border-radius: 50%;
  border-radius: var(--radius-circle);
}

.za-badge--radius .za-badge__content {
  border-radius: 0.125rem;
  border-radius: var(--badge-border-radius-rect);
}

.za-badge--round .za-badge__content {
  min-width: 0.875rem;
  min-width: var(--badge-height);
  border-radius: 62.5rem;
  border-radius: var(--badge-border-radius-round);
}

.za-badge--circle .za-badge__content {
  width: 0.875rem;
  width: var(--badge-height);
  border-radius: 50%;
  border-radius: var(--radius-circle);
  padding: 0;
}

.za-badge--leaf .za-badge__content {
  min-width: 0.875rem;
  min-width: var(--badge-height);
  border-radius: 62.5rem 62.5rem 62.5rem 0;
  border-radius: var(--badge-border-radius-round) var(--badge-border-radius-round) var(--badge-border-radius-round) 0;
}

.za-badge--sup .za-badge__content {
  position: absolute;
  top: 0;
  left: 100%;
  -webkit-transform: translateX(calc(0.875rem / -2)) translateY(-0.25rem);
  transform: translateX(calc(0.875rem / -2)) translateY(-0.25rem);
  -webkit-transform: translateX(calc(var(--badge-height) / -2)) translateY(var(--badge-sup-top));
  transform: translateX(calc(var(--badge-height) / -2)) translateY(var(--badge-sup-top));
}

.za-badge--sup.za-badge--dot .za-badge__content {
  -webkit-transform: translateX(calc(0.5rem / -2)) translateY(-50%);
  transform: translateX(calc(0.5rem / -2)) translateY(-50%);
  -webkit-transform: translateX(calc(var(--badge-dot-diameter) / -2)) translateY(-50%);
  transform: translateX(calc(var(--badge-dot-diameter) / -2)) translateY(-50%);
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-button {
  display: inline-block;
  vertical-align: middle;
  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;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-appearance: none;
  /* disabled Button */
  /* block Button */
  border-width: 1PX;
  border-style: solid;
  border-radius: 0.25rem;
  border-radius: var(--radius-md);
  /* Button sizes */
  /* Button themes */
}

.za-button,
.za-button:active,
.za-button:hover,
.za-button:focus,
.za-button:visited {
  text-decoration: none;
}

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

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

.za-button,
.za-button:hover {
  background-color: #fff;
  background-color: var(--button-default-background);
  border-color: hsl(0, 0%, 90%);
  border-color: var(--button-default-border);
  color: #343434;
  color: var(--button-default-color);
}

.za-button:active {
  background-color: #e6e6e6;
  background-color: var(--button-default-active-background);
  border-color: #e6e6e6;
  border-color: var(--button-default-active-border);
  color: #343434;
  color: var(--button-default-active-color);
}

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

.za-button--disabled:active,
.za-button--disabled:focus,
.za-button--disabled:visited {
  background-color: #fff;
  background-color: var(--button-default-background);
  border-color: hsl(0, 0%, 90%);
  border-color: var(--button-default-border);
  color: #343434;
  color: var(--button-default-color);
}

.za-button--shadow {
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(230, 230, 230, 0.3);
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(230, 230, 230, 0.3);
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 var(--button-default-shadow-color);
  box-shadow: 0 0.1875rem 0.1875rem 0 var(--button-default-shadow-color);
}

.za-button--loading .za-activity-indicator.za-activity-indicator--circular circle {
  stroke: hsl(156, 100%, 36.9%);
  stroke: var(--theme-primary);
}

.za-button--link,
.za-button--link:hover {
  background-color: transparent;
  border-color: transparent;
  color: #343434;
  color: var(--button-default-color);
}

.za-button--link:active {
  color: #343434;
  color: var(--button-default-active-color);
}

.za-button--link.za-button--disabled,
.za-button--link.za-button--disabled:active,
.za-button--link.za-button--disabled:hover,
.za-button--link.za-button--disabled:focus,
.za-button--link.za-button--disabled:visited {
  color: #bcbcbc;
  color: var(--color-text-disabled);
  cursor: not-allowed;
  pointer-events: none;
}

.za-button--ghost,
.za-button--ghost:hover {
  background-color: transparent;
  border-color: #fff;
  border-color: var(--button-default-ghost-border);
  color: #fff;
  color: var(--button-default-ghost-color);
}

.za-button--ghost:active {
  background-color: transparent;
  border-color: #e6e6e6;
  border-color: var(--button-default-ghost-active-border);
  color: #e6e6e6;
  color: var(--button-default-ghost-active-color);
}

.za-button--ghost.za-button--disabled,
.za-button--ghost.za-button--disabled:active,
.za-button--ghost.za-button--disabled:hover,
.za-button--ghost.za-button--disabled:focus,
.za-button--ghost.za-button--disabled:visited {
  background-color: transparent;
  border-color: #e6e6e6;
  border-color: var(--border-disabled);
  color: #bcbcbc;
  color: var(--color-text-disabled);
  cursor: not-allowed;
}

.za-button--lg {
  padding: 0 1.25rem;
  padding: 0 var(--button-padding-h-lg);
  font-size: 1.125rem;
  font-size: var(--button-font-size-lg);
  height: 3.25rem;
  height: var(--button-height-lg);
  line-height: 1.5;
}

.za-button--lg.za-button--circle {
  width: 3.25rem;
  width: var(--button-height-lg);
  padding: 0;
}

.za-button--lg .za-icon {
  font-size: 1.625rem;
  font-size: var(--button-icon-size-lg);
}

.za-button--lg.za-button--link {
  line-height: 3.25rem;
  line-height: var(--button-height-lg);
}

.za-button--lg.za-button--loading .za-activity-indicator {
  width: 1.125rem;
  width: var(--button-font-size-lg);
  height: 1.125rem;
  height: var(--button-font-size-lg);
}

.za-button--lg * + span {
  margin-left: calc(1.25rem / 2);
  margin-left: calc(var(--button-padding-h-lg) / 2);
}

.za-button--md {
  padding: 0 1rem;
  padding: 0 var(--button-padding-h-md);
  font-size: 1rem;
  font-size: var(--button-font-size-md);
  height: 2.75rem;
  height: var(--button-height-md);
  line-height: 1.5;
}

.za-button--md.za-button--circle {
  width: 2.75rem;
  width: var(--button-height-md);
  padding: 0;
}

.za-button--md .za-icon {
  font-size: 1.375rem;
  font-size: var(--button-icon-size-md);
}

.za-button--md.za-button--link {
  line-height: 2.75rem;
  line-height: var(--button-height-md);
}

.za-button--md.za-button--loading .za-activity-indicator {
  width: 1rem;
  width: var(--button-font-size-md);
  height: 1rem;
  height: var(--button-font-size-md);
}

.za-button--md * + span {
  margin-left: calc(1rem / 2);
  margin-left: calc(var(--button-padding-h-md) / 2);
}

.za-button--sm {
  padding: 0 0.75rem;
  padding: 0 var(--button-padding-h-sm);
  font-size: 0.875rem;
  font-size: var(--button-font-size-sm);
  height: 2.25rem;
  height: var(--button-height-sm);
  line-height: 1.5;
}

.za-button--sm.za-button--circle {
  width: 2.25rem;
  width: var(--button-height-sm);
  padding: 0;
}

.za-button--sm .za-icon {
  font-size: 1.125rem;
  font-size: var(--button-icon-size-sm);
}

.za-button--sm.za-button--link {
  line-height: 2.25rem;
  line-height: var(--button-height-sm);
}

.za-button--sm.za-button--loading .za-activity-indicator {
  width: 0.875rem;
  width: var(--button-font-size-sm);
  height: 0.875rem;
  height: var(--button-font-size-sm);
}

.za-button--sm * + span {
  margin-left: calc(0.75rem / 2);
  margin-left: calc(var(--button-padding-h-sm) / 2);
}

.za-button--xs {
  padding: 0 0.5rem;
  padding: 0 var(--button-padding-h-xs);
  font-size: 0.75rem;
  font-size: var(--button-font-size-xs);
  height: 1.75rem;
  height: var(--button-height-xs);
  line-height: 1.5;
}

.za-button--xs.za-button--circle {
  width: 1.75rem;
  width: var(--button-height-xs);
  padding: 0;
}

.za-button--xs .za-icon {
  font-size: 1rem;
  font-size: var(--button-icon-size-xs);
}

.za-button--xs.za-button--link {
  line-height: 1.75rem;
  line-height: var(--button-height-xs);
}

.za-button--xs.za-button--loading .za-activity-indicator {
  width: 0.75rem;
  width: var(--button-font-size-xs);
  height: 0.75rem;
  height: var(--button-font-size-xs);
}

.za-button--xs * + span {
  margin-left: calc(0.5rem / 2);
  margin-left: calc(var(--button-padding-h-xs) / 2);
}

.za-button--primary,
.za-button--primary: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);
}

.za-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: rgba(255, 255, 255, 0.4);
  color: var(--button-primary-active-color);
}

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

.za-button--primary.za-button--disabled:active,
.za-button--primary.za-button--disabled:focus,
.za-button--primary.za-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);
}

.za-button--primary.za-button--shadow {
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 188, 112, 0.3);
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 188, 112, 0.3);
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 var(--button-primary-shadow-color);
  box-shadow: 0 0.1875rem 0.1875rem 0 var(--button-primary-shadow-color);
}

.za-button--primary.za-button--loading .za-activity-indicator.za-activity-indicator--circular circle {
  stroke: #fff;
  stroke: var(--button-primary-color);
}

.za-button--primary.za-button--link,
.za-button--primary.za-button--link:hover {
  background-color: transparent;
  border-color: transparent;
  color: hsl(156, 100%, 36.9%);
  color: var(--button-primary-ghost-color);
}

.za-button--primary.za-button--link:active {
  color: hsl(156, 100%, 32.9%);
  color: var(--button-primary-ghost-active-color);
}

.za-button--primary.za-button--link.za-button--disabled,
.za-button--primary.za-button--link.za-button--disabled:active,
.za-button--primary.za-button--link.za-button--disabled:hover,
.za-button--primary.za-button--link.za-button--disabled:focus,
.za-button--primary.za-button--link.za-button--disabled:visited {
  color: #bcbcbc;
  color: var(--color-text-disabled);
  cursor: not-allowed;
  pointer-events: none;
}

.za-button--primary.za-button--ghost,
.za-button--primary.za-button--ghost:hover {
  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);
}

.za-button--primary.za-button--ghost:active {
  background-color: transparent;
  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);
}

.za-button--primary.za-button--ghost.za-button--disabled,
.za-button--primary.za-button--ghost.za-button--disabled:active,
.za-button--primary.za-button--ghost.za-button--disabled:hover,
.za-button--primary.za-button--ghost.za-button--disabled:focus,
.za-button--primary.za-button--ghost.za-button--disabled:visited {
  background-color: transparent;
  border-color: #e6e6e6;
  border-color: var(--border-disabled);
  color: #bcbcbc;
  color: var(--color-text-disabled);
  cursor: not-allowed;
}

.za-button--danger,
.za-button--danger:hover {
  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);
}

.za-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: rgba(255, 255, 255, 0.4);
  color: var(--button-danger-active-color);
}

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

.za-button--danger.za-button--disabled:active,
.za-button--danger.za-button--disabled:focus,
.za-button--danger.za-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);
}

.za-button--danger.za-button--shadow {
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(255, 80, 80, 0.3);
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(255, 80, 80, 0.3);
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 var(--button-danger-shadow-color);
  box-shadow: 0 0.1875rem 0.1875rem 0 var(--button-danger-shadow-color);
}

.za-button--danger.za-button--loading .za-activity-indicator.za-activity-indicator--circular circle {
  stroke: #fff;
  stroke: var(--button-danger-color);
}

.za-button--danger.za-button--link,
.za-button--danger.za-button--link:hover {
  background-color: transparent;
  border-color: transparent;
  color: hsl(0, 100%, 65.7%);
  color: var(--button-danger-ghost-color);
}

.za-button--danger.za-button--link:active {
  color: hsl(0, 100%, 61.7%);
  color: var(--button-danger-ghost-active-color);
}

.za-button--danger.za-button--link.za-button--disabled,
.za-button--danger.za-button--link.za-button--disabled:active,
.za-button--danger.za-button--link.za-button--disabled:hover,
.za-button--danger.za-button--link.za-button--disabled:focus,
.za-button--danger.za-button--link.za-button--disabled:visited {
  color: #bcbcbc;
  color: var(--color-text-disabled);
  cursor: not-allowed;
  pointer-events: none;
}

.za-button--danger.za-button--ghost,
.za-button--danger.za-button--ghost:hover {
  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);
}

.za-button--danger.za-button--ghost:active {
  background-color: transparent;
  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);
}

.za-button--danger.za-button--ghost.za-button--disabled,
.za-button--danger.za-button--ghost.za-button--disabled:active,
.za-button--danger.za-button--ghost.za-button--disabled:hover,
.za-button--danger.za-button--ghost.za-button--disabled:focus,
.za-button--danger.za-button--ghost.za-button--disabled:visited {
  background-color: transparent;
  border-color: #e6e6e6;
  border-color: var(--border-disabled);
  color: #bcbcbc;
  color: var(--color-text-disabled);
  cursor: not-allowed;
}

.za-button--rect {
  border-width: 1PX;
  border-style: solid;
  border-radius: 0;
}

.za-button--radius {
  border-width: 1PX;
  border-style: solid;
  border-radius: 0.25rem;
  border-radius: var(--radius-md);
}

.za-button--round {
  border-width: 1PX;
  border-style: solid;
  border-radius: 62.5rem;
  border-radius: var(--radius-round);
}

.za-button--circle {
  border-width: 1PX;
  border-style: solid;
  border-radius: 50%;
  border-radius: var(--radius-circle);
}

.za-button__content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-calendar {
  background-color: #fff;
  background-color: var(--calendar-background);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.za-calendar ul {
  list-style-type: disc;
}

.za-calendar li {
  display: inline-block;
  width: 14.28571%;
  text-align: center;
  vertical-align: middle;
}

.za-calendar__bar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #909090;
  color: var(--calendar-week-bar-color);
  background-color: #f2f2f2;
  background-color: var(--calendar-week-bar-background);
  font-size: 0.875rem;
  font-size: var(--calendar-week-bar-fontsize);
  margin: 0;
  padding: 0 0.9375rem;
  padding: 0 var(--calendar-section-padding);
  list-style-type: disc;
}

.za-calendar__bar__item {
  height: 2.5rem;
  height: var(--calendar-day-height);
  line-height: 2.5rem;
  line-height: var(--calendar-day-height);
}

.za-calendar__body {
  padding: 0.625rem 0;
  overflow: auto;
}

.za-calendar__month {
  padding: 0 0.9375rem;
  padding: 0 var(--calendar-section-padding);
  color: #343434;
  color: var(--calendar-day-color);
}

.za-calendar__month ul {
  margin: 0;
  padding: 0;
}

.za-calendar__month:before {
  content: attr(title);
  display: block;
  margin: 0.9375rem auto;
  font-size: 1.0625rem;
  font-size: var(--calendar-day-title-fontsize);
  font-weight: 500;
  padding-left: 0.9375rem;
}

.za-calendar__day {
  margin: 0.625rem 0;
  position: relative;
  font-size: 1rem;
  font-size: var(--calendar-day-fontsize);
  cursor: pointer;
}

.za-calendar__day__content {
  width: 1.875rem;
  height: 1.875rem;
  background-color: transparent;
  border-radius: 50%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  margin: 0 auto;
}

.za-calendar__day.firstday-1 {
  margin-left: 14.28571%;
}

.za-calendar__day.firstday-2 {
  margin-left: 28.57142%;
}

.za-calendar__day.firstday-3 {
  margin-left: 42.85713%;
}

.za-calendar__day.firstday-4 {
  margin-left: 57.14284%;
}

.za-calendar__day.firstday-5 {
  margin-left: 71.42855%;
}

.za-calendar__day.firstday-6 {
  margin-left: 85.71426%;
}

.za-calendar__day--today .za-calendar__day__content {
  background-color: hsl(156, 100%, 95%);
  background-color: var(--calendar-day-today-background);
  color: hsl(156, 100%, 36.9%);
  color: var(--calendar-day-today-color);
}

.za-calendar__day--selected .za-calendar__day__content {
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--calendar-day-selected-background);
  color: #fff;
  color: var(--calendar-day-selected-color);
  -webkit-box-shadow: 0 0.125rem 0.3125rem 0 hsl(156, 100%, 95%);
  box-shadow: 0 0.125rem 0.3125rem 0 hsl(156, 100%, 95%);
  -webkit-box-shadow: 0 0.125rem 0.3125rem 0 var(--calendar-day-selected-shadow);
  box-shadow: 0 0.125rem 0.3125rem 0 var(--calendar-day-selected-shadow);
}

.za-calendar__day--disabled {
  cursor: auto;
}

.za-calendar__day--disabled .za-calendar__day__content {
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

.za-calendar__day--range {
  background-color: hsl(156, 100%, 95%);
  background-color: var(--calendar-day-range-background);
  color: hsl(156, 100%, 36.9%);
  color: var(--calendar-day-range-color);
}

.za-calendar__day--range .za-calendar__day__content {
  background-color: hsl(156, 100%, 95%);
  background-color: var(--calendar-day-range-background);
}

.za-calendar__day--range.d6 {
  background-color: transparent;
  background-image: -webkit-gradient(linear, right top, left top, color-stop(0, transparent), color-stop(50%, transparent), color-stop(50%, hsl(156, 100%, 95%)));
  background-image: linear-gradient(to left, transparent 0, transparent 50%, hsl(156, 100%, 95%) 50%);
  background-image: -webkit-gradient(linear, right top, left top, color-stop(0, transparent), color-stop(50%, transparent), color-stop(50%, var(--theme-primary-lighter)));
  background-image: linear-gradient(to left, transparent 0, transparent 50%, var(--theme-primary-lighter) 50%);
}

.za-calendar__day--range.d7 {
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(50%, transparent), color-stop(50%, hsl(156, 100%, 95%)));
  background-image: linear-gradient(to right, transparent 0, transparent 50%, hsl(156, 100%, 95%) 50%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(50%, transparent), color-stop(50%, var(--theme-primary-lighter)));
  background-image: linear-gradient(to right, transparent 0, transparent 50%, var(--theme-primary-lighter) 50%);
}

.za-calendar__day--range:first-child:not(.d6) {
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(50%, transparent), color-stop(50%, hsl(156, 100%, 95%)));
  background-image: linear-gradient(to right, transparent 0, transparent 50%, hsl(156, 100%, 95%) 50%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(50%, transparent), color-stop(50%, var(--theme-primary-lighter)));
  background-image: linear-gradient(to right, transparent 0, transparent 50%, var(--theme-primary-lighter) 50%);
}

.za-calendar__day--range:last-child:not(.d7) {
  background-color: transparent;
  background-image: -webkit-gradient(linear, right top, left top, color-stop(0, transparent), color-stop(50%, transparent), color-stop(50%, hsl(156, 100%, 95%)));
  background-image: linear-gradient(to left, transparent 0, transparent 50%, hsl(156, 100%, 95%) 50%);
  background-image: -webkit-gradient(linear, right top, left top, color-stop(0, transparent), color-stop(50%, transparent), color-stop(50%, var(--theme-primary-lighter)));
  background-image: linear-gradient(to left, transparent 0, transparent 50%, var(--theme-primary-lighter) 50%);
}

.za-calendar__day--range:last-child.d7,
.za-calendar__day--range:first-child.d6 {
  background-image: none;
}

.za-calendar__day.range-start.range-end {
  background-image: none;
}

.za-calendar__day.range-start:not(.range-end):not(.d6):not(:last-child) {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(50%, transparent), color-stop(50%, hsl(156, 100%, 95%)));
  background-image: linear-gradient(to right, transparent 0, transparent 50%, hsl(156, 100%, 95%) 50%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(50%, transparent), color-stop(50%, var(--theme-primary-lighter)));
  background-image: linear-gradient(to right, transparent 0, transparent 50%, var(--theme-primary-lighter) 50%);
}

.za-calendar__day.range-end:not(.range-start):not(.d7):not(:first-child) {
  background-image: -webkit-gradient(linear, right top, left top, color-stop(0, transparent), color-stop(50%, transparent), color-stop(50%, hsl(156, 100%, 95%)));
  background-image: linear-gradient(to left, transparent 0, transparent 50%, hsl(156, 100%, 95%) 50%);
  background-image: -webkit-gradient(linear, right top, left top, color-stop(0, transparent), color-stop(50%, transparent), color-stop(50%, var(--theme-primary-lighter)));
  background-image: linear-gradient(to left, transparent 0, transparent 50%, var(--theme-primary-lighter) 50%);
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-carousel {
  position: relative;
  overflow: hidden;
}

.za-carousel__items {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.za-carousel__item {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  width: 100%;
  height: 100%;
  vertical-align: top;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.za-carousel__pagination {
  position: absolute;
}

.za-carousel__pagination__item {
  background: rgba(255, 255, 255, 0.6);
  background: var(--carousel-pagination-rect-color);
  cursor: pointer;
  border-radius: 0.0625rem;
  border-radius: var(--carousel-pagination-rect-border-radius);
}

.za-carousel__pagination__item--active {
  background: #fff;
  background: var(--carousel-pagination-rect-color-active);
}

.za-carousel--horizontal .za-carousel__items {
  white-space: nowrap;
}

.za-carousel--horizontal .za-carousel__pagination {
  left: 50%;
  bottom: 0.5rem;
  bottom: var(--carousel-pagination-distance);
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}

.za-carousel--horizontal .za-carousel__pagination__item {
  display: inline-block;
  width: 1.1875rem;
  width: var(--carousel-pagination-rect-width);
  height: 0.25rem;
  height: var(--carousel-pagination-rect-height);
}

.za-carousel--horizontal .za-carousel__pagination__item:not(:last-child) {
  margin-right: 0.125rem;
  margin-right: var(--carousel-pagination-rect-step);
}

.za-carousel--vertical .za-carousel__items {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

.za-carousel--vertical .za-carousel__pagination {
  top: 50%;
  right: 0.5rem;
  right: var(--carousel-pagination-distance);
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.za-carousel--vertical .za-carousel__pagination__item {
  width: 0.25rem;
  width: var(--carousel-pagination-rect-height);
  height: 1.1875rem;
  height: var(--carousel-pagination-rect-width);
}

.za-carousel--vertical .za-carousel__pagination__item:not(:last-child) {
  margin-bottom: 0.125rem;
  margin-bottom: var(--carousel-pagination-rect-step);
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-cell {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  background-color: var(--cell-background);
}

.za-cell__footer {
  color: #909090;
  color: var(--cell-description-color);
}

.za-cell:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-top: 1PX solid #dcdcdc;
  border-top: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .za-cell:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-cell:after {
  left: 1rem;
  left: var(--cell-line-padding-left);
}

.za-cell__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  padding: 0 1rem;
  padding: 0 var(--cell-padding-h);
  font-size: 0.9375rem;
  font-size: var(--cell-title-font-size);
  min-height: 3.25rem;
  min-height: var(--cell-height);
}

.za-cell__inner a,
.za-cell__inner a:hover {
  text-decoration: none;
}

.za-cell__body {
  width: 100%;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}

.za-cell__footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: right;
  font-size: 0.9375rem;
  font-size: var(--cell-description-font-size);
}

.za-cell__arrow {
  margin-left: 0.3125rem;
  margin-right: 0.125rem;
}

.za-cell__arrow:after {
  display: inline-block;
  content: "";
  border-right: 0.125rem solid #bcbcbc;
  border-right: var(--cell-arrow-border-width) solid var(--cell-arrow-color);
  border-top: 0.125rem solid #bcbcbc;
  border-top: var(--cell-arrow-border-width) solid var(--cell-arrow-color);
  width: 0.625rem;
  width: var(--cell-arrow-length);
  height: 0.625rem;
  height: var(--cell-arrow-length);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.za-cell__icon {
  text-align: center;
  margin-right: 1rem;
  margin-right: var(--padding-h-md);
  padding: 0.9375rem 0;
  padding: var(--cell-padding-v) 0;
}

.za-cell__icon img {
  max-width: 100%;
  max-height: 100%;
}

.za-cell__title {
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
  padding: 0.9375rem 0;
  padding: var(--cell-padding-v) 0;
  overflow: hidden;
  color: #343434;
  color: var(--cell-title-color);
  line-height: 1.375rem;
  line-height: var(--cell-title-line-height);
}

.za-cell__title--label {
  -webkit-flex: none;
  -ms-flex: none;
  -webkit-box-flex: 0;
  flex: none;
  width: 6.25rem;
  width: var(--cell-label-width);
}

.za-cell__content {
  width: 100%;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

.za-cell__content > .za-input {
  padding: 0.9375rem 0;
  padding: var(--cell-padding-v) 0;
}

.za-cell__help {
  padding: 0 0.9375rem 0.625rem 0.9375rem;
}

.za-cell__help:empty {
  display: none;
}

.za-cell--primary .za-cell__footer {
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
}

.za-cell--success .za-cell__footer {
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-success);
}

.za-cell--warning .za-cell__footer {
  color: hsl(31, 83.1%, 55.9%);
  color: var(--theme-warning);
}

.za-cell--danger .za-cell__footer {
  color: hsl(0, 100%, 65.7%);
  color: var(--theme-danger);
}

.za-cell--link {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.za-cell--link .za-cell__inner:active {
  background-color: #e6e6e6;
  background-color: var(--cell-background-active);
}

.za-cell--disabled .za-cell__body,
.za-cell--disabled .za-cell__footer {
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

.za-cell--disabled .za-cell__body .za-icon,
.za-cell--disabled .za-cell__footer .za-icon {
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-checkbox {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  color: #343434;
  color: var(--color-text);
  font-size: 0.875rem;
}

.za-checkbox:not(.za-checkbox--disabled):hover .za-checkbox__inner {
  border-color: hsl(156, 100%, 36.9%);
  border-color: var(--checkbox-active-border-color);
}

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

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

.za-checkbox__text {
  vertical-align: middle;
  margin: 0 0.5rem;
}

.za-checkbox__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 1.125rem;
  width: var(--checkbox-size);
  height: 1.125rem;
  height: var(--checkbox-size);
  border: 1PX solid #dcdcdc;
  border: 1PX solid var(--checkbox-border-color);
  border-radius: 0.25rem;
  border-radius: var(--checkbox-radius);
  background: #fff;
  background: var(--checkbox-background);
  -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);
}

.za-checkbox__inner:before {
  content: "";
  width: calc(1.125rem / 3.5);
  width: calc(var(--checkbox-size) / 3.5);
  height: calc(1.125rem / 2);
  height: calc(var(--checkbox-size) / 2);
  border: calc(1.125rem / 9) solid #fff;
  border: calc(var(--checkbox-size) / 9) solid var(--checkbox-arrow-color);
  border-top: 0;
  border-left: 0;
  margin-top: calc(1.125rem / -12);
  margin-top: calc(var(--checkbox-size) / -12);
  margin-left: calc(1.125rem / 18);
  margin-left: calc(var(--checkbox-size) / 18);
  -webkit-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);
}

.za-checkbox--indeterminate .za-checkbox__inner:before {
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1);
  width: calc(1.125rem / 2.33);
  width: calc(var(--checkbox-size) / 2.33);
  height: calc(1.125rem / 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);
}

.za-checkbox--indeterminate.za-checkbox--disabled .za-checkbox__inner:before {
  -webkit-transform: rotate(0) scale(1);
  transform: rotate(0) scale(1);
  background-color: #bcbcbc;
  background-color: var(--checkbox-disabled-color);
}

.za-checkbox--checked .za-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);
}

.za-checkbox--checked .za-checkbox__inner:before {
  -webkit-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;
}

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

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

.za-checkbox--disabled .za-checkbox__inner {
  background-color: #f2f2f2;
  background-color: var(--checkbox-disabled-background);
}

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

.za-checkbox--disabled.za-checkbox--checked .za-checkbox__inner:before {
  border-color: #bcbcbc;
  border-color: var(--checkbox-disabled-color);
}

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

.za-checkbox-group {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}

.za-checkbox-group__inner {
  margin-right: -1.5rem;
  margin-bottom: -0.5rem;
}

.za-checkbox-group .za-checkbox {
  margin-right: 1.5rem;
  margin-bottom: 0.5rem;
}

.za-checkbox-group--block {
  width: 100%;
}

.za-checkbox-group--block .za-checkbox-group__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

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

.za-checkbox-group--button .za-checkbox-group__inner {
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
}

.za-checkbox-group--button .za-checkbox {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  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;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-appearance: none;
  /* disabled Button */
  /* block Button */
  border-width: 1PX;
  border-style: solid;
  border-radius: 0.125rem;
  border-radius: var(--radius-xs);
}

.za-checkbox-group--button .za-checkbox,
.za-checkbox-group--button .za-checkbox:active,
.za-checkbox-group--button .za-checkbox:hover,
.za-checkbox-group--button .za-checkbox:focus,
.za-checkbox-group--button .za-checkbox:visited {
  text-decoration: none;
}

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

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

.za-checkbox-group--button .za-checkbox,
.za-checkbox-group--button .za-checkbox:hover {
  background-color: #fff;
  background-color: var(--button-default-background);
  border-color: hsl(0, 0%, 90%);
  border-color: var(--button-default-border);
  color: #343434;
  color: var(--button-default-color);
}

.za-checkbox-group--button .za-checkbox:active {
  background-color: #fff;
  background-color: var(--button-default-background);
  border-color: hsl(0, 0%, 90%);
  border-color: var(--button-default-border);
  color: #343434;
  color: var(--button-default-color);
}

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

.za-checkbox-group--button .za-checkbox.za-checkbox--disabled:active,
.za-checkbox-group--button .za-checkbox.za-checkbox--disabled:focus,
.za-checkbox-group--button .za-checkbox.za-checkbox--disabled:visited {
  background-color: #fff;
  background-color: var(--button-default-background);
  border-color: hsl(0, 0%, 90%);
  border-color: var(--button-default-border);
  color: #343434;
  color: var(--button-default-color);
}

.za-checkbox-group--button .za-checkbox.za-checkbox--shadow {
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(230, 230, 230, 0.3);
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(230, 230, 230, 0.3);
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 var(--button-default-shadow-color);
  box-shadow: 0 0.1875rem 0.1875rem 0 var(--button-default-shadow-color);
}

.za-checkbox-group--button .za-checkbox.za-checkbox--loading .za-activity-indicator.za-activity-indicator--circular circle {
  stroke: #343434;
  stroke: var(--button-default-color);
}

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

.za-checkbox-group--button .za-checkbox.za-checkbox--checked,
.za-checkbox-group--button .za-checkbox.za-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);
}

.za-checkbox-group--button .za-checkbox.za-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: rgba(255, 255, 255, 0.4);
  color: var(--button-primary-active-color);
}

.za-checkbox-group--button .za-checkbox.za-checkbox--checked.za-checkbox--disabled {
  opacity: 0.5;
  opacity: var(--button-disabled-opacity);
  cursor: not-allowed;
}

.za-checkbox-group--button .za-checkbox.za-checkbox--checked.za-checkbox--disabled:active,
.za-checkbox-group--button .za-checkbox.za-checkbox--checked.za-checkbox--disabled:focus,
.za-checkbox-group--button .za-checkbox.za-checkbox--checked.za-checkbox--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);
}

.za-checkbox-group--button .za-checkbox.za-checkbox--checked.za-checkbox--shadow {
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 188, 112, 0.3);
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 188, 112, 0.3);
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 var(--button-primary-shadow-color);
  box-shadow: 0 0.1875rem 0.1875rem 0 var(--button-primary-shadow-color);
}

.za-checkbox-group--button .za-checkbox.za-checkbox--checked.za-checkbox--loading .za-activity-indicator.za-activity-indicator--circular circle {
  stroke: #fff;
  stroke: var(--button-primary-color);
}

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

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

.za-checkbox-group--button.za-checkbox-group--radius .za-checkbox {
  border-width: 1PX;
  border-style: solid;
  border-radius: 0.25rem;
  border-radius: var(--radius-md);
}

.za-checkbox-group--button.za-checkbox-group--round .za-checkbox {
  border-width: 1PX;
  border-style: solid;
  border-radius: 62.5rem;
  border-radius: var(--radius-round);
}

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

.za-checkbox-group--button.za-checkbox-group--lg .za-checkbox {
  padding: 0 1.25rem;
  padding: 0 var(--button-padding-h-lg);
  font-size: 1.125rem;
  font-size: var(--button-font-size-lg);
  height: 3.25rem;
  height: var(--button-height-lg);
  line-height: 1.5;
}

.za-checkbox-group--button.za-checkbox-group--lg .za-checkbox.za-checkbox--circle {
  width: 3.25rem;
  width: var(--button-height-lg);
  padding: 0;
}

.za-checkbox-group--button.za-checkbox-group--lg .za-checkbox .za-icon {
  font-size: 1.625rem;
  font-size: var(--button-icon-size-lg);
}

.za-checkbox-group--button.za-checkbox-group--lg .za-checkbox.za-checkbox--link {
  line-height: 3.25rem;
  line-height: var(--button-height-lg);
}

.za-checkbox-group--button.za-checkbox-group--lg .za-checkbox.za-checkbox--loading .za-activity-indicator {
  width: 1.125rem;
  width: var(--button-font-size-lg);
  height: 1.125rem;
  height: var(--button-font-size-lg);
}

.za-checkbox-group--button.za-checkbox-group--lg .za-checkbox * + span {
  margin-left: calc(1.25rem / 2);
  margin-left: calc(var(--button-padding-h-lg) / 2);
}

.za-checkbox-group--button.za-checkbox-group--md .za-checkbox {
  padding: 0 1rem;
  padding: 0 var(--button-padding-h-md);
  font-size: 1rem;
  font-size: var(--button-font-size-md);
  height: 2.75rem;
  height: var(--button-height-md);
  line-height: 1.5;
}

.za-checkbox-group--button.za-checkbox-group--md .za-checkbox.za-checkbox--circle {
  width: 2.75rem;
  width: var(--button-height-md);
  padding: 0;
}

.za-checkbox-group--button.za-checkbox-group--md .za-checkbox .za-icon {
  font-size: 1.375rem;
  font-size: var(--button-icon-size-md);
}

.za-checkbox-group--button.za-checkbox-group--md .za-checkbox.za-checkbox--link {
  line-height: 2.75rem;
  line-height: var(--button-height-md);
}

.za-checkbox-group--button.za-checkbox-group--md .za-checkbox.za-checkbox--loading .za-activity-indicator {
  width: 1rem;
  width: var(--button-font-size-md);
  height: 1rem;
  height: var(--button-font-size-md);
}

.za-checkbox-group--button.za-checkbox-group--md .za-checkbox * + span {
  margin-left: calc(1rem / 2);
  margin-left: calc(var(--button-padding-h-md) / 2);
}

.za-checkbox-group--button.za-checkbox-group--sm .za-checkbox {
  padding: 0 0.75rem;
  padding: 0 var(--button-padding-h-sm);
  font-size: 0.875rem;
  font-size: var(--button-font-size-sm);
  height: 2.25rem;
  height: var(--button-height-sm);
  line-height: 1.5;
}

.za-checkbox-group--button.za-checkbox-group--sm .za-checkbox.za-checkbox--circle {
  width: 2.25rem;
  width: var(--button-height-sm);
  padding: 0;
}

.za-checkbox-group--button.za-checkbox-group--sm .za-checkbox .za-icon {
  font-size: 1.125rem;
  font-size: var(--button-icon-size-sm);
}

.za-checkbox-group--button.za-checkbox-group--sm .za-checkbox.za-checkbox--link {
  line-height: 2.25rem;
  line-height: var(--button-height-sm);
}

.za-checkbox-group--button.za-checkbox-group--sm .za-checkbox.za-checkbox--loading .za-activity-indicator {
  width: 0.875rem;
  width: var(--button-font-size-sm);
  height: 0.875rem;
  height: var(--button-font-size-sm);
}

.za-checkbox-group--button.za-checkbox-group--sm .za-checkbox * + span {
  margin-left: calc(0.75rem / 2);
  margin-left: calc(var(--button-padding-h-sm) / 2);
}

.za-checkbox-group--button.za-checkbox-group--xs .za-checkbox {
  padding: 0 0.5rem;
  padding: 0 var(--button-padding-h-xs);
  font-size: 0.75rem;
  font-size: var(--button-font-size-xs);
  height: 1.75rem;
  height: var(--button-height-xs);
  line-height: 1.5;
}

.za-checkbox-group--button.za-checkbox-group--xs .za-checkbox.za-checkbox--circle {
  width: 1.75rem;
  width: var(--button-height-xs);
  padding: 0;
}

.za-checkbox-group--button.za-checkbox-group--xs .za-checkbox .za-icon {
  font-size: 1rem;
  font-size: var(--button-icon-size-xs);
}

.za-checkbox-group--button.za-checkbox-group--xs .za-checkbox.za-checkbox--link {
  line-height: 1.75rem;
  line-height: var(--button-height-xs);
}

.za-checkbox-group--button.za-checkbox-group--xs .za-checkbox.za-checkbox--loading .za-activity-indicator {
  width: 0.75rem;
  width: var(--button-font-size-xs);
  height: 0.75rem;
  height: var(--button-font-size-xs);
}

.za-checkbox-group--button.za-checkbox-group--xs .za-checkbox * + span {
  margin-left: calc(0.5rem / 2);
  margin-left: calc(var(--button-padding-h-xs) / 2);
}

.za-checkbox-group--button.za-checkbox-group--ghost .za-checkbox.za-checkbox--checked,
.za-checkbox-group--button.za-checkbox-group--ghost .za-checkbox.za-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);
}

.za-checkbox-group--button.za-checkbox-group--ghost .za-checkbox.za-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);
}

.za-checkbox-group--button.za-checkbox-group--ghost .za-checkbox.za-checkbox--checked.za-checkbox--disabled,
.za-checkbox-group--button.za-checkbox-group--ghost .za-checkbox.za-checkbox--checked.za-checkbox--disabled:active,
.za-checkbox-group--button.za-checkbox-group--ghost .za-checkbox.za-checkbox--checked.za-checkbox--disabled:hover,
.za-checkbox-group--button.za-checkbox-group--ghost .za-checkbox.za-checkbox--checked.za-checkbox--disabled:focus,
.za-checkbox-group--button.za-checkbox-group--ghost .za-checkbox.za-checkbox--checked.za-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;
}

.za-checkbox-group--button.za-checkbox-group--compact .za-checkbox:not(:last-child) {
  margin-right: -1PX;
}

.za-checkbox-group--button.za-checkbox-group--compact .za-checkbox:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.za-checkbox-group--button.za-checkbox-group--compact .za-checkbox:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.za-checkbox-group--button.za-checkbox-group--compact .za-checkbox:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.za-checkbox-group--button.za-checkbox-group--compact .za-checkbox.za-checkbox--checked {
  z-index: 1;
}

.za-checkbox-group--cell {
  display: block;
  overflow: visible;
}

.za-checkbox-group--cell .za-checkbox-group__inner {
  margin-right: 0;
  margin-bottom: 0;
}

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

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-collapse {
  position: relative;
}

.za-collapse:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-top: 1PX solid #dcdcdc;
  border-top: 1PX solid var(--border-color);
  border-bottom: 1PX solid #dcdcdc;
  border-bottom: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .za-collapse:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-collapse--animated .za-collapse-item__content {
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.za-collapse-item {
  font-size: 0.9375rem;
}

.za-collapse-item__header {
  position: relative;
  overflow: hidden;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  min-height: 3.25rem;
  min-height: var(--collapse-height);
  padding: 0.9375rem 1rem;
  padding: var(--collapse-padding-v) var(--collapse-padding-h);
}

.za-collapse-item__header:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-bottom: 1PX solid #dcdcdc;
  border-bottom: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .za-collapse-item__header:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-collapse-item__header:after {
  left: 1rem;
  left: var(--cell-line-padding-left);
}

.za-collapse-item__title {
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
}

.za-collapse-item__content {
  position: relative;
  height: 0;
  overflow: hidden;
  font-size: 0.8125rem;
  color: #909090;
  color: var(--color-text-caption);
  will-change: height;
}

.za-collapse-item__content:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-bottom: 1PX solid #dcdcdc;
  border-bottom: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .za-collapse-item__content:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-collapse-item__content:after {
  left: 1rem;
  left: var(--cell-line-padding-left);
}

.za-collapse-item__content__inner {
  padding: 0.75rem 1rem;
  padding: var(--padding-v-md) var(--padding-h-md);
}

.za-collapse-item__arrow {
  margin-top: -0.1875rem;
  margin-left: 0.3125rem;
  margin-right: 0.125rem;
}

.za-collapse-item__arrow:after {
  display: inline-block;
  content: "";
  border-right: 0.125rem solid #bcbcbc;
  border-right: var(--cell-arrow-border-width) solid var(--cell-arrow-color);
  border-top: 0.125rem solid #bcbcbc;
  border-top: var(--cell-arrow-border-width) solid var(--cell-arrow-color);
  width: 0.625rem;
  width: var(--cell-arrow-length);
  height: 0.625rem;
  height: var(--cell-arrow-length);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.za-collapse-item--disabled .za-collapse-item__title {
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

.za-collapse-item--disabled .za-collapse-item__arrow:after {
  border-right-color: #eee;
  border-right-color: var(--collapse-arrow-disabled-color);
  border-top-color: #eee;
  border-top-color: var(--collapse-arrow-disabled-color);
}

.za-collapse-item--active .za-collapse-item__content {
  height: auto;
}

.za-collapse-item--active .za-collapse-item__arrow {
  margin-top: 0;
}

.za-collapse-item--active .za-collapse-item__arrow:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-confirm .za-modal__body {
  text-align: center;
}

.za-confirm .za-modal__footer {
  padding: 0;
}

.za-confirm .za-popup {
  position: relative;
  background-color: #fff;
  background-color: var(--modal-background);
  -webkit-box-shadow: 0 0.4375rem 1.3125rem rgba(56, 56, 56, 0.15);
  box-shadow: 0 0.4375rem 1.3125rem rgba(56, 56, 56, 0.15);
  -webkit-box-shadow: 0 0.4375rem 1.3125rem var(--color-shadow);
  box-shadow: 0 0.4375rem 1.3125rem var(--color-shadow);
  overflow: hidden;
}

.za-confirm__button {
  display: block;
  position: relative;
  width: 100%;
  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;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-appearance: none;
  /* disabled Button */
  /* block Button */
  padding: 0 1.25rem;
  padding: 0 var(--button-padding-h-lg);
  font-size: 1.125rem;
  font-size: var(--button-font-size-lg);
  height: 3.25rem;
  height: var(--button-height-lg);
  line-height: 1.5;
  background-color: #fff;
  background-color: var(--confirm-button-background);
}

.za-confirm__button,
.za-confirm__button:active,
.za-confirm__button:hover,
.za-confirm__button:focus,
.za-confirm__button:visited {
  text-decoration: none;
}

.za-confirm__button--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  opacity: var(--opacity-disabled);
}

.za-confirm__button--block {
  display: block;
  width: 100%;
}

.za-confirm__button--circle {
  width: 3.25rem;
  width: var(--button-height-lg);
  padding: 0;
}

.za-confirm__button .za-icon {
  font-size: 1.625rem;
  font-size: var(--button-icon-size-lg);
}

.za-confirm__button--link {
  line-height: 3.25rem;
  line-height: var(--button-height-lg);
}

.za-confirm__button--loading .za-activity-indicator {
  width: 1.125rem;
  width: var(--button-font-size-lg);
  height: 1.125rem;
  height: var(--button-font-size-lg);
}

.za-confirm__button * + span {
  margin-left: calc(1.25rem / 2);
  margin-left: calc(var(--button-padding-h-lg) / 2);
}

.za-confirm__button:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-top: 1PX solid #dcdcdc;
  border-top: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .za-confirm__button:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-confirm__button:active {
  background-color: #e6e6e6;
  background-color: var(--confirm-button-active-background);
}

.za-confirm__button:not(:first-of-type):after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-left: 1PX solid #dcdcdc;
  border-left: 1PX solid var(--border-color);
  border-top: 1PX solid #dcdcdc;
  border-top: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .za-confirm__button:not(:first-of-type):after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-confirm__button--ok {
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
}

.za-confirm--radius .za-popup {
  border-radius: 0.25rem;
  border-radius: var(--radius-md);
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-date-picker__header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 2.8125rem;
  height: var(--picker-header-height);
  line-height: 2.8125rem;
  line-height: var(--picker-header-height);
  font-size: 1rem;
  font-size: var(--picker-header-font-size);
  background: #f7f7f7;
  background: var(--picker-header-background);
}

.za-date-picker__header:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-top: 1PX solid #dcdcdc;
  border-top: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .za-date-picker__header:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-date-picker__cancel,
.za-date-picker__submit {
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
  padding: 0 1.25rem;
  cursor: pointer;
}

.za-date-picker__cancel {
  text-align: left;
  color: #909090;
  color: var(--color-text-caption);
}

.za-date-picker__submit {
  text-align: right;
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
}

.za-date-picker__title {
  color: #343434;
  color: var(--color-text);
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-date-picker-view {
  position: relative;
  bottom: 0;
  width: 100%;
  height: 13.125rem;
  padding: 1.25rem 0;
  background: #fff;
  background: var(--picker-background);
}

.za-date-picker-view__mask {
  width: 100%;
  height: 5.5rem;
  pointer-events: none;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.za-date-picker-view__mask--top {
  position: absolute;
  top: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0.8)));
  background: linear-gradient(to top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8));
  background: -webkit-gradient(linear, left bottom, left top, from(var(--picker-mask-background-start)), to(var(--picker-mask-background-end)));
  background: linear-gradient(to top, var(--picker-mask-background-start), var(--picker-mask-background-end));
}

.za-date-picker-view__mask--top:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-bottom: 1PX solid #dcdcdc;
  border-bottom: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .za-date-picker-view__mask--top:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-date-picker-view__mask--bottom {
  position: absolute;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0.8)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8));
  background: -webkit-gradient(linear, left top, left bottom, from(var(--picker-mask-background-start)), to(var(--picker-mask-background-end)));
  background: linear-gradient(to bottom, var(--picker-mask-background-start), var(--picker-mask-background-end));
}

.za-date-picker-view__mask--bottom:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-top: 1PX solid #dcdcdc;
  border-top: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .za-date-picker-view__mask--bottom:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-date-picker-view__content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-date-select {
  width: 100%;
  height: 100%;
}

.za-date-select__input {
  position: relative;
  width: 100%;
  padding: 0.75rem 0;
  line-height: 1.75rem;
}

.za-date-select--placeholder .za-date-select__input {
  color: #a9a9a9;
  color: var(--color-text-placeholder);
}

.za-date-select--arrow .za-date-select__input {
  padding-right: 1.25rem;
}

.za-date-select--arrow .za-date-select__input:after {
  content: "";
  position: absolute;
  width: 0.625rem;
  width: var(--cell-arrow-length);
  height: 0.625rem;
  height: var(--cell-arrow-length);
  top: calc(0.9375rem + 0.1875rem);
  top: calc(var(--cell-padding-v) + 0.1875rem);
  right: 0.125rem;
  border-right: 0.125rem solid #bcbcbc;
  border-right: 0.125rem solid var(--cell-arrow-color);
  border-bottom: 0.125rem solid #bcbcbc;
  border-bottom: 0.125rem solid var(--cell-arrow-color);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.za-date-select--disabled .za-date-select__input {
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-file-picker__input {
  display: none;
}

.za-file-picker--disabled {
  opacity: 0.5;
  opacity: var(--opacity-disabled);
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-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 */
}

.za-icon[type=search] {
  -webkit-appearance: initial !important;
}

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

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

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

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

.za-icon--sm {
  font-size: 1rem;
  font-size: var(--icon-font-size-sm);
}

.za-icon--md {
  font-size: 1.5rem;
  font-size: var(--icon-font-size-md);
}

.za-icon--lg {
  font-size: 2rem;
  font-size: var(--icon-font-size-lg);
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

@-webkit-keyframes virtual-cursor {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes virtual-cursor {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.za-input {
  position: relative;
  width: 100%;
  color: #343434;
  color: var(--color-text);
}

.za-input input,
.za-input textarea {
  position: relative;
  width: 100%;
  padding: 0;
  background-color: transparent;
  background-image: none;
  border: 0;
  outline: 0;
  -webkit-appearance: none;
  color: #343434;
  color: var(--color-text);
  line-height: 1.375rem;
  line-height: var(--input-line-height);
}

.za-input input::-webkit-input-placeholder,
.za-input textarea::-webkit-input-placeholder {
  color: #a9a9a9;
  color: var(--color-text-placeholder);
}

.za-input input::-moz-placeholder,
.za-input textarea::-moz-placeholder {
  color: #a9a9a9;
  color: var(--color-text-placeholder);
}

.za-input input:-ms-input-placeholder,
.za-input textarea:-ms-input-placeholder {
  color: #a9a9a9;
  color: var(--color-text-placeholder);
}

.za-input input::-ms-input-placeholder,
.za-input textarea::-ms-input-placeholder {
  color: #a9a9a9;
  color: var(--color-text-placeholder);
}

.za-input input::placeholder,
.za-input textarea::placeholder {
  color: #a9a9a9;
  color: var(--color-text-placeholder);
}

.za-input input {
  display: inline-block;
  height: 1.375rem;
  height: var(--input-line-height);
}

.za-input textarea {
  display: block;
  resize: none;
  word-break: break-all;
  word-wrap: break-word;
  overflow: visible;
}

.za-input__content {
  position: relative;
  height: 1.375rem;
  height: var(--input-line-height);
  line-height: 1.375rem;
  line-height: var(--input-line-height);
}

.za-input::-webkit-input-placeholder {
  color: #a9a9a9;
  color: var(--color-text-placeholder);
}

.za-input::-moz-placeholder {
  color: #a9a9a9;
  color: var(--color-text-placeholder);
}

.za-input:-ms-input-placeholder {
  color: #a9a9a9;
  color: var(--color-text-placeholder);
}

.za-input::-ms-input-placeholder {
  color: #a9a9a9;
  color: var(--color-text-placeholder);
}

.za-input::placeholder {
  color: #a9a9a9;
  color: var(--color-text-placeholder);
}

.za-input__placeholder {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #a9a9a9;
  color: var(--color-text-placeholder);
}

.za-input--number .za-input__virtual-input {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

.za-input--number.za-input--focus .za-input__virtual-input {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.za-input--number.za-input--focus .za-input__virtual-input:after {
  content: "";
  display: inline-block;
  height: calc(1.375rem - 0.25rem);
  height: var(--input-cursor-height);
  border-right: 0.125rem solid #597cf6;
  border-right: var(--input-cursor-width) solid var(--input-cursor-color);
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
  -webkit-animation: virtual-cursor 1s infinite step-start;
  animation: virtual-cursor 1s infinite step-start;
}

.za-input--number.za-input--readonly .za-input__virtual-input {
  position: static;
  white-space: normal;
}

.za-input--price .za-input__virtual-input {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

.za-input--price.za-input--focus .za-input__virtual-input {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.za-input--price.za-input--focus .za-input__virtual-input:after {
  content: "";
  display: inline-block;
  height: calc(1.375rem - 0.25rem);
  height: var(--input-cursor-height);
  border-right: 0.125rem solid #597cf6;
  border-right: var(--input-cursor-width) solid var(--input-cursor-color);
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
  -webkit-animation: virtual-cursor 1s infinite step-start;
  animation: virtual-cursor 1s infinite step-start;
}

.za-input--price.za-input--readonly .za-input__virtual-input {
  position: static;
  white-space: normal;
}

.za-input--idcard .za-input__virtual-input {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

.za-input--idcard.za-input--focus .za-input__virtual-input {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.za-input--idcard.za-input--focus .za-input__virtual-input:after {
  content: "";
  display: inline-block;
  height: calc(1.375rem - 0.25rem);
  height: var(--input-cursor-height);
  border-right: 0.125rem solid #597cf6;
  border-right: var(--input-cursor-width) solid var(--input-cursor-color);
  -webkit-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
  -webkit-animation: virtual-cursor 1s infinite step-start;
  animation: virtual-cursor 1s infinite step-start;
}

.za-input--idcard.za-input--readonly .za-input__virtual-input {
  position: static;
  white-space: normal;
}

.za-input--textarea .za-input__length {
  text-align: right;
  color: #bcbcbc;
  color: var(--input-length-count-color);
  font-size: 0.75rem;
}

.za-input--clearable .za-input__clear {
  position: absolute;
  visibility: hidden;
  color: #bcbcbc;
  color: var(--input-clear-icon-color);
  width: 1rem;
  width: var(--input-clear-icon-width);
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  font-size: 1rem;
}

.za-input--clearable.za-input--focus {
  padding-right: 1rem;
  padding-right: var(--input-clear-icon-width);
}

.za-input--clearable.za-input--focus .za-input__clear {
  visibility: visible;
}

.za-input--readonly .za-input__content {
  height: auto;
}

.za-input--disabled input,
.za-input--disabled textarea {
  cursor: not-allowed;
  color: #bcbcbc;
  color: var(--color-text-disabled);
  -webkit-text-fill-color: #bcbcbc;
  -webkit-text-fill-color: var(--color-text-disabled);
  opacity: 1;
}

.za-input--disabled input::-webkit-input-placeholder,
.za-input--disabled textarea::-webkit-input-placeholder {
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

.za-input--disabled input::-moz-placeholder,
.za-input--disabled textarea::-moz-placeholder {
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

.za-input--disabled input:-ms-input-placeholder,
.za-input--disabled textarea:-ms-input-placeholder {
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

.za-input--disabled input::-ms-input-placeholder,
.za-input--disabled textarea::-ms-input-placeholder {
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

.za-input--disabled input::placeholder,
.za-input--disabled textarea::placeholder {
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

.za-input--disabled .za-input__content,
.za-input--disabled .za-input__placeholder {
  cursor: not-allowed;
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-keyboard {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #fff;
  background-color: var(--keyboard-background);
  color: #343434;
  color: var(--color-text);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.za-keyboard__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  font-size: 1.875rem;
  font-size: var(--keyboard-item-font-size);
  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;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-appearance: none;
  /* disabled Button */
  /* block Button */
}

.za-keyboard__item,
.za-keyboard__item:active,
.za-keyboard__item:hover,
.za-keyboard__item:focus,
.za-keyboard__item:visited {
  text-decoration: none;
}

.za-keyboard__item--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  opacity: var(--opacity-disabled);
}

.za-keyboard__item--block {
  display: block;
  width: 100%;
}

.za-keyboard__item,
.za-keyboard__item:hover {
  background-color: #fff;
  background-color: var(--keyboard-item-background);
  border-color: hsl(0, 0%, 90%);
  border-color: var(--button-default-border);
  color: #343434;
  color: var(--button-default-color);
}

.za-keyboard__item:active {
  background-color: #e6e6e6;
  background-color: var(--button-default-active-background);
  border-color: #e6e6e6;
  border-color: var(--button-default-active-border);
  color: #343434;
  color: var(--button-default-active-color);
}

.za-keyboard__item--disabled {
  opacity: 1;
  cursor: not-allowed;
}

.za-keyboard__item--disabled:active,
.za-keyboard__item--disabled:focus,
.za-keyboard__item--disabled:visited {
  background-color: #fff;
  background-color: var(--keyboard-item-background);
  border-color: hsl(0, 0%, 90%);
  border-color: var(--button-default-border);
  color: #343434;
  color: var(--button-default-color);
}

.za-keyboard__item--shadow {
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(hsl(0, 0%, 90%), 0.3);
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(hsl(0, 0%, 90%), 0.3);
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(var(--theme-default), 0.3);
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(var(--theme-default), 0.3);
}

.za-keyboard__item--loading .za-activity-indicator.za-activity-indicator--circular circle {
  stroke: #343434;
  stroke: var(--button-default-color);
}

.za-keyboard__item--ok {
  font-size: 1.3125rem;
}

.za-keyboard__item--ok,
.za-keyboard__item--ok: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);
}

.za-keyboard__item--ok: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: rgba(255, 255, 255, 0.4);
  color: var(--button-primary-active-color);
}

.za-keyboard__item--ok.za-keyboard--disabled {
  opacity: 1;
  cursor: not-allowed;
}

.za-keyboard__item--ok.za-keyboard--disabled:active,
.za-keyboard__item--ok.za-keyboard--disabled:focus,
.za-keyboard__item--ok.za-keyboard--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);
}

.za-keyboard__item--ok.za-keyboard--shadow {
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(hsl(0, 0%, 90%), 0.3);
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(hsl(0, 0%, 90%), 0.3);
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(var(--theme-default), 0.3);
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(var(--theme-default), 0.3);
}

.za-keyboard__item--ok.za-keyboard--loading .za-activity-indicator.za-activity-indicator--circular circle {
  stroke: #fff;
  stroke: var(--button-primary-color);
}

.za-keyboard__item--disabled,
.za-keyboard__item--disabled:hover,
.za-keyboard__item--disabled:active {
  background-color: #fff;
  background-color: var(--keyboard-background);
}

.za-keyboard__keys {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 75%;
}

.za-keyboard__keys .za-keyboard__item {
  width: 33.333333%;
  height: 3.25rem;
  height: var(--keyboard-item-height);
}

.za-keyboard__keys .za-keyboard__item:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-top: 1PX solid #dcdcdc;
  border-top: 1PX solid var(--border-color);
  border-left: 1PX solid #dcdcdc;
  border-left: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .za-keyboard__keys .za-keyboard__item:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-keyboard__keys .za-keyboard__item:nth-of-type(3n+1):after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-top: 1PX solid #dcdcdc;
  border-top: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .za-keyboard__keys .za-keyboard__item:nth-of-type(3n+1):after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-keyboard__handle {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  width: 25%;
}

.za-keyboard__handle .za-keyboard__item {
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
}

.za-keyboard__handle .za-keyboard__item:first-of-type:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-top: 1PX solid #dcdcdc;
  border-top: 1PX solid var(--border-color);
  border-left: 1PX solid #dcdcdc;
  border-left: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .za-keyboard__handle .za-keyboard__item:first-of-type:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-loading {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.za-loading--open {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.za-loading__container {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  padding: 1.25rem 0.9375rem;
  border-radius: 0.25rem;
  border-radius: var(--radius-md);
  background: rgba(0, 0, 0, 0.8);
  background: var(--loading-background);
  color: #343434;
  color: var(--color-text);
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-marquee {
  width: 100%;
  overflow: hidden;
}

.za-marquee__body {
  white-space: nowrap;
}

.za-marquee__content {
  display: inline-block;
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, var(--opacity-mask));
  z-index: 1000;
  z-index: var(--zindex-mask);
}

.za-mask--transparent {
  background-color: transparent;
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-message {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  position: relative;
  padding: 0.375rem 0.5rem;
  padding: var(--message-padding-v-md) var(--message-padding-h-md);
  min-height: 1.8125rem;
  min-height: var(--message-min-height-md);
  font-size: 0.75rem;
  font-size: var(--message-font-size-md);
  color: hsl(0, 0%, 90%);
  color: var(--theme-default);
  background-color: hsla(0, 0%, 90%, 0.1);
  background-color: hsla(var(--theme-default-h), var(--theme-default-s), var(--theme-default-l), 0.1);
}

.za-message__header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  line-height: 1;
}

.za-message__icon {
  margin-right: 0.25rem;
}

.za-message__icon .za-icon {
  font-size: 0.875rem;
  font-size: var(--message-icon-size-md);
}

.za-message__body {
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

.za-message__footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  text-align: right;
  padding-left: 0.625rem;
}

.za-message__footer .za-icon {
  font-size: 0.875rem;
  font-size: var(--message-icon-size-md);
  cursor: pointer;
}

.za-message--link {
  cursor: pointer;
}

.za-message--primary {
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
  background-color: hsla(156, 100%, 36.9%, 0.1);
  background-color: hsla(var(--theme-primary-h), var(--theme-primary-s), var(--theme-primary-l), 0.1);
}

.za-message--success {
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-success);
  background-color: hsla(156, 100%, 36.9%, 0.1);
  background-color: hsla(var(--theme-success-h), var(--theme-success-s), var(--theme-success-l), 0.1);
}

.za-message--warning {
  color: hsl(31, 83.1%, 55.9%);
  color: var(--theme-warning);
  background-color: hsla(31, 83.1%, 55.9%, 0.1);
  background-color: hsla(var(--theme-warning-h), var(--theme-warning-s), var(--theme-warning-l), 0.1);
}

.za-message--danger {
  color: hsl(0, 100%, 65.7%);
  color: var(--theme-danger);
  background-color: hsla(0, 100%, 65.7%, 0.1);
  background-color: hsla(var(--theme-danger-h), var(--theme-danger-s), var(--theme-danger-l), 0.1);
}

.za-message--lg {
  min-height: 2.5rem;
  min-height: var(--message-min-height-lg);
  font-size: 0.875rem;
  font-size: var(--message-font-size-lg);
  padding: 0.5rem 0.75rem;
  padding: var(--message-padding-v-lg) var(--message-padding-h-lg);
}

.za-message--lg .za-message__icon {
  margin-right: 0.375rem;
}

.za-message--lg .za-message__icon .za-icon {
  font-size: 1rem;
  font-size: var(--message-icon-size-lg);
}

.za-message--lg .za-message__body {
  font-size: 0.875rem;
  font-size: var(--message-font-size-lg);
}

.za-message--lg .za-message__footer .za-icon {
  font-size: 1rem;
  font-size: var(--message-icon-size-lg);
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-modal {
  -webkit-overflow-scrolling: touch;
}

.za-modal .za-popup {
  position: relative;
  background-color: #fff;
  background-color: var(--modal-background);
  -webkit-box-shadow: 0 0.4375rem 1.3125rem rgba(56, 56, 56, 0.15);
  box-shadow: 0 0.4375rem 1.3125rem rgba(56, 56, 56, 0.15);
  -webkit-box-shadow: 0 0.4375rem 1.3125rem var(--color-shadow);
  box-shadow: 0 0.4375rem 1.3125rem var(--color-shadow);
  overflow: hidden;
}

.za-modal--radius .za-popup {
  border-radius: 0.25rem;
  border-radius: var(--radius-md);
}

.za-modal__header {
  position: relative;
  padding: 1.25rem 0.9375rem 0 0.9375rem;
  text-align: center;
}

.za-modal__header__title {
  font-size: 1.125rem;
  font-size: var(--modal-title-font-size);
  line-height: 1;
  color: #343434;
  color: var(--modal-title-color);
}

.za-modal__header__close {
  position: absolute;
  top: 1.25rem;
  right: 0.9375rem;
  line-height: 0.9375rem;
  color: #ccc;
  color: var(--modal-close-color);
  font-size: 1.25rem;
  cursor: pointer;
}

.za-modal__header__close:hover {
  color: #999;
  color: var(--modal-close-active-color);
}

.za-modal__body {
  font-size: 0.9375rem;
  color: #909090;
  color: var(--color-text-caption);
  padding: 1.25rem;
  overflow: auto;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

.za-modal__footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  padding: 0 0.9375rem 1.25rem;
  width: 100%;
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-nav-bar {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  height: 2.75rem;
  height: var(--nav-bar-height);
  background: #fdfdfd;
  background: var(--nav-bar-color);
}

.za-nav-bar__title {
  position: absolute;
  left: 50%;
  white-space: nowrap;
  font-size: 1.125rem;
  font-weight: 500;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.za-nav-bar__side {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.za-nav-bar__side--left {
  margin-left: 1rem;
}

.za-nav-bar__side--right {
  margin-right: 1rem;
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-notice-bar {
  position: relative;
  width: 100%;
  height: 1.5rem;
  height: var(--notice-bar-height);
  line-height: 1.5rem;
  line-height: var(--notice-bar-height);
  overflow: hidden;
}

.za-notice-bar__body {
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-panel__header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  padding: 1.5625rem 1rem 0.4375rem 1rem;
  font-size: 0.875rem;
  font-size: var(--panel-header-font-size);
  color: #909090;
  color: var(--panel-header-color);
}

.za-panel__header__title {
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
}

.za-panel__body {
  position: relative;
  background: #fff;
  background: var(--panel-body-background);
  font-size: 0.9375rem;
  font-size: var(--panel-body-font-size);
  color: #343434;
  color: var(--color-text);
}

.za-panel__body:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-top: 1PX solid #dcdcdc;
  border-top: 1PX solid var(--border-color);
  border-bottom: 1PX solid #dcdcdc;
  border-bottom: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .za-panel__body:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-picker__header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 2.8125rem;
  height: var(--picker-header-height);
  line-height: 2.8125rem;
  line-height: var(--picker-header-height);
  font-size: 1rem;
  font-size: var(--picker-header-font-size);
  background: #f7f7f7;
  background: var(--picker-header-background);
}

.za-picker__header:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-top: 1PX solid #dcdcdc;
  border-top: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .za-picker__header:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-picker__cancel,
.za-picker__submit {
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
  padding: 0 1.25rem;
  cursor: pointer;
}

.za-picker__cancel {
  text-align: left;
  color: #909090;
  color: var(--color-text-caption);
}

.za-picker__submit {
  text-align: right;
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
}

.za-picker__title {
  color: #343434;
  color: var(--color-text);
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-picker-view {
  position: relative;
  bottom: 0;
  width: 100%;
  height: 13.125rem;
  padding: 1.25rem 0;
  background: #fff;
  background: var(--picker-background);
}

.za-picker-view__mask {
  width: 100%;
  height: 5.5rem;
  pointer-events: none;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.za-picker-view__mask--top {
  position: absolute;
  top: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0.8)));
  background: linear-gradient(to top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8));
  background: -webkit-gradient(linear, left bottom, left top, from(var(--picker-mask-background-start)), to(var(--picker-mask-background-end)));
  background: linear-gradient(to top, var(--picker-mask-background-start), var(--picker-mask-background-end));
}

.za-picker-view__mask--top:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-bottom: 1PX solid #dcdcdc;
  border-bottom: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .za-picker-view__mask--top:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-picker-view__mask--bottom {
  position: absolute;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0.8)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8));
  background: -webkit-gradient(linear, left top, left bottom, from(var(--picker-mask-background-start)), to(var(--picker-mask-background-end)));
  background: linear-gradient(to bottom, var(--picker-mask-background-start), var(--picker-mask-background-end));
}

.za-picker-view__mask--bottom:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-top: 1PX solid #dcdcdc;
  border-top: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .za-picker-view__mask--bottom:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-picker-view__content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-popup {
  z-index: 1100;
  z-index: var(--zindex-popup);
  -webkit-overflow-scrolling: touch;
  margin: auto;
}

.za-popup__wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  z-index: 1000;
  z-index: var(--zindex-mask);
  overflow: auto;
  padding: 3.75rem 0;
  -webkit-overflow-scrolling: touch;
}

.za-popup--hidden {
  opacity: 0;
  visibility: hidden;
}

.za-popup--nomask {
  position: fixed;
}

.za-popup--nomask.za-popup--center {
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.za-popup--bottom {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
}

.za-popup--top {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
}

.za-popup--left {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}

.za-popup--right {
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
}

.za-popup--show.za-popup--bottom {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.za-popup--show.za-popup--top {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.za-popup--show.za-popup--left {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.za-popup--show.za-popup--right {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-progress {
  display: inline-block;
  position: relative;
}

.za-progress__outer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

.za-progress__text {
  display: inline-block;
  margin-left: 0.3125rem;
  font-size: 0.875rem;
}

.za-progress--line.za-progress--primary .za-progress__thumb {
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--theme-primary);
}

.za-progress--line.za-progress--success .za-progress__thumb {
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--theme-success);
}

.za-progress--line.za-progress--warning .za-progress__thumb {
  background-color: hsl(31, 83.1%, 55.9%);
  background-color: var(--theme-warning);
}

.za-progress--line.za-progress--danger .za-progress__thumb {
  background-color: hsl(0, 100%, 65.7%);
  background-color: var(--theme-danger);
}

.za-progress--line.za-progress--lg {
  width: 100%;
  width: var(--progress-width-lg);
}

.za-progress--line.za-progress--md {
  width: 100%;
  width: var(--progress-width-md);
}

.za-progress--line.za-progress--sm {
  width: 8.75rem;
  width: var(--progress-width-sm);
}

.za-progress--line .za-progress__track {
  width: 100%;
  height: 100%;
  background: #f2f2f2;
  background: var(--progress-background);
  overflow: hidden;
}

.za-progress--line .za-progress__thumb {
  height: 100%;
  width: 0;
  -webkit-transition: width 0.6s ease, background-color 0.6s ease;
  transition: width 0.6s ease, background-color 0.6s ease;
}

.za-progress--circle {
  display: inline-block;
}

.za-progress--circle .za-progress__track {
  stroke: #f2f2f2;
  stroke: var(--progress-background);
  fill-opacity: 0;
}

.za-progress--circle .za-progress__thumb {
  fill-opacity: 0;
  -webkit-transition: stroke-dashoffset 0.6s ease, stroke 0.6s ease;
  transition: stroke-dashoffset 0.6s ease, stroke 0.6s ease;
}

.za-progress--circle.za-progress--primary .za-progress__thumb {
  stroke: hsl(156, 100%, 36.9%);
  stroke: var(--theme-primary);
}

.za-progress--circle.za-progress--success .za-progress__thumb {
  stroke: hsl(156, 100%, 36.9%);
  stroke: var(--theme-success);
}

.za-progress--circle.za-progress--warning .za-progress__thumb {
  stroke: hsl(31, 83.1%, 55.9%);
  stroke: var(--theme-warning);
}

.za-progress--circle.za-progress--danger .za-progress__thumb {
  stroke: hsl(0, 100%, 65.7%);
  stroke: var(--theme-danger);
}

.za-progress--circle svg {
  width: 100%;
  height: 100%;
}

.za-progress--circle .za-progress__text {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin: 0;
  text-align: center;
  line-height: 1;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.za-progress--circle.za-progress--lg {
  width: 12.5rem;
  width: var(--progress-size-lg);
  height: 12.5rem;
  height: var(--progress-size-lg);
}

.za-progress--circle.za-progress--lg .za-progress__text {
  font-size: 1.875rem;
  font-size: var(--progress-font-size-circle-lg);
}

.za-progress--circle.za-progress--md {
  width: 9.375rem;
  width: var(--progress-size-md);
  height: 9.375rem;
  height: var(--progress-size-md);
}

.za-progress--circle.za-progress--md .za-progress__text {
  font-size: 1.5rem;
  font-size: var(--progress-font-size-circle-md);
}

.za-progress--circle.za-progress--sm {
  width: 5rem;
  width: var(--progress-size-sm);
  height: 5rem;
  height: var(--progress-size-sm);
}

.za-progress--circle.za-progress--sm .za-progress__text {
  font-size: 1.125rem;
  font-size: var(--progress-font-size-circle-sm);
}

.za-progress--semi-circle {
  display: inline-block;
}

.za-progress--semi-circle .za-progress__track {
  stroke: #f2f2f2;
  stroke: var(--progress-background);
  fill-opacity: 0;
}

.za-progress--semi-circle .za-progress__thumb {
  fill-opacity: 0;
  -webkit-transition: stroke-dashoffset 0.6s ease, stroke 0.6s ease;
  transition: stroke-dashoffset 0.6s ease, stroke 0.6s ease;
}

.za-progress--semi-circle.za-progress--primary .za-progress__thumb {
  stroke: hsl(156, 100%, 36.9%);
  stroke: var(--theme-primary);
}

.za-progress--semi-circle.za-progress--success .za-progress__thumb {
  stroke: hsl(156, 100%, 36.9%);
  stroke: var(--theme-success);
}

.za-progress--semi-circle.za-progress--warning .za-progress__thumb {
  stroke: hsl(31, 83.1%, 55.9%);
  stroke: var(--theme-warning);
}

.za-progress--semi-circle.za-progress--danger .za-progress__thumb {
  stroke: hsl(0, 100%, 65.7%);
  stroke: var(--theme-danger);
}

.za-progress--semi-circle svg {
  width: 100%;
  height: 100%;
}

.za-progress--semi-circle .za-progress__text {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  text-align: center;
  line-height: 1;
}

.za-progress--semi-circle.za-progress--lg {
  width: 12.5rem;
  width: var(--progress-size-lg);
  height: calc(12.5rem / 2);
  height: calc(var(--progress-size-lg) / 2);
}

.za-progress--semi-circle.za-progress--lg .za-progress__text {
  font-size: 1.875rem;
  font-size: var(--progress-font-size-circle-lg);
}

.za-progress--semi-circle.za-progress--md {
  width: 9.375rem;
  width: var(--progress-size-md);
  height: calc(9.375rem / 2);
  height: calc(var(--progress-size-md) / 2);
}

.za-progress--semi-circle.za-progress--md .za-progress__text {
  font-size: 1.5rem;
  font-size: var(--progress-font-size-circle-md);
}

.za-progress--semi-circle.za-progress--sm {
  width: 5rem;
  width: var(--progress-size-sm);
  height: calc(5rem / 2);
  height: calc(var(--progress-size-sm) / 2);
}

.za-progress--semi-circle.za-progress--sm .za-progress__text {
  font-size: 1.125rem;
  font-size: var(--progress-font-size-circle-sm);
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-pull {
  overflow: hidden;
  min-height: 3.125rem;
  min-height: var(--pull-control-height);
}

.za-pull__content {
  will-change: transform;
  -webkit-transform: translate3d(0, 3.125rem, 0);
  transform: translate3d(0, 3.125rem, 0);
  -webkit-transform: translate3d(0, var(--pull-control-height), 0);
  transform: translate3d(0, var(--pull-control-height), 0);
}

.za-pull__refresh,
.za-pull__load {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  -webkit-box-align: end;
  align-items: flex-end;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}

.za-pull__refresh {
  margin-top: calc(3.125rem * -1);
  margin-top: calc(var(--pull-control-height) * -1);
  height: 3.125rem;
  height: var(--pull-control-height);
}

.za-pull__load {
  height: 0;
}

.za-pull__load--show {
  height: 3.125rem;
  height: var(--pull-control-height);
}

.za-pull__control {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  padding: 0.625rem 0;
  height: 3.125rem;
  height: var(--pull-control-height);
  color: #909090;
  color: var(--color-text-caption);
  font-size: 0.875rem;
  font-size: var(--pull-control-font-size);
}

.za-pull__control .za-icon {
  font-size: 1.375rem;
}

.za-pull__control * + span {
  margin-left: 0.5rem;
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-radio {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  color: #343434;
  color: var(--color-text);
  font-size: 0.875rem;
}

.za-radio:not(.za-radio--disabled):hover .za-radio__inner {
  border-color: hsl(156, 100%, 36.9%);
  border-color: var(--radio-active-border-color);
}

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

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

.za-radio__text {
  vertical-align: middle;
  margin: 0 0.5rem;
}

.za-radio__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 1.125rem;
  width: var(--radio-size);
  height: 1.125rem;
  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(--radio-background);
  -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);
}

.za-radio__inner:before {
  content: "";
  width: calc(1.125rem / 3.5);
  width: calc(var(--radio-size) / 3.5);
  height: calc(1.125rem / 2);
  height: calc(var(--radio-size) / 2);
  border: calc(1.125rem / 9) solid #fff;
  border: calc(var(--radio-size) / 9) solid var(--radio-arrow-color);
  border-top: 0;
  border-left: 0;
  margin-top: calc(1.125rem / -12);
  margin-top: calc(var(--radio-size) / -12);
  margin-left: calc(1.125rem / 18);
  margin-left: calc(var(--radio-size) / 18);
  -webkit-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);
}

.za-radio--checked .za-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);
}

.za-radio--checked .za-radio__inner:before {
  -webkit-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;
}

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

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

.za-radio--disabled .za-radio__inner {
  background-color: #f2f2f2;
  background-color: var(--radio-disabled-background);
}

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

.za-radio--disabled.za-radio--checked .za-radio__inner:before {
  border-color: #bcbcbc;
  border-color: var(--radio-disabled-color);
}

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

.za-radio-group {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}

.za-radio-group__inner {
  margin-right: -1.5rem;
  margin-bottom: -0.5rem;
}

.za-radio-group .za-radio {
  margin-right: 1.5rem;
  margin-bottom: 0.5rem;
}

.za-radio-group--block {
  width: 100%;
}

.za-radio-group--block .za-radio-group__inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

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

.za-radio-group--button .za-radio-group__inner {
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
}

.za-radio-group--button .za-radio {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  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;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-appearance: none;
  /* disabled Button */
  /* block Button */
  border-width: 1PX;
  border-style: solid;
  border-radius: 0.125rem;
  border-radius: var(--radius-xs);
}

.za-radio-group--button .za-radio,
.za-radio-group--button .za-radio:active,
.za-radio-group--button .za-radio:hover,
.za-radio-group--button .za-radio:focus,
.za-radio-group--button .za-radio:visited {
  text-decoration: none;
}

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

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

.za-radio-group--button .za-radio,
.za-radio-group--button .za-radio:hover {
  background-color: #fff;
  background-color: var(--button-default-background);
  border-color: hsl(0, 0%, 90%);
  border-color: var(--button-default-border);
  color: #343434;
  color: var(--button-default-color);
}

.za-radio-group--button .za-radio:active {
  background-color: #fff;
  background-color: var(--button-default-background);
  border-color: hsl(0, 0%, 90%);
  border-color: var(--button-default-border);
  color: #343434;
  color: var(--button-default-color);
}

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

.za-radio-group--button .za-radio.za-radio--disabled:active,
.za-radio-group--button .za-radio.za-radio--disabled:focus,
.za-radio-group--button .za-radio.za-radio--disabled:visited {
  background-color: #fff;
  background-color: var(--button-default-background);
  border-color: hsl(0, 0%, 90%);
  border-color: var(--button-default-border);
  color: #343434;
  color: var(--button-default-color);
}

.za-radio-group--button .za-radio.za-radio--shadow {
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(230, 230, 230, 0.3);
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(230, 230, 230, 0.3);
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 var(--button-default-shadow-color);
  box-shadow: 0 0.1875rem 0.1875rem 0 var(--button-default-shadow-color);
}

.za-radio-group--button .za-radio.za-radio--loading .za-activity-indicator.za-activity-indicator--circular circle {
  stroke: #343434;
  stroke: var(--button-default-color);
}

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

.za-radio-group--button .za-radio.za-radio--checked,
.za-radio-group--button .za-radio.za-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);
}

.za-radio-group--button .za-radio.za-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: rgba(255, 255, 255, 0.4);
  color: var(--button-primary-active-color);
}

.za-radio-group--button .za-radio.za-radio--checked.za-radio--disabled {
  opacity: 0.5;
  opacity: var(--button-disabled-opacity);
  cursor: not-allowed;
}

.za-radio-group--button .za-radio.za-radio--checked.za-radio--disabled:active,
.za-radio-group--button .za-radio.za-radio--checked.za-radio--disabled:focus,
.za-radio-group--button .za-radio.za-radio--checked.za-radio--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);
}

.za-radio-group--button .za-radio.za-radio--checked.za-radio--shadow {
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 188, 112, 0.3);
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 188, 112, 0.3);
  -webkit-box-shadow: 0 0.1875rem 0.1875rem 0 var(--button-primary-shadow-color);
  box-shadow: 0 0.1875rem 0.1875rem 0 var(--button-primary-shadow-color);
}

.za-radio-group--button .za-radio.za-radio--checked.za-radio--loading .za-activity-indicator.za-activity-indicator--circular circle {
  stroke: #fff;
  stroke: var(--button-primary-color);
}

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

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

.za-radio-group--button.za-radio-group--radius .za-radio {
  border-width: 1PX;
  border-style: solid;
  border-radius: 0.25rem;
  border-radius: var(--radius-md);
}

.za-radio-group--button.za-radio-group--round .za-radio {
  border-width: 1PX;
  border-style: solid;
  border-radius: 62.5rem;
  border-radius: var(--radius-round);
}

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

.za-radio-group--button.za-radio-group--lg .za-radio {
  padding: 0 1.25rem;
  padding: 0 var(--button-padding-h-lg);
  font-size: 1.125rem;
  font-size: var(--button-font-size-lg);
  height: 3.25rem;
  height: var(--button-height-lg);
  line-height: 1.5;
}

.za-radio-group--button.za-radio-group--lg .za-radio.za-radio--circle {
  width: 3.25rem;
  width: var(--button-height-lg);
  padding: 0;
}

.za-radio-group--button.za-radio-group--lg .za-radio .za-icon {
  font-size: 1.625rem;
  font-size: var(--button-icon-size-lg);
}

.za-radio-group--button.za-radio-group--lg .za-radio.za-radio--link {
  line-height: 3.25rem;
  line-height: var(--button-height-lg);
}

.za-radio-group--button.za-radio-group--lg .za-radio.za-radio--loading .za-activity-indicator {
  width: 1.125rem;
  width: var(--button-font-size-lg);
  height: 1.125rem;
  height: var(--button-font-size-lg);
}

.za-radio-group--button.za-radio-group--lg .za-radio * + span {
  margin-left: calc(1.25rem / 2);
  margin-left: calc(var(--button-padding-h-lg) / 2);
}

.za-radio-group--button.za-radio-group--md .za-radio {
  padding: 0 1rem;
  padding: 0 var(--button-padding-h-md);
  font-size: 1rem;
  font-size: var(--button-font-size-md);
  height: 2.75rem;
  height: var(--button-height-md);
  line-height: 1.5;
}

.za-radio-group--button.za-radio-group--md .za-radio.za-radio--circle {
  width: 2.75rem;
  width: var(--button-height-md);
  padding: 0;
}

.za-radio-group--button.za-radio-group--md .za-radio .za-icon {
  font-size: 1.375rem;
  font-size: var(--button-icon-size-md);
}

.za-radio-group--button.za-radio-group--md .za-radio.za-radio--link {
  line-height: 2.75rem;
  line-height: var(--button-height-md);
}

.za-radio-group--button.za-radio-group--md .za-radio.za-radio--loading .za-activity-indicator {
  width: 1rem;
  width: var(--button-font-size-md);
  height: 1rem;
  height: var(--button-font-size-md);
}

.za-radio-group--button.za-radio-group--md .za-radio * + span {
  margin-left: calc(1rem / 2);
  margin-left: calc(var(--button-padding-h-md) / 2);
}

.za-radio-group--button.za-radio-group--sm .za-radio {
  padding: 0 0.75rem;
  padding: 0 var(--button-padding-h-sm);
  font-size: 0.875rem;
  font-size: var(--button-font-size-sm);
  height: 2.25rem;
  height: var(--button-height-sm);
  line-height: 1.5;
}

.za-radio-group--button.za-radio-group--sm .za-radio.za-radio--circle {
  width: 2.25rem;
  width: var(--button-height-sm);
  padding: 0;
}

.za-radio-group--button.za-radio-group--sm .za-radio .za-icon {
  font-size: 1.125rem;
  font-size: var(--button-icon-size-sm);
}

.za-radio-group--button.za-radio-group--sm .za-radio.za-radio--link {
  line-height: 2.25rem;
  line-height: var(--button-height-sm);
}

.za-radio-group--button.za-radio-group--sm .za-radio.za-radio--loading .za-activity-indicator {
  width: 0.875rem;
  width: var(--button-font-size-sm);
  height: 0.875rem;
  height: var(--button-font-size-sm);
}

.za-radio-group--button.za-radio-group--sm .za-radio * + span {
  margin-left: calc(0.75rem / 2);
  margin-left: calc(var(--button-padding-h-sm) / 2);
}

.za-radio-group--button.za-radio-group--xs .za-radio {
  padding: 0 0.5rem;
  padding: 0 var(--button-padding-h-xs);
  font-size: 0.75rem;
  font-size: var(--button-font-size-xs);
  height: 1.75rem;
  height: var(--button-height-xs);
  line-height: 1.5;
}

.za-radio-group--button.za-radio-group--xs .za-radio.za-radio--circle {
  width: 1.75rem;
  width: var(--button-height-xs);
  padding: 0;
}

.za-radio-group--button.za-radio-group--xs .za-radio .za-icon {
  font-size: 1rem;
  font-size: var(--button-icon-size-xs);
}

.za-radio-group--button.za-radio-group--xs .za-radio.za-radio--link {
  line-height: 1.75rem;
  line-height: var(--button-height-xs);
}

.za-radio-group--button.za-radio-group--xs .za-radio.za-radio--loading .za-activity-indicator {
  width: 0.75rem;
  width: var(--button-font-size-xs);
  height: 0.75rem;
  height: var(--button-font-size-xs);
}

.za-radio-group--button.za-radio-group--xs .za-radio * + span {
  margin-left: calc(0.5rem / 2);
  margin-left: calc(var(--button-padding-h-xs) / 2);
}

.za-radio-group--button.za-radio-group--ghost .za-radio.za-radio--checked,
.za-radio-group--button.za-radio-group--ghost .za-radio.za-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);
}

.za-radio-group--button.za-radio-group--ghost .za-radio.za-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);
}

.za-radio-group--button.za-radio-group--ghost .za-radio.za-radio--checked.za-radio--disabled,
.za-radio-group--button.za-radio-group--ghost .za-radio.za-radio--checked.za-radio--disabled:active,
.za-radio-group--button.za-radio-group--ghost .za-radio.za-radio--checked.za-radio--disabled:hover,
.za-radio-group--button.za-radio-group--ghost .za-radio.za-radio--checked.za-radio--disabled:focus,
.za-radio-group--button.za-radio-group--ghost .za-radio.za-radio--checked.za-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;
}

.za-radio-group--button.za-radio-group--compact .za-radio:not(:last-child) {
  margin-right: -1PX;
}

.za-radio-group--button.za-radio-group--compact .za-radio:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.za-radio-group--button.za-radio-group--compact .za-radio:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.za-radio-group--button.za-radio-group--compact .za-radio:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.za-radio-group--button.za-radio-group--compact .za-radio.za-radio--checked {
  z-index: 1;
}

.za-radio-group--cell {
  display: block;
  overflow: visible;
}

.za-radio-group--cell .za-radio-group__inner {
  margin-right: 0;
  margin-bottom: 0;
}

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

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-search-bar {
  background: #fff;
  background: var(--search-bar-background);
}

.za-search-bar__form {
  height: 2.75rem;
  margin: 0 0.9375rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  overflow: hidden;
}

.za-search-bar__content {
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  padding: 0 0.5rem;
  height: 1.75rem;
  background: #f2f2f2;
  background: var(--search-bar-inner-background);
  overflow: hidden;
}

.za-search-bar__content .za-search-bar__icon {
  margin-right: 0.25rem;
  color: #a9a9a9;
  color: var(--color-text-placeholder);
}

.za-search-bar__mock {
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
  font-size: 0.875rem;
  font-size: var(--search-bar-font-size);
}

.za-search-bar__mock .za-input {
  background-color: transparent;
}

.za-search-bar__mock .za-input input::-webkit-search-cancel-button {
  display: none;
}

.za-search-bar__cancel {
  font-size: 0.875rem;
  font-size: var(--search-bar-font-size);
  color: #343434;
  color: var(--color-text);
  margin-left: 0.9375rem;
}

.za-search-bar--focus .za-search-bar__cancel {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  margin-right: 0;
}

.za-search-bar--radius .za-search-bar__content {
  border-radius: 0.25rem;
  border-radius: var(--radius-md);
}

.za-search-bar--round .za-search-bar__content {
  border-radius: 62.5rem;
  border-radius: var(--radius-round);
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-select {
  width: 100%;
  height: 100%;
}

.za-select__input {
  position: relative;
  width: 100%;
  padding: 0.75rem 0;
  line-height: 1.75rem;
}

.za-select--placeholder .za-select__input {
  color: #a9a9a9;
  color: var(--color-text-placeholder);
}

.za-select--arrow .za-select__input {
  padding-right: 1.25rem;
}

.za-select--arrow .za-select__input:after {
  content: "";
  position: absolute;
  width: 0.625rem;
  width: var(--cell-arrow-length);
  height: 0.625rem;
  height: var(--cell-arrow-length);
  top: calc(0.9375rem + 0.1875rem);
  top: calc(var(--cell-padding-v) + 0.1875rem);
  right: 0.125rem;
  border-right: 0.125rem solid #bcbcbc;
  border-right: 0.125rem solid var(--cell-arrow-color);
  border-bottom: 0.125rem solid #bcbcbc;
  border-bottom: 0.125rem solid var(--cell-arrow-color);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.za-select--disabled .za-select__input {
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-slider {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
}

.za-slider__content {
  position: relative;
  margin: calc(1.5rem / 2) calc(1.5rem / 2);
  margin: calc(var(--slider-handle-size) / 2) calc(var(--slider-handle-size) / 2);
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
}

.za-slider__line {
  position: relative;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
  height: 0.125rem;
  height: var(--slider-line-height);
  background-color: #dcdcdc;
  background-color: var(--slider-line-background);
}

.za-slider__line .za-slider__line__bg {
  height: 100%;
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--theme-primary);
}

.za-slider__line .za-slider__line__dot {
  position: absolute;
  width: 0.375rem;
  width: var(--slider-line-dot-width);
  height: 0.375rem;
  height: var(--slider-line-dot-width);
  margin-top: calc((0.375rem + 0.125rem) / -2);
  margin-top: calc((var(--slider-line-dot-width) + var(--slider-line-height)) / -2);
  margin-left: calc(0.375rem / -2);
  margin-left: calc(var(--slider-line-dot-width) / -2);
  background-color: #fff;
  background-color: var(--slider-line-dot-color);
  border: 0.0625rem solid #dcdcdc;
  border: 0.0625rem solid var(--slider-line-background);
  border-radius: 50%;
  cursor: pointer;
}

.za-slider__line .za-slider__line__dot--active {
  border: 0.0625rem solid hsl(156, 100%, 36.9%);
  border: 0.0625rem solid var(--theme-primary);
}

.za-slider__handle {
  position: absolute;
  left: 0;
  margin-top: calc((1.5rem + 0.125rem) / -2);
  margin-top: calc((var(--slider-handle-size) + var(--slider-line-height)) / -2);
  margin-left: calc(1.5rem / -2);
  margin-left: calc(var(--slider-handle-size) / -2);
  width: 1.5rem;
  width: var(--slider-handle-size);
  height: 1.5rem;
  height: var(--slider-handle-size);
  border-radius: 50%;
  background-color: #fff;
  background-color: var(--slider-handle-background);
  -webkit-box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.4);
  box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: var(--slider-handle-shadow);
  box-shadow: var(--slider-handle-shadow);
  -ms-touch-action: none;
  touch-action: none;
}

.za-slider__handle .za-tooltip {
  display: block;
}

.za-slider__handle .za-slider__handle__shadow {
  width: 1.5rem;
  width: var(--slider-handle-size);
  height: 1.5rem;
  height: var(--slider-handle-size);
}

.za-slider__marks {
  position: absolute;
  font-size: 0.9375rem;
  font-size: var(--slider-mark-size);
  top: 0.625rem;
  left: 0;
  right: 0;
  color: #dcdcdc;
  color: var(--slider-line-background);
}

.za-slider__marks .za-slider__mark {
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
}

.za-slider--marked .za-slider__content {
  margin: calc(1rem / 2) calc(1rem / 2);
  margin: calc(var(--slider-handle-size-small) / 2) calc(var(--slider-handle-size-small) / 2);
}

.za-slider--marked .za-slider__handle {
  width: 1rem;
  width: var(--slider-handle-size-small);
  height: 1rem;
  height: var(--slider-handle-size-small);
  margin-top: calc((1rem + 0.125rem) / -2);
  margin-top: calc((var(--slider-handle-size-small) + var(--slider-line-height)) / -2);
  margin-left: calc(1rem / -2);
  margin-left: calc(var(--slider-handle-size-small) / -2);
}

.za-slider--marked .za-slider__handle .za-slider__handle__shadow {
  width: 1rem;
  width: var(--slider-handle-size-small);
  height: 1rem;
  height: var(--slider-handle-size-small);
}

.za-slider--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  opacity: var(--opacity-disabled);
}

.za-slider--vertical {
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  flex-direction: column-reverse;
  width: auto;
  height: 100%;
  -webkit-align-items: initial;
  -ms-flex-align: initial;
  -webkit-box-align: initial;
  align-items: initial;
}

.za-slider--vertical .za-slider__content {
  margin: calc(1.5rem / 2) calc(1.5rem / 2);
  margin: calc(var(--slider-handle-size) / 2) calc(var(--slider-handle-size) / 2);
}

.za-slider--vertical .za-slider__line {
  width: 0.125rem;
  width: var(--slider-vertical-line-width);
  position: absolute;
  top: 0;
  height: 100%;
}

.za-slider--vertical .za-slider__line .za-slider__line__bg {
  position: absolute;
  bottom: 0;
  width: 0.125rem;
  width: var(--slider-line-height);
}

.za-slider--vertical .za-slider__line__dot {
  margin-bottom: calc(0.375rem / -2);
  margin-bottom: calc(var(--slider-line-dot-width) / -2);
  margin-left: calc((0.375rem - 0.125rem) / -2);
  margin-left: calc((var(--slider-line-dot-width) - var(--slider-line-height)) / -2);
}

.za-slider--vertical .za-slider__handle {
  margin-top: calc(1.5rem / -2);
  margin-top: calc(var(--slider-handle-size) / -2);
}

.za-slider--vertical.za-slider--marked .za-slider__content {
  margin: calc(1rem / 2) calc(1rem / 2);
  margin: calc(var(--slider-handle-size-small) / 2) calc(var(--slider-handle-size-small) / 2);
}

.za-slider--vertical.za-slider--marked .za-slider__marks {
  top: 0;
  left: 0.9375rem;
  width: 1.25rem;
  height: 100%;
}

.za-slider--vertical.za-slider--marked .za-slider__mark {
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}

.za-slider--vertical.za-slider--marked .za-slider__handle {
  margin-top: 0;
  margin-bottom: calc(1rem / -2);
  margin-bottom: calc(var(--slider-handle-size-small) / -2);
  margin-left: calc((1rem - 0.125rem) / -2);
  margin-left: calc((var(--slider-handle-size-small) - var(--slider-line-height)) / -2);
  width: 1rem;
  width: var(--slider-handle-size-small);
  height: 1rem;
  height: var(--slider-handle-size-small);
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-stepper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

.za-stepper .za-input input {
  height: 100%;
  text-align: center;
}

.za-stepper .za-input--disabled input {
  color: #343434;
  color: var(--color-text);
  -webkit-text-fill-color: #343434;
  -webkit-text-fill-color: var(--color-text);
  cursor: auto;
}

.za-stepper .za-input--disabled .za-input__virtual-input {
  color: #343434;
  color: var(--color-text);
  -webkit-text-fill-color: #343434;
  -webkit-text-fill-color: var(--color-text);
  cursor: auto;
}

.za-stepper .za-input__content {
  height: 100%;
}

.za-stepper .za-input__virtual-input {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

.za-stepper__sub,
.za-stepper__plus {
  width: 1.75rem;
  width: var(--stepper-height-md);
  padding: 0;
}

.za-stepper__sub .za-icon,
.za-stepper__plus .za-icon {
  font-size: 0.75rem;
  font-size: var(--stepper-icon-font-size-md);
}

.za-stepper__input {
  position: relative;
  width: 3.125rem;
  width: var(--stepper-input-width-md);
  height: 1.75rem;
  height: var(--stepper-height-md);
  margin: 0 0.25rem;
  margin: 0 var(--stepper-input-margin-h-md);
  padding: 0 0.5rem;
  padding: 0 var(--stepper-input-padding-h-md);
  font-size: 0.875rem;
  font-size: var(--stepper-input-font-size-md);
  background: #fff;
  background: var(--stepper-input-background);
  color: #343434;
  color: var(--color-text);
  text-align: center;
  border: 0.0625rem solid #dcdcdc;
  border: 0.0625rem solid var(--border-color);
  border-radius: 0;
  outline: 0;
  -webkit-appearance: none;
}

.za-stepper--disabled .za-stepper__input {
  color: #bcbcbc;
  color: var(--stepper-input-disabled);
  opacity: 0.5;
  opacity: var(--opacity-disabled);
}

.za-stepper--radius .za-stepper__input {
  border-radius: 0.25rem;
  border-radius: var(--radius-md);
}

.za-stepper--circle .za-stepper__input {
  border-radius: 1.75rem;
  border-radius: var(--stepper-height-md);
}

.za-stepper--lg .za-stepper__input {
  width: 3.75rem;
  width: var(--stepper-input-width-lg);
  height: 2.25rem;
  height: var(--stepper-height-lg);
  margin: 0 0.25rem;
  margin: 0 var(--stepper-input-margin-h-lg);
  padding: 0 0.5rem;
  padding: 0 var(--stepper-input-padding-h-lg);
  font-size: 1rem;
  font-size: var(--stepper-input-font-size-lg);
}

.za-stepper--lg .za-stepper__sub,
.za-stepper--lg .za-stepper__plus {
  width: 2.25rem;
  width: var(--stepper-height-lg);
  padding: 0;
}

.za-stepper--lg .za-stepper__sub .za-icon,
.za-stepper--lg .za-stepper__plus .za-icon {
  font-size: 0.875rem;
  font-size: var(--stepper-icon-font-size-lg);
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-swipe-action {
  position: relative;
  overflow: hidden;
}

.za-swipe-action__content {
  position: relative;
}

.za-swipe-action__actions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  position: absolute;
  height: 100%;
  top: 0;
}

.za-swipe-action__actions--left {
  left: 0;
}

.za-swipe-action__actions--right {
  right: 0;
}

.za-swipe-action .za-button {
  font-size: 0.875rem;
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-switch__input {
  position: relative;
  width: 3.3125rem;
  width: var(--switch-width);
  height: 2rem;
  height: var(--switch-height);
  border: calc((2rem - 1.625rem) / 2) solid #dcdcdc;
  border: calc((var(--switch-height) - var(--switch-handle-size)) / 2) solid var(--switch-border-color);
  border-radius: 62.5rem;
  border-radius: var(--radius-round);
  background-color: #dcdcdc;
  background-color: var(--switch-background);
  vertical-align: middle;
  -webkit-transition: background-color 0.1s, border 0.1s;
  transition: background-color 0.1s, border 0.1s;
  outline: 0;
  -webkit-appearance: none;
}

.za-switch__input:before,
.za-switch__input:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 1.625rem;
  height: var(--switch-handle-size);
  border-radius: 62.5rem;
  border-radius: var(--radius-round);
}

.za-switch__input:before {
  width: calc(3.3125rem - 2rem + 1.625rem);
  width: calc(var(--switch-width) - var(--switch-height) + var(--switch-handle-size));
  background-color: #dcdcdc;
  background-color: var(--switch-background);
  transition: transform 0.35s cubic-bezier(0.45, 1, 0.4, 1), -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
}

.za-switch__input:after {
  width: 1.625rem;
  width: var(--switch-handle-size);
  background-color: #fff;
  background-color: var(--switch-handle-background);
  -webkit-box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.4);
  box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.4);
  transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35), -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
}

.za-switch__input:checked {
  border: calc((2rem - 1.625rem) / 2) solid hsl(156, 100%, 36.9%);
  border: calc((var(--switch-height) - var(--switch-handle-size)) / 2) solid var(--theme-primary);
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--theme-primary);
}

.za-switch__input:checked:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

.za-switch__input:checked:after {
  -webkit-transform: translateX(calc(3.3125rem - 2rem));
  transform: translateX(calc(3.3125rem - 2rem));
  -webkit-transform: translateX(calc(var(--switch-width) - var(--switch-height)));
  transform: translateX(calc(var(--switch-width) - var(--switch-height)));
}

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

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-tabs__header {
  position: relative;
  overflow: hidden;
}

.za-tabs__tablist {
  position: relative;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.za-tabs__panel {
  display: none;
  position: relative;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
  height: 100%;
}

.za-tabs__panel--active {
  display: block;
}

.za-tabs__tab {
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
  text-align: center;
  color: #343434;
  color: var(--color-text);
  font-size: 1rem;
  font-size: var(--tabs-item-font-size);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}

.za-tabs__tab--disabled {
  color: #bcbcbc;
  color: var(--color-text-disabled);
  cursor: not-allowed;
}

.za-tabs__line {
  position: absolute;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--theme-primary);
}

.za-tabs__line__inner {
  display: block;
  margin: auto;
  height: 100%;
  background-color: hsl(156, 100%, 36.9%);
  background-color: var(--theme-primary);
}

.za-tabs--scroll .za-tabs__tablist::-webkit-scrollbar {
  display: none;
}

.za-tabs--horizontal .za-tabs__header {
  width: 100%;
}

.za-tabs--horizontal .za-tabs__header:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-bottom: 1PX solid #dcdcdc;
  border-bottom: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .za-tabs--horizontal .za-tabs__header:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-tabs--horizontal .za-tabs__tablist {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  height: 2.8125rem;
  height: var(--tabs-height);
  line-height: 2.8125rem;
  line-height: var(--tabs-height);
}

.za-tabs--horizontal .za-tabs__line {
  height: 0.125rem;
  height: var(--tabs-line-height);
  left: 0;
  bottom: 0;
}

.za-tabs--horizontal.za-tabs--scroll .za-tabs__tablist {
  overflow-x: auto;
}

.za-tabs--horizontal.za-tabs--scroll .za-tabs__tab {
  overflow: visible;
  padding: 0 1.25rem;
  padding: 0 var(--tabs-item-horizontal-padding);
}

.za-tabs--vertical {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
}

.za-tabs--vertical .za-tabs__header:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-right: 1PX solid #dcdcdc;
  border-right: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .za-tabs--vertical .za-tabs__header:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-tabs--vertical .za-tabs__tablist {
  height: 100%;
}

.za-tabs--vertical .za-tabs__tab {
  text-align: center;
  padding: 0.75rem 1.25rem;
  padding: var(--tabs-item-vertical-padding) var(--tabs-item-horizontal-padding);
}

.za-tabs--vertical .za-tabs__line {
  width: 0.125rem;
  width: var(--tabs-line-height);
  top: 0;
  right: 0;
}

.za-tabs--vertical .za-tabs__body {
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
  position: relative;
}

.za-tabs--vertical.za-tabs--scroll .za-tabs__tablist {
  overflow-y: auto;
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-toast {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.za-toast__container {
  position: relative;
  padding: 0.75rem 1rem;
  padding: var(--padding-v-md) var(--padding-h-md);
  border-radius: 0.375rem;
  border-radius: var(--toast-border-radius);
  background: rgba(0, 0, 0, 0.8);
  background: var(--toast-background);
  color: #fff;
  color: var(--toast-color);
  text-align: center;
  font-size: 0.8125rem;
  font-size: var(--toast-font-size);
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-tooltip {
  padding: 0.375rem 0.5rem;
  padding: var(--tooltip-padding-v) var(--tooltip-padding-h);
  background-color: rgba(0, 0, 0, 0.8);
  background-color: var(--tooltip-background);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-size: var(--tooltip-font-size);
  color: #fff;
  color: var(--tooltip-color);
  z-index: 1700;
  z-index: var(--zindex-tooltip);
}

.za-tooltip[x-placement^=right] {
  margin-left: 0.625rem;
}

.za-tooltip[x-placement^=right] .za-tooltip__arrow {
  left: -0.25rem;
  border-width: 0.25rem 0.25rem 0.25rem 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: var(--tooltip-background);
}

.za-tooltip[x-placement^=top] {
  margin-bottom: 0.625rem;
}

.za-tooltip[x-placement^=top] .za-tooltip__arrow {
  bottom: -0.25rem;
  border-width: 0.25rem 0.25rem 0;
  border-width: var(--tooltip-arrow-size) var(--tooltip-arrow-size) 0;
  border-top-color: rgba(0, 0, 0, 0.8);
  border-top-color: var(--tooltip-background);
}

.za-tooltip[x-placement^=bottom] {
  margin-top: 0.625rem;
}

.za-tooltip[x-placement^=bottom] .za-tooltip__arrow {
  top: -0.25rem;
  border-width: 0 0.25rem 0.25rem 0.25rem;
  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: var(--tooltip-background);
}

.za-tooltip[x-placement^=left] {
  margin-right: 0.625rem;
}

.za-tooltip[x-placement^=left] .za-tooltip__arrow {
  right: -0.25rem;
  border-width: 0.25rem 0 0.25rem 0.25rem;
  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: var(--tooltip-background);
}

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

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-wheel {
  display: block;
  position: relative;
  width: 100%;
  height: calc(5 * 2.125rem);
  height: calc(var(--wheel-item-rows) * var(--wheel-item-height));
  overflow: hidden;
}

.za-wheel__content {
  margin-top: calc(2.125rem * 2);
  margin-top: calc(var(--wheel-item-height) * 2);
}

.za-wheel__item {
  text-align: center;
  font-size: 1.125rem;
  font-size: var(--wheel-item-font-size);
  line-height: 2.125rem;
  line-height: var(--wheel-item-height);
  height: 2.125rem;
  height: var(--wheel-item-height);
  color: #343434;
  color: var(--wheel-color);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.za-wheel__item--disabled {
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-tab-bar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  width: 100%;
  background: #fff;
  background: var(--tabbar-background);
  height: 3.125rem;
  height: var(--tabbar-height);
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  text-align: center;
  position: fixed;
  left: 0;
  bottom: 0;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: height bottom;
  transition-property: height bottom;
  overflow: hidden;
}

.za-tab-bar--hidden {
  bottom: -3.125rem;
  bottom: var(--tabbar-hidden-bottom);
  height: 0;
}

.za-tab-bar--active .za-tab-bar__title,
.za-tab-bar--active .za-tab-bar__icon {
  color: hsl(156, 100%, 36.9%);
  color: var(--tabbar-item-active-color);
}

.za-tab-bar__item {
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
}

.za-tab-bar__item .za-tab-bar__title {
  font-size: 0.75rem;
  font-size: var(--tabbar-item-font-size);
  line-height: 1;
  margin-top: 0.125rem;
}

.za-tab-bar__item .za-tab-bar__icon {
  display: inline-block;
  vertical-align: middle;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.125rem;
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-image-preview {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  height: 100%;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  padding: 0;
}

.za-image-preview__title {
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  color: #fff;
  color: var(--color-text-inverse);
  height: 3.75rem;
  line-height: 3.75rem;
  font-size: 1rem;
  font-size: var(--font-size-lg);
}

.za-image-preview__content {
  height: 100%;
  width: 100%;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.za-image-preview__item {
  text-align: center;
  position: relative;
  overflow: auto;
}

.za-image-preview__item img {
  width: 100%;
}

.za-image-preview__item__img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.za-image-preview__footer {
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 0 1rem;
  padding: 0 var(--padding-v-lg);
}

.za-image-preview__index {
  text-align: right;
  color: #fff;
  color: var(--color-text-inverse);
  padding: 1rem;
  padding: var(--padding-v-lg);
  font-size: 1rem;
  font-size: var(--font-size-lg);
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
}

.za-image-preview .za-popup {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

.za-image-preview .za-popup__wrapper {
  padding: 0;
}

.za-image-preview__loading {
  vertical-align: middle;
  display: inline-block;
  margin-right: 0.5rem;
  margin-right: var(--padding-h-xs);
}

.za-image-preview__origin__button {
  background: #2d2d2d;
  background: var(--image-preview-origin-button-background);
  border: none;
  border-radius: 0.125rem;
  border-radius: var(--radius-xs);
  font-size: 0.75rem;
  font-size: var(--font-size-sm);
  display: inline-block;
  color: #fff;
  color: var(--color-text-inverse);
  padding: 0 0.75rem;
  padding: 0 var(--padding-h-sm);
  height: 1.75rem;
  height: var(--button-height-xs);
  line-height: 1.75rem;
  line-height: var(--button-height-xs);
}

.za-image-preview .za-carousel {
  height: 100%;
  width: 100%;
}

.za-image-preview .za-carousel__items {
  height: 100%;
}

.za-image-preview .za-mask {
  background-color: black;
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-pinch-zoom {
  overflow: hidden;
  position: relative;
  -ms-touch-action: auto;
  touch-action: auto;
  min-height: 100%;
}

.za-pinch-zoom > * {
  -webkit-transform: translate(var(--x), var(--y)) scale(var(--scale));
  transform: translate(var(--x), var(--y)) scale(var(--scale));
  will-change: transform;
}

/**
 * block define
 * @param $name     block name
 * @examples
 *
 *    @include b(button) { ... }
 *    =>
 *    .za-button { ... }
 *
 *
 *    @include b(checkbox-group) { ... }
 *    =>
 *    .za-checkbox-group { ... }
 */

/**
 * element define
 * @param $list     list of element names
 * @examples
 *
 *    @include b(button) {
 *      @include e(icon) { ... }
 *    }
 *    =>
 *    .za-button__icon { ... }
 *
 *
 *    @include b(dialog) {
 *      @include e(header, footer) { ... }
 *    }
 *    =>
 *    .za-dialog__header, .za-dialog__footer { ... }
 */

/**
 * modifier define
 * @param $modifier     modifier name
 * @examples
 *
 *    @include b(button) {
 *      @include m(danger) { ... }
 *    }
 *    =>
 *    .za-button--danger { ... }
 *
 *
 *    @include b(button) {
 *      @include m(danger) {
 *        @include e(content) { ... }
 *      }
 *    }
 *    =>
 *    .za-button--danger .za-button__content { ... }
 *
 *
 *    @include b(button) {
 *      @include e(content) {
 *        @include m(danger) { ... }
 *      }
 *    }
 *    =>
 *    ..za-button__content--danger { ... }
 */

.za-stack-picker {
  width: 100%;
  height: 100%;
  background: #fff;
  background: var(--stack-picker-background);
}

.za-stack-picker__input {
  width: 100%;
  padding: 0.9375rem 0;
  padding: var(--cell-padding-v) 0;
}

.za-stack-picker__placeholder {
  color: #a9a9a9;
  color: var(--color-text-placeholder);
}

.za-stack-picker--disabled {
  color: #bcbcbc;
  color: var(--color-text-disabled);
}

.za-stack-picker__header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
  position: relative;
  width: 100%;
  height: 2.8125rem;
  height: var(--picker-header-height);
  line-height: 2.8125rem;
  line-height: var(--picker-header-height);
  font-size: 1rem;
  font-size: var(--picker-header-font-size);
  background: #f7f7f7;
  background: var(--picker-header-background);
}

.za-stack-picker__header:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-top: 1PX solid #dcdcdc;
  border-top: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .za-stack-picker__header:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-stack-picker__cancel,
.za-stack-picker__submit {
  padding: 0 1.25rem;
  padding: 0 var(--padding-h-lg);
  cursor: pointer;
}

.za-stack-picker__cancel {
  color: #909090;
  color: var(--color-text-caption);
}

.za-stack-picker__submit {
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
}

.za-stack-picker__column-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

.za-stack-picker__column-group .za-stack-picker__item {
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  -webkit-box-flex: 1;
  flex: 1 1;
  text-align: center;
}

.za-stack-picker__crumbs {
  position: relative;
  padding: 0.9375rem 1.25rem;
  padding: var(--cell-padding-v) var(--padding-h-lg);
  line-height: 1.5rem;
  line-height: var(--stack-picker-crumbs-line-height);
  font-size: 0.875rem;
  font-size: var(--font-size-md);
  color: #909090;
  color: var(--color-text-caption);
}

.za-stack-picker__crumbs:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-bottom: 1PX solid #dcdcdc;
  border-bottom: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .za-stack-picker__crumbs:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-stack-picker__crumbs p {
  margin: 0;
}

.za-stack-picker__crumbs-error {
  color: #ff5050;
  color: var(--stack-picker-error);
}

.za-stack-picker__group {
  position: relative;
  height: calc(8 * 2.1875rem);
  height: calc(8 * var(--stack-picker-stack-item-height));
  overflow: hidden;
}

.za-stack-picker__stack-column {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.za-stack-picker__stack-column--hidden ~ .za-stack-picker__stack-column {
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
}

.za-stack-picker__stack-column--hidden .za-stack-picker__item {
  padding-left: 1.25rem;
  padding-left: var(--stack-picker-padding);
}

.za-stack-picker__stack-column:nth-child(1) {
  z-index: 1001;
}

.za-stack-picker__stack-column:nth-child(1) .za-stack-picker__stack-column-wrapper {
  z-index: 3;
}

.za-stack-picker__stack-column:nth-child(2) {
  z-index: 2002;
}

.za-stack-picker__stack-column:nth-child(2) .za-stack-picker__stack-column-wrapper {
  z-index: 5;
  left: 3.75rem;
  left: var(--stack-picker-left);
}

.za-stack-picker__stack-column:nth-child(3) {
  z-index: 3003;
  left: calc(3.75rem * (3 - 2));
  left: calc(var(--stack-picker-left) * (3 - 2));
}

.za-stack-picker__stack-column:nth-child(3) .za-stack-picker__stack-column-wrapper {
  z-index: 7;
  left: 3.75rem;
  left: var(--stack-picker-left);
}

.za-stack-picker__stack-column:nth-child(4) {
  z-index: 4004;
  left: calc(3.75rem * (4 - 2));
  left: calc(var(--stack-picker-left) * (4 - 2));
}

.za-stack-picker__stack-column:nth-child(4) .za-stack-picker__stack-column-wrapper {
  z-index: 9;
  left: 3.75rem;
  left: var(--stack-picker-left);
}

.za-stack-picker__stack-column:nth-child(5) {
  z-index: 5005;
  left: calc(3.75rem * (5 - 2));
  left: calc(var(--stack-picker-left) * (5 - 2));
}

.za-stack-picker__stack-column:nth-child(5) .za-stack-picker__stack-column-wrapper {
  z-index: 11;
  left: 3.75rem;
  left: var(--stack-picker-left);
}

.za-stack-picker__stack-column:not(:last-child) .za-stack-picker__stack-column__item {
  padding-right: 2.5rem;
}

.za-stack-picker__stack-column:not(:last-child) .za-stack-picker__stack-column__item:before {
  position: absolute;
  right: 0.9375rem;
  top: 50%;
  content: "";
  width: 0.5625rem;
  height: 0.5625rem;
  margin-top: -0.25rem;
  border-right: 0.125rem solid #c7c7cc;
  border-top: 0.125rem solid #c7c7cc;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.za-stack-picker__stack-column:first-child:last-child .za-stack-picker__stack-column__item,
.za-stack-picker__stack-column:nth-child(2):last-child .za-stack-picker__stack-column__item {
  padding-left: 1.25rem;
  padding-left: var(--stack-picker-padding);
}

.za-stack-picker__stack-column-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: calc(1.25rem * -1);
  right: calc(var(--stack-picker-padding) * -1);
  bottom: 0;
  padding-right: 1.25rem;
  padding-right: var(--stack-picker-padding);
  overflow-y: scroll;
  -webkit-box-shadow: 0 0 0.625rem rgba(0, 0, 0, .3);
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, .3);
  -webkit-box-shadow: var(--stack-picker-shadow);
  box-shadow: var(--stack-picker-shadow);
  background: #fff;
  background: var(--stack-picker-background);
}

.za-stack-picker__stack-column-item {
  position: relative;
  padding: 0 0.625rem;
  line-height: 2.1875rem;
  line-height: var(--stack-picker-stack-item-height);
  font-size: 1rem;
  font-size: var(--stack-picker-stack-item-font-size);
  color: #343434;
  color: var(--color-text);
  -webkit-transition: padding-left 0.4s;
  transition: padding-left 0.4s;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.za-stack-picker__stack-column-item:after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0;
  border-bottom: 1PX solid #dcdcdc;
  border-bottom: 1PX solid var(--border-color);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .za-stack-picker__stack-column-item:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: 0;
  }
}

.za-stack-picker__stack-column-item--active {
  color: hsl(156, 100%, 36.9%);
  color: var(--theme-primary);
}