/**
 * ZMP React 2.8.10
 * Build full featured iOS & Android apps using ZMP & React
 * https://h5.zalo.me/react/
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 16, 2023
 */

/* === Dialog === */
.dialog {
  min-width: var(--zmp-dialog-min-width);
  transform: translate3d(-50%, -50%, 0) scale(1.185);
  margin-left: 0;
}
.dialog.modal-in {
  transform: translate3d(-50%, -50%, 0) scale(1);
}
.dialog-button.negative-button {
  --zmp-dialog-button-text-color: var(--zmp-dialog-negative-button-text-color);
  --zmp-dialog-button-font-weight: 400;
}
.dialog-button.secondary-button {
  --zmp-dialog-button-text-color: var(--zmp-dialog-secondary-button-text-color);
  --zmp-dialog-button-font-weight: 400;
}
@media only screen and (min-width: 768px) {
  .dialog {
    --zmp-dialog-width: var(--zmp-dialog-large-screen-width);
  }
}
:root {
  --zmp-dialog-button-text-align: center;
  --zmp-dialog-button-line-height: 20px;
  --zmp-dialog-button-text-color: var(--zmp-theme-color);
  --zmp-dialog-input-bg-color: #ffffff;
  --zmp-dialog-negative-button-text-color: #ef4e49;
  --zmp-dialog-secondary-button-text-color: #001121;
}
:root .theme-dark,
:root.theme-dark {
  --zmp-dialog-text-color: #8b8f92;
  --zmp-dialog-negative-button-text-color: #e1807d;
  --zmp-dialog-secondary-button-text-color: #dbdfe2;
}
.ios {
  --zmp-dialog-box-shadow: 0px 28px 32px rgba(0, 0, 0, 0.04), 0px 32px 36px rgba(0, 0, 0, 0.04);
  --zmp-dialog-min-width: 280px;
  --zmp-dialog-large-screen-width: 280px;
  --zmp-dialog-width: 74vw;
  --zmp-dialog-inner-padding: 20px 24px;
  --zmp-dialog-border-radius: 16px;
  --zmp-dialog-text-align: center;
  --zmp-dialog-font-size: 15px;
  --zmp-dialog-title-font-size: 16px;
  --zmp-dialog-title-font-weight: 500;
  --zmp-dialog-title-line-height: inherit;
  --zmp-dialog-button-font-size: 15px;
  --zmp-dialog-button-height: 56px;
  --zmp-dialog-button-letter-spacing: 0;
  --zmp-dialog-button-font-weight: 500;
  --zmp-dialog-button-text-transform: none;
  --zmp-dialog-input-border-radius: 4px;
  --zmp-dialog-input-font-size: 15px;
  --zmp-dialog-input-height: 48px;
  --zmp-dialog-input-border-width: 1px;
  --zmp-dialog-preloader-size: 32px;
  --zmp-dialog-input-placeholder-color: #99a3ad;
  --zmp-dialog-bg-color: #ffffff;
  --zmp-dialog-bg-color-rgb: 255, 255, 255;
  --zmp-dialog-text-color: #667685;
  --zmp-dialog-button-pressed-bg-color: rgba(0, 0, 0, 0.1);
  --zmp-dialog-input-border-color: #99a3ad;
  --zmp-dialog-border-divider-color: #c9d1d8;
  --zmp-dialog-title-text-color: #000000;
}
.ios .theme-dark,
.ios.theme-dark {
  --zmp-dialog-input-placeholder-color: #4a4b4d;
  --zmp-dialog-text-color: #8b8f92;
  --zmp-dialog-bg-color: #121415;
  --zmp-dialog-bg-color-rgb: 6, 7, 7;
  --zmp-dialog-button-pressed-bg-color: rgba(0, 0, 0, 0.2);
  --zmp-dialog-border-divider-color: #090909;
  --zmp-dialog-input-border-color: #363b3e;
  --zmp-dialog-input-bg-color: #121415;
  --zmp-dialog-title-text-color: #dbdfe2;
}
.md {
  --zmp-dialog-box-shadow: 0px 28px 32px rgba(0, 0, 0, 0.04), 0px 32px 36px rgba(0, 0, 0, 0.04);
  --zmp-dialog-min-width: 312px;
  --zmp-dialog-large-screen-width: 312px;
  --zmp-dialog-width: 86vw;
  --zmp-dialog-inner-padding: 20px 24px;
  --zmp-dialog-border-radius: 0px;
  --zmp-dialog-text-align: left;
  --zmp-dialog-font-size: 15px;
  --zmp-dialog-title-text-color: inherit;
  --zmp-dialog-title-font-size: 16px;
  --zmp-dialog-title-font-weight: 500;
  --zmp-dialog-title-line-height: inherit;
  --zmp-dialog-button-font-size: 15px;
  --zmp-dialog-button-height: 56px;
  --zmp-dialog-button-letter-spacing: 0;
  --zmp-dialog-button-font-weight: 500;
  --zmp-dialog-button-text-transform: none;
  --zmp-dialog-input-border-radius: 4px;
  --zmp-dialog-input-font-size: 15px;
  --zmp-dialog-input-height: 48px;
  --zmp-dialog-input-border-width: 1px;
  --zmp-dialog-preloader-size: 32px;
  --zmp-dialog-input-placeholder-color: #99a3ad;
  --zmp-dialog-bg-color: #ffffff;
  --zmp-dialog-bg-color-rgb: 255, 255, 255;
  --zmp-dialog-text-color: #667685;
  --zmp-dialog-button-pressed-bg-color: rgba(0, 0, 0, 0.1);
  --zmp-dialog-input-border-color: #99a3ad;
  --zmp-dialog-border-divider-color: #c9d1d8;
  --zmp-dialog-title-text-color: #000000;
}
.md .theme-dark,
.md.theme-dark {
  --zmp-dialog-input-placeholder-color: #4a4b4d;
  --zmp-dialog-text-color: #8b8f92;
  --zmp-dialog-bg-color: #121415;
  --zmp-dialog-bg-color-rgb: 6, 7, 7;
  --zmp-dialog-button-pressed-bg-color: rgba(0, 0, 0, 0.2);
  --zmp-dialog-border-divider-color: #090909;
  --zmp-dialog-input-border-color: #363b3e;
  --zmp-dialog-input-bg-color: #121415;
  --zmp-dialog-title-text-color: #dbdfe2;
}
.aurora {
  --zmp-dialog-box-shadow: 0px 28px 32px rgba(0, 0, 0, 0.04), 0px 32px 36px rgba(0, 0, 0, 0.04);
  --zmp-dialog-min-width: 280px;
  --zmp-dialog-large-screen-width: 280px;
  --zmp-dialog-width: 74vw;
  --zmp-dialog-inner-padding: 20px 24px;
  --zmp-dialog-border-radius: 16px;
  --zmp-dialog-text-align: center;
  --zmp-dialog-font-size: left;
  --zmp-dialog-title-text-color: inherit;
  --zmp-dialog-title-font-size: 16px;
  --zmp-dialog-title-font-weight: 500;
  --zmp-dialog-title-line-height: inherit;
  --zmp-dialog-button-font-size: 15px;
  --zmp-dialog-button-height: 56px;
  --zmp-dialog-button-letter-spacing: 0;
  --zmp-dialog-button-font-weight: 500;
  --zmp-dialog-button-text-transform: none;
  --zmp-dialog-input-border-radius: 4px;
  --zmp-dialog-input-font-size: 15px;
  --zmp-dialog-input-height: 48px;
  --zmp-dialog-input-border-width: 1px;
  --zmp-dialog-preloader-size: 32px;
  --zmp-dialog-input-placeholder-color: #99a3ad;
  --zmp-dialog-bg-color: #ffffff;
  --zmp-dialog-bg-color-rgb: 255, 255, 255;
  --zmp-dialog-text-color: #667685;
  --zmp-dialog-button-pressed-bg-color: rgba(0, 0, 0, 0.1);
  --zmp-dialog-input-border-color: #99a3ad;
  --zmp-dialog-border-divider-color: #c9d1d8;
  --zmp-dialog-title-text-color: #000000;
}
.aurora .theme-dark,
.aurora.theme-dark {
  --zmp-dialog-input-placeholder-color: #4a4b4d;
  --zmp-dialog-text-color: #8b8f92;
  --zmp-dialog-bg-color: #121415;
  --zmp-dialog-bg-color-rgb: 6, 7, 7;
  --zmp-dialog-button-pressed-bg-color: rgba(0, 0, 0, 0.2);
  --zmp-dialog-border-divider-color: #090909;
  --zmp-dialog-input-border-color: #363b3e;
  --zmp-dialog-input-bg-color: #121415;
  --zmp-dialog-title-text-color: #dbdfe2;
}
.ios .dialog.modal-out {
  transform: translate3d(-50%, -50%, 0) scale(1);
}
.ios .dialog-text {
  font-size: 15px;
  line-height: 20px;
}
.ios .dialog-buttons {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  justify-content: center;
}
.ios.ios-translucent-modals .dialog {
  background-color: var(--zmp-dialog-bg-color);
}
.ios .dialog-title + .dialog-text {
  margin-top: 20px;
}
.md .dialog.modal-out {
  transform: translate3d(-50%, -50%, 0) scale(0.815);
}
.md .dialog-buttons {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  padding: 16px 16px 20px 16px;
  overflow: hidden;
  box-sizing: border-box;
  justify-content: flex-end;
}
.md .dialog-text {
  font-size: 15px;
  line-height: 20px;
}
.md .dialog-inner {
  border-radius: var(--zmp-dialog-border-radius) var(--zmp-dialog-border-radius) 0 0;
  padding-bottom: 0;
}
.md .dialog-inner:after {
  display: none !important;
}
.md .dialog-title + .dialog-text {
  margin-top: 16px;
}
.md .dialog-button {
  padding: 8px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  line-height: var(--zmp-dialog-button-line-height);
  height: auto;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.md .dialog-button:not(:last-child) {
  margin-right: 8px;
}
.md .dialog-button.dialog-button-bold {
  font-weight: 500;
}
.md .dialog-button + .dialog-button {
  margin-left: 0px;
}
.md .dialog-button[class*='color-'] {
  --zmp-dialog-button-text-color: var(--zmp-theme-color);
}
.md .dialog-buttons-vertical .dialog-buttons {
  height: auto;
}
.md .dialog-buttons-vertical .dialog-button {
  margin-right: 0;
}
.md .dialog-buttons-vertical .dialog-button:after {
  display: none !important;
}
.md .dialog-buttons-vertical .dialog-button:last-child:after {
  display: none !important;
}
.md .dialog-buttons-vertical .dialog-button + .dialog-button {
  margin-top: 0px;
}
.aurora .dialog.modal-out {
  transform: translate3d(-50%, -50%, 0) scale(0.815);
}
.aurora .dialog-title + .dialog-text {
  margin-top: 20px;
}
.aurora .dialog-inner {
  border-radius: var(--zmp-dialog-border-radius) var(--zmp-dialog-border-radius) 0 0;
}
.aurora .dialog-inner:after {
  content: '';
  position: absolute;
  background-color: var(--zmp-dialog-border-divider-color);
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  transform-origin: 50% 100%;
  transform: scaleY(calc(1 / var(--zmp-device-pixel-ratio)));
}
.aurora .dialog-text {
  font-size: 15px;
  line-height: 20px;
}
.aurora .dialog-buttons {
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
  justify-content: center;
}
.aurora .dialog-button {
  border-radius: 0;
  width: 100%;
  padding: 0 10px;
  border: none;
  transition-duration: 300ms;
  transform: translate3d(0, 0, 0);
  background: transparent;
}
.aurora .dialog-button.dialog-button-bold {
  font-weight: 500;
}
.aurora .dialog-button + .dialog-button {
  margin-left: 0;
}
.aurora .dialog-button.active-state {
  background-color: var(--zmp-dialog-button-pressed-bg-color, var(--zmp-theme-color-shade));
}
.aurora .dialog-button:after {
  content: '';
  position: absolute;
  background-color: var(--zmp-dialog-border-divider-color);
  display: block;
  z-index: 15;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: 1px;
  height: 100%;
  transform-origin: 100% 50%;
  transform: scaleX(calc(1 / var(--zmp-device-pixel-ratio)));
}
.aurora .dialog-button:first-child {
  border-radius: 0 0 0 var(--zmp-dialog-border-radius);
}
.aurora .dialog-button:last-child {
  border-radius: 0 0 var(--zmp-dialog-border-radius) 0;
}
.aurora .dialog-button:last-child:after {
  display: none !important;
}
.aurora .dialog-button:first-child:last-child {
  border-radius: 0 0 var(--zmp-dialog-border-radius) var(--zmp-dialog-border-radius);
}
.aurora .dialog-button.dialog-button-bold {
  font-weight: 500;
}
.aurora .dialog-button + .dialog-button {
  margin-left: 0px;
}
.aurora.device-desktop .dialog-button:not(.active-state):not(.no-hover):hover {
  background-color: var(--zmp-dialog-button-hover-bg-color, var(--zmp-theme-color-tint));
}
.aurora .dialog-buttons-vertical .dialog-buttons {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.aurora .dialog-buttons-vertical .dialog-button {
  margin-left: 0;
  flex-shrink: 0;
}
.aurora .dialog-buttons-vertical .dialog-button + .dialog-button {
  margin-top: 0;
}
.aurora .dialog-buttons-vertical .dialog-button:after {
  content: '';
  position: absolute;
  background-color: var(--zmp-dialog-border-divider-color);
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  transform-origin: 50% 100%;
  transform: scaleY(calc(1 / var(--zmp-device-pixel-ratio)));
}
.aurora .dialog-buttons-vertical .dialog-button:last-child {
  border-radius: 0 0 var(--zmp-dialog-border-radius) var(--zmp-dialog-border-radius);
}
.aurora .dialog-buttons-vertical .dialog-button:last-child:after {
  display: none !important;
}
/* === Actions === */
:root {
  --zmp-groups-top-border-width: 10px;
  --zmp-actions-sheet-bg-color: #ffffff;
  --zmp-actions-button-text-color: #001121;
  --zmp-actions-negative-button-text-color: #ef4e49;
  --zmp-groups-top-border-color: #e4e8ec;
}
:root .theme-dark,
:root.theme-dark {
  --zmp-actions-label-text-color: #4a4b4d;
  --zmp-actions-sheet-bg-color: #121415;
  --zmp-actions-button-text-color: #dbdfe2;
  --zmp-actions-negative-button-text-color: #e1807d;
  --zmp-groups-top-border-color: #090909;
}
.ios {
  --zmp-actions-border-radius: 16px;
  --zmp-actions-button-padding: 0px;
  --zmp-actions-button-text-align: center;
  --zmp-actions-button-height: 56px;
  --zmp-actions-button-height-landscape: 44px;
  --zmp-actions-button-font-size: 16px;
  --zmp-actions-button-icon-size: 28px;
  --zmp-actions-button-justify-content: center;
  --zmp-actions-label-padding: 16px 24px;
  --zmp-actions-label-font-size: 14px;
  --zmp-actions-label-justify-content: center;
  --zmp-actions-group-border-color: transparent;
  --zmp-actions-group-margin: 0px;
  --zmp-actions-bg-color: #ffffff;
  --zmp-actions-bg-color-rgb: 255, 255, 255;
  --zmp-actions-button-border-color: #c9d1d8;
  --zmp-actions-button-pressed-bg-color: rgba(230, 230, 230, 0.9);
  --zmp-actions-button-pressed-bg-color-rgb: 230, 230, 230;
  --zmp-actions-label-text-color: #99a3ad;
  --zmp-actions-group-border-color: #e4e8ec;
}
.ios .theme-dark,
.ios.theme-dark {
  --zmp-actions-bg-color: #121415;
  --zmp-actions-bg-color-rgb: 18,20,21;
  --zmp-actions-button-border-color: #090909;
  --zmp-actions-button-pressed-bg-color: rgba(50, 50, 50, 0.9);
  --zmp-actions-button-pressed-bg-color-rgb: 50, 50, 50;
  --zmp-actions-group-border-color: #090909;
}
.md {
  --zmp-actions-border-radius: 16px;
  --zmp-actions-button-padding: 0 16px;
  --zmp-actions-button-text-align: center;
  --zmp-actions-button-height: 56px;
  --zmp-actions-button-height-landscape: 56px;
  --zmp-actions-button-font-size: 16px;
  --zmp-actions-button-icon-size: 24px;
  --zmp-actions-button-justify-content: space-between;
  --zmp-actions-label-padding: 16px 24px;
  --zmp-actions-label-font-size: 14px;
  --zmp-actions-label-justify-content: center;
  --zmp-actions-group-margin: 0px;
  --zmp-actions-bg-color: #ffffff;
  --zmp-actions-button-pressed-bg-color: #e5e5e5;
  --zmp-actions-label-text-color: #99a3ad;
  --zmp-actions-group-border-color: #e4e8ec;
  --zmp-actions-button-border-color: #c9d1d8;
}
.md .theme-dark,
.md.theme-dark {
  --zmp-actions-bg-color: #121415;
  --zmp-actions-bg-color-rgb: 18,20,21;
  --zmp-actions-button-pressed-bg-color: #2e2e2e;
  --zmp-actions-group-border-color: #090909;
  --zmp-actions-button-border-color: #090909;
}
.aurora {
  --zmp-actions-border-radius: 16px;
  --zmp-actions-button-padding: 0 16px;
  --zmp-actions-button-text-align: center;
  --zmp-actions-button-height: 48px;
  --zmp-actions-button-height-landscape: 48px;
  --zmp-actions-button-font-size: 16px;
  --zmp-actions-button-icon-size: 24px;
  --zmp-actions-button-justify-content: space-between;
  --zmp-actions-label-padding: 16px 24px;
  --zmp-actions-label-font-size: 14px;
  --zmp-actions-label-justify-content: center;
  --zmp-actions-group-margin: 0px;
  --zmp-actions-bg-color: #ffffff;
  --zmp-actions-button-pressed-bg-color: #e5e5e5;
  --zmp-actions-label-text-color: #99a3ad;
  --zmp-actions-group-border-color: #e4e8ec;
  --zmp-actions-button-border-color: #c9d1d8;
}
.aurora .theme-dark,
.aurora.theme-dark {
  --zmp-actions-bg-color: #121415;
  --zmp-actions-bg-color-rgb: 18,20,21;
  --zmp-actions-button-pressed-bg-color: #2e2e2e;
  --zmp-actions-group-border-color: #090909;
  --zmp-actions-button-border-color: #090909;
}
.actions-group {
  overflow: hidden;
  position: relative;
  margin: var(--zmp-actions-group-margin);
  border-radius: 0;
  transform: translate3d(0, 0, 0);
}
.actions-group:first-child {
  border-top-left-radius: var(--zmp-actions-border-radius);
  border-top-right-radius: var(--zmp-actions-border-radius);
}
.actions-group:after {
  content: '';
  position: absolute;
  background-color: var(--zmp-actions-group-border-color);
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  transform-origin: 50% 100%;
  transform: scaleY(calc(1 / var(--zmp-device-pixel-ratio)));
}
.actions-group:last-child:after {
  display: none !important;
}
.actions-group:not(:first-child) {
  border-top: var(--zmp-groups-top-border-width) solid var(--zmp-groups-top-border-color);
}
.actions-button,
.actions-label {
  width: 100%;
  font-weight: normal;
  margin: 0;
  box-sizing: border-box;
  display: block;
  position: relative;
  overflow: hidden;
  text-align: var(--zmp-actions-button-text-align);
  background: var(--zmp-actions-bg-color);
}
@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
  .ios-translucent-modals .actions-button,
  .ios-translucent-modals .actions-label {
    background-color: rgba(var(--zmp-actions-bg-color-rgb), 0.8);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
            backdrop-filter: saturate(180%) blur(20px);
  }
}
.actions-button:after,
.actions-label:after {
  content: '';
  position: absolute;
  background-color: var(--zmp-actions-button-border-color);
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  transform-origin: 50% 100%;
  transform: scaleY(calc(1 / var(--zmp-device-pixel-ratio)));
}
.actions-button:first-child,
.actions-label:first-child {
  border-radius: 0;
}
.actions-button:last-child,
.actions-label:last-child {
  border-radius: 0;
}
.actions-button:last-child:after,
.actions-label:last-child:after {
  display: none !important;
}
.actions-button:first-child:last-child,
.actions-label:first-child:last-child {
  border-radius: 0;
}
.actions-button a,
.actions-label a {
  text-decoration: none;
  color: inherit;
  display: block;
}
.actions-button b,
.actions-label b,
.actions-button.actions-button-bold,
.actions-label.actions-button-bold {
  font-weight: 600;
}
.actions-button.negative-button,
.actions-label.negative-button {
  --zmp-actions-button-text-color: var(--zmp-actions-negative-button-text-color);
}
.actions-label {
  line-height: 22px;
}
.ios .actions-button-media {
  margin-left: 16px;
}
.ios .actions-button-media + .actions-button-text {
  text-align: left;
  margin-left: 16px;
}
.ios .actions-button,
.ios .actions-label {
  background-color: var(--zmp-actions-sheet-bg-color);
}
.md .actions-button {
  transition-duration: 300ms;
}
.md .actions-button-media {
  min-width: 40px;
}
.md .actions-button-media + .actions-button-text {
  margin-left: 16px;
}
.aurora .actions-button-media {
  margin-left: 16px;
}
.aurora .actions-button-media + .actions-button-text {
  text-align: left;
  margin-left: 16px;
}
/* === Sheet Modal === */
:root {
  --zmp-sheet-height: 360px;
  --zmp-sheet-border-color: transparent;
  --zmp-sheet-transition-duration: 300ms;
  --zmp-sheet-push-border-radius: 16px;
  --zmp-sheet-push-offset: var(--zmp-safe-area-top);
  --zmp-sheet-border-radius: 16px 16px 0 0;
  --zmp-sheet-title-font-size: 16px;
  --zmp-sheet-title-font-weight: 500;
  --zmp-sheet-subtitle-title-font-size: 12px;
  --zmp-sheet-subtitle-title-font-weight: 400;
  --zmp-sheet-close-icon-color: #667685;
  --zmp-sheet-toolbar-height: 80px;
  --zmp-sheet-bg-color: #ffffff;
  --zmp-sheet-title-text-color: #000000;
  --zmp-sheet-subtitle-text-color: #667685;
}
:root .theme-dark,
:root.theme-dark {
  --zmp-sheet-bg-color: #121415;
  --zmp-sheet-title-text-color: #dbdfe2;
  --zmp-sheet-subtitle-text-color: #4a4b4d;
}
.ios {
  --zmp-sheet-border-color: var(--zmp-bars-border-color);
}
.sheet-backdrop {
  z-index: 11000;
}
.sheet-modal {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: var(--zmp-sheet-height);
  display: none;
  box-sizing: border-box;
  transition-property: transform;
  transform: translate3d(0, 100%, 0);
  background: var(--zmp-sheet-bg-color);
  z-index: 13500;
  will-change: transform, opacity;
  border-radius: var(--zmp-sheet-border-radius);
}
.sheet-modal .sheet-modal-inner {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.sheet-modal .toolbar {
  --zmp-safe-area-bottom: 0px;
  position: relative;
  width: 100%;
}
.sheet-modal .toolbar:after,
.sheet-modal .toolbar:before {
  display: none;
}
.sheet-modal .toolbar + .sheet-modal-inner {
  height: calc(100% - var(--zmp-toolbar-height));
}
.sheet-modal .toolbar + .sheet-modal-inner .page-content {
  --zmp-page-toolbar-top-offset: 0px;
  --zmp-page-toolbar-bottom-offset: 0px;
}
.sheet-modal .zmp-sheet-default-toolbar {
  padding: 20px 56px;
  position: relative;
}
.sheet-modal .zmp-sheet-default-toolbar .zmp-sheet-default-close-button {
  width: 24px;
  height: 24px;
  color: var(--zmp-sheet-close-icon-color);
  position: absolute;
  top: 20px;
  left: 16px;
}
.sheet-modal .zmp-sheet-default-toolbar .zmp-sheet-default-close-button .icon {
  font-size: 24px;
}
.sheet-modal .zmp-sheet-default-toolbar .zmp-sheet-default-title-container .zmp-sheet-default-title {
  text-align: center;
  font-size: var(--zmp-sheet-title-font-size);
  font-weight: var(--zmp-sheet-title-font-weight);
  color: var(--zmp-sheet-title-text-color);
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sheet-modal .zmp-sheet-default-toolbar .zmp-sheet-default-title-container .zmp-sheet-default-subtitle {
  text-align: center;
  font-size: var(--zmp-sheet-subtitle-font-size);
  font-weight: var(--zmp-sheet-subtitle-font-weight);
  color: var(--zmp-sheet-subtitle-text-color);
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sheet-modal .zmp-sheet-default-toolbar + .sheet-modal-inner {
  height: calc(100% - var(--zmp-sheet-toolbar-height));
}
.sheet-modal .zmp-sheet-default-toolbar + .sheet-modal-inner .page-content {
  --zmp-page-toolbar-top-offset: 0px;
  --zmp-page-toolbar-bottom-offset: 0px;
}
.sheet-modal-bottom:before,
.sheet-modal:not(.sheet-modal-top):before {
  display: none !important;
}
.md .sheet-modal .toolbar a.link:not(.tab-link) {
  flex-shrink: 0;
}
/* === Toast === */
:root {
  --zmp-toast-font-size: 17px;
  --zmp-toast-text-line-height: 24px;
  --zmp-toast-icon-size: 48px;
  --zmp-toast-max-width: 568px;
}
.ios {
  --zmp-toast-bg-color-rgb: 76, 76, 76;
  --zmp-toast-padding-horizontal: 34px;
  --zmp-toast-padding-vertical: 12px;
  --zmp-toast-border-radius: 12px;
  --zmp-toast-button-min-width: 64px;
  --zmp-toast-text-color: rgba(255, 255, 255, 0.9);
  --zmp-toast-bg-color: #4c4c4c;
}
.ios .theme-dark,
.ios.theme-dark {
  --zmp-toast-text-color: rgba(255, 255, 255, 0.9);
  --zmp-toast-bg-color: #606060;
}
.md {
  --zmp-toast-bg-color-rgb: 76, 76, 76;
  --zmp-toast-padding-horizontal: 34px;
  --zmp-toast-padding-vertical: 12px;
  --zmp-toast-border-radius: 12px;
  --zmp-toast-button-min-width: 64px;
  --zmp-toast-text-color: rgba(255, 255, 255, 0.9);
  --zmp-toast-bg-color: #4c4c4c;
}
.md .theme-dark,
.md.theme-dark {
  --zmp-toast-text-color: rgba(255, 255, 255, 0.9);
  --zmp-toast-bg-color: #606060;
}
.aurora {
  --zmp-toast-bg-color-rgb: 76, 76, 76;
  --zmp-toast-padding-horizontal: 34px;
  --zmp-toast-padding-vertical: 12px;
  --zmp-toast-border-radius: 12px;
  --zmp-toast-button-min-width: 64px;
  --zmp-toast-text-color: rgba(255, 255, 255, 0.9);
  --zmp-toast-bg-color: #4c4c4c;
}
.aurora .theme-dark,
.aurora.theme-dark {
  --zmp-toast-text-color: rgba(255, 255, 255, 0.9);
  --zmp-toast-bg-color: #606060;
}
.toast {
  border-radius: var(--zmp-toast-border-radius);
}
.toast .toast-text {
  line-height: var(--zmp-toast-text-line-height);
  flex-shrink: 1;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.ios .toast {
  left: 50%;
  max-width: calc(100% - 32px);
  width: auto;
}
.ios .toast.toast-top,
.ios .toast.toast-top.modal-in {
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
}
.ios .toast.toast-center {
  left: 50%;
  width: auto;
}
.ios .toast.toast-bottom,
.ios .toast.toast-bottom.modal-in {
  bottom: calc(16px + var(--zmp-safe-area-bottom));
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 569px) {
  .ios .toast {
    margin-left: 0;
  }
}
.ios .toast-button {
  margin-left: 16px;
}
.md .toast {
  left: 50%;
  max-width: calc(100% - 32px);
  width: auto;
}
.md .toast.toast-top {
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
}
.md .toast.toast-center {
  left: 50%;
  width: auto;
}
.md .toast.toast-bottom {
  bottom: calc(16px + var(--zmp-safe-area-bottom));
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 584px) {
  .md .toast {
    margin-left: 0;
  }
}
.md .toast-button {
  margin-left: 16px;
}
.aurora .toast {
  left: 50%;
  max-width: calc(100% - 32px);
  width: auto;
}
.aurora .toast.toast-top {
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
}
.aurora .toast.toast-center {
  left: 50%;
  width: auto;
}
.aurora .toast.toast-bottom {
  bottom: calc(16px + var(--zmp-safe-area-bottom));
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 584px) {
  .aurora .toast {
    margin-left: 0;
  }
}
/* === Preloader === */
:root {
  --zmp-preloader-modal-padding: 24px;
  --zmp-preloader-toast-color: #ffffff;
  --zmp-spinner-toast-color: rgba(255, 255, 255, 0.6);
  --zmp-logo-preloader-size: 58px;
  --zmp-preloader-toast-text-color: rgba(255, 255, 255, 0.9);
  --zmp-preloader-modal-bg-color: #4c4c4c;
  --zmp-ring-spinner-color: #e4e8ec;
  --zmp-logo-bg-color: #e4e8ec;
}
:root .theme-dark,
:root.theme-dark {
  --zmp-preloader-modal-bg-color: #606060;
  --zmp-ring-spinner-color: #363b3e;
  --zmp-logo-bg-color: #363b3e;
}
.ios {
  --zmp-preloader-size: 24px;
  --zmp-preloader-modal-preloader-size: 36px;
  --zmp-preloader-modal-border-radius: 12px;
  --zmp-preloader-color: #000000;
  --zmp-spinner-color: #5a5a5a69;
}
.ios .theme-dark,
.ios.theme-dark {
  --zmp-preloader-color: #ffffff;
  --zmp-spinner-color: rgba(255, 255, 255, 0.6);
}
.md {
  --zmp-preloader-size: 24px;
  --zmp-preloader-modal-preloader-size: 36px;
  --zmp-preloader-modal-border-radius: 12px;
  --zmp-preloader-color: #000000;
  --zmp-spinner-color: #5a5a5a69;
}
.md .theme-dark,
.md.theme-dark {
  --zmp-preloader-color: #ffffff;
  --zmp-spinner-color: rgba(255, 255, 255, 0.6);
}
.aurora {
  --zmp-preloader-size: 24px;
  --zmp-preloader-modal-preloader-size: 36px;
  --zmp-preloader-modal-border-radius: 12px;
  --zmp-preloader-color: #000000;
  --zmp-spinner-color: #5a5a5a69;
}
.aurora .theme-dark,
.aurora.theme-dark {
  --zmp-preloader-color: #ffffff;
  --zmp-spinner-color: rgba(255, 255, 255, 0.6);
}
.zmp-preloader {
  display: inline-block;
  vertical-align: middle;
  width: var(--zmp-preloader-size);
  height: var(--zmp-preloader-size);
  font-size: 0;
  position: relative;
}
.zmp-preloader .spinner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.zmp-preloader.preloader-with-logo {
  --zmp-preloader-size: var(--zmp-logo-preloader-size);
  --zmp-preloader-color: var(--zmp-preloader-logo-color);
  --zmp-spinner-color: var(--zmp-spinner-logo-color);
  padding: 5px;
}
.zmp-preloader.preloader-with-logo .preloader-logo-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  background: var(--zmp-logo-bg-color);
}
.zmp-preloader.preloader-with-logo .preloader-logo-container .logo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.zmp-preloader .spinner {
  width: 100%;
  height: 100%;
  animation: preloader-rotate 0.75s linear infinite;
}
.zmp-preloader .spinner circle.spinner-path {
  fill: none;
}
.zmp-preloader .spinner stop {
  stop-color: var(--zmp-spinner-color);
}
.zmp-preloader .spinner .spinner-path,
.zmp-preloader .spinner .dot-path {
  stroke-dasharray: 170;
  stroke-dashoffset: 20;
}
.zmp-preloader .spinner .spinner-dot .dot-path {
  fill: var(--zmp-preloader-color);
}
.zmp-preloader .ring-spinner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0.5px solid var(--zmp-ring-spinner-color);
  border-radius: 100%;
  animation: preloader-rotate 1.3s linear infinite;
  box-sizing: border-box;
}
.zmp-preloader .ring-spinner .ball {
  position: absolute;
  top: -2px;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: var(--zmp-ring-spinner-ball-color, var(--zmp-theme-color));
}
/* === Preloader Toast === */
.preloader-backdrop {
  visibility: visible;
  opacity: 0;
  background: none;
  z-index: 14000;
}
.preloader-toast {
  position: fixed;
  left: 50%;
  top: 50%;
  padding: var(--zmp-preloader-modal-padding);
  background: var(--zmp-preloader-modal-bg-color);
  z-index: 14500;
  transform: translateX(-50%) translateY(-50%);
  border-radius: var(--zmp-preloader-modal-border-radius);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  visibility: hidden;
}
.preloader-toast.preloader-toast-visible {
  visibility: visible;
}
.preloader-toast .zmp-preloader {
  --zmp-preloader-size: var(--zmp-preloader-modal-preloader-size);
  --zmp-preloader-color: var(--zmp-preloader-toast-color);
  --zmp-spinner-color: var(--zmp-spinner-toast-color);
  display: block !important;
}
.preloader-toast .preloader-toast-text {
  font-size: 17px;
  line-height: 24px;
  color: var(--zmp-preloader-toast-text-color);
  margin-top: 16px;
  text-align: center;
}
@keyframes preloader-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* === Progressbar === */
:root {
  --zmp-progressbar-progress-color: var(--zmp-theme-color);
}
.ios {
  --zmp-progressbar-height: 3px;
  --zmp-progressbar-border-radius: 0px;
  --zmp-progressbar-bg-color: transparent;
}
.ios .theme-dark,
.ios.theme-dark {
  --zmp-progressbar-bg-color: transparent;
}
.md {
  /*
  --zmp-progressbar-bg-color: rgba(var(--zmp-theme-color-rgb), 0.5);
  */
  --zmp-progressbar-height: 3px;
  --zmp-progressbar-border-radius: 0px;
  --zmp-progressbar-bg-color: transparent;
}
.md .theme-dark,
.md.theme-dark {
  --zmp-progressbar-bg-color: transparent;
}
.aurora {
  --zmp-progressbar-height: 3px;
  --zmp-progressbar-border-radius: 0px;
  --zmp-progressbar-bg-color: transparent;
}
.aurora .theme-dark,
.aurora.theme-dark {
  --zmp-progressbar-bg-color: transparent;
}
.ios .progressbar-infinite:before {
  animation: ios-progressbar-infinite 1s linear infinite;
}
.ios .progressbar-infinite:after {
  display: none;
}
.ios .progressbar-infinite.color-multi:before {
  width: 400%;
  background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55, #5856d6, #34aadc, #007aff, #5ac8fa, #4cd964);
  background-size: 25% 100%;
  background-repeat: repeat-x;
  animation: ios-progressbar-infinite-multicolor 3s linear infinite;
}
@keyframes ios-progressbar-infinite {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes ios-progressbar-infinite-multicolor {
  0% {
    transform: translate3d(0%, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}
.md .progressbar-infinite:before {
  animation: md-progressbar-infinite 1s linear infinite;
}
.md .progressbar-infinite:after {
  display: none;
}
.md .progressbar-infinite.color-multi:before {
  width: 400%;
  background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55, #5856d6, #34aadc, #007aff, #5ac8fa, #4cd964);
  background-size: 25% 100%;
  background-repeat: repeat-x;
  animation: md-progressbar-infinite-multicolor-fill 3s linear infinite;
}
@keyframes md-progressbar-infinite {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes md-progressbar-infinite-multicolor-fill {
  0% {
    transform: translate3d(0%, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}
.aurora .progressbar,
.aurora .progressbar-infinite,
.aurora .progressbar span,
.aurora .progressbar-infinite:before {
  box-shadow: none;
}
.aurora .progressbar-infinite:before {
  animation: aurora-progressbar-infinite 1s linear infinite;
}
.aurora .progressbar-infinite:after {
  display: none;
}
.aurora .progressbar-infinite.color-multi:before {
  width: 400%;
  background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55, #5856d6, #34aadc, #007aff, #5ac8fa, #4cd964);
  background-size: 25% 100%;
  background-repeat: repeat-x;
  animation: aurora-progressbar-infinite-multicolor 3s linear infinite;
}
@keyframes aurora-progressbar-infinite {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes aurora-progressbar-infinite-multicolor {
  0% {
    transform: translate3d(0%, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}
/* === List View === */
:root {
  --zmp-list-inset-side-margin: 16px;
  --zmp-list-item-cell-margin: 16px;
  --zmp-list-item-padding-horizontal: 16px;
  --zmp-list-item-padding-vertical: 16px;
  --zmp-list-media-item-padding-horizontal: 16px;
  --zmp-list-item-text-max-lines: 1;
  --zmp-list-chevron-icon-font-size: 20px;
  --zmp-list-item-media-margin: 16px;
  --zmp-list-item-title-font-size: 16px;
  --zmp-list-item-title-font-weight: 400;
  --zmp-list-item-title-line-height: 22px;
  --zmp-list-item-title-white-space: nowrap;
  --zmp-list-item-subtitle-font-weight: 400;
  --zmp-list-item-subtitle-text-color: #667685;
  --zmp-list-item-subtitle-line-height: 18px;
  --zmp-list-item-text-font-weight: 400;
  --zmp-list-item-after-font-weight: 400;
  --zmp-list-item-after-line-height: 18px;
  --zmp-list-item-header-text-color: #667685;
  --zmp-list-item-header-font-size: 14px;
  --zmp-list-item-header-font-weight: 400;
  --zmp-list-item-header-line-height: 18px;
  --zmp-list-item-footer-font-size: 14px;
  --zmp-list-item-footer-font-weight: 400;
  --zmp-list-item-footer-line-height: 18px;
  /*
  --zmp-list-button-text-color: var(--zmp-theme-color);
  --zmp-list-button-pressed-bg-color: rgba(var(--zmp-theme-color-rgb), .15);
  */
  --zmp-list-button-font-size: 15px;
  --zmp-list-button-font-weight: 400;
  --zmp-list-button-text-align: center;
  --zmp-list-item-divider-line-height: inherit;
  --zmp-list-item-divider-font-weight: 400;
  --zmp-list-group-title-line-height: inherit;
  --zmp-menu-list-offset: 8px;
  --zmp-menu-list-border-radius: 8px;
  --zmp-menu-list-font-size: 14px;
  --zmp-menu-list-item-title-font-size: 14px;
  --zmp-menu-list-item-title-font-weight: 500;
  --zmp-menu-list-item-subtitle-font-size: 14px;
  --zmp-menu-list-item-text-font-size: 14px;
  --zmp-menu-list-item-after-font-size: 16px;
  --zmp-list-bg-color: #ffffff;
  --zmp-list-chevron-icon-color: #001a33;
  --zmp-menu-list-selected-text-color: var(--zmp-theme-color);
  --zmp-menu-list-selected-bg-color: rgba(var(--zmp-theme-color-rgb), 0.15);
  --zmp-list-item-title-text-color: #001a33;
}
:root .theme-dark,
:root.theme-dark {
  --zmp-list-button-border-color: #060707;
  --zmp-list-bg-color: #121415;
  --zmp-list-border-color: #060707;
  --zmp-list-item-border-color: #060707;
  --zmp-list-item-divider-border-color: #060707;
  --zmp-list-item-divider-bg-color: #060707;
  --zmp-list-group-title-bg-color: #121415;
  --zmp-list-chevron-icon-color: #dbdfe2;
  --zmp-menu-list-selected-text-color: inherit;
  --zmp-menu-list-selected-bg-color: var(--zmp-theme-color);
  --zmp-list-item-title-text-color: #dbdfe2;
  --zmp-list-item-subtitle-text-color: #4a4b4d;
}
.ios {
  --zmp-list-in-list-padding-left: 24px;
  --zmp-list-inset-border-radius: 16px;
  --zmp-list-margin-vertical: 24px;
  --zmp-list-font-size: 16px;
  --zmp-list-chevron-icon-area: 20px;
  --zmp-list-border-color: #c9d1d8;
  --zmp-list-item-border-color: #c9d1d8;
  --zmp-list-link-pressed-bg-color: rgba(0, 0, 0, 0.15);
  --zmp-list-item-subtitle-font-size: 14px;
  --zmp-list-item-text-font-size: 14px;
  --zmp-list-item-text-line-height: 18px;
  --zmp-list-item-after-font-size: 16px;
  --zmp-list-item-after-padding: 5px;
  --zmp-list-item-min-height: 56px;
  --zmp-list-item-media-icons-margin: 5px;
  --zmp-list-media-item-padding-vertical: 16px;
  --zmp-list-media-item-title-font-weight: 500;
  --zmp-list-button-border-color: #c9d1d8;
  --zmp-list-item-divider-height: 24px;
  --zmp-list-item-divider-font-size: inherit;
  --zmp-list-item-divider-bg-color: #c9d1d8;
  --zmp-list-item-divider-border-color: #c9d1d8;
  --zmp-list-group-title-height: 31px;
  --zmp-list-group-title-font-size: 16px;
  --zmp-list-group-title-font-weight: 400;
  --zmp-list-group-title-bg-color: #ffffff;
  --zmp-list-item-after-text-color: #000000;
  --zmp-list-item-footer-text-color: #667685;
  --zmp-list-item-text-text-color: #667685;
  --zmp-list-item-divider-text-color: #001a33;
  --zmp-list-group-title-text-color: #001a33;
}
.ios .theme-dark,
.ios.theme-dark {
  --zmp-list-item-after-text-color: #dbdfe2;
  --zmp-list-item-header-text-color: #4a4b4d;
  --zmp-list-item-footer-text-color: #4a4b4d;
  --zmp-list-item-text-text-color: #4a4b4d;
  --zmp-list-item-divider-text-color: #dbdfe2;
  --zmp-list-group-title-text-color: #dbdfe2;
  --zmp-list-link-pressed-bg-color: rgba(255, 255, 255, 0.08);
}
.md {
  --zmp-list-in-list-padding-left: 24px;
  --zmp-list-inset-border-radius: 16px;
  --zmp-list-margin-vertical: 24px;
  --zmp-list-font-size: 16px;
  --zmp-list-chevron-icon-area: 20px;
  --zmp-list-border-color: #c9d1d8;
  --zmp-list-item-border-color: #c9d1d8;
  --zmp-list-link-pressed-bg-color: rgba(0, 0, 0, 0.15);
  --zmp-list-item-subtitle-font-size: 14px;
  --zmp-list-item-text-font-size: 14px;
  --zmp-list-item-text-line-height: 18px;
  --zmp-list-item-after-font-size: 16px;
  --zmp-list-item-after-padding: 5px;
  --zmp-list-item-min-height: 56px;
  --zmp-list-item-media-icons-margin: 5px;
  --zmp-list-media-item-padding-vertical: 16px;
  --zmp-list-media-item-title-font-weight: 500;
  --zmp-list-button-border-color: #c9d1d8;
  --zmp-list-item-divider-height: 24px;
  --zmp-list-item-divider-font-size: inherit;
  --zmp-list-item-divider-bg-color: #c9d1d8;
  --zmp-list-item-divider-border-color: #c9d1d8;
  --zmp-list-group-title-height: 31px;
  --zmp-list-group-title-font-size: 16px;
  --zmp-list-group-title-font-weight: 400;
  --zmp-list-group-title-bg-color: #ffffff;
  --zmp-list-item-after-text-color: #000000;
  --zmp-list-item-footer-text-color: #667685;
  --zmp-list-item-text-text-color: #667685;
  --zmp-list-item-divider-text-color: #001a33;
  --zmp-list-group-title-text-color: #001a33;
}
.md .theme-dark,
.md.theme-dark {
  --zmp-list-item-after-text-color: #dbdfe2;
  --zmp-list-item-header-text-color: #4a4b4d;
  --zmp-list-item-footer-text-color: #4a4b4d;
  --zmp-list-item-text-text-color: #4a4b4d;
  --zmp-list-item-divider-text-color: #dbdfe2;
  --zmp-list-group-title-text-color: #dbdfe2;
  --zmp-list-link-pressed-bg-color: rgba(255, 255, 255, 0.08);
}
.aurora {
  --zmp-list-in-list-padding-left: 24px;
  --zmp-list-inset-border-radius: 16px;
  --zmp-list-margin-vertical: 24px;
  --zmp-list-font-size: 16px;
  --zmp-list-chevron-icon-area: 20px;
  --zmp-list-border-color: #c9d1d8;
  --zmp-list-item-border-color: #c9d1d8;
  --zmp-list-link-pressed-bg-color: rgba(0, 0, 0, 0.15);
  --zmp-list-item-subtitle-font-size: 14px;
  --zmp-list-item-text-font-size: 14px;
  --zmp-list-item-text-line-height: 18px;
  --zmp-list-item-after-font-size: 16px;
  --zmp-list-item-after-padding: 5px;
  --zmp-list-item-min-height: 56px;
  --zmp-list-item-media-icons-margin: 5px;
  --zmp-list-media-item-padding-vertical: 16px;
  --zmp-list-media-item-title-font-weight: 500;
  --zmp-list-button-border-color: #c9d1d8;
  --zmp-list-item-divider-height: 24px;
  --zmp-list-item-divider-font-size: inherit;
  --zmp-list-item-divider-bg-color: #c9d1d8;
  --zmp-list-item-divider-border-color: #c9d1d8;
  --zmp-list-group-title-height: 31px;
  --zmp-list-group-title-font-size: 16px;
  --zmp-list-group-title-font-weight: 400;
  --zmp-list-group-title-bg-color: #ffffff;
  --zmp-list-item-after-text-color: #000000;
  --zmp-list-item-footer-text-color: #667685;
  --zmp-list-item-text-text-color: #667685;
  --zmp-list-item-divider-text-color: #001a33;
  --zmp-list-group-title-text-color: #001a33;
}
.aurora .theme-dark,
.aurora.theme-dark {
  --zmp-list-item-after-text-color: #dbdfe2;
  --zmp-list-item-header-text-color: #dbdfe2;
  --zmp-list-item-footer-text-color: #4a4b4d;
  --zmp-list-item-text-text-color: #4a4b4d;
  --zmp-list-item-divider-text-color: #dbdfe2;
  --zmp-list-group-title-text-color: #dbdfe2;
  --zmp-list-link-pressed-bg-color: rgba(255, 255, 255, 0.08);
}
:root {
  --zmp-list-chevron-icon-left: 'chevron_left';
  --zmp-list-chevron-icon-right: 'chevron_right';
}
.list {
  list-style: none;
}
.list .item-header,
.list .item-footer {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.list .item-content {
  box-sizing: border-box;
  align-items: center;
  min-height: calc(var(--zmp-list-item-min-height) - var(--menu-list-offset));
  padding-left: calc(var(--zmp-list-item-padding-horizontal) + var(--zmp-safe-area-left) - var(--menu-list-offset));
}
.list .item-content:after {
  content: '';
  position: absolute;
  background-color: var(--zmp-list-item-border-color);
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  transform-origin: 50% 100%;
  transform: scaleY(calc(1 / var(--zmp-device-pixel-ratio)));
}
.list li:last-child .list-button:after {
  display: none !important;
}
.list li:last-child > .item-inner:after,
.list li:last-child li:last-child > .item-inner:after,
.list li:last-child > .item-content > .item-inner:after,
.list li:last-child li:last-child > .item-content > .item-inner:after,
.list li:last-child > .swipeout-content > .item-content > .item-inner:after,
.list li:last-child li:last-child > .swipeout-content > .item-content > .item-inner:after,
.list li:last-child > .item-link > .item-content > .item-inner:after,
.list li:last-child li:last-child > .item-link > .item-content > .item-inner:after {
  display: none !important;
}
.list li li:last-child .item-inner:after,
.list li:last-child li .item-inner:after {
  content: '';
  position: absolute;
  background-color: var(--zmp-list-item-border-color);
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  transform-origin: 50% 100%;
  transform: scaleY(calc(1 / var(--zmp-device-pixel-ratio)));
}
.list.no-hairlines-between .item-content:after {
  display: none !important;
}
.list li.list-item-taphold {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.list .item-inner:after {
  display: none !important;
}
form.list ul {
  --zmp-list-bg-color: transparent;
}
.ios .item-link.active-state .item-inner:after,
.ios .list-button.active-state:after,
.ios .links-list a.active-state:after {
  background-color: transparent;
}
.ios .links-list a.active-state,
.ios .list .item-link.active-state,
.ios .list .list-button.active-state {
  transition-duration: 0ms;
}
.md .list .item-media {
  min-width: 16px;
}
.aurora .list .item-media {
  min-width: 16px;
}
.aurora .links-list a,
.aurora .list .item-link:not(.item-selected),
.aurora .list .list-button {
  transition-duration: 0ms;
}
.aurora.device-desktop .links-list a:hover:not(.active-state):not(.no-hover),
.aurora.device-desktop .list .item-link:not(.item-selected):hover:not(.active-state):not(.no-hover) {
  background: var(--zmp-list-link-hover-bg-color);
}
.aurora.device-desktop .list .list-button:hover:not(.active-state):not(.no-hover) {
  background: var(--zmp-list-button-hover-bg-color);
}
:root {
  --zmp-card-title-font-size: 16px;
  --zmp-card-title-font-weight: 500;
  --zmp-card-title-line-height: 22px;
  --zmp-card-inset-bg-color: #ffffff;
  --zmp-card-inset-border-color: #c9d1d8;
}
:root .theme-dark,
:root.theme-dark {
  --zmp-card-inset-bg-color: #121415;
  --zmp-card-inset-border-color: #121415;
}
.zmp-card {
  padding: 16px 0;
}
.zmp-card .zmp-card-title {
  font-size: var(--zmp-card-title-font-size);
  font-weight: var(--zmp-card-title-font-weight);
  line-height: var(--zmp-card-title-line-height);
  margin-left: 16px;
  margin-bottom: 16px;
}
.zmp-card.zmp-card-inset {
  border: 0.25px solid var(--zmp-card-inset-border-color);
  margin: 24px;
  border-radius: var(--zmp-round-border-radius);
  background-color: var(--zmp-card-inset-bg-color);
}
.zmp-card.zmp-card-inset .zmp-card-body {
  margin: 0 16px;
}
/* === Input === */
:root {
  --zmp-input-bg-color: #ffffff;
  --zmp-label-font-weight: normal;
  --zmp-label-line-height: 18px;
  --zmp-input-padding-left: 16px;
  --zmp-input-padding-right: 16px;
  --zmp-input-error-text-color: #ef4e49;
  --zmp-input-error-font-size: 12px;
  --zmp-input-error-line-height: 1.1;
  --zmp-input-error-font-weight: normal;
  --zmp-input-info-font-size: 12px;
  --zmp-input-info-line-height: 16px;
  --zmp-input-outline-height: 40px;
  --zmp-input-boder-color: #99a3ad;
  --zmp-input-invalid-border-color: #ef4e49;
  --zmp-input-successful-border-color: #00c578;
  --zmp-input-successful-info-color: #00c578;
  --zmp-label-focused-text-color: #667685;
  --zmp-input-placeholder-color: #99a3ad;
  --zmp-input-outline-border-radius: 8px;
  --zmp-input-outline-padding-horizontal: 14px;
  --zmp-textarea-height: 120px;
  --zmp-show-password-button-size: 18px;
  --zmp-input-outline-border-color: #99a3ad;
  --zmp-input-disabled-bg-color: #e4e8ec;
  --zmp-input-disabled-border-color: #99a3ad;
  --zmp-input-disabled-text-color: rgba(0, 0, 0, 0.15);
  --zmp-input-disabled-placeholder-color: rgba(0, 0, 0, 0.15);
  --zmp-show-password-button-color: #667685;
  --zmp-show-dropdown-icon-color: #667685;
}
:root .theme-dark,
:root.theme-dark {
  --zmp-input-outline-border-color: #363b3e;
  --zmp-input-bg-color: #121415;
  --zmp-input-boder-color: #4a4b4d;
  --zmp-input-invalid-border-color: #e1807d;
  --zmp-input-successful-border-color: #47bd8e;
  --zmp-label-focused-text-color: #4a4b4d;
  --zmp-input-successful-info-color: #47bd8e;
  --zmp-input-placeholder-color: #4a4b4d;
  --zmp-input-disabled-bg-color: #060707;
  --zmp-input-disabled-border-color: #060707;
  --zmp-input-disabled-text-color: rgba(255, 255, 255, 0.1);
  --zmp-input-disabled-placeholder-color: rgba(255, 255, 255, 0.1);
  --zmp-show-password-button-color: #4a4b4d;
  --zmp-show-dropdown-icon-color: #4a4b4d;
}
.ios {
  --zmp-input-height: 48px;
  --zmp-input-font-size: 15px;
  --zmp-input-placeholder-color: #99a3ad;
  --zmp-textarea-padding-vertical: 12px;
  --zmp-label-font-size: 14px;
  --zmp-label-text-color: #667685;
  --zmp-floating-label-scale: calc(17 / 12);
  --zmp-inline-label-font-size: 14px;
  --zmp-inline-label-line-height: 1.4;
  --zmp-inline-label-padding-top: 3px;
  --zmp-input-clear-button-size: 14px;
  --zmp-input-text-color: #001a33;
  --zmp-input-info-text-color: #667685;
  --zmp-input-clear-button-color: #667685;
  --zmp-show-dropdown-icon-color: #667685;
}
.ios .theme-dark,
.ios.theme-dark {
  --zmp-input-text-color: #ccd1d6;
  --zmp-input-info-text-color: #4a4b4d;
  --zmp-input-clear-button-color: #4a4b4d;
  --zmp-label-text-color: #4a4b4d;
  --zmp-input-placeholder-color: #4a4b4d;
  --zmp-show-dropdown-icon-color: #4a4b4d;
}
.md {
  --zmp-input-height: 48px;
  --zmp-input-font-size: 15px;
  --zmp-textarea-padding-vertical: 12px;
  --zmp-label-font-size: 14px;
  --zmp-floating-label-scale: calc(16 / 12);
  --zmp-inline-label-font-size: 14px;
  --zmp-inline-label-line-height: 1.5;
  --zmp-inline-label-padding-top: 7px;
  --zmp-input-clear-button-size: 18px;
  --zmp-input-clear-button-color: #aaa;
  --zmp-input-text-color: #001a33;
  --zmp-input-placeholder-color: #99a3ad;
  --zmp-label-text-color: #667685;
  --zmp-input-info-text-color: #667685;
  --zmp-input-clear-button-color: #667685;
  --zmp-show-dropdown-icon-color: #667685;
}
.md .theme-dark,
.md.theme-dark {
  --zmp-input-text-color: #4a4b4d;
  --zmp-input-placeholder-color: #4a4b4d;
  --zmp-label-text-color: #4a4b4d;
  --zmp-input-info-text-color: #4a4b4d;
  --zmp-input-clear-button-color: #4a4b4d;
  --zmp-show-dropdown-icon-color: #4a4b4d;
}
.aurora {
  --zmp-input-height: 48px;
  --zmp-input-font-size: 15px;
  --zmp-textarea-padding-vertical: 12px;
  --zmp-label-font-size: 14px;
  --zmp-label-text-color: #667685;
  --zmp-floating-label-scale: calc(16 / 12);
  --zmp-inline-label-font-size: 14px;
  --zmp-inline-label-line-height: 1.5;
  --zmp-inline-label-padding-top: 4px;
  --zmp-input-clear-button-size: 20.2px;
  --zmp-input-outline-border-radius: 20.2px;
  --zmp-input-text-color: #001a33;
  --zmp-input-placeholder-color: #99a3ad;
  --zmp-input-clear-button-color: #667685;
  --zmp-input-info-text-color: #667685;
  --zmp-show-dropdown-icon-color: #667685;
}
.aurora .theme-dark,
.aurora.theme-dark {
  --zmp-input-text-color: #ccd1d6;
  --zmp-input-clear-button-color: #4a4b4d;
  --zmp-input-placeholder-color: #4a4b4d;
  --zmp-input-info-text-color: #4a4b4d;
  --zmp-show-dropdown-icon-color: #4a4b4d;
}
input[type='text'],
input[type='password'],
input[type='search'],
input[type='email'],
input[type='tel'],
input[type='url'],
input[type='date'],
input[type='month'],
input[type='datetime-local'],
input[type='time'],
input[type='number'],
select,
textarea {
  border-radius: 8px;
  border: solid 0.5px var(--zmp-input-boder-color);
  padding-left: var(--zmp-input-padding-left);
  padding-right: var(--zmp-input-padding-right);
}
input[type='text']:not(textarea),
input[type='password']:not(textarea),
input[type='search']:not(textarea),
input[type='email']:not(textarea),
input[type='tel']:not(textarea),
input[type='url']:not(textarea),
input[type='date']:not(textarea),
input[type='month']:not(textarea),
input[type='datetime-local']:not(textarea),
input[type='time']:not(textarea),
input[type='number']:not(textarea),
select:not(textarea),
textarea:not(textarea) {
  min-height: 48px;
}
input[type='text']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='email']:focus,
input[type='tel']:focus,
input[type='url']:focus,
input[type='date']:focus,
input[type='month']:focus,
input[type='datetime-local']:focus,
input[type='time']:focus,
input[type='number']:focus,
select:focus,
textarea:focus {
  border: solid 0.5px var(--zmp-forcused-border, var(--zmp-theme-color));
  box-shadow: 0px 0px 5px rgba(var(--zmp-input-focused-outline, var(--zmp-theme-color-rgb)), 0.5);
}
input[type='text']:disabled,
input[type='password']:disabled,
input[type='search']:disabled,
input[type='email']:disabled,
input[type='tel']:disabled,
input[type='url']:disabled,
input[type='date']:disabled,
input[type='month']:disabled,
input[type='datetime-local']:disabled,
input[type='time']:disabled,
input[type='number']:disabled,
select:disabled,
textarea:disabled {
  border-color: var(--zmp-input-disabled-border-color);
  background-color: var(--zmp-input-disabled-bg-color);
  color: var(--zmp-input-disabled-text-color);
  --zmp-input-placeholder-color: var(--zmp-input-disabled-placeholder-color);
}
input[type='text']::-webkit-input-placeholder, input[type='password']::-webkit-input-placeholder, input[type='search']::-webkit-input-placeholder, input[type='email']::-webkit-input-placeholder, input[type='tel']::-webkit-input-placeholder, input[type='url']::-webkit-input-placeholder, input[type='date']::-webkit-input-placeholder, input[type='month']::-webkit-input-placeholder, input[type='datetime-local']::-webkit-input-placeholder, input[type='time']::-webkit-input-placeholder, input[type='number']::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: var(--zmp-input-placeholder-color);
}
input[type='text']::placeholder,
input[type='password']::placeholder,
input[type='search']::placeholder,
input[type='email']::placeholder,
input[type='tel']::placeholder,
input[type='url']::placeholder,
input[type='date']::placeholder,
input[type='month']::placeholder,
input[type='datetime-local']::placeholder,
input[type='time']::placeholder,
input[type='number']::placeholder,
select::placeholder,
textarea::placeholder {
  color: var(--zmp-input-placeholder-color);
}
.theme-dark option {
  background-color: var(--zmp-page-bg-color);
}
.textarea-rows-1 {
  --zmp-textarea-height: calc(calc(1*19px) + 24px);
}
.textarea-resizable-shadow.textarea-rows-1 {
  --zmp-textarea-height: calc(calc(1*19px) + 24px);
}
.textarea-rows-2 {
  --zmp-textarea-height: calc(calc(2*19px) + 24px);
}
.textarea-resizable-shadow.textarea-rows-2 {
  --zmp-textarea-height: calc(calc(2*19px) + 24px);
}
.textarea-rows-3 {
  --zmp-textarea-height: calc(calc(3*19px) + 24px);
}
.textarea-resizable-shadow.textarea-rows-3 {
  --zmp-textarea-height: calc(calc(3*19px) + 24px);
}
.textarea-rows-4 {
  --zmp-textarea-height: calc(calc(4*19px) + 24px);
}
.textarea-resizable-shadow.textarea-rows-4 {
  --zmp-textarea-height: calc(calc(4*19px) + 24px);
}
.textarea-rows-5 {
  --zmp-textarea-height: calc(calc(5*19px) + 24px);
}
.textarea-resizable-shadow.textarea-rows-5 {
  --zmp-textarea-height: calc(calc(5*19px) + 24px);
}
.textarea-rows-6 {
  --zmp-textarea-height: calc(calc(6*19px) + 24px);
}
.textarea-resizable-shadow.textarea-rows-6 {
  --zmp-textarea-height: calc(calc(6*19px) + 24px);
}
.textarea-rows-7 {
  --zmp-textarea-height: calc(calc(7*19px) + 24px);
}
.textarea-resizable-shadow.textarea-rows-7 {
  --zmp-textarea-height: calc(calc(7*19px) + 24px);
}
.textarea-rows-8 {
  --zmp-textarea-height: calc(calc(8*19px) + 24px);
}
.textarea-resizable-shadow.textarea-rows-8 {
  --zmp-textarea-height: calc(calc(8*19px) + 24px);
}
.textarea-rows-9 {
  --zmp-textarea-height: calc(calc(9*19px) + 24px);
}
.textarea-resizable-shadow.textarea-rows-9 {
  --zmp-textarea-height: calc(calc(9*19px) + 24px);
}
.textarea-rows-10 {
  --zmp-textarea-height: calc(calc(10*19px) + 24px);
}
.textarea-resizable-shadow.textarea-rows-10 {
  --zmp-textarea-height: calc(calc(10*19px) + 24px);
}
.textarea-max-rows-1 textarea.resizable {
  max-height: calc(calc(1*19px) + 24px);
}
.textarea-max-rows-2 textarea.resizable {
  max-height: calc(calc(2*19px) + 24px);
}
.textarea-max-rows-3 textarea.resizable {
  max-height: calc(calc(3*19px) + 24px);
}
.textarea-max-rows-4 textarea.resizable {
  max-height: calc(calc(4*19px) + 24px);
}
.textarea-max-rows-5 textarea.resizable {
  max-height: calc(calc(5*19px) + 24px);
}
.textarea-max-rows-6 textarea.resizable {
  max-height: calc(calc(6*19px) + 24px);
}
.textarea-max-rows-7 textarea.resizable {
  max-height: calc(calc(7*19px) + 24px);
}
.textarea-max-rows-8 textarea.resizable {
  max-height: calc(calc(8*19px) + 24px);
}
.textarea-max-rows-9 textarea.resizable {
  max-height: calc(calc(9*19px) + 24px);
}
.textarea-max-rows-10 textarea.resizable {
  max-height: calc(calc(10*19px) + 24px);
}
textarea {
  min-height: var(--zmp-textarea-height, 120px);
  padding-bottom: var(--zmp-textarea-padding-vertical, 12px);
  padding-top: var(--zmp-textarea-padding-vertical, 12px);
}
.input-clear-button {
  right: 16px;
  top: calc(var(--zmp-input-height) / 2);
}
.item-input-error-message,
.item-input-info,
.input-error-message,
.input-info {
  position: relative;
  margin-bottom: 4px;
  margin-top: 4px;
}
.item-input-error-message,
.input-error-message {
  padding-left: 18px;
  padding-top: 1px;
}
.item-input-error-message:before,
.input-error-message:before {
  font-family: 'ZMP Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 12.5px;
  letter-spacing: normal;
  text-transform: none;
  display: inline-flex;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
  text-align: center;
  content: 'zi-info-circle';
  position: absolute;
  left: 0;
  width: 12.5px;
  height: 12.5px;
  line-height: 12.5px;
}
.input.input-with-error-message.input-invalid,
.item-input.item-input-with-error-message.item-input-invalid {
  padding-bottom: 0;
}
.input.input-with-error-message.input-invalid input[type='text'],
.item-input.item-input-with-error-message.item-input-invalid input[type='text'],
.input.input-with-error-message.input-invalid input[type='password'],
.item-input.item-input-with-error-message.item-input-invalid input[type='password'],
.input.input-with-error-message.input-invalid input[type='search'],
.item-input.item-input-with-error-message.item-input-invalid input[type='search'],
.input.input-with-error-message.input-invalid input[type='email'],
.item-input.item-input-with-error-message.item-input-invalid input[type='email'],
.input.input-with-error-message.input-invalid input[type='tel'],
.item-input.item-input-with-error-message.item-input-invalid input[type='tel'],
.input.input-with-error-message.input-invalid input[type='url'],
.item-input.item-input-with-error-message.item-input-invalid input[type='url'],
.input.input-with-error-message.input-invalid input[type='date'],
.item-input.item-input-with-error-message.item-input-invalid input[type='date'],
.input.input-with-error-message.input-invalid input[type='month'],
.item-input.item-input-with-error-message.item-input-invalid input[type='month'],
.input.input-with-error-message.input-invalid input[type='datetime-local'],
.item-input.item-input-with-error-message.item-input-invalid input[type='datetime-local'],
.input.input-with-error-message.input-invalid input[type='time'],
.item-input.item-input-with-error-message.item-input-invalid input[type='time'],
.input.input-with-error-message.input-invalid input[type='number'],
.item-input.item-input-with-error-message.item-input-invalid input[type='number'],
.input.input-with-error-message.input-invalid select,
.item-input.item-input-with-error-message.item-input-invalid select,
.input.input-with-error-message.input-invalid textarea,
.item-input.item-input-with-error-message.item-input-invalid textarea {
  border-color: var(--zmp-input-invalid-border-color);
  color: var(--zmp-input-text-color);
}
.input.input-with-error-message.input-invalid input[type='text']:focus,
.item-input.item-input-with-error-message.item-input-invalid input[type='text']:focus,
.input.input-with-error-message.input-invalid input[type='password']:focus,
.item-input.item-input-with-error-message.item-input-invalid input[type='password']:focus,
.input.input-with-error-message.input-invalid input[type='search']:focus,
.item-input.item-input-with-error-message.item-input-invalid input[type='search']:focus,
.input.input-with-error-message.input-invalid input[type='email']:focus,
.item-input.item-input-with-error-message.item-input-invalid input[type='email']:focus,
.input.input-with-error-message.input-invalid input[type='tel']:focus,
.item-input.item-input-with-error-message.item-input-invalid input[type='tel']:focus,
.input.input-with-error-message.input-invalid input[type='url']:focus,
.item-input.item-input-with-error-message.item-input-invalid input[type='url']:focus,
.input.input-with-error-message.input-invalid input[type='date']:focus,
.item-input.item-input-with-error-message.item-input-invalid input[type='date']:focus,
.input.input-with-error-message.input-invalid input[type='month']:focus,
.item-input.item-input-with-error-message.item-input-invalid input[type='month']:focus,
.input.input-with-error-message.input-invalid input[type='datetime-local']:focus,
.item-input.item-input-with-error-message.item-input-invalid input[type='datetime-local']:focus,
.input.input-with-error-message.input-invalid input[type='time']:focus,
.item-input.item-input-with-error-message.item-input-invalid input[type='time']:focus,
.input.input-with-error-message.input-invalid input[type='number']:focus,
.item-input.item-input-with-error-message.item-input-invalid input[type='number']:focus,
.input.input-with-error-message.input-invalid select:focus,
.item-input.item-input-with-error-message.item-input-invalid select:focus,
.input.input-with-error-message.input-invalid textarea:focus,
.item-input.item-input-with-error-message.item-input-invalid textarea:focus {
  box-shadow: none;
}
.item-input-successful input[type='text'],
.item-input-successful input[type='password'],
.item-input-successful input[type='search'],
.item-input-successful input[type='email'],
.item-input-successful input[type='tel'],
.item-input-successful input[type='url'],
.item-input-successful input[type='date'],
.item-input-successful input[type='month'],
.item-input-successful input[type='datetime-local'],
.item-input-successful input[type='time'],
.item-input-successful input[type='number'],
.item-input-successful select,
.item-input-successful textarea {
  border-color: var(--zmp-input-successful-border-color);
}
.item-input-successful input[type='text']:focus,
.item-input-successful input[type='password']:focus,
.item-input-successful input[type='search']:focus,
.item-input-successful input[type='email']:focus,
.item-input-successful input[type='tel']:focus,
.item-input-successful input[type='url']:focus,
.item-input-successful input[type='date']:focus,
.item-input-successful input[type='month']:focus,
.item-input-successful input[type='datetime-local']:focus,
.item-input-successful input[type='time']:focus,
.item-input-successful input[type='number']:focus,
.item-input-successful select:focus,
.item-input-successful textarea:focus {
  box-shadow: none;
}
.item-input-successful .input-info,
.item-input-successful .item-input-info {
  color: var(--zmp-input-successful-info-color);
}
.item-input .item-inner:after {
  display: none;
}
.disabled input[type='text'],
.disabled input[type='password'],
.disabled input[type='search'],
.disabled input[type='email'],
.disabled input[type='tel'],
.disabled input[type='url'],
.disabled input[type='date'],
.disabled input[type='month'],
.disabled input[type='datetime-local'],
.disabled input[type='time'],
.disabled input[type='number'],
.disabled select,
.disabled textarea {
  --zmp-input-placeholder-color: var(--zmp-input-disabled-placeholder-color);
  border-color: var(--zmp-input-disabled-border-color);
  background-color: var(--zmp-input-disabled-bg-color);
  color: var(--zmp-input-disabled-text-color);
}
.item-input-info-icon {
  font-size: 12px;
  margin-right: 6px;
  margin-top: -1px;
  --zmp-icon-disabled-color: var(--zmp-input-info-text-color);
}
.zmp-input-wrapper {
  position: relative;
}
.zmp-input-wrapper .input-clear-button {
  right: 16px;
  top: calc(var(--zmp-input-height) / 2);
}
.zmp-input-wrapper .item-title.item-label {
  width: 100%;
  vertical-align: top;
  flex-shrink: 0;
  font-size: var(--zmp-label-font-size);
  font-weight: var(--zmp-label-font-weight);
  line-height: var(--zmp-label-line-height);
  color: var(--zmp-label-text-color);
  transition-duration: 200ms;
  transition-property: transform, color;
  white-space: var(--zmp-list-item-title-white-space);
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  margin-bottom: 2px;
  display: inline-block;
}
.item-input-password .input-clear-button {
  right: 42px;
  top: calc(var(--zmp-input-height) / 2);
}
.item-input-password .show-password-button,
.zmp-input-wrapper .show-password-button {
  color: var(--zmp-show-password-button-color);
  position: absolute;
  display: flex;
  right: 16px;
  top: calc(calc(var(--zmp-input-height) / 2) + var(--zmp-label-line-height));
  margin-top: calc(-1 * calc(var(--zmp-show-password-button-size) / 2));
}
.item-input-password .show-password-button .icon,
.zmp-input-wrapper .show-password-button .icon {
  width: var(--zmp-show-password-button-size);
  height: var(--zmp-show-password-button-size);
  font-size: var(--zmp-show-password-button-size);
}
.list .item-input .item-label {
  margin-bottom: 2px;
}
.input-dropdown-wrap:before,
.input-dropdown:before {
  width: 6px;
  height: 6px;
  background-color: transparent;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: var(--zmp-show-dropdown-icon-color);
  transform: rotate(135deg);
  top: calc(var(--zmp-input-height) / 2);
  margin-top: -3px;
  right: 16px;
}
.list .item-content.item-input {
  padding-left: 0;
}
.list .item-content.item-input .item-inner {
  padding-right: 0;
  padding-top: 4px;
}
.list .item-content.item-input::after {
  display: none;
}
.item-input-password .item-input-wrap .show-password-button,
.zmp-input-wrapper .item-input-wrap .show-password-button {
  top: calc(var(--zmp-input-height) / 2);
}
.ios .input-clear-button {
  right: 16px;
  top: calc(var(--zmp-input-height) / 2);
}
.ios .item-input-error-message,
.ios .item-input-info,
.ios .input-error-message,
.ios .input-info {
  margin-bottom: 4px;
  margin-top: 4px;
}
.ios .input-invalid input,
.ios .input-invalid select,
.ios .input-invalid textarea,
.ios .item-input-invalid input,
.ios .item-input-invalid select,
.ios .item-input-invalid textarea {
  color: var(--zmp-text-color);
  border-color: var(--zmp-input-invalid-border-color);
  outline: none;
}
.ios .zmp-input-wrapper .input-clear-button {
  right: 16px;
  top: calc(var(--zmp-input-height) / 2);
}
.ios .item-input-password .input-clear-button {
  right: 42px;
  top: calc(var(--zmp-input-height) / 2);
}
.ios .input-dropdown-wrap:before,
.ios .input-dropdown:before {
  width: 6px;
  height: 6px;
  background-color: transparent;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: var(--zmp-show-dropdown-icon-color);
  transform: rotate(135deg);
  top: calc(var(--zmp-input-height) / 2);
  margin-top: -3px;
  right: 16px;
}
.md .input-clear-button {
  right: 16px;
  top: calc(var(--zmp-input-height) / 2);
}
.md .item-input-error-message,
.md .item-input-info,
.md .input-error-message,
.md .input-info {
  margin-bottom: 4px;
}
.md .item-input-error-message,
.md .item-input-info,
.md .input-error-message,
.md .input-info {
  position: relative;
  top: 4px;
}
.md .item-input:not(.item-input-outline) .item-input-wrap:after,
.md .input:not(.input-outline):after {
  content: none;
}
.md .item-input-invalid .item-floating-label,
.md .item-input-invalid .item-label {
  color: var(--zmp-label-text-color);
}
.md .input-invalid input,
.md .input-invalid select,
.md .input-invalid textarea,
.md .item-input-invalid input,
.md .item-input-invalid select,
.md .item-input-invalid textarea {
  color: var(--zmp-text-color);
  border-color: var(--zmp-input-invalid-border-color);
  outline: none;
}
.md .zmp-input-wrapper .input-clear-button {
  right: 16px;
  top: calc(var(--zmp-input-height) / 2);
}
.md .item-input-password .input-clear-button {
  right: 42px;
  top: calc(var(--zmp-input-height) / 2);
}
.md .input-dropdown-wrap:before,
.md .input-dropdown:before {
  width: 6px;
  height: 6px;
  background-color: transparent;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: var(--zmp-show-dropdown-icon-color);
  transform: rotate(135deg);
  top: calc(var(--zmp-input-height) / 2);
  margin-top: -3px;
  right: 16px;
}
.md .list .item-content.item-input {
  padding-bottom: 0;
}
.md .list .item-content.item-input .item-inner {
  padding-bottom: 0;
}
.aurora .input-clear-button {
  right: 16px;
  top: calc(var(--zmp-input-height) / 2);
}
.aurora .item-input-error-message,
.aurora .item-input-info,
.aurora .input-error-message,
.aurora .input-info {
  margin-bottom: 4px;
  margin-top: 4px;
}
.aurora .item-input:not(.item-input-outline) .item-input-wrap:after,
.aurora .input:not(.input-outline):after {
  content: none;
}
.aurora .item-input-invalid:not(.item-input-outline) .item-inner:after,
.aurora .input-invalid:not(.input-outline):after {
  content: none;
}
.aurora .zmp-input-wrapper .input-clear-button {
  right: 16px;
  top: calc(var(--zmp-input-height) / 2);
}
.aurora .item-input-password .input-clear-button {
  right: 42px;
  top: calc(var(--zmp-input-height) / 2);
}
.aurora .input-dropdown-wrap:before,
.aurora .input-dropdown:before {
  width: 6px;
  height: 6px;
  background-color: transparent;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: var(--zmp-show-dropdown-icon-color);
  transform: rotate(135deg);
  top: calc(var(--zmp-input-height) / 2);
  margin-top: -3px;
  right: 16px;
}
.aurora .list .item-content.item-input {
  padding-bottom: 0;
}
.aurora .list .item-content.item-input .item-inner {
  padding-bottom: 0;
}
/* === Checkbox === */
:root {
  --zmp-checkbox-icon-color: #ffffff;
  --zmp-checkbox-extra-margin: 0px;
  --zmp-checkbox-inactive-color: #667685;
  --zmp-checkbox-inactive-color-disabled: rgba(0, 0, 0, 0.15);
  --zmp-checkbox-active-color-disabled: #cce1ff;
  --zmp-checkbox-label-color: #001121;
  --zmp-checkbox-disabled-label-color: rgba(0, 0, 0, 0.15);
}
:root .theme-dark,
:root.theme-dark {
  --zmp-checkbox-inactive-color: #4a4b4d;
  --zmp-checkbox-inactive-color-disabled: rgba(255, 255, 255, 0.1);
  --zmp-checkbox-active-color-disabled: #132339;
  --zmp-checkbox-label-color: #dbdfe2;
  --zmp-checkbox-disabled-label-color: rgba(255, 255, 255, 0.1);
}
.ios {
  --zmp-checkbox-size: 20px;
  --zmp-checkbox-border-radius: 50%;
  --zmp-checkbox-border-width: 1px;
  --zmp-checkbox-inactive-color: #667685;
  --zmp-checkbox-inactive-color-disabled: rgba(0, 0, 0, 0.15);
  --zmp-checkbox-label-color: #001121;
  --zmp-checkbox-disabled-label-color: rgba(0, 0, 0, 0.15);
}
.ios .theme-dark,
.ios.theme-dark {
  --zmp-checkbox-inactive-color: #4a4b4d;
  --zmp-checkbox-inactive-color-disabled: rgba(255, 255, 255, 0.1);
  --zmp-checkbox-label-color: #dbdfe2;
  --zmp-checkbox-disabled-label-color: rgba(255, 255, 255, 0.1);
}
.md {
  --zmp-checkbox-size: 22px;
  --zmp-checkbox-border-radius: 50%;
  --zmp-checkbox-border-width: 1px;
  --zmp-checkbox-inactive-color: #667685;
  --zmp-checkbox-inactive-color-disabled: rgba(0, 0, 0, 0.15);
  --zmp-checkbox-label-color: #001121;
  --zmp-checkbox-disabled-label-color: rgba(0, 0, 0, 0.15);
}
.md .theme-dark,
.md.theme-dark {
  --zmp-checkbox-inactive-color: #4a4b4d;
  --zmp-checkbox-inactive-color-disabled: rgba(255, 255, 255, 0.1);
  --zmp-checkbox-label-color: #dbdfe2;
  --zmp-checkbox-disabled-label-color: rgba(255, 255, 255, 0.1);
}
.aurora {
  --zmp-checkbox-size: 20px;
  --zmp-checkbox-border-radius: 50%;
  --zmp-checkbox-border-width: 1px;
  --zmp-checkbox-inactive-color: #667685;
  --zmp-checkbox-inactive-color-disabled: rgba(0, 0, 0, 0.15);
  --zmp-checkbox-label-color: #001121;
  --zmp-checkbox-disabled-label-color: rgba(0, 0, 0, 0.15);
}
.aurora .theme-dark,
.aurora.theme-dark {
  --zmp-checkbox-inactive-color: #4a4b4d;
  --zmp-checkbox-inactive-color-disabled: rgba(255, 255, 255, 0.1);
  --zmp-checkbox-label-color: #dbdfe2;
  --zmp-checkbox-disabled-label-color: rgba(255, 255, 255, 0.1);
}
label.checkbox {
  position: relative;
  display: flex;
  --zmp-touch-ripple-color: rgba(var(--zmp-theme-color-rgb), 0.5);
}
label.checkbox .icon-checkbox {
  display: inline-block;
}
label.checkbox.disabled {
  --zmp-checkbox-inactive-color: var(--zmp-checkbox-inactive-color-disabled);
  --zmp-checkbox-active-color: var(--zmp-checkbox-active-color-disabled);
}
label.checkbox.disabled .zmp-checkbox-label {
  --zmp-checkbox-label-color: var(--zmp-checkbox-disabled-label-color);
}
label.checkbox .zmp-checkbox-label {
  color: var(--zmp-checkbox-label-color);
  font-size: 15px;
  line-height: 20px;
  margin-left: 16px;
}
label.checkbox.active-state {
  transition-duration: 0ms;
}
.md label.item-checkbox.active-state,
.md label.checkbox.active-state {
  transition-duration: 0ms;
}
.aurora label.item-checkbox.active-state {
  transition-duration: 0ms;
}
/* === Radio === */
:root {
  /*
  --zmp-radio-active-color: var(--zmp-theme-color);
  */
  --zmp-radio-border-radius: 50%;
  --zmp-radio-extra-margin: 0px;
  --zmp-radio-inactive-color: #667685;
  --zmp-radio-inactive-color-disabled: rgba(0, 0, 0, 0.15);
  --zmp-radio-active-color-disabled: #cce1ff;
  --zmp-radio-label-color: #001121;
  --zmp-radio-disabled-label-color: rgba(0, 0, 0, 0.15);
}
:root .theme-dark,
:root.theme-dark {
  --zmp-radio-inactive-color: #4a4b4d;
  --zmp-radio-inactive-color-disabled: rgba(255, 255, 255, 0.1);
  --zmp-radio-active-color-disabled: #132339;
  --zmp-radio-label-color: #dbdfe2;
  --zmp-radio-disabled-label-color: rgba(255, 255, 255, 0.1);
}
.ios {
  --zmp-radio-size: 20px;
  --zmp-radio-border-width: 1px;
  --zmp-radio-inactive-color: #667685;
  --zmp-radio-inactive-color-disabled: rgba(0, 0, 0, 0.15);
  --zmp-radio-label-color: #001121;
  --zmp-radio-disabled-label-color: rgba(0, 0, 0, 0.15);
}
.ios .theme-dark,
.ios.theme-dark {
  --zmp-radio-inactive-color: #4a4b4d;
  --zmp-radio-inactive-color-disabled: rgba(255, 255, 255, 0.1);
  --zmp-radio-label-color: #dbdfe2;
  --zmp-radio-disabled-label-color: rgba(255, 255, 255, 0.1);
}
.md {
  --zmp-radio-size: 20px;
  --zmp-radio-border-width: 2px;
  --zmp-radio-inactive-color: #667685;
  --zmp-radio-inactive-color-disabled: rgba(0, 0, 0, 0.15);
  --zmp-radio-label-color: #001121;
  --zmp-radio-disabled-label-color: rgba(0, 0, 0, 0.15);
}
.md .theme-dark,
.md.theme-dark {
  --zmp-radio-inactive-color: #4a4b4d;
  --zmp-radio-inactive-color-disabled: rgba(255, 255, 255, 0.1);
  --zmp-radio-label-color: #dbdfe2;
  --zmp-radio-disabled-label-color: rgba(255, 255, 255, 0.1);
}
.aurora {
  --zmp-radio-size: 20px;
  --zmp-radio-border-width: 1px;
  --zmp-radio-inactive-color: #667685;
  --zmp-radio-inactive-color-disabled: rgba(0, 0, 0, 0.15);
  --zmp-radio-label-color: #001121;
  --zmp-radio-disabled-label-color: rgba(0, 0, 0, 0.15);
}
.aurora .theme-dark,
.aurora.theme-dark {
  --zmp-radio-inactive-color: #4a4b4d;
  --zmp-radio-inactive-color-disabled: rgba(255, 255, 255, 0.1);
  --zmp-radio-label-color: #dbdfe2;
  --zmp-radio-disabled-label-color: rgba(255, 255, 255, 0.1);
}
label.radio {
  position: relative;
  display: flex;
}
label.radio .icon-radio {
  display: inline-block;
}
label.radio.disabled {
  --zmp-radio-inactive-color: var(--zmp-radio-inactive-color-disabled);
  --zmp-radio-active-color: var(--zmp-radio-active-color-disabled, var(--zmp-theme-color));
}
label.radio.disabled .zmp-radio-label {
  --zmp-radio-label-color: var(--zmp-radio-disabled-label-color);
}
label.radio .zmp-radio-label {
  color: var(--zmp-radio-label-color);
  font-size: 15px;
  line-height: 20px;
  margin-left: 16px;
}
.ios .icon-radio {
  transition-duration: 200ms;
}
.ios .icon-radio:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -5px;
  background-color: var(--zmp-radio-active-color, var(--zmp-theme-color));
  border-radius: 50%;
  transform: scale(0);
  transition-duration: 200ms;
}
.ios label.item-radio input[type='radio']:checked ~ .icon-radio,
.ios label.item-radio input[type='radio']:checked ~ * .icon-radio,
.ios .radio input[type='radio']:checked ~ .icon-radio {
  border-color: var(--zmp-radio-active-color, var(--zmp-theme-color));
}
.ios label.item-radio input[type='radio']:checked ~ .icon-radio:after,
.ios label.item-radio input[type='radio']:checked ~ * .icon-radio:after,
.ios .radio input[type='radio']:checked ~ .icon-radio:after {
  background-color: var(--zmp-radio-active-color, var(--zmp-theme-color));
  transform: scale(1);
}
.aurora .icon-radio {
  transition-duration: 200ms;
}
.aurora .icon-radio:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -5px;
  background-color: var(--zmp-radio-active-color, var(--zmp-theme-color));
  border-radius: 50%;
  transform: scale(0);
  transition-duration: 200ms;
}
.aurora .icon-radio::before {
  display: none;
}
.aurora label.item-radio input[type='radio']:checked ~ .icon-radio,
.aurora label.item-radio input[type='radio']:checked ~ * .icon-radio,
.aurora .radio input[type='radio']:checked ~ .icon-radio {
  border-color: var(--zmp-radio-active-color, var(--zmp-theme-color));
  background-color: unset;
}
.aurora label.item-radio input[type='radio']:checked ~ .icon-radio:after,
.aurora label.item-radio input[type='radio']:checked ~ * .icon-radio:after,
.aurora .radio input[type='radio']:checked ~ .icon-radio:after {
  background-color: var(--zmp-radio-active-color, var(--zmp-theme-color));
  transform: scale(1);
}
/* === Toggle === */
:root {
  --zmp-toggle-handle-color: #ffffff;
  --zmp-toggle-active-color-disabled: #66a4ff;
  --zmp-toggle-inactive-color-disabled: #e4e8ec;
  --zmp-toggle-handle-active-color-disabled: rgba(255, 255, 255, 0.25);
  --zmp-toggle-handle-inactive-color-disabled: rgba(0, 0, 0, 0.15);
  --zmp-toggle-handle-active-color: #ffffff;
  --zmp-toggle-handle-inactive-color: #ffffff;
}
:root .theme-dark,
:root.theme-dark {
  --zmp-toggle-inactive-color: #060707;
  --zmp-toggle-active-color-disabled: #2e5389;
  --zmp-toggle-inactive-color-disabled: #060707;
  --zmp-toggle-handle-active-color-disabled: rgba(255, 255, 255, 0.25);
  --zmp-toggle-handle-inactive-color-disabled: rgba(255, 255, 255, 0.1);
  --zmp-toggle-handle-active-color: #ffffff;
  --zmp-toggle-handle-inactive-color: #ffffff;
}
.ios {
  --zmp-toggle-width: 48px;
  --zmp-toggle-height: 24px;
  --zmp-toggle-inactive-color: #e4e8ec;
}
.ios .theme-dark,
.ios.theme-dark {
  --zmp-toggle-border-color: #555;
}
.md {
  --zmp-toggle-width: 48px;
  --zmp-toggle-height: 24px;
  --zmp-toggle-inactive-color: #e4e8ec;
}
.aurora {
  --zmp-toggle-width: 48px;
  --zmp-toggle-height: 24px;
  --zmp-toggle-inactive-color: #e4e8ec;
}
.toggle.disabled {
  --zmp-toggle-active-color: var(--zmp-toggle-active-color-disabled, var(--zmp-theme-color-shade));
  --zmp-toggle-inactive-color: var(--zmp-toggle-inactive-color-disabled);
  --zmp-toggle-handle-active-color: var(--zmp-toggle-handle-active-color-disabled);
  --zmp-toggle-handle-inactive-color: var(--zmp-toggle-handle-inactive-color-disabled);
}
.ios .toggle {
  --zmp-toggle-handle-color: var(--zmp-toggle-handle-inactive-color);
}
.ios .toggle input[type='checkbox']:checked + .toggle-icon {
  background: var(--zmp-toggle-active-color, var(--zmp-theme-color));
}
.ios .toggle input[type='checkbox']:checked + .toggle-icon:after {
  --zmp-toggle-handle-color: var(--zmp-toggle-handle-active-color);
  transform: translateX(calc(var(--zmp-toggle-width) - var(--zmp-toggle-height)));
}
.ios .toggle-icon {
  background: var(--zmp-toggle-inactive-color);
}
.ios .toggle-icon:after {
  height: calc(var(--zmp-toggle-height) - 4px);
  width: calc(var(--zmp-toggle-height) - 4px);
  top: 2px;
  left: 2px;
  border-radius: calc(var(--zmp-toggle-height) - 4px);
}
.ios .toggle.disabled {
  --zmp-toggle-active-color: var(--zmp-toggle-active-color-disabled, var(--zmp-theme-color));
  --zmp-toggle-inactive-color: var(--zmp-toggle-inactive-color-disabled);
  --zmp-toggle-handle-active-color: var(--zmp-toggle-handle-active-color-disabled);
  --zmp-toggle-handle-inactive-color: var(--zmp-toggle-handle-inactive-color-disabled);
}
.md .toggle {
  --zmp-toggle-handle-color: var(--zmp-toggle-handle-inactive-color);
}
.md .toggle input[type='checkbox']:checked + .toggle-icon {
  background: var(--zmp-toggle-active-color, var(--zmp-theme-color));
}
.md .toggle input[type='checkbox']:checked + .toggle-icon:after {
  --zmp-toggle-handle-color: var(--zmp-toggle-handle-active-color);
  background: var(--zmp-toggle-handle-color);
  transform: translateX(calc(var(--zmp-toggle-width) - var(--zmp-toggle-height)));
}
.md .toggle-icon {
  background: var(--zmp-toggle-inactive-color);
}
.md .toggle-icon:after {
  height: calc(var(--zmp-toggle-height) - 4px);
  width: calc(var(--zmp-toggle-height) - 4px);
  top: 2px;
  left: 2px;
  border-radius: calc(var(--zmp-toggle-height) - 4px);
}
.md .toggle.disabled {
  --zmp-toggle-active-color: var(--zmp-toggle-active-color-disabled, var(--zmp-theme-color));
  --zmp-toggle-inactive-color: var(--zmp-toggle-inactive-color-disabled);
  --zmp-toggle-handle-active-color: var(--zmp-toggle-handle-active-color-disabled);
  --zmp-toggle-handle-inactive-color: var(--zmp-toggle-handle-inactive-color-disabled);
}
.aurora .toggle {
  --zmp-toggle-handle-color: var(--zmp-toggle-handle-inactive-color);
}
.aurora .toggle input[type='checkbox']:checked + .toggle-icon {
  background: var(--zmp-toggle-active-color, var(--zmp-theme-color));
}
.aurora .toggle input[type='checkbox']:checked + .toggle-icon:after {
  --zmp-toggle-handle-color: var(--zmp-toggle-handle-active-color);
  transform: translateX(calc(var(--zmp-toggle-width) - var(--zmp-toggle-height)));
}
.aurora .toggle-icon {
  background: var(--zmp-toggle-inactive-color);
}
.aurora .toggle-icon:after {
  height: calc(var(--zmp-toggle-height) - 4px);
  width: calc(var(--zmp-toggle-height) - 4px);
  top: 2px;
  left: 2px;
  border-radius: calc(var(--zmp-toggle-height) - 4px);
}
.aurora .toggle.disabled {
  --zmp-toggle-active-color: var(--zmp-toggle-active-color-disabled, var(--zmp-theme-color));
  --zmp-toggle-inactive-color: var(--zmp-toggle-inactive-color-disabled);
  --zmp-toggle-handle-active-color: var(--zmp-toggle-handle-active-color-disabled);
  --zmp-toggle-handle-inactive-color: var(--zmp-toggle-handle-inactive-color-disabled);
}
/* === Range Slider === */
:root {
  /*
  --zmp-range-bar-active-bg-color: var(--zmp-theme-color);
  --zmp-range-scale-bg-color: var(--zmp-range-bar-bg-color);
  --zmp-range-scale-substep-bg-color: var(--zmp-range-bar-bg-color);
  */
}
.ios {
  --zmp-range-size: 20px;
  --zmp-range-bar-size: 2px;
  --zmp-range-bar-border-radius: 1px;
  --zmp-range-knob-size: 20px;
  --zmp-range-bar-bg-color: #e4e8ec;
  --zmp-range-knob-color: #ffffff;
  --zmp-range-knob-bg-color: #ffffff;
  --zmp-range-knob-border-color: #e4e8ec;
}
.ios .theme-dark,
.ios.theme-dark {
  --zmp-range-bar-bg-color: #363b3e;
  --zmp-range-knob-color: #ffffff;
  --zmp-range-knob-bg-color: #ffffff;
  --zmp-range-knob-border-color: #060707;
}
.md {
  --zmp-range-size: 20px;
  --zmp-range-bar-size: 2px;
  --zmp-range-bar-border-radius: 1px;
  --zmp-range-knob-size: 20px;
  --zmp-range-bar-bg-color: #e4e8ec;
  --zmp-range-knob-color: #ffffff;
  --zmp-range-knob-bg-color: #ffffff;
  --zmp-range-knob-border-color: #e4e8ec;
  --zmp-range-label-bg-color: #0068ff;
}
.md .theme-dark,
.md.theme-dark {
  --zmp-range-bar-bg-color: #363b3e;
  --zmp-range-knob-color: #ffffff;
  --zmp-range-knob-bg-color: #ffffff;
  --zmp-range-knob-border-color: #060707;
  --zmp-range-label-bg-color: #4c8ae5;
}
.aurora {
  --zmp-range-size: 20px;
  --zmp-range-bar-size: 2px;
  --zmp-range-bar-border-radius: 1px;
  --zmp-range-knob-size: 20px;
  --zmp-range-bar-bg-color: #e4e8ec;
  --zmp-range-knob-color: #ffffff;
  --zmp-range-knob-bg-color: #ffffff;
  --zmp-range-knob-border-color: #e4e8ec;
}
.aurora .theme-dark,
.aurora.theme-dark {
  --zmp-range-bar-bg-color: #363b3e;
  --zmp-range-knob-color: #ffffff;
  --zmp-range-knob-bg-color: #ffffff;
  --zmp-range-knob-border-color: #060707;
}
.range-bar .range-bar-active {
  border-radius: 1px;
}
.ios .range-knob-label {
  margin-bottom: 6px;
  transform: translateX(-50%) translateY(100%) scale(0);
}
.ios .range-knob-active-state .range-knob-label {
  transform: translateX(-50%) translateY(0%) scale(1);
}
.ios .range-knob {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.02), 0px 4px 8px rgba(0, 0, 0, 0.02);
  border: 0.5px solid var(--zmp-range-knob-border-color);
}
.md .range-knob {
  transition-duration: 200ms;
  transition-property: transform, background-color;
  border: 0.5px solid var(--zmp-range-knob-border-color);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.02), 0px 4px 8px rgba(0, 0, 0, 0.02);
}
.md .range-slider-min .range-knob,
.md .range-slider-max .range-knob {
  border-width: 0.5px !important;
}
.md .range-knob-active-state .range-knob {
  transform: scale(1);
}
.aurora .range-knob-label {
  margin-bottom: 6px;
  transform: translateX(-50%) translateY(100%) scale(0);
}
.aurora .range-knob-active-state .range-knob-label {
  transform: translateX(-50%) translateY(0%) scale(1);
}
.aurora .range-knob {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.02), 0px 4px 8px rgba(0, 0, 0, 0.02);
  border: 0.5px solid var(--zmp-range-knob-border-color);
}
:root {
  --zmp-grid-columns: 3;
  --zmp-label-font-size: 15px;
  --zmp-label-font-weight: 400;
  --zmp-label-line-height: 20px;
  --zmp-grid-border-width: 1px;
  --zmp-grid-icon-size: 24px;
  --zmp-grid-border-color: #c9d1d8;
  --zmp-grid-label-color: #000000;
  --zmp-grid-item-active-bg-color: rgba(255, 255, 255, 0.1);
}
:root .theme-dark,
:root.theme-dark {
  --zmp-grid-border-color: #121415;
  --zmp-grid-label-color: #dbdfe2;
  --zmp-grid-item-active-bg-color: rgba(255, 255, 255, 0.1);
}
.grid {
  position: relative;
}
.grid::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  height: var(--zmp-grid-border-width);
  width: 100%;
  background-color: var(--zmp-grid-border-color);
}
.grid::after {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: var(--zmp-grid-border-width);
  height: 100%;
  background-color: var(--zmp-grid-border-color);
}
.grid.grid-no-border::after,
.grid.grid-no-border::before {
  visibility: hidden;
}
.grid.grid-no-border .grid-item::after,
.grid.grid-no-border .grid-item::before {
  visibility: hidden;
}
.grid.grid-1 {
  --zmp-grid-columns: 1;
}
.grid.grid-2 {
  --zmp-grid-columns: 2;
}
.grid.grid-3 {
  --zmp-grid-columns: 3;
}
.grid.grid-4 {
  --zmp-grid-columns: 4;
}
.grid.grid-5 {
  --zmp-grid-columns: 5;
}
.grid.grid-6 {
  --zmp-grid-columns: 6;
}
.grid .grid-item {
  width: calc(100% / var(--zmp-grid-columns));
  display: inline-flex;
  text-align: center;
  box-sizing: border-box;
  position: relative;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 16px 8px;
}
.grid .grid-item.active-state {
  --zmp-touch-ripple-color: transparent;
  background-color: var(--zmp-grid-item-active-bg-color, transparent);
}
.grid .grid-item:hover {
  cursor: pointer;
}
.grid .grid-item::before {
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  content: '';
  width: var(--zmp-grid-border-width);
  background-color: var(--zmp-grid-border-color);
}
.grid .grid-item::after {
  height: var(--zmp-grid-border-width);
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  position: absolute;
  background-color: var(--zmp-grid-border-color);
}
.grid .grid-item .grid-item-icon {
  display: block;
  width: var(--zmp-grid-icon-size);
  height: var(--zmp-grid-icon-size);
  font-size: var(--zmp-grid-icon-size);
}
.grid .grid-item .grid-item-icon .icon {
  font-size: inherit;
}
.grid .grid-item .grid-item-label {
  font-weight: var(--zmp-grid-label-font-weight);
  line-height: var(--zmp-grid-label-light-height);
  font-size: var(--zmp-grid-label-font-size);
  color: var(--zmp-grid-label-color);
  display: block;
  margin-top: 8px;
}
/* === Picker === */
:root {
  --zmp-picker-height: 424px;
  --zmp-picker-inline-height: 424px;
  --zmp-picker-popover-height: 424px;
  --zmp-picker-popover-width: 320px;
  --zmp-picker-landscape-height: 200px;
  --zmp-picker-item-height: 56px;
  --zmp-action-button-height: 40px;
  /*
  --zmp-picker-sheet-bg-color: var(--zmp-sheet-bg-color);
  */
  --zmp-picker-item-selected-bg-color: transparent;
  --zmp-picker-item-selected-text-color: #001121;
  --zmp-picker-highlight-color: #c9d1d8;
  --zmp-picker-action-button-hover-bg-color: #0043a6;
  --zmp-picker-action-button-hover-text-color: #ffffff;
  --zmp-picker-action-button-text-color: #ffffff;
  --zmp-picker-sheet-bg-color: #ffffff;
  --zmp-close-icon-color: #667685;
}
:root .theme-dark,
:root.theme-dark {
  --zmp-picker-item-selected-bg-color: transparent;
  --zmp-picker-item-selected-text-color: #dbdfe2;
  --zmp-picker-highlight-color: #99a3ad;
  --zmp-picker-action-button-hover-bg-color: #81aded;
  --zmp-picker-action-button-hover-text-color: #ffffff;
  --zmp-picker-action-button-text-color: #ffffff;
  --zmp-picker-sheet-bg-color: #121415;
  --zmp-picker-action-sheet-bg-color: #121415;
  --zmp-close-icon-color: #667685;
}
.ios {
  --zmp-picker-column-font-size: 15px;
  --zmp-picker-divider-text-color: #c9d1d8;
  --zmp-picker-item-text-color: #667685;
}
.ios .theme-dark,
.ios.theme-dark {
  --zmp-picker-divider-text-color: #121415;
  --zmp-picker-item-text-color: #4a4b4d;
  --zmp-picker-sheet-bg-color: #121415;
  --zmp-picker-action-sheet-bg-color: #121415;
}
.md {
  --zmp-picker-column-font-size: 15px;
  --zmp-picker-divider-text-color: #c9d1d8;
  --zmp-picker-item-text-color: #667685;
}
.md .theme-dark,
.md.theme-dark {
  --zmp-picker-divider-text-color: #121415;
  --zmp-picker-item-text-color: #4a4b4d;
  --zmp-picker-sheet-bg-color: #121415;
  --zmp-picker-action-sheet-bg-color: #121415;
}
.aurora {
  --zmp-picker-column-font-size: 15px;
  --zmp-picker-divider-text-color: #c9d1d8;
  --zmp-picker-item-text-color: #667685;
}
.aurora .theme-dark,
.aurora.theme-dark {
  --zmp-picker-divider-text-color: #121415;
  --zmp-picker-item-text-color: #4a4b4d;
  --zmp-picker-sheet-bg-color: #121415;
  --zmp-picker-action-sheet-bg-color: #121415;
}
.picker-columns {
  display: flex;
  overflow: hidden;
  justify-content: center;
  padding: 0;
  text-align: right;
  height: 100%;
  font-size: var(--zmp-picker-column-font-size);
  z-index: 0;
  position: relative;
}
.picker-columns::before {
  content: '';
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: var(--zmp-picker-item-height);
  background-image: linear-gradient(to top, transparent, transparent 5%, white 20%, white 100%, transparent 95%, transparent);
}
.picker-columns::after {
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: var(--zmp-picker-item-height);
  background-image: linear-gradient(to bottom, transparent, transparent 5%, white 20%, white 100%, transparent 80%, transparent);
}
.picker-column {
  position: relative;
  max-height: 100%;
  text-align: center;
  height: calc(100% - calc(1.5*var(--zmp-picker-item-height)));
  margin-top: calc(0.75 * var(--zmp-picker-item-height));
  overflow: hidden;
}
.picker-column.picker-column-first:before,
.picker-column.picker-column-last:after {
  height: 100%;
  width: 100vw;
  position: absolute;
  content: '';
  top: 0;
}
.picker-column.picker-column-first:before {
  right: 100%;
}
.picker-column.picker-column-last:after {
  left: 100%;
}
.picker-column.picker-column-left {
  text-align: center;
}
.picker-column.picker-column-center {
  text-align: center;
}
.picker-column.picker-column-right {
  text-align: center;
}
.picker-column.picker-column-divider {
  display: flex;
  align-items: center;
  color: var(--zmp-picker-divider-text-color);
}
.picker-items {
  transition: 300ms;
  transition-timing-function: ease-out;
}
.picker-item {
  height: var(--zmp-picker-item-height);
  line-height: var(--zmp-picker-item-height);
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  left: 0;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  transition: 300ms;
  color: var(--zmp-picker-item-text-color);
  cursor: pointer;
}
.picker-item span {
  padding: 0 10px;
}
.picker-column-absolute .picker-item {
  position: absolute;
}
.picker-item.picker-item-far {
  pointer-events: none;
}
.picker-item.picker-item-selected {
  color: var(--zmp-picker-item-selected-text-color);
  transform: translate3d(0, 0, 0) rotateX(0deg);
  position: relative;
}
.picker-center-highlight::before {
  content: '';
  background: var(--zmp-picker-highlight-color);
  width: 100%;
  height: 0.5px;
  position: absolute;
  left: 0;
  bottom: 0.5px;
}
.picker-center-highlight::after {
  content: '';
  background: var(--zmp-picker-highlight-color);
  width: 100%;
  height: 0.5px;
  position: absolute;
  left: 0;
}
.picker.picker-sheet {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  overflow: hidden;
}
.picker.picker-sheet .sheet-modal-inner {
  height: calc(100% - calc(var(--zmp-action-button-height) + 88px));
}
.zmp-toolbar-center {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 24px 0;
  background-color: var(--zmp-picker-action-sheet-bg-color);
}
.zmp-toolbar-center .zmp-picker-action-button {
  height: var(--zmp-action-button-height);
  padding: 10px 12px;
  min-width: 164px;
  border-radius: 8px;
  background-color: var(--zmp-picker-action-button-bg-color, var(--zmp-theme-color));
  color: var(--zmp-picker-action-button-text-color);
  text-align: center;
  display: block;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
}
.zmp-toolbar-center .zmp-picker-action-button:hover,
.zmp-toolbar-center .zmp-picker-action-button:focus {
  --zmp-picker-action-button-bg-color: var(--zmp-picker-action-button-hover-bg-color);
  --zmp-picker-action-button-text-color: var(--zmp-picker-action-button-hover-text-color);
}
.zmp-picker-sheet-header {
  display: flex;
  padding: 24px 20px;
}
.zmp-picker-sheet-header .zmp-picker-close-btn {
  display: block;
  position: relative;
}
.zmp-picker-sheet-header .zmp-picker-close-btn::before {
  position: absolute;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 22px;
  content: 'zi-close';
  font-family: 'ZMP Icons';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  color: var(--zmp-close-icon-color);
  pointer-events: all !important;
}
.zmp-picker-sheet-header .zmp-picker-close-btn:hover {
  cursor: pointer;
}
.zmp-picker-sheet-header .zmp-picker-sheet-title {
  display: block;
  text-align: center;
  flex: 1;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  padding: 0 40px 0 40px;
  margin-left: -20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* === FAB === */
:root {
  --zmp-fab-margin: 16px;
  --zmp-fab-text-color: #ffffff;
  --zmp-fab-extended-text-font-size: 15px;
  --zmp-fab-extended-text-padding: 0 20px;
  --zmp-fab-label-bg-color: #fff;
  --zmp-fab-label-text-color: #333;
  --zmp-fab-label-border-radius: 4px;
  --zmp-fab-label-padding: 4px 12px;
  --zmp-fab-label-font-size: inherit;
  --zmp-fab-button-size: 40px;
  --zmp-fab-pressed-bg-color: #0043a6;
  --zmp-disabled-bg-color: #e4e8ec;
  --zmp-disabled-color: rgba(0, 0, 0, 0.15);
}
:root .theme-dark,
:root.theme-dark {
  --zmp-fab-pressed-bg-color: #0043a6;
  --zmp-disabled-bg-color: #060707;
  --zmp-disabled-color: #19191a;
}
.ios {
  --zmp-fab-size: 40px;
  --zmp-fab-size-small: 32px;
  --zmp-fab-size-large: 48px;
  --zmp-fab-box-shadow: none;
  --zmp-fab-extended-size: 40px;
  --zmp-fab-extended-text-font-weight: 600;
  --zmp-fab-extended-text-letter-spacing: 0;
  --zmp-fab-label-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
}
.md {
  --zmp-fab-size: 40px;
  --zmp-fab-size-small: 32px;
  --zmp-fab-size-large: 48px;
  --zmp-fab-box-shadow: none;
  --zmp-fab-extended-size: 40px;
  --zmp-fab-extended-text-font-weight: 500;
  --zmp-fab-extended-text-letter-spacing: 0.05em;
  --zmp-fab-label-box-shadow: var(--zmp-elevation-3);
}
.aurora {
  --zmp-fab-size: 40px;
  --zmp-fab-size-small: 32px;
  --zmp-fab-size-large: 48px;
  --zmp-fab-box-shadow: none;
  --zmp-fab-extended-size: 40px;
  --zmp-fab-extended-text-font-weight: 600;
  --zmp-fab-extended-text-letter-spacing: 0;
  --zmp-fab-label-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
}
.fab-backdrop.backdrop-in {
  z-index: 1400;
}
.fab {
  position: absolute;
  z-index: 1500;
}
.fab a {
  --zmp-touch-ripple-color: var(--zmp-touch-ripple-white);
}
.fab .icon {
  font-size: 24px;
}
.fab-left-top,
.fab-left-center,
.fab-left-bottom {
  left: calc(var(--zmp-fab-margin) + var(--zmp-safe-area-left));
}
.fab-right-top,
.fab-right-center,
.fab-right-bottom {
  right: calc(var(--zmp-fab-margin) + var(--zmp-safe-area-right));
}
.fab-left-top,
.fab-center-top,
.fab-right-top {
  top: var(--zmp-fab-margin);
}
.fab-left-bottom,
.fab-center-bottom,
.fab-right-bottom {
  bottom: calc(var(--zmp-fab-margin) + var(--zmp-safe-area-bottom));
}
.fab-center-top,
.fab-center-center,
.fab-center-bottom {
  left: 50%;
  transform: translateX(-50%);
}
.fab-left-center,
.fab-center-center,
.fab-right-center {
  top: 50%;
  transform: translateY(-50%);
}
.fab-center-center {
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.fab > a,
.fab-buttons a {
  background-color: var(--zmp-fab-bg-color, var(--zmp-theme-color));
  width: var(--zmp-fab-size);
  height: var(--zmp-fab-size);
  box-shadow: var(--zmp-fab-box-shadow);
  border-radius: calc(var(--zmp-fab-size) / 2);
  position: relative;
  transition-duration: 300ms;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  z-index: 1;
  color: var(--zmp-fab-text-color);
}
.fab > a.active-state,
.fab-buttons a.active-state {
  background-color: var(--zmp-fab-pressed-bg-color, var(--zmp-theme-color-shade));
}
.fab > a:hover,
.fab-buttons a:hover {
  background-color: var(--zmp-fab-pressed-bg-color, var(--zmp-theme-color-shade));
}
.fab.disabled a,
.fab-buttons.disabled a {
  background-color: var(--zmp-disabled-bg-color);
  color: var(--zmp-disabled-color);
  cursor: not-allowed;
}
.zmp-fab-small {
  --zmp-fab-size: 32px;
  width: var(--zmp-fab-size);
  height: var(--zmp-fab-size);
}
.zmp-fab-small .icon {
  font-size: 16px;
}
.zmp-fab-large {
  --zmp-fab-size: 48px;
  width: var(--zmp-fab-size);
  height: var(--zmp-fab-size);
}
.zmp-fab-large .icon {
  font-size: 24px;
}
.fab > a i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1);
  transition: 300ms;
}
.fab > a i + i {
  transform: translate3d(-50%, -50%, 0) rotate(-90deg) scale(0.5);
  opacity: 0;
}
.fab-buttons a {
  border-radius: calc(var(--zmp-fab-button-size) / 2);
  width: var(--zmp-fab-button-size);
  height: var(--zmp-fab-button-size);
}
.fab-buttons {
  display: flex;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
}
.fab-buttons a {
  opacity: 0;
}
.fab-opened:not(.fab-morph) > a i {
  transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.5);
  opacity: 0;
}
.fab-opened:not(.fab-morph) > a i + i {
  transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1);
  opacity: 1;
}
.fab-opened .fab-buttons {
  visibility: visible;
  pointer-events: auto;
}
.fab-opened .fab-buttons a {
  opacity: 1;
  transform: translate3d(0, 0px, 0) scale(1) !important;
}
.fab-opened .fab-buttons a:nth-child(2) {
  transition-delay: 50ms;
}
.fab-opened .fab-buttons a:nth-child(3) {
  transition-delay: 100ms;
}
.fab-opened .fab-buttons a:nth-child(4) {
  transition-delay: 150ms;
}
.fab-opened .fab-buttons a:nth-child(5) {
  transition-delay: 200ms;
}
.fab-opened .fab-buttons a:nth-child(6) {
  transition-delay: 250ms;
}
.fab-buttons-top,
.fab-buttons-bottom {
  left: 50%;
  width: var(--zmp-fab-button-size);
  margin-left: calc(-1 * var(--zmp-fab-button-size) / 2);
}
.fab-buttons-top {
  bottom: 100%;
  margin-bottom: 16px;
  flex-direction: column-reverse;
}
.fab-buttons-top a {
  transform: translate3d(0, 8px, 0) scale(0.3);
  transform-origin: center bottom;
}
.fab-buttons-top a + a {
  margin-bottom: 16px;
}
.fab-buttons-bottom {
  top: 100%;
  margin-top: 16px;
  flex-direction: column;
}
.fab-buttons-bottom a {
  transform: translate3d(0, -8px, 0) scale(0.3);
  transform-origin: center top;
}
.fab-buttons-bottom a + a {
  margin-top: 16px;
}
.fab-buttons-left,
.fab-buttons-right {
  top: 50%;
  height: var(--zmp-fab-button-size);
  margin-top: calc(-1 * var(--zmp-fab-button-size) / 2);
}
.fab-buttons-left {
  right: 100%;
  margin-right: 16px;
  flex-direction: row-reverse;
}
.fab-buttons-left a {
  transform: translate3d(8px, 0px, 0) scale(0.3);
  transform-origin: right center;
}
.fab-buttons-left a + a {
  margin-right: 16px;
}
.fab-buttons-right {
  left: 100%;
  margin-left: 16px;
}
.fab-buttons-right a {
  transform: translate3d(-8px, 0, 0) scale(0.3);
  transform-origin: left center;
}
.fab-buttons-right a + a {
  margin-left: 16px;
}
.fab-buttons-center {
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
}
.fab-buttons-center a {
  position: absolute;
}
.fab-buttons-center a:nth-child(1) {
  left: 50%;
  margin-left: calc(-1 * var(--zmp-fab-button-size) / 2);
  bottom: 100%;
  margin-bottom: 16px;
  transform: translateY(-8px) scale(0.3);
  transform-origin: center bottom;
}
.fab-buttons-center a:nth-child(2) {
  left: 100%;
  margin-top: calc(-1 * var(--zmp-fab-button-size) / 2);
  top: 50%;
  margin-left: 16px;
  transform: translateX(-8px) scale(0.3);
  transform-origin: left center;
}
.fab-buttons-center a:nth-child(3) {
  left: 50%;
  margin-left: calc(-1 * var(--zmp-fab-button-size) / 2);
  top: 100%;
  margin-top: 16px;
  transform: translateY(8px) scale(0.3);
  transform-origin: center top;
}
.fab-buttons-center a:nth-child(4) {
  right: 100%;
  margin-top: calc(-1 * var(--zmp-fab-button-size) / 2);
  top: 50%;
  margin-right: 16px;
  transform: translateX(8px) scale(0.3);
  transform-origin: right center;
}
.fab-morph {
  border-radius: calc(var(--zmp-fab-size) / 2);
  background: var(--zmp-fab-bg-color, var(--zmp-theme-color));
  box-shadow: var(--zmp-fab-box-shadow);
}
.fab-morph > a {
  box-shadow: none;
  background: none !important;
}
.fab-opened.fab-morph > a i {
  opacity: 0;
}
.fab-morph,
.fab-morph > a,
.fab-morph-target {
  transition-duration: 250ms;
}
.fab-morph-target:not(.fab-morph-target-visible) {
  display: none;
}
.fab-extended {
  width: auto;
  min-width: var(--zmp-fab-extended-size);
}
.fab-extended > a {
  width: 100%;
  height: var(--zmp-fab-extended-size);
}
.fab-extended > a i {
  left: calc(var(--zmp-fab-extended-size) / 2);
}
.fab-extended i ~ .fab-text {
  padding-left: var(--zmp-fab-extended-size);
}
.fab-extended > a {
  width: 100% !important;
}
.fab-text {
  box-sizing: border-box;
  font-size: var(--zmp-fab-extended-text-font-size);
  padding: var(--zmp-fab-extended-text-padding);
  font-weight: var(--zmp-fab-extended-text-font-weight);
  letter-spacing: var(--zmp-fab-extended-text-letter-spacing);
  text-transform: uppercase;
}
.fab-label-button {
  overflow: visible !important;
}
.fab-label {
  position: absolute;
  top: 50%;
  padding: var(--zmp-fab-label-padding);
  border-radius: var(--zmp-fab-label-border-radius);
  background: var(--zmp-fab-label-bg-color);
  color: var(--zmp-fab-label-text-color);
  box-shadow: var(--zmp-fab-label-box-shadow);
  white-space: nowrap;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: var(--zmp-fab-label-font-size);
}
.fab-right-top .fab-label,
.fab-right-center .fab-label,
.fab-right-bottom .fab-label {
  right: 100%;
  margin-right: 8px;
}
.fab-left-top .fab-label,
.fab-left-center .fab-label,
.fab-left-bottom .fab-label {
  left: 100%;
  margin-left: 8px;
}
.navbar ~ * .fab-left-top,
.navbar ~ * .fab-center-top,
.navbar ~ * .fab-right-top,
.navbar ~ .fab-left-top,
.navbar ~ .fab-center-top,
.navbar ~ .fab-right-top,
.navbars ~ * .fab-left-top,
.navbars ~ * .fab-center-top,
.navbars ~ * .fab-right-top,
.navbars ~ .fab-left-top,
.navbars ~ .fab-center-top,
.navbars ~ .fab-right-top {
  margin-top: calc(var(--zmp-navbar-height) + var(--zmp-safe-area-top));
}
.toolbar-top ~ * .fab-left-top,
.toolbar-top ~ * .fab-center-top,
.toolbar-top ~ * .fab-right-top,
.toolbar-top ~ .fab-left-top,
.toolbar-top ~ .fab-center-top,
.toolbar-top ~ .fab-right-top,
.ios .toolbar-top-ios ~ * .fab-left-top,
.ios .toolbar-top-ios ~ * .fab-center-top,
.ios .toolbar-top-ios ~ * .fab-right-top,
.ios .toolbar-top-ios ~ .fab-left-top,
.ios .toolbar-top-ios ~ .fab-center-top,
.ios .toolbar-top-ios ~ .fab-right-top,
.md .toolbar-top-md ~ * .fab-left-top,
.md .toolbar-top-md ~ * .fab-center-top,
.md .toolbar-top-md ~ * .fab-right-top,
.md .toolbar-top-md ~ .fab-left-top,
.md .toolbar-top-md ~ .fab-center-top,
.md .toolbar-top-md ~ .fab-right-top {
  margin-top: var(--zmp-toolbar-height);
}
.toolbar-bottom ~ * .fab-left-bottom,
.toolbar-bottom ~ * .fab-center-bottom,
.toolbar-bottom ~ * .fab-right-bottom,
.toolbar-bottom ~ .fab-left-bottom,
.toolbar-bottom ~ .fab-center-bottom,
.toolbar-bottom ~ .fab-right-bottom,
.ios .toolbar-bottom-ios ~ * .fab-left-bottom,
.ios .toolbar-bottom-ios ~ * .fab-center-bottom,
.ios .toolbar-bottom-ios ~ * .fab-right-bottom,
.ios .toolbar-bottom-ios ~ .fab-left-bottom,
.ios .toolbar-bottom-ios ~ .fab-center-bottom,
.ios .toolbar-bottom-ios ~ .fab-right-bottom,
.md .toolbar-bottom-md ~ * .fab-left-bottom,
.md .toolbar-bottom-md ~ * .fab-center-bottom,
.md .toolbar-bottom-md ~ * .fab-right-bottom,
.md .toolbar-bottom-md ~ .fab-left-bottom,
.md .toolbar-bottom-md ~ .fab-center-bottom,
.md .toolbar-bottom-md ~ .fab-right-bottom {
  margin-bottom: var(--zmp-toolbar-height);
}
.tabbar-labels.toolbar-bottom ~ * .fab-left-bottom,
.tabbar-labels.toolbar-bottom ~ * .fab-center-bottom,
.tabbar-labels.toolbar-bottom ~ * .fab-right-bottom,
.tabbar-labels.toolbar-bottom ~ .fab-left-bottom,
.tabbar-labels.toolbar-bottom ~ .fab-center-bottom,
.tabbar-labels.toolbar-bottom ~ .fab-right-bottom,
.ios .tabbar-labels.toolbar-bottom-ios ~ * .fab-left-bottom,
.ios .tabbar-labels.toolbar-bottom-ios ~ * .fab-center-bottom,
.ios .tabbar-labels.toolbar-bottom-ios ~ * .fab-right-bottom,
.ios .tabbar-labels.toolbar-bottom-ios ~ .fab-left-bottom,
.ios .tabbar-labels.toolbar-bottom-ios ~ .fab-center-bottom,
.ios .tabbar-labels.toolbar-bottom-ios ~ .fab-right-bottom,
.md .tabbar-labels.toolbar-bottom-md ~ * .fab-left-bottom,
.md .tabbar-labels.toolbar-bottom-md ~ * .fab-center-bottom,
.md .tabbar-labels.toolbar-bottom-md ~ * .fab-right-bottom,
.md .tabbar-labels.toolbar-bottom-md ~ .fab-left-bottom,
.md .tabbar-labels.toolbar-bottom-md ~ .fab-center-bottom,
.md .tabbar-labels.toolbar-bottom-md ~ .fab-right-bottom {
  margin-bottom: var(--zmp-tabbar-labels-height);
}
.tabbar-labels.toolbar-top ~ * .fab-left-bottom,
.tabbar-labels.toolbar-top ~ * .fab-center-bottom,
.tabbar-labels.toolbar-top ~ * .fab-right-bottom,
.tabbar-labels.toolbar-top ~ .fab-left-bottom,
.tabbar-labels.toolbar-top ~ .fab-center-bottom,
.tabbar-labels.toolbar-top ~ .fab-right-bottom,
.ios .tabbar-labels.toolbar-top-ios ~ * .fab-left-bottom,
.ios .tabbar-labels.toolbar-top-ios ~ * .fab-center-bottom,
.ios .tabbar-labels.toolbar-top-ios ~ * .fab-right-bottom,
.ios .tabbar-labels.toolbar-top-ios ~ .fab-left-bottom,
.ios .tabbar-labels.toolbar-top-ios ~ .fab-center-bottom,
.ios .tabbar-labels.toolbar-top-ios ~ .fab-right-bottom,
.md .tabbar-labels.toolbar-top-md ~ * .fab-left-bottom,
.md .tabbar-labels.toolbar-top-md ~ * .fab-center-bottom,
.md .tabbar-labels.toolbar-top-md ~ * .fab-right-bottom,
.md .tabbar-labels.toolbar-top-md ~ .fab-left-bottom,
.md .tabbar-labels.toolbar-top-md ~ .fab-center-bottom,
.md .tabbar-labels.toolbar-top-md ~ .fab-right-bottom {
  margin-top: var(--zmp-tabbar-labels-height);
}
.messagebar ~ * .fab-left-bottom,
.messagebar ~ * .fab-center-bottom,
.messagebar ~ * .fab-right-bottom,
.messagebar ~ .fab-left-bottom,
.messagebar ~ .fab-center-bottom,
.messagebar ~ .fab-right-bottom {
  margin-bottom: var(--zmp-messagebar-height);
}
.navbar + .toolbar-top ~ * .fab-left-top,
.ios .navbar + .toolbar-top-ios ~ * .fab-left-top,
.md .navbar + .toolbar-top-ios ~ * .fab-left-top,
.navbar + .toolbar-top ~ * .fab-center-top,
.ios .navbar + .toolbar-top-ios ~ * .fab-center-top,
.md .navbar + .toolbar-top-ios ~ * .fab-center-top,
.navbar + .toolbar-top ~ * .fab-right-top,
.ios .navbar + .toolbar-top-ios ~ * .fab-right-top,
.md .navbar + .toolbar-top-ios ~ * .fab-right-top,
.navbar + .toolbar-top ~ .fab-left-top,
.ios .navbar + .toolbar-top-ios ~ .fab-left-top,
.md .navbar + .toolbar-top-ios ~ .fab-left-top,
.navbar + .toolbar-top ~ .fab-center-top,
.ios .navbar + .toolbar-top-ios ~ .fab-center-top,
.md .navbar + .toolbar-top-ios ~ .fab-center-top,
.navbar + .toolbar-top ~ .fab-right-top,
.ios .navbar + .toolbar-top-ios ~ .fab-right-top,
.md .navbar + .toolbar-top-ios ~ .fab-right-top {
  margin-top: calc(var(--zmp-toolbar-height) + var(--zmp-navbar-height) + var(--zmp-safe-area-top));
}
.navbar + .toolbar-top.tabbar-labels ~ * .fab-left-top,
.ios .navbar + .toolbar-top-ios.tabbar-labels ~ * .fab-left-top,
.md .navbar + .toolbar-top-ios.tabbar-labels ~ * .fab-left-top,
.navbar + .toolbar-top.tabbar-labels ~ * .fab-center-top,
.ios .navbar + .toolbar-top-ios.tabbar-labels ~ * .fab-center-top,
.md .navbar + .toolbar-top-ios.tabbar-labels ~ * .fab-center-top,
.navbar + .toolbar-top.tabbar-labels ~ * .fab-right-top,
.ios .navbar + .toolbar-top-ios.tabbar-labels ~ * .fab-right-top,
.md .navbar + .toolbar-top-ios.tabbar-labels ~ * .fab-right-top,
.navbar + .toolbar-top.tabbar-labels ~ .fab-left-top,
.ios .navbar + .toolbar-top-ios.tabbar-labels ~ .fab-left-top,
.md .navbar + .toolbar-top-ios.tabbar-labels ~ .fab-left-top,
.navbar + .toolbar-top.tabbar-labels ~ .fab-center-top,
.ios .navbar + .toolbar-top-ios.tabbar-labels ~ .fab-center-top,
.md .navbar + .toolbar-top-ios.tabbar-labels ~ .fab-center-top,
.navbar + .toolbar-top.tabbar-labels ~ .fab-right-top,
.ios .navbar + .toolbar-top-ios.tabbar-labels ~ .fab-right-top,
.md .navbar + .toolbar-top-ios.tabbar-labels ~ .fab-right-top {
  margin-top: calc(var(--zmp-tabbar-labels-height) + var(--zmp-navbar-height) + var(--zmp-safe-area-top));
}
.navbars + .toolbar-top ~ * .fab-left-top,
.ios .navbars + .toolbar-top-ios ~ * .fab-left-top,
.navbars + .toolbar-top ~ * .fab-center-top,
.ios .navbars + .toolbar-top-ios ~ * .fab-center-top,
.navbars + .toolbar-top ~ * .fab-right-top,
.ios .navbars + .toolbar-top-ios ~ * .fab-right-top,
.navbars + .toolbar-top ~ .fab-left-top,
.ios .navbars + .toolbar-top-ios ~ .fab-left-top,
.navbars + .toolbar-top ~ .fab-center-top,
.ios .navbars + .toolbar-top-ios ~ .fab-center-top,
.navbars + .toolbar-top ~ .fab-right-top,
.ios .navbars + .toolbar-top-ios ~ .fab-right-top {
  margin-top: calc(var(--zmp-toolbar-height) + var(--zmp-navbar-height) + var(--zmp-safe-area-top));
}
.navbars + .toolbar-top.tabbar-labels ~ * .fab-left-top,
.ios .navbars + .toolbar-top-ios.tabbar-labels ~ * .fab-left-top,
.navbars + .toolbar-top.tabbar-labels ~ * .fab-center-top,
.ios .navbars + .toolbar-top-ios.tabbar-labels ~ * .fab-center-top,
.navbars + .toolbar-top.tabbar-labels ~ * .fab-right-top,
.ios .navbars + .toolbar-top-ios.tabbar-labels ~ * .fab-right-top,
.navbars + .toolbar-top.tabbar-labels ~ .fab-left-top,
.ios .navbars + .toolbar-top-ios.tabbar-labels ~ .fab-left-top,
.navbars + .toolbar-top.tabbar-labels ~ .fab-center-top,
.ios .navbars + .toolbar-top-ios.tabbar-labels ~ .fab-center-top,
.navbars + .toolbar-top.tabbar-labels ~ .fab-right-top,
.ios .navbars + .toolbar-top-ios.tabbar-labels ~ .fab-right-top {
  margin-top: calc(var(--zmp-tabbar-labels-height) + var(--zmp-navbar-height) + var(--zmp-safe-area-top));
}
.ios .fab > a.active-state,
.ios .fab-buttons a.active-state {
  transition-duration: 0ms;
}
/* === Searchbar === */
:root {
  /*
  --zmp-searchbar-link-color: var(--zmp-bars-link-color);
  --zmp-searchbar-inline-input-font-size: var(--zmp-searchbar-input-font-size);
  */
  --zmp-searchbar-input-border-width: 0.5px;
  --zmp-searchbar-height: 48px;
  --zmp-searchbar-small-height: 32px;
  --zmp-searchbar-inner-padding-left: 0px;
  --zmp-searchbar-inner-padding-right: 0px;
  --zmp-searchbar-input-small-height: 32px;
  --zmp-searchbar-inline-small-input-height: 32px;
  --zmp-search-icon-size: 24px;
  --zmp-searchbar-input-extra-padding-left: 32px;
  --zmp-searchbar-input-text-color: #001a33;
  --zmp-searchbar-placeholder-color: #99a3ad;
  --zmp-searchbar-input-border-color: #99a3ad;
  --zmp-searchbar-focus-border-color: #0068ff;
  --zmp-searchbar-disabled-bg-color: #e4e8ec;
  --zmp-searchbar-disabled-border-color: #99a3ad;
  --zmp-searchbar-disabled-text-color: rgba(0, 0, 0, 0.15);
  --zmp-searchbar-disabled-placeholder-color: rgba(0, 0, 0, 0.15);
}
:root .theme-dark,
:root.theme-dark {
  --zmp-searchbar-input-text-color: #ccd1d6;
  --zmp-searchbar-placeholder-color: #4a4b4d;
  --zmp-searchbar-input-border-color: #363b3e;
  --zmp-searchbar-focus-border-color: #4c8ae5;
  --zmp-searchbar-disabled-bg-color: #060707;
  --zmp-searchbar-disabled-border-color: #060707;
  --zmp-searchbar-disabled-text-color: rgba(255, 255, 255, 0.1);
  --zmp-searchbar-disabled-placeholder-color: rgba(255, 255, 255, 0.1);
}
.ios {
  --zmp-searchbar-input-font-size: 15px;
  --zmp-searchbar-input-border-radius: 8px;
  --zmp-searchbar-input-height: 48px;
  --zmp-searchbar-inline-input-height: 48px;
  --zmp-searchbar-input-padding-horizontal: 16px;
  --zmp-searchbar-backdrop-bg-color: rgba(0, 0, 0, 0.4);
  --zmp-searchbar-shadow-image: none;
  --zmp-searchbar-in-page-content-margin: 0px;
  --zmp-searchbar-in-page-content-box-shadow: none;
  --zmp-searchbar-in-page-content-border-radius: 0;
  --zmp-searchbar-in-page-content-input-border-radius: 8px;
  --zmp-searchbar-search-icon-color: #99a3ad;
  --zmp-searchbar-input-bg-color: #ffffff;
}
.ios .theme-dark,
.ios.theme-dark {
  --zmp-searchbar-search-icon-color: #4a4b4d;
  --zmp-searchbar-input-bg-color: #121415;
}
.md {
  --zmp-searchbar-border-color: transparent;
  --zmp-searchbar-height: 48px;
  --zmp-searchbar-inner-padding-left: 0px;
  --zmp-searchbar-inner-padding-right: 0px;
  --zmp-searchbar-input-font-size: 15px;
  --zmp-searchbar-input-border-radius: 8px;
  --zmp-searchbar-input-height: 100%;
  --zmp-searchbar-inline-input-height: 20px;
  --zmp-searchbar-inline-input-border-radius: 8px;
  --zmp-searchbar-input-padding-horizontal: 16px;
  --zmp-searchbar-inline-input-padding-horizontal: 16px;
  --zmp-searchbar-backdrop-bg-color: rgba(0, 0, 0, 0.25);
  --zmp-searchbar-shadow-image: var(--zmp-bars-shadow-bottom-image);
  --zmp-searchbar-in-page-content-margin: 0px;
  --zmp-searchbar-in-page-content-box-shadow: none;
  --zmp-searchbar-in-page-content-border-radius: 8px;
  --zmp-searchbar-in-page-content-input-border-radius: 8px;
  --zmp-searchbar-search-icon-color: #99a3ad;
  --zmp-searchbar-input-bg-color: #ffffff;
  --zmp-searchbar-input-clear-button-color: #99a3ad;
}
.md .theme-dark,
.md.theme-dark {
  --zmp-searchbar-search-icon-color: #4a4b4d;
  --zmp-searchbar-input-bg-color: #121415;
  --zmp-searchbar-input-clear-button-color: #4a4b4d;
}
.aurora {
  /*
  --zmp-searchbar-bg-image: var(--zmp-bars-bg-image);
  --zmp-searchbar-bg-color: var(--zmp-bars-bg-color);
  --zmp-searchbar-border-color: var(--zmp-bars-border-color);
  */
  --zmp-searchbar-height: 48px;
  --zmp-searchbar-inner-padding-left: 0px;
  --zmp-searchbar-inner-padding-right: 0px;
  /*
  --zmp-searchbar-link-color: var(--zmp-bars-link-color, var(--zmp-theme-color));
  */
  --zmp-searchbar-input-font-size: 15px;
  --zmp-searchbar-input-border-radius: 8px;
  --zmp-searchbar-input-height: 48px;
  --zmp-searchbar-inline-input-height: 20px;
  /*
  --zmp-searchbar-inline-input-border-radius: var(--zmp-searchbar-input-border-radius);
  */
  --zmp-searchbar-input-padding-horizontal: 16px;
  /*
  --zmp-searchbar-inline-input-padding-horizontal: var(--zmp-searchbar-input-padding-horizontal;
  --zmp-searchbar-input-clear-button-color: var(--zmp-input-clear-button-color);
  */
  --zmp-searchbar-backdrop-bg-color: rgba(0, 0, 0, 0.4);
  --zmp-searchbar-shadow-image: none;
  --zmp-searchbar-in-page-content-margin: 0px;
  --zmp-searchbar-in-page-content-box-shadow: none;
  --zmp-searchbar-in-page-content-border-radius: 8px;
  /*
  --zmp-searchbar-in-page-content-input-border-radius: var(--zmp-searchbar-input-border-radius);
  */
  --zmp-searchbar-search-icon-color: #99a3ad;
  --zmp-searchbar-input-bg-color: #ffffff;
  --zmp-searchbar-input-clear-button-color: #99a3ad;
}
.aurora .theme-dark,
.aurora.theme-dark {
  --zmp-searchbar-search-icon-color: #4a4b4d;
  --zmp-searchbar-input-clear-button-color: #4a4b4d;
}
.searchbar.zmp-searchbar-small {
  --zmp-searchbar-height: var(--zmp-searchbar-small-height);
  --zmp-searchbar-inline-input-height: var(--zmp-searchbar-inline-small-input-height);
  --zmp-searchbar-input-height: var(--zmp-searchbar-input-small-height);
}
.searchbar.zmp-searchbar-small .ios {
  --zmp-searchbar-height: var(var(--zmp-searchbar-small-height));
  --zmp-searchbar-inline-input-height: var(--zmp-searchbar-inline-small-input-height);
  --zmp-searchbar-input-height: var(--zmp-searchbar-input-small-height);
}
.searchbar.zmp-searchbar-small .md {
  --zmp-searchbar-height: var(var(--zmp-searchbar-small-height));
  --zmp-searchbar-inline-input-height: var(--zmp-searchbar-inline-small-input-height);
  --zmp-searchbar-input-height: var(--zmp-searchbar-input-small-height);
}
.searchbar.zmp-searchbar-small .aurora {
  --zmp-searchbar-height: var(var(--zmp-searchbar-small-height));
  --zmp-searchbar-inline-input-height: var(--zmp-searchbar-inline-small-input-height);
  --zmp-searchbar-input-height: var(--zmp-searchbar-input-small-height);
}
.zmp-searchbar-small {
  height: var(--zmp-searchbar-height);
}
.zmp-searchbar-small input[type='text'],
.zmp-searchbar-small input[type='search'] {
  min-height: var(--zmp-input-small-height);
}
.zmp-searchbar-small .input-clear-button {
  --zmp-input-height: var(--zmp-input-small-height);
}
.searchbar.disabled {
  --zmp-searchbar-search-icon-color: var(--zmp-searchbar-disabled-placeholder-color);
}
.searchbar.disabled input[type='text'],
.searchbar.disabled input[type='search'] {
  --zmp-searchbar-placeholder-color: var(--zmp-searchbar-disabled-placeholder-color);
  border-color: var(--zmp-searchbar-disabled-border-color);
  background-color: var(--zmp-searchbar-disabled-bg-color);
  color: var(--zmp-searchbar-disabled-text-color);
}
.ios .searchbar input[type='search'],
.ios .searchbar input[type='text'] {
  z-index: 30;
}
.ios .searchbar .input-clear-button {
  z-index: 40;
  right: 7px;
}
.ios .searchbar-icon {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  z-index: 40;
  left: 16px;
}
.ios .searchbar-icon:after {
  content: 'search_ios';
  line-height: 24px;
  font-size: 24px;
}
.ios .searchbar-disable-button {
  font-size: 17px;
  flex-shrink: 0;
  transform: translate3d(0, 0, 0);
  transition-duration: 300ms;
  color: var(--zmp-searchbar-link-color, var(--zmp-bars-link-color, var(--zmp-theme-color)));
  display: none;
}
.ios .searchbar-disable-button.active-state {
  display: none;
}
.ios .searchbar-enabled .searchbar-disable-button {
  pointer-events: auto;
  opacity: 1;
  margin-left: 8px;
}
.ios .searchbar:not(.searchbar-enabled) .searchbar-disable-button {
  transition-duration: 300ms !important;
}
.ios .searchbar-expandable {
  left: 0;
  bottom: 0;
  opacity: 1;
  width: 100%;
  height: 0%;
  transform: translate3d(0, 0, 0);
  overflow: hidden;
}
.ios .searchbar-expandable .searchbar-disable-button {
  margin-left: 8px;
  opacity: 1;
  display: block;
}
.ios .searchbar-expandable .searchbar-inner {
  height: var(--zmp-searchbar-expandable-size);
}
.ios .navbar.with-searchbar-expandable-enabled .navbar-bg,
.ios .navbar.with-searchbar-expandable-closing .navbar-bg {
  transition-property: transform, opacity;
}
.ios .navbar.with-searchbar-expandable-enabled .navbar-bg,
.ios .navbar.with-searchbar-expandable-closing .navbar-bg,
.ios .navbar.with-searchbar-expandable-enabled .left,
.ios .navbar.with-searchbar-expandable-closing .left,
.ios .navbar.with-searchbar-expandable-enabled .title,
.ios .navbar.with-searchbar-expandable-closing .title,
.ios .navbar.with-searchbar-expandable-enabled .right,
.ios .navbar.with-searchbar-expandable-closing .right {
  transition-duration: 300ms;
}
.ios .navbar.with-searchbar-expandable-enabled .left,
.ios .navbar.with-searchbar-expandable-enabled-no-transition .left,
.ios .navbar.with-searchbar-expandable-enabled .title,
.ios .navbar.with-searchbar-expandable-enabled-no-transition .title,
.ios .navbar.with-searchbar-expandable-enabled .right,
.ios .navbar.with-searchbar-expandable-enabled-no-transition .right {
  transform: translateY(calc(-1 * var(--zmp-navbar-height)));
  opacity: 0 !important;
}
.ios .searchbar-expandable.searchbar-enabled {
  opacity: 1;
  height: var(--zmp-searchbar-expandable-size);
  pointer-events: auto;
}
.md .searchbar-icon,
.md .searchbar-disable-button {
  position: absolute;
  left: calc(-4px + var(--zmp-safe-area-left));
  top: 50%;
  transition-duration: 300ms;
}
.md .searchbar-icon {
  width: 24px;
  height: 24px;
  margin-left: 16px;
  margin-top: -12px;
}
.md .searchbar-icon:after {
  content: 'search_md';
  line-height: 24px;
}
.md .searchbar-disable-button {
  width: 48px;
  height: 48px;
  transform: rotate(-90deg) scale(0.5);
  font-size: 0 !important;
  display: block;
  margin-top: -24px;
  color: var(--zmp-searchbar-link-color, var(--zmp-bars-link-color, var(--zmp-theme-color)));
}
.md .searchbar-disable-button:before {
  content: '';
  width: 152%;
  height: 152%;
  left: -26%;
  top: -26%;
  position: absolute;
  background-image: radial-gradient(circle at center, var(--zmp-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  opacity: 0;
  pointer-events: none;
  transition-duration: 300ms;
  transition-property: opacity;
}
.md .searchbar-disable-button.icon-only:before,
.md .searchbar-disable-button.ripple-inset:before,
.md .searchbar-disable-button.searchbar-disable-button:before,
.md .searchbar-disable-button.input-clear-button:before,
.md .searchbar-disable-button.notification-close-button:before {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: radial-gradient(circle at center, var(--zmp-link-highlight-color) 71%, rgba(255, 255, 255, 0) 71%);
}
.md .searchbar-disable-button.active-state:before {
  opacity: 1;
  transition-duration: 150ms;
}
.md .searchbar-disable-button:after {
  font-family: 'zmp-core-icons';
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
  text-align: center;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 20px;
  line-height: 48px;
  content: 'arrow_left_md';
}
.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-disable-button {
  transform: rotate(0deg) scale(1);
  pointer-events: auto;
  opacity: 1;
}
.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-icon {
  opacity: 0;
  transform: rotate(90deg) scale(0.5);
}
.md .searchbar {
  --zmp-searchbar-input-extra-padding-left: 32px;
}
.md .searchbar .input-clear-button {
  width: 48px;
  height: 48px;
  margin-top: -24px;
  right: 0;
}
.md .searchbar .input-clear-button:before {
  content: '';
  width: 152%;
  height: 152%;
  left: -26%;
  top: -26%;
  position: absolute;
  background-image: radial-gradient(circle at center, var(--zmp-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  opacity: 0;
  pointer-events: none;
  transition-duration: 300ms;
  transition-property: opacity;
}
.md .searchbar .input-clear-button.icon-only:before,
.md .searchbar .input-clear-button.ripple-inset:before,
.md .searchbar .input-clear-button.searchbar-disable-button:before,
.md .searchbar .input-clear-button.input-clear-button:before,
.md .searchbar .input-clear-button.notification-close-button:before {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: radial-gradient(circle at center, var(--zmp-link-highlight-color) 71%, rgba(255, 255, 255, 0) 71%);
}
.md .searchbar .input-clear-button.active-state:before {
  opacity: 1;
  transition-duration: 150ms;
}
.md .searchbar .input-clear-button:after {
  line-height: 48px;
  content: 'delete_md';
  opacity: 1;
}
.md .searchbar .input-clear-button:before {
  margin-left: 0;
  margin-top: 0;
}
.md .searchbar.zmp-searchbar-small .input-clear-button:after {
  line-height: 20px;
}
.md .page > .searchbar,
.md .subnavbar .searchbar,
.md .searchbar-expandable {
  --zmp-searchbar-input-extra-padding-left: 32px;
}
.md .page > .searchbar .searchbar-icon,
.md .subnavbar .searchbar .searchbar-icon,
.md .searchbar-expandable .searchbar-icon,
.md .page > .searchbar .searchbar-disable-button,
.md .subnavbar .searchbar .searchbar-disable-button,
.md .searchbar-expandable .searchbar-disable-button {
  left: calc(-4px + 8px + var(--zmp-safe-area-left));
}
.md .searchbar-expandable {
  height: var(--zmp-searchbar-expandable-size);
  opacity: 0;
  bottom: 0;
  border-radius: calc(var(--zmp-searchbar-expandable-size));
  width: calc(var(--zmp-searchbar-expandable-size));
  margin-top: calc(var(--zmp-searchbar-expandable-size) * -1 / 2);
  transform: translate3d(0px, 0px, 0px);
  background-color: var(--zmp-searchbar-input-bg-color);
  left: 100%;
  margin-left: calc(var(--zmp-searchbar-expandable-size) * -1);
}
.md .searchbar-expandable.searchbar-enabled {
  width: 100%;
  border-radius: 0;
  opacity: 1;
  pointer-events: auto;
  margin-top: 0;
  left: 0;
  margin-left: 0;
}
.aurora .searchbar input[type='search'],
.aurora .searchbar input[type='text'] {
  z-index: 30;
}
.aurora .searchbar .input-clear-button {
  z-index: 40;
  right: 8px;
}
.aurora .searchbar-icon {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  z-index: 40;
  left: 16px;
}
.aurora .searchbar-icon:after {
  content: 'search_md';
  line-height: 24px;
}
.aurora .searchbar-disable-button {
  font-size: 14px;
  flex-shrink: 0;
  transform: translate3d(0, 0, 0);
  transition-duration: 300ms;
  color: var(--zmp-searchbar-link-color, var(--zmp-bars-link-color, var(--zmp-theme-color)));
  display: none;
}
.aurora .searchbar-disable-button.active-state {
  display: none;
}
.aurora .searchbar-enabled .searchbar-disable-button {
  pointer-events: auto;
  opacity: 1;
  margin-left: 8px;
}
.aurora .searchbar:not(.searchbar-enabled) .searchbar-disable-button {
  transition-duration: 300ms !important;
}
.aurora .searchbar-expandable {
  left: 0;
  top: auto;
  bottom: 0;
  opacity: 0;
  width: 100%;
  transform: translate3d(0, 0, 0);
  overflow: hidden;
}
.aurora .searchbar-expandable .searchbar-disable-button {
  margin-left: 8px;
  opacity: 1;
  display: block;
}
.aurora .searchbar-expandable .searchbar-inner {
  height: var(--zmp-searchbar-expandable-size);
}
.aurora .searchbar-expandable.searchbar-enabled {
  opacity: 1;
  pointer-events: auto;
}
/* === Skeleton === */
:root {
  --skeleton-color: #ccc;
  --skeleton-icon-color: rgba(0, 0, 0, 0.25);
}

.skeleton-block {
  height: 1em;
  background: var(--skeleton-color) !important;
  width: 100%;
  display: block;
}

@font-face {
  font-family: "skeleton";
  src: url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAYEAA0AAAAAEUAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABMAAAABoAAAAcjvRG2U9TLzIAAAFMAAAASwAAAGBRtV1jY21hcAAAAZgAAAC9AAABamglddJjdnQgAAACWAAAAAQAAAAEABEBRGdhc3AAAAJcAAAACAAAAAj//wADZ2x5ZgAAAmQAAACXAAAJjHCzhiRoZWFkAAAC/AAAAC4AAAA2FrNd6WhoZWEAAAMsAAAAGgAAACQC8ADFaG10eAAAA0gAAAATAAAAtAMAABFsb2NhAAADXAAAAK4AAACuaNBmhG1heHAAAAQMAAAAHwAAACAAmgA5bmFtZQAABCwAAAE5AAACNKfxxURwb3N0AAAFaAAAAJkAAADOCKMIc3icY2BgYGQAghsJmjkg+rYX3zYYDQA7wwWhAAB4nGNgYWRgnMDAysDA6MOYxsDA4A6lvzJIMrQwMDAxsHIywAAjAxIISHNNYWhgUGCoZTzw/wCDHuMBBgeYGsYDQB4DUI4RAOnYC70AeJxjYGBgZoBgGQZGBhBIAfIYwXwWBg8gzcfAwcDEwMagxKDFYM0QyxDPUPv/P1BcgUGNQYfBEchP/P///+P/D/7f/3/r/83/N6DmIAFGNga4ICMTkGBCVwB0AgsrkMHGzsHJxcDNw8vHLyAoJCwiKiYuISkFViMtIysnr6CopKyiqqauoamlraOrp29gaGRsYmpmzmDBYGllbWNrZ+/g6OTs4urm7uHp5e3j6+cfEBgUHBKK7iL6AwBJLiG7AAAAABEBRAAAAAH//wACeJxjYGIQZGBgmMkYysDMwM6gt5GRQd9mEzsLw1ujjWysd2w2MTMBmQwbmUHCrCDhTexsjH9sNjGCxI0FjQXVjQWVBTvK09IYQ/+tFmQ0BprGyMDw/wAjA+MBoJkMooKKgowMDkwM/xgYRuVwyjEhybFDZBXBKv4zQFVBVA4mN4/KjcqNyo2WGaNyo3LDRW4A8xQAx51w5gB4nGNgZGBgAOItPD1s8fw2Xxm4mRhA4LYX3zYE/f8AIwPjASCXgwEsDQAA0AleAAB4nGNgZGBgPPD/AIMekAEEjGCEAlgAUGYCtwAAeJxjZGAQZAACRigeCgAADn0AFQAAAAAqACoAKgA4AEYAVABiAHAAfgCMAJoAqAC2AMQA2ADmAPQBAgEQAR4BLAE6AUgBVgFkAXIBgAGOAZwBqgG4AcYB1AHiAfAB/gIMAhoCKAI2AkQCUgJgAm4CfAKKApgCpgK0AsIC0ALeAvIDAAMOAxwDKgM4A0YDVANiA3ADfgOMA5oDqAO2A8QD0gPgA+4D/AQKBBgEJgQ0BEIEUAReBGwEegSIBJwEqgS4BMYAAHicY2BkYGAIY+BgYGIAARDJyAASc2DQAwkAAA0nANQAeJx9j7FuwjAYhM8QKF0qXqCShw4gQeqEgYoVCVViQQwZukVgJVYSgkwYUNVH6NpH6Njn69jDmKUDjn758+X8/2cAD/iBwGUNsPYs0MOn5xbu8O25jSf8eg7QE8+eO+iLN89d6h90iuCep5W7dWaBPt49tzj3y3Mbr8xw4YB9Hj13IMWL5y71AnPU2OMEC4MMORpIZt5gyD2GcjUiJyiRYktXxbJUlnSnpLNesYdxfzGv9ydrsryRg81QxipWI5mU6dZUxsplntoyrfZmS+cBBTSvaw6tsaNQ6FI3NWlNMcPR9bY86uxYpoSFMzZut3RolzJkRokZ63/LizpBhDGmrOuLsKh3zaK2mZZxqORMXkcTJ9F4Oj7nvpkwoWhpMH6O4he5JMqlQaLtwbChUlGolJK3uv0ByyBbWAAAAHicXc5ZM4IBAEbhp9RF1FhCRbmyVNYskSXG0CaEQvaf2j/LN112bt6Zc/HOETZiOJAJJmSc15ENmxARFTNpSlzCtBmz5iTNW7AoJR08LFmWlbNi1Zp1G/IKijZt2bZj156SfQcOHSk7dqLi1JlzF6ouXbl241ZNXUNTy522ew8edTx59qKrF3S9edf34dOXbz9+/f0DgycTFgAAAA==") format("woff");
  font-weight: 100, 200, 300, 400, 500, 600, 700, 800, 900;
  font-style: normal, italic;
  font-display: block;
}
.skeleton-text {
  font-family: "skeleton" !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.skeleton-text, .skeleton-text * {
  color: var(--skeleton-color) !important;
  letter-spacing: -0.03em !important;
}

.skeleton-image {
  display: inline-block;
}
.skeleton-image svg {
  max-width: 100%;
  height: auto;
}
.skeleton-image polygon {
  fill: var(--skeleton-color);
}
.skeleton-image path {
  fill: var(--skeleton-icon-color);
}

.skeleton-avatar {
  display: inline-block;
}
.skeleton-avatar svg {
  max-width: 100%;
  height: auto;
}
.skeleton-avatar rect {
  fill: var(--skeleton-color);
}
.skeleton-avatar path {
  fill: var(--skeleton-icon-color);
}

.skeleton-effect-blink, .skeleton-effect-wave {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 25%, black 75%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, black 25%, black 75%, transparent 100%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  -webkit-mask-repeat: repeat;
  mask-repeat: repeat;
  -webkit-mask-position: 50% top;
  mask-position: 50% top;
  animation: skeleton-effect-wave 1s infinite;
}
.skeleton-effect-fade {
  animation: skeleton-effect-fade 1s infinite;
}
.skeleton-effect-pulse {
  animation: skeleton-effect-pulse 1s infinite;
}

@keyframes skeleton-effect-fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes skeleton-effect-wave {
  0% {
    -webkit-mask-position: 50% top;
    mask-position: 50% top;
  }
  100% {
    -webkit-mask-position: -150% top;
    mask-position: -150% top;
  }
}
@keyframes skeleton-effect-pulse {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.975);
  }
  100% {
    transform: scale(1);
  }
}
.skeleton-text,
.skeleton-text * {
  letter-spacing: -0.05em !important;
}
.skeleton-effect-blink,
.skeleton-effect-wave {
  animation-duration: 1.5s;
}
.skeleton-effect-fade {
  animation-duration: 1.5s;
}
.skeleton-effect-pulse {
  animation-duration: 1.5s;
}
:root {
  --skeleton-color: #e4e8ec;
  --skeleton-icon-color: #e4e8ec;
}
:root .theme-dark,
:root.theme-dark {
  --skeleton-color: #363b3e;
  --skeleton-icon-color: #363b3e;
}
:root {
  --zmp-button-font-size: 15px;
  --zmp-button-sm-font-size: 14px;
  --zmp-button-min-width: 32px;
  --zmp-button-sm-min-width: 32px;
  --zmp-button-bg-color: transparent;
  --zmp-button-bg-color-destructive: #f9b8b6;
  --zmp-button-text-color-destructive: #f9b8b6;
  --zmp-button-border-color-tertiary: #99e8c9;
  --zmp-button-border-width: 0px;
  --zmp-button-text-transform: none;
  --zmp-button-large-text-transform: none;
  --zmp-button-small-text-transform: none;
  --zmp-button-small-outline-border-width: 2px;
  /*
  --zmp-button-text-color: var(--zmp-theme-color);
  --zmp-button-pressed-bg-color: rgba(var(--zmp-theme-color-rgb), .15);
  --zmp-button-pressed-text-color: var(--zmp-button-text-color, var(--zmp-theme-color));
  --zmp-button-border-color: var(--zmp-theme-color);
  --zmp-button-fill-text-color: #fff;
  --zmp-button-fill-bg-color: var(--zmp-theme-color);
  --zmp-button-outline-border-color: var(--zmp-theme-color);
  --zmp-button-padding-vertical: 0px;
  */
  --zmp-button-outline-border-width: 2px;
  --zmp-button-raised-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  --zmp-button-raised-pressed-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),
    0 3px 6px rgba(0, 0, 0, 0.23);
  --zmp-segmented-raised-divider-color: rgba(0, 0, 0, 0.1);
  --zmp-segmented-strong-padding: 2px;
  --zmp-segmented-strong-between-buttons: 4px;
  --zmp-segmented-strong-button-font-weight: 500;
  --zmp-segmented-strong-button-active-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
  --zmp-segmented-strong-bg-color: rgba(0, 0, 0, 0.07);
  --zmp-segmented-strong-button-text-color: #000;
  --zmp-segmented-strong-button-pressed-bg-color: rgba(0, 0, 0, 0.07);
  --zmp-segmented-strong-button-hover-bg-color: rgba(0, 0, 0, 0.04);
  --zmp-segmented-strong-button-active-text-color: #000;
  --zmp-segmented-strong-button-active-bg-color: #fff;
  --zmp-button-bg-color-secondary: #cce1ff;
  --zmp-button-bg-color-destructive: #fcdcdb;
  --zmp-button-bg-color-tertiary: #e4e8ec;
  --zmp-button-bg-color-ghost: transparent;
  --zmp-button-text-color-primary: #ffffff;
  --zmp-button-text-color-destructive: #ef4e49;
  --zmp-button-text-color-tertiary: #667685;
  --zmp-button-text-color-ghost: #667685;
  --zmp-button-border-color-secondary: #99c3ff;
  --zmp-button-border-color-destructive: #ef4e49;
  --zmp-button-border-color-tertiary: #c9d1d8;
  --zmp-button-pressed-bg-color: transparent;
  --zmp-button-pressed-bg-color-primary: #0043a6;
  --zmp-button-pressed-bg-color-secondary: #99c3ff;
  --zmp-button-pressed-bg-color-destructive: #f9b8b6;
  --zmp-button-pressed-bg-color-tertiary: #c9d1d8;
  --zmp-button-pressed-bg-color-ghost: transparent;
  --zmp-button-pressed-color-primary: #ffffff;
  --zmp-button-pressed-color-secondary: #0068ff;
  --zmp-button-pressed-color-destructive: #ef4e49;
  --zmp-button-pressed-color-tertiary: #001a33;
  --zmp-button-pressed-color-ghost: #001a33;
  --zmp-button-disabled-bg-color: #e4e8ec;
  --zmp-button-disabled-text-color: rgba(0, 0, 0, 0.15);
}
:root .theme-dark,
:root.theme-dark {
  --zmp-segmented-strong-bg-color: rgba(255, 255, 255, 0.1);
  --zmp-segmented-strong-button-pressed-bg-color: rgba(255, 255, 255, 0.04);
  --zmp-segmented-strong-button-hover-bg-color: rgba(255, 255, 255, 0.02);
  --zmp-segmented-strong-button-active-bg-color: rgba(255, 255, 255, 0.14);
  --zmp-segmented-strong-button-text-color: #fff;
  --zmp-segmented-strong-button-active-text-color: #fff;
  --zmp-button-bg-color-secondary: #2e5389;
  --zmp-button-bg-color-destructive: #5a3332;
  --zmp-button-bg-color-tertiary: #363b3e;
  --zmp-button-bg-color-ghost: transparent;
  --zmp-button-text-color-primary: #ffffff;
  --zmp-button-text-color-destructive: #e1807d;
  --zmp-button-text-color-tertiary: #4a4b4d;
  --zmp-button-text-color-ghost: #4a4b4d;
  --zmp-button-border-color-secondary: #3d6eb7;
  --zmp-button-border-color-destructive: #e1807d;
  --zmp-button-border-color-tertiary: #666f76;
  --zmp-button-pressed-bg-color: transparent;
  --zmp-button-pressed-bg-color-primary: #81aded;
  --zmp-button-pressed-bg-color-secondary: #3d6eb7;
  --zmp-button-pressed-bg-color-destructive: #874d4b;
  --zmp-button-pressed-bg-color-tertiary: #666f76;
  --zmp-button-pressed-bg-color-ghost: transparent;
  --zmp-button-pressed-color-primary: #ffffff;
  --zmp-button-pressed-color-secondary: #4c8ae5;
  --zmp-button-pressed-color-destructive: #e1807d;
  --zmp-button-pressed-color-tertiary: #ccd1d6;
  --zmp-button-pressed-color-ghost: #ccd1d6;
  --zmp-button-disabled-bg-color: #060707;
  --zmp-button-disabled-text-color: rgba(255, 255, 255, 0.1);
}
.ios {
  --zmp-button-height: 40px;
  --zmp-button-padding-horizontal: 12px;
  --zmp-button-border-radius: 8px;
  --zmp-button-font-weight: 500;
  --zmp-button-letter-spacing: 0;
  /*
  --zmp-button-fill-pressed-bg-color: var(--zmp-theme-color-tint);
  */
  --zmp-button-large-height: 48px;
  --zmp-button-large-font-size: 15px;
  --zmp-button-large-font-weight: 500;
  --zmp-button-small-height: 32px;
  --zmp-button-small-font-size: 14px;
  --zmp-button-small-font-weight: 500;
  --zmp-segmented-strong-button-text-transform: none;
  --zmp-segmented-strong-button-active-font-weight: 600;
}
.md {
  --zmp-button-height: 40px;
  --zmp-button-padding-horizontal: 12px;
  --zmp-button-border-radius: 8px;
  --zmp-button-font-weight: 500;
  --zmp-button-letter-spacing: 0em;
  /*
  --zmp-button-fill-pressed-bg-color: var(--zmp-theme-color-shade);
  */
  --zmp-button-large-height: 48px;
  --zmp-button-large-font-size: 15px;
  --zmp-button-large-font-weight: 500;
  --zmp-button-small-height: 32px;
  --zmp-button-small-font-size: 14px;
  --zmp-button-small-font-weight: 500;
  --zmp-segmented-strong-button-text-transform: uppercase;
  --zmp-segmented-strong-button-active-font-weight: 500;
}
.aurora {
  /*
  --zmp-button-hover-bg-color: rgba(var(--zmp-theme-color-rgb), .07);
  --zmp-button-fill-hover-bg-color: var(--zmp-theme-color-tint);
  */
  --zmp-button-height: 40px;
  --zmp-button-min-width: 24px;
  --zmp-button-padding-horizontal: 12px;
  --zmp-button-border-radius: 8px;
  --zmp-button-font-weight: 500;
  --zmp-button-letter-spacing: 0em;
  /*
  --zmp-button-fill-pressed-bg-color: var(--zmp-theme-color-shade);
  */
  --zmp-button-large-height: 48px;
  --zmp-button-large-font-size: 15px;
  --zmp-button-large-font-weight: 500;
  --zmp-button-small-height: 32px;
  --zmp-button-small-font-size: 14px;
  --zmp-button-small-font-weight: 500;
  --zmp-segmented-strong-button-text-transform: uppercase;
  --zmp-segmented-strong-button-active-font-weight: 600;
}
button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
}
.button {
  --zmp-touch-ripple-color: var(--zmp-touch-ripple-white);
  text-decoration: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  display: flex;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  overflow: hidden;
  font-family: inherit;
  cursor: pointer;
  outline: 0;
  box-sizing: border-box;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  border: var(--zmp-button-border-width, 0px) solid var(--zmp-button-border-color, var(--zmp-theme-color));
  font-size: var(--zmp-button-font-size);
  color: var(--zmp-button-text-color, var(--zmp-theme-color));
  height: var(--zmp-button-height);
  line-height: calc(var(--zmp-button-height) - var(--zmp-button-border-width, 0) * 2);
  padding: var(--zmp-button-padding-vertical, 0px) var(--zmp-button-padding-horizontal);
  border-radius: var(--zmp-button-border-radius);
  min-width: var(--zmp-button-min-width);
  font-weight: var(--zmp-button-font-weight);
  letter-spacing: var(--zmp-button-letter-spacing);
  text-transform: var(--zmp-button-text-transform);
  background-color: var(--zmp-button-bg-color);
  box-shadow: var(--zmp-button-box-shadow);
}
.button.active-state {
  background-color: var(--zmp-button-pressed-bg-color, rgba(var(--zmp-theme-color-rgb), 0.15));
  color: var(--zmp-button-pressed-text-color, var(--zmp-button-text-color, var(--zmp-theme-color)));
}
input[type='submit'].button,
input[type='button'].button,
input[type='reset'].button {
  width: 100%;
}
.button > i + span,
.button > span + span,
.button > span + i,
.button > i + i {
  margin-left: 4px;
}
.button.disabled {
  color: var(--zmp-button-disabled-text-color);
  background-color: var(--zmp-button-disabled-bg-color);
  border: none;
}
.button .icon {
  font-size: 1.6em;
  margin-right: 0.5em;
}
.button-small .icon {
  margin-right: 0.5em;
}
.subnavbar .button,
.navbar .button,
.toolbar .button,
.searchbar .button,
.appbar .button {
  color: var(--zmp-button-text-color, var(--zmp-theme-color));
}
.button-round,
.ios .button-round-ios,
.md .button-round-md,
.aurora .button-round-aurora {
  --zmp-button-border-radius: var(--zmp-button-height);
}
.button-fill,
.ios .button-fill-ios,
.md .button-fill-md,
.aurora .button-fill-aurora,
.button-active,
.button.tab-link-active {
  --zmp-button-bg-color: var(--zmp-button-fill-bg-color, var(--zmp-theme-color));
  --zmp-button-text-color: var(--zmp-button-fill-text-color, #fff);
  --zmp-touch-ripple-color: var(--zmp-touch-ripple-white);
}
.button-fill,
.ios .button-fill-ios,
.md .button-fill-md,
.aurora .button-fill-aurora {
  --zmp-button-pressed-bg-color: var(--zmp-button-fill-pressed-bg-color);
}
.button-active,
.button.tab-link-active {
  --zmp-button-pressed-bg-color: var(--zmp-button-bg-color);
}
.button-outline,
.ios .button-outline-ios,
.md .button-outline-md,
.aurora .button-outline-aurora {
  --zmp-button-border-color: var(--zmp-button-outline-border-color, var(--zmp-theme-color));
  --zmp-button-border-width: var(--zmp-button-outline-border-width);
}
.button-large,
.ios .button-large-ios,
.md .button-large-md,
.aurora .button-large-aurora {
  --zmp-button-height: var(--zmp-button-large-height);
  --zmp-button-font-size: var(--zmp-button-large-font-size);
  --zmp-button-font-weight: var(--zmp-button-large-font-weight);
  --zmp-button-text-transform: var(--zmp-button-large-text-transform);
}
.button-small,
.ios .button-small-ios,
.md .button-small-md,
.aurora .button-small-aurora {
  --zmp-button-outline-border-width: var(--zmp-button-small-outline-border-width);
  --zmp-button-height: var(--zmp-button-small-height);
  --zmp-button-font-size: var(--zmp-button-small-font-size);
  --zmp-button-font-weight: var(--zmp-button-small-font-weight);
  --zmp-button-text-transform: var(--zmp-button-small-text-transform);
}
.ios .button-small.button-fill,
.ios .button-small-ios.button-fill,
.ios .button-small.button-fill-ios {
  --zmp-button-border-width: var(--zmp-button-small-outline-border-width);
  --zmp-button-pressed-text-color: var(--zmp-theme-color);
  --zmp-button-pressed-bg-color: transparent;
}
.segmented {
  align-self: center;
  display: flex;
  flex-wrap: nowrap;
  border-radius: var(--zmp-button-border-radius);
  box-shadow: var(--zmp-button-box-shadow);
  box-sizing: border-box;
}
.segmented .button,
.segmented button {
  width: 100%;
  flex-shrink: 1;
  min-width: 0;
  border-radius: 0;
}
.segmented .button:first-child {
  border-radius: var(--zmp-button-border-radius) 0 0 var(--zmp-button-border-radius);
}
.segmented .button:not(.button-outline):first-child {
  border-left: none;
}
.segmented .button.button-outline:nth-child(n + 2) {
  border-left: none;
}
.segmented .button:last-child {
  border-radius: 0 var(--zmp-button-border-radius) var(--zmp-button-border-radius) 0;
}
.segmented .button-round:first-child {
  border-radius: var(--zmp-button-height) 0 0 var(--zmp-button-height);
}
.segmented .button-round:last-child {
  border-radius: 0 var(--zmp-button-height) var(--zmp-button-height) 0;
}
.segmented .button:first-child:last-child {
  border-radius: var(--zmp-button-border-radius);
}
.segmented-raised,
.ios .segmented-raised-ios,
.md .segmented-raised-md,
.aurora .segmented-raised-aurora {
  box-shadow: var(--zmp-button-raised-box-shadow);
}
.segmented-raised .button:not(.button-outline),
.ios .segmented-raised-ios .button:not(.button-outline),
.md .segmented-raised-md .button:not(.button-outline),
.aurora .segmented-raised-aurora .button:not(.button-outline) {
  border-left: 1px solid var(--zmp-segmented-raised-divider-color);
}
.button-raised,
.ios .button-raised-ios,
.md .button-raised-md,
.aurora .button-raised-aurora {
  --zmp-button-box-shadow: var(--zmp-button-raised-box-shadow);
}
.button-raised.active-state,
.ios .button-raised-ios.active-state,
.md .button-raised-md.active-state,
.aurora .button-raised-aurora.active-state {
  --zmp-button-box-shadow: var(--zmp-button-raised-pressed-box-shadow);
}
.segmented-strong,
.ios .segmented-strong-ios,
.md .segmented-strong-md,
.aurora .segmented-strong-aurora {
  --zmp-button-bg-color: transparent;
  --zmp-button-hover-bg-color: var(--zmp-segmented-strong-button-hover-bg-color);
  --zmp-button-text-color: var(--zmp-segmented-strong-button-text-color);
  --zmp-button-font-weight: var(--zmp-segmented-strong-button-font-weight);
  --zmp-button-text-transform: var(--zmp-segmented-strong-button-text-transform);
  --zmp-button-pressed-bg-color: var(--zmp-segmented-strong-button-pressed-bg-color);
  position: relative;
  background: var(--zmp-segmented-strong-bg-color);
  border-radius: calc(var(--zmp-button-border-radius) + 2px);
  box-shadow: none;
  padding: var(--zmp-segmented-strong-padding);
  overflow: hidden;
}
.segmented-strong .button,
.ios .segmented-strong-ios .button,
.md .segmented-strong-md .button,
.aurora .segmented-strong-aurora .button {
  z-index: 1;
  transform: translate3d(0, 0, 0);
}
.segmented-strong .button,
.ios .segmented-strong-ios .button,
.md .segmented-strong-md .button,
.aurora .segmented-strong-aurora .button,
.segmented-strong .button:first-child,
.ios .segmented-strong-ios .button:first-child,
.md .segmented-strong-md .button:first-child,
.aurora .segmented-strong-aurora .button:first-child,
.segmented-strong .button:last-child,
.ios .segmented-strong-ios .button:last-child,
.md .segmented-strong-md .button:last-child,
.aurora .segmented-strong-aurora .button:last-child {
  border-radius: var(--zmp-button-border-radius);
}
.segmented-strong .button + .button,
.ios .segmented-strong-ios .button + .button,
.md .segmented-strong-md .button + .button,
.aurora .segmented-strong-aurora .button + .button {
  margin-left: var(--zmp-segmented-strong-between-buttons);
}
.segmented-strong .button.button-active,
.ios .segmented-strong-ios .button.button-active,
.md .segmented-strong-md .button.button-active,
.aurora .segmented-strong-aurora .button.button-active,
.segmented-strong .button.tab-link-active,
.ios .segmented-strong-ios .button.tab-link-active,
.md .segmented-strong-md .button.tab-link-active,
.aurora .segmented-strong-aurora .button.tab-link-active {
  --zmp-button-hover-bg-color: transparent;
  --zmp-button-bg-color: transparent;
  --zmp-button-text-color: var(--zmp-segmented-strong-button-active-text-color);
  --zmp-button-font-weight: var(--zmp-segmented-strong-button-active-font-weight);
}
.segmented-strong .segmented-highlight,
.ios .segmented-strong-ios .segmented-highlight,
.md .segmented-strong-md .segmented-highlight,
.aurora .segmented-strong-aurora .segmented-highlight {
  --zmp-segmented-highlight-num: 1;
  --zmp-segmented-highlight-active: 0;
  --zmp-segmented-highlight-padding: calc(var(--zmp-segmented-strong-padding) * 2);
  --zmp-segmented-highlight-between: var(--zmp-segmented-strong-between-buttons);
  --zmp-segmented-highlight-width: calc((100% - var(--zmp-segmented-highlight-padding) - var(--zmp-segmented-highlight-between) * (var(--zmp-segmented-highlight-num) - 1)) / var(--zmp-segmented-highlight-num));
  position: absolute;
  background-color: var(--zmp-segmented-strong-button-active-bg-color);
  border-radius: var(--zmp-button-border-radius);
  box-shadow: var(--zmp-segmented-strong-button-active-box-shadow);
  left: var(--zmp-segmented-strong-padding);
  top: var(--zmp-segmented-strong-padding);
  height: calc(100% - var(--zmp-segmented-strong-padding) * 2);
  width: var(--zmp-segmented-highlight-width);
  z-index: 0;
  transform: translateX(calc(var(--zmp-segmented-highlight-active) * 100% + var(--zmp-segmented-highlight-active) * var(--zmp-segmented-highlight-between)));
  transition: 200ms;
}
.button:nth-child(2) ~ .segmented-highlight {
  --zmp-segmented-highlight-num: 2;
}
.button:nth-child(3) ~ .segmented-highlight {
  --zmp-segmented-highlight-num: 3;
}
.button:nth-child(4) ~ .segmented-highlight {
  --zmp-segmented-highlight-num: 4;
}
.button:nth-child(5) ~ .segmented-highlight {
  --zmp-segmented-highlight-num: 5;
}
.button:nth-child(6) ~ .segmented-highlight {
  --zmp-segmented-highlight-num: 6;
}
.button:nth-child(7) ~ .segmented-highlight {
  --zmp-segmented-highlight-num: 7;
}
.button:nth-child(8) ~ .segmented-highlight {
  --zmp-segmented-highlight-num: 8;
}
.button:nth-child(9) ~ .segmented-highlight {
  --zmp-segmented-highlight-num: 9;
}
.button:nth-child(10) ~ .segmented-highlight {
  --zmp-segmented-highlight-num: 10;
}
.button-active:nth-child(2) ~ .segmented-highlight,
.tab-link-active:nth-child(2) ~ .segmented-highlight {
  --zmp-segmented-highlight-active: 1;
}
.button-active:nth-child(3) ~ .segmented-highlight,
.tab-link-active:nth-child(3) ~ .segmented-highlight {
  --zmp-segmented-highlight-active: 2;
}
.button-active:nth-child(4) ~ .segmented-highlight,
.tab-link-active:nth-child(4) ~ .segmented-highlight {
  --zmp-segmented-highlight-active: 3;
}
.button-active:nth-child(5) ~ .segmented-highlight,
.tab-link-active:nth-child(5) ~ .segmented-highlight {
  --zmp-segmented-highlight-active: 4;
}
.button-active:nth-child(6) ~ .segmented-highlight,
.tab-link-active:nth-child(6) ~ .segmented-highlight {
  --zmp-segmented-highlight-active: 5;
}
.button-active:nth-child(7) ~ .segmented-highlight,
.tab-link-active:nth-child(7) ~ .segmented-highlight {
  --zmp-segmented-highlight-active: 6;
}
.button-active:nth-child(8) ~ .segmented-highlight,
.tab-link-active:nth-child(8) ~ .segmented-highlight {
  --zmp-segmented-highlight-active: 7;
}
.button-active:nth-child(9) ~ .segmented-highlight,
.tab-link-active:nth-child(9) ~ .segmented-highlight {
  --zmp-segmented-highlight-active: 8;
}
.button-active:nth-child(10) ~ .segmented-highlight,
.tab-link-active:nth-child(10) ~ .segmented-highlight {
  --zmp-segmented-highlight-active: 9;
}
.segmented-round,
.ios .segmented-round-ios,
.md .segmented-round-md,
.aurora .segmented-round-aurora {
  border-radius: var(--zmp-button-height);
}
.segmented-round .segmented-highlight,
.ios .segmented-round-ios .segmented-highlight,
.md .segmented-round-md .segmented-highlight,
.aurora .segmented-round-aurora .segmented-highlight {
  border-radius: var(--zmp-button-height);
}
.subnavbar .segmented {
  width: 100%;
}
.button-preloader {
  position: relative;
  --zmp-preloader-color: var(--zmp-button-text-color, var(--zmp-theme-color));
}
.button-preloader:not(.button-large) {
  --zmp-preloader-size: calc(var(--zmp-button-height) - 6px);
}
.button-preloader.button-fill {
  --zmp-preloader-color: #fff;
}
.button-preloader > span:not(.preloader) {
  transition: 0.2s;
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  transform: scale(1);
}
.button-preloader > .preloader {
  position: absolute;
  left: 50%;
  top: 50%;
  transition: 0.2s;
  transition-property: opacity;
  opacity: 0;
  visibility: hidden;
  margin-left: calc(-1 * var(--zmp-preloader-size) / 2);
  margin-top: calc(-1 * var(--zmp-preloader-size) / 2);
}
.button-preloader.button-loading > span:not(.preloader) {
  opacity: 0;
  transform: scale(0);
}
.button-preloader.button-loading > .preloader {
  opacity: 1;
  visibility: visible;
}
.zmp-btn-primary {
  --zmp-button-bg-color: var(--zmp-button-bg-color-primary, var(--zmp-theme-color));
  --zmp-button-border-color: var(--zmp-button-border-color-primary, none);
  --zmp-button-text-color: var(--zmp-button-text-color-primary);
  --zmp-button-pressed-bg-color: var(--zmp-button-pressed-bg-color-primary, var(--zmp-theme-color-shade));
  background-color: var(--zmp-button-bg-color);
  border-color: var(--zmp-button-border-color);
  color: var(--zmp-button-text-color);
}
.zmp-btn-primary.active-state {
  background-color: var(--zmp-button-pressed-bg-color, rgba(var(--zmp-theme-color-rgb), 0.15));
  color: var(--zmp-button-pressed-text-color, var(--zmp-button-text-color, var(--zmp-theme-color)));
}
.zmp-btn-secondary {
  --zmp-button-bg-color: var(--zmp-button-bg-color-secondary);
  --zmp-button-border-color: var(--zmp-button-border-color-secondary, var(--zmp-theme-color));
  --zmp-button-text-color: var(--zmp-button-text-color-secondary, var(--zmp-theme-color));
  --zmp-button-pressed-bg-color: var(--zmp-button-pressed-bg-color-secondary);
  --zmp-button-pressed-text-color: var(--zmp-button-pressed-color-secondary);
  background-color: var(--zmp-button-bg-color);
  border: 0.25px solid var(--zmp-button-border-color);
  color: var(--zmp-button-text-color);
}
.zmp-btn-secondary.active-state {
  background-color: var(--zmp-button-pressed-bg-color, rgba(var(--zmp-theme-color-rgb), 0.15));
  color: var(--zmp-button-pressed-text-color, var(--zmp-button-text-color, var(--zmp-theme-color)));
}
.zmp-btn-destructive {
  --zmp-button-bg-color: var(--zmp-button-bg-color-destructive);
  --zmp-button-border-color: var(--zmp-button-border-color-destructive, none);
  --zmp-button-text-color: var(--zmp-button-text-color-destructive);
  --zmp-button-pressed-bg-color: var(--zmp-button-pressed-bg-color-destructive);
  --zmp-button-pressed-text-color: var(--zmp-button-pressed-color-destructive);
  background-color: var(--zmp-button-bg-color);
  border: 0.25px solid var(--zmp-button-border-color);
  color: var(--zmp-button-text-color);
}
.zmp-btn-destructive.active-state {
  background-color: var(--zmp-button-pressed-bg-color, rgba(var(--zmp-theme-color-rgb), 0.15));
  color: var(--zmp-button-pressed-text-color, var(--zmp-button-text-color, var(--zmp-theme-color)));
}
.zmp-btn-tertiary {
  --zmp-button-bg-color: var(--zmp-button-bg-color-tertiary);
  --zmp-button-border-color: var(--zmp-button-border-color-tertiary, none);
  --zmp-button-text-color: var(--zmp-button-text-color-tertiary);
  --zmp-button-pressed-bg-color: var(--zmp-button-pressed-bg-color-tertiary);
  --zmp-button-pressed-text-color: var(--zmp-button-pressed-color-tertiary);
  background-color: var(--zmp-button-bg-color);
  border: 0.25px solid var(--zmp-button-border-color);
  color: var(--zmp-button-text-color);
}
.zmp-btn-tertiary.active-state {
  background-color: var(--zmp-button-pressed-bg-color, rgba(var(--zmp-theme-color-rgb), 0.15));
  color: var(--zmp-button-pressed-text-color, var(--zmp-button-text-color, var(--zmp-theme-color)));
}
.zmp-btn-ghost {
  --zmp-button-bg-color: var(--zmp-button-bg-color-ghost);
  --zmp-button-border-color: var(--zmp-button-border-color-ghost, none);
  --zmp-button-text-color: var(--zmp-button-text-color-ghost);
  --zmp-button-pressed-bg-color: var(--zmp-button-pressed-bg-color-ghost);
  --zmp-button-pressed-text-color: var(--zmp-button-pressed-color-ghost);
  background-color: var(--zmp-button-bg-color);
  border-color: var(--zmp-button-border-color);
  color: var(--zmp-button-text-color);
}
.zmp-btn-ghost.active-state {
  background-color: var(--zmp-button-pressed-bg-color, rgba(var(--zmp-theme-color-rgb), 0.15));
  color: var(--zmp-button-pressed-text-color, var(--zmp-button-text-color, var(--zmp-theme-color)));
}
.zmp-btn-ghost.disabled {
  border: none;
  background-color: transparent;
}
.zmp-btn-responsive {
  width: 100%;
}
.ios .button {
  transition-duration: 100ms;
}
.ios .button-fill,
.ios .button-fill-ios {
  --zmp-button-pressed-bg-color: var(--zmp-button-fill-pressed-bg-color, var(--zmp-theme-color-tint));
}
.ios .button-small,
.ios .button-small-ios {
  transition-duration: 200ms;
}
.md .button {
  transition-duration: 300ms;
  transform: translate3d(0, 0, 0);
}
.md .button-fill,
.md .button-fill-md {
  --zmp-button-pressed-bg-color: var(--zmp-button-fill-pressed-bg-color, var(--zmp-theme-color-shade));
}
.aurora .button {
  transition-duration: 100ms;
  transform: translate3d(0, 0, 0);
}
.aurora.device-desktop .button:not(.active-state):not(.no-hover):hover {
  background-color: var(--zmp-button-hover-bg-color, rgba(var(--zmp-theme-color-rgb), 0.07));
}
.aurora .button-fill,
.aurora .button-fill-aurora {
  --zmp-button-pressed-bg-color: var(--zmp-button-fill-pressed-bg-color, var(--zmp-theme-color-shade));
}
.aurora .button-fill,
.aurora .button-active,
.aurora .button.tab-link-active,
.aurora .button-fill-aurora {
  --zmp-button-hover-bg-color: var(--zmp-button-fill-hover-bg-color, var(--zmp-theme-color-tint));
}
/*====================
  Core
  ==================== */
/*====================
  Fonts & Bars
  ==================== */
:root {
  --zmp-font-size: 15px;
  --zmp-text-color: #001a33;
  --zmp-bars-text-color: #001a33;
  --zmp-bars-bg-color: #ffffff;
  --zmp-bars-bg-color-rgb: 255, 255, 255;
}
:root .theme-dark,
:root.theme-dark {
  --zmp-text-color: #dbdfe2;
  --zmp-bars-text-color: #ccd1d6;
  --zmp-bars-bg-color: #060707;
  --zmp-bars-bg-color-rgb: 21, 21, 23;
}
.ios {
  --zmp-font-family: -apple-system, SF Pro Text, SF UI Text, system-ui, Helvetica Neue, Helvetica, Arial, sans-serif;
  --zmp-line-height: 20px;
  --zmp-text-color: #001a33;
  --zmp-bars-text-color: #001a33;
  --zmp-bars-bg-color: #ffffff;
  --zmp-bars-bg-color-rgb: 255, 255, 255;
}
.ios .theme-dark,
.ios.theme-dark {
  --zmp-text-color: #dbdfe2;
  --zmp-bars-text-color: #ccd1d6;
  --zmp-bars-bg-color: #060707;
  --zmp-bars-bg-color-rgb: 21, 21, 23;
  --zmp-bars-border-color: #121415;
}
.md {
  --zmp-font-family: Roboto, system-ui, Noto, Helvetica, Arial, sans-serif;
  --zmp-line-height: 20px;
  --zmp-bars-border-color: transparent;
  --zmp-text-color: #001a33;
  --zmp-bars-text-color: #001a33;
  --zmp-bars-bg-color: #ffffff;
  --zmp-bars-bg-color-rgb: 255, 255, 255;
}
.md .theme-dark,
.md.theme-dark {
  --zmp-text-color: #dbdfe2;
  --zmp-bars-text-color: #ccd1d6;
  --zmp-bars-bg-color: #060707;
  --zmp-bars-bg-color-rgb: 21, 21, 23;
  --zmp-bars-border-color: #121415;
}
.aurora {
  --zmp-font-family: -apple-system, system-ui, Helvetica, Arial, sans-serif;
  --zmp-line-height: 20px;
  --zmp-text-color: #001a33;
  --zmp-bars-text-color: #001a33;
  --zmp-bars-bg-color: #ffffff;
  --zmp-bars-bg-color-rgb: 255, 255, 255;
}
.aurora .theme-dark,
.aurora.theme-dark {
  --zmp-text-color: #dbdfe2;
  --zmp-bars-text-color: #ccd1d6;
  --zmp-bars-bg-color: #060707;
  --zmp-bars-bg-color-rgb: 21, 21, 23;
  --zmp-bars-border-color: #121415;
}
/*====================
  Color Themes
  ==================== */
.text-color-primary {
  --zmp-theme-color-text-color: var(--zmp-theme-color);
}
.bg-color-primary {
  --zmp-theme-color-bg-color: var(--zmp-theme-color);
}
.border-color-primary {
  --zmp-theme-color-border-color: var(--zmp-theme-color);
}
.ripple-color-primary {
  --zmp-theme-color-ripple-color: rgba(var(--zmp-theme-color-rgb), 0.3);
}
html,
body,
.zmp-root {
  position: relative;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  background: #fff;
  overflow: hidden;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-family: var(--zmp-font-family);
  font-size: var(--zmp-font-size);
  line-height: var(--zmp-line-height);
  color: var(--zmp-text-color);
}
html {
  height: 100%;
  overflow: hidden;
  position: relative;
}
body {
  height: 100%;
  overflow: auto;
  position: relative;
}
.theme-dark {
  color: var(--zmp-text-color);
}
.zmp-root {
  overflow: hidden;
  box-sizing: border-box;
}
.zmp-initializing *,
.zmp-initializing *:before,
.zmp-initializing *:after {
  transition-duration: 0ms !important;
}
.device-ios,
.device-android {
  cursor: pointer;
}
.device-ios {
  touch-action: manipulation;
}
@media (width: 1024px) and (height: 691px) and (orientation: landscape) {
  html,
  body,
  .zmp-root {
    height: 671px;
  }
}
@media (width: 1024px) and (height: 692px) and (orientation: landscape) {
  html,
  body,
  .zmp-root {
    height: 672px;
  }
}
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
}
a,
input,
textarea,
select {
  outline: 0;
}
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--zmp-theme-color);
}
.link,
.item-link {
  cursor: pointer;
}
p {
  margin: 1em 0;
}
.disabled {
  opacity: 1 !important;
  pointer-events: none !important;
}
.disabled input[type='text'],
.disabled input[type='password'],
.disabled input[type='search'],
.disabled input[type='email'],
.disabled input[type='tel'],
.disabled input[type='url'],
.disabled input[type='date'],
.disabled input[type='month'],
.disabled input[type='datetime-local'],
.disabled input[type='time'],
.disabled input[type='number'],
.disabled select,
.disabled textarea {
  --zmp-input-placeholder-color: var(--zmp-input-disabled-placeholder-color) !important;
  border-color: var(--zmp-input-disabled-border-color) !important;
  background-color: var(--zmp-input-disabled-bg-color) !important;
  color: var(--zmp-input-disabled-text-color) !important;
}
html.device-full-viewport,
html.device-full-viewport body {
  height: 100vh;
}
.ios .md-only,
.ios .if-md,
.ios .aurora-only,
.ios .if-aurora,
.ios .if-not-ios,
.ios .not-ios {
  display: none !important;
}
@media (width: 1024px) and (height: 691px) and (orientation: landscape) {
  .ios,
  .ios body,
  .ios .zmp-root {
    height: 671px;
  }
}
@media (width: 1024px) and (height: 692px) and (orientation: landscape) {
  .ios,
  .ios body,
  .ios .zmp-root {
    height: 672px;
  }
}
.md .ios-only,
.md .if-ios,
.md .aurora-only,
.md .if-aurora,
.md .if-not-md,
.md .not-md {
  display: none !important;
}
.aurora .ios-only,
.aurora .if-ios,
.aurora .md-only,
.aurora .if-md,
.aurora .if-not-aurora,
.aurora .not-aurora {
  display: none !important;
}
.custom-modal-backdrop,
.actions-backdrop,
.dialog-backdrop,
.popover-backdrop,
.popup-backdrop,
.preloader-backdrop,
.sheet-backdrop,
.fab-backdrop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  z-index: 13000;
  visibility: hidden;
  opacity: 0;
  transition-duration: 400ms;
}
.custom-modal-backdrop.not-animated,
.actions-backdrop.not-animated,
.dialog-backdrop.not-animated,
.popover-backdrop.not-animated,
.popup-backdrop.not-animated,
.preloader-backdrop.not-animated,
.sheet-backdrop.not-animated,
.fab-backdrop.not-animated {
  transition-duration: 0ms;
}
.custom-modal-backdrop.backdrop-in,
.actions-backdrop.backdrop-in,
.dialog-backdrop.backdrop-in,
.popover-backdrop.backdrop-in,
.popup-backdrop.backdrop-in,
.preloader-backdrop.backdrop-in,
.sheet-backdrop.backdrop-in,
.fab-backdrop.backdrop-in {
  visibility: visible;
  opacity: 1;
}
.theme-dark .custom-modal-backdrop,
.theme-dark .actions-backdrop,
.theme-dark .dialog-backdrop,
.theme-dark .popover-backdrop,
.theme-dark .popup-backdrop,
.theme-dark .preloader-backdrop,
.theme-dark .sheet-backdrop,
.theme-dark .fab-backdrop {
  background: rgba(0, 0, 0, 0.75);
}
:root {
  --zmp-page-bg-color: #e4e8ec;
}
:root .theme-dark,
:root.theme-dark {
  --zmp-page-bg-color: #060707;
}
.page {
  background-color: var(--zmp-page-bg-color);
}
.ios {
  --zmp-page-transition-duration: 400ms;
  --zmp-page-title-font-size: 34px;
  --zmp-page-title-font-weight: 700;
  --zmp-page-title-letter-spacing: -0.03em;
  --zmp-page-title-padding-vertical: 6px;
  --zmp-page-bg-color: #e4e8ec;
}
.ios .theme-dark,
.ios.theme-dark {
  --zmp-page-bg-color: #060707;
}
.md {
  --zmp-page-transition-duration: 250ms;
  --zmp-page-title-font-size: 34px;
  --zmp-page-title-font-weight: 500;
  --zmp-page-title-letter-spacing: 0;
  --zmp-page-title-padding-vertical: 8px;
  --zmp-page-bg-color: #e4e8ec;
}
.md .theme-dark,
.md.theme-dark {
  --zmp-page-bg-color: #060707;
}
.aurora {
  --zmp-page-transition-duration: 250ms;
  --zmp-page-title-font-size: 28px;
  --zmp-page-title-font-weight: bold;
  --zmp-page-title-letter-spacing: 0;
  --zmp-page-title-padding-vertical: 7px;
  --zmp-page-bg-color: #e4e8ec;
}
.aurora .theme-dark,
.aurora.theme-dark {
  --zmp-page-bg-color: #060707;
}
/* === Navbar === */
:root {
  --zmp-navbar-hide-show-transition-duration: 400ms;
  --zmp-navbar-title-line-height: 24px;
  --zmp-navbar-title-font-size: 16px;
  --zmp-navbar-subtitle-text-align: left;
  --zmp-navbar-large-title-line-height: 30px;
  --zmp-navbar-large-title-text-color: inherit;
  --zmp-navbar-large-title-padding-left: 0px;
  --zmp-navbar-large-title-padding-right: 20px;
  --zmp-navbar-bold-title-font-weight: 700;
  --zmp-navbar-subtitle-text-color: #667685;
  --zmp-navbar-bg-color-white: #ffffff;
  --zmp-navbar-text-color-fill: #ffffff;
  --zmp-navbar-subtitle-color-fill: rgba(255, 255, 255, 0.5);
  --zmp-navbar-bg-color-transparent: var(--zmp-theme-color);
  --zmp-navbar-text-color-transparent: #ffffff;
  --zmp-navbar-subtitle-color-transparent: rgba(255, 255, 255, 0.5);
  --zmp-navbar-border-color: #e4e8ec;
}
:root .theme-dark,
:root.theme-dark {
  --zmp-navbar-bg-color-fill: #060707;
  --zmp-navbar-subtitle-text-color: #363b3e;
  --zmp-navbar-text-color-fill: #ccd1d6;
  --zmp-navbar-subtitle-color-fill: #363b3e;
  --zmp-navbar-bg-color-transparent: var(--zmp-theme-color);
  --zmp-navbar-text-color-transparent: #ffffff;
  --zmp-navbar-subtitle-color-transparent: #363b3e;
  --zmp-navbar-border-color: #121415;
}
.ios {
  --zmp-navbar-height: 60px;
  --zmp-navbar-tablet-height: 60px;
  --zmp-navbar-font-size: 16px;
  --zmp-navbar-inner-padding-left: 16px;
  --zmp-navbar-inner-padding-right: 16px;
  --zmp-navbar-title-font-weight: 400;
  --zmp-navbar-title-margin-left: 0;
  --zmp-navbar-title-margin-right: 0;
  --zmp-navbar-title-text-align: left;
  --zmp-navbar-subtitle-font-size: 12px;
  --zmp-navbar-subtitle-line-height: 1;
  --zmp-navbar-shadow-image: none;
  --zmp-navbar-large-title-height: 34px;
  --zmp-navbar-large-title-font-size: 24px;
  --zmp-navbar-large-title-font-weight: 500;
  --zmp-navbar-large-title-letter-spacing: -0.03em;
  --zmp-navbar-large-title-padding-vertical: 0px;
  /*
  --zmp-navbar-link-height: var(--zmp-navbar-height);
  --zmp-navbar-link-line-height: var(--zmp-navbar-height);
  */
}
.md {
  --zmp-navbar-height: 60px;
  --zmp-navbar-tablet-height: 60px;
  --zmp-navbar-font-size: 16px;
  --zmp-navbar-inner-padding-left: 16px;
  --zmp-navbar-inner-padding-right: 16px;
  --zmp-navbar-title-font-weight: 400;
  --zmp-navbar-title-margin-left: 0px;
  --zmp-navbar-title-margin-right: 0px;
  --zmp-navbar-title-text-align: left;
  --zmp-navbar-subtitle-font-size: 12px;
  --zmp-navbar-subtitle-line-height: 1;
  --zmp-navbar-shadow-image: var(--zmp-bars-shadow-bottom-image);
  --zmp-navbar-large-title-font-size: 24px;
  --zmp-navbar-large-title-height: 30px;
  --zmp-navbar-large-title-font-weight: 500;
  --zmp-navbar-large-title-letter-spacing: 0;
  --zmp-navbar-large-title-padding-vertical: 0px;
  --zmp-navbar-link-height: 48px;
  --zmp-navbar-link-line-height: 48px;
}
.aurora {
  --zmp-navbar-height: 60px;
  --zmp-navbar-tablet-height: 60px;
  --zmp-navbar-font-size: 16px;
  --zmp-navbar-inner-padding-left: 16px;
  --zmp-navbar-inner-padding-right: 16px;
  --zmp-navbar-title-font-weight: bold;
  --zmp-navbar-title-margin-left: 0;
  --zmp-navbar-title-margin-right: 0;
  --zmp-navbar-title-text-align: center;
  --zmp-navbar-subtitle-font-size: 12px;
  --zmp-navbar-subtitle-line-height: 1;
  --zmp-navbar-shadow-image: none;
  --zmp-navbar-large-title-height: 30px;
  --zmp-navbar-large-title-font-weight: bold;
  --zmp-navbar-large-title-letter-spacing: 0;
  --zmp-navbar-large-title-padding-vertical: 0px;
  --zmp-navbar-large-title-font-size: 24px;
  --zmp-navbar-link-height: auto;
  --zmp-navbar-link-line-height: inherit;
}
.navbars,
.navbar {
  z-index: 500;
  left: 0;
  top: 0;
  width: 100%;
}
.navbars {
  position: absolute;
}
.navbars .navbar {
  z-index: auto;
}
.navbars .navbar-transitioning {
  z-index: 500;
}
.navbar {
  --zmp-navbar-large-collapse-progress: 0;
  --zmp-navbar-link-color: var(--zmp-navbar-text-color, var(--zmp-bars-text-color));
  position: relative;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  box-sizing: border-box;
  margin: 0;
  height: calc(var(--zmp-navbar-height) + var(--zmp-safe-area-top));
  color: var(--zmp-navbar-text-color, var(--zmp-bars-text-color));
  font-size: var(--zmp-navbar-font-size);
  outline: solid 0.5px var(--zmp-navbar-border-color);
}
.navbar.stacked {
  display: none;
}
.navbar b {
  font-weight: 500;
}
.navbar a {
  color: var(--zmp-navbar-link-color, var(--zmp-bars-link-color, var(--zmp-theme-color)));
}
.navbar a.link {
  display: flex;
  justify-content: flex-start;
  line-height: var(--zmp-navbar-link-line-height, var(--zmp-navbar-height));
  height: var(--zmp-navbar-link-height, var(--zmp-navbar-height));
}
.navbar .title,
.navbar .left,
.navbar .right {
  position: relative;
  z-index: 10;
}
.navbar .title {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 10;
  font-weight: var(--zmp-navbar-title-font-weight);
  display: inline-block;
  line-height: var(--zmp-navbar-title-line-height);
  text-align: var(--zmp-navbar-title-text-align);
  font-size: var(--zmp-navbar-title-font-size);
  margin-left: var(--zmp-navbar-title-margin-left);
  margin-right: var(--zmp-navbar-title-margin-left);
}
.navbar .subtitle {
  display: block;
  color: var(--zmp-navbar-subtitle-text-color);
  font-weight: normal;
  font-size: var(--zmp-navbar-subtitle-font-size);
  line-height: var(--zmp-navbar-subtitle-line-height);
  text-align: var(--zmp-navbar-subtitle-text-align);
}
.navbar .title.title-with-subtitle {
  --zmp-navbar-title-line-height: 26px;
  --zmp-navbar-title-font-size: 15px;
  font-weight: var(--zmp-navbar-bold-title-font-weight);
}
.navbar .title.title-with-subtitle .subtitle {
  margin-top: 4px;
}
.navbar .left,
.navbar .right {
  flex-shrink: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.navbar .right:first-child {
  position: absolute;
  height: 100%;
}
.navbar.no-hairline .navbar-bg:after,
.navbar.no-border .navbar-bg:after,
.navbar .no-hairline .navbar-bg:after,
.navbar .no-border .navbar-bg:after {
  display: none !important;
}
.navbar.no-hairline .title-large:after,
.navbar.no-border .title-large:after,
.navbar .no-hairline .title-large:after,
.navbar .no-border .title-large:after {
  display: none !important;
}
.navbar.no-shadow .navbar-bg:before,
.navbar .no-shadow .navbar-bg:before {
  display: none !important;
}
.navbar.navbar-hidden .navbar-bg:before,
.navbar-hidden .navbar .navbar-bg:before {
  opacity: 0 !important;
}
.navbar .icon,
.navbar .icon.zmp-icons {
  font-size: 24px;
}
.navbar-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  background: var(--zmp-navbar-bg-color);
  background-image: var(--zmp-navbar-bg-image, var(--zmp-bars-bg-image));
  background-color: var(--zmp-navbar-bg-color, var(--zmp-bars-bg-color));
  transition-property: transform;
}
.navbar-bg:after,
.navbar-bg:before {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: none;
}
.navbar-bg:after {
  display: none !important;
}
.navbar-bg:after {
  z-index: 1;
}
@media (min-width: 768px) and (min-height: 600px) {
  :root {
    --zmp-navbar-height: var(--zmp-navbar-tablet-height);
  }
}
.navbar-transitioning,
.navbar-transitioning .left,
.navbar-transitioning .title,
.navbar-transitioning .right,
.navbar-transitioning .title-large-text,
.navbar-transitioning .navbar-bg,
.navbar-transitioning .subnavbar,
.navbar-transitioning .navbar-bg:before {
  transition-duration: var(--zmp-navbar-hide-show-transition-duration);
}
.navbar-page-transitioning {
  transition-duration: var(--zmp-page-swipeback-transition-duration) !important;
}
.navbar-page-transitioning .title-large-text,
.navbar-page-transitioning .navbar-bg {
  transition-duration: var(--zmp-page-swipeback-transition-duration) !important;
}
.navbar-hidden {
  transform: translate3d(0, calc(-1 * var(--zmp-navbar-height)), 0);
}
.navbar-hidden .navbar-inner {
  pointer-events: none;
}
.navbar-hidden .navbar-inner > .left,
.navbar-hidden .navbar-inner > .title,
.navbar-hidden .navbar-inner > .right {
  opacity: 0 !important;
}
.navbar-hidden .subnavbar {
  pointer-events: auto;
}
.navbar-hidden-statusbar {
  transform: translate3d(0, calc(-1 * var(--zmp-navbar-height) - var(--zmp-safe-area-top)), 0);
}
.navbar-large-hidden .navbar-large {
  --zmp-navbar-large-collapse-progress: 1;
}
.navbar-inner {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: var(--zmp-safe-area-top) calc(var(--zmp-navbar-inner-padding-right) + var(--zmp-safe-area-right)) 0 calc(var(--zmp-navbar-inner-padding-left) + var(--zmp-safe-area-left));
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.views > .navbar,
.view > .navbar,
.page > .navbar,
.navbars > .navbar {
  position: absolute;
}
.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible):not(.with-searchbar-expandable-enabled) {
  --zmp-navbar-text-color: var(--zmp-navbar-text-color-transparent);
  --zmp-navbar-subtitle-text-color: var(--zmp-navbar-subtitle-color-transparent);
}
.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible):not(.with-searchbar-expandable-enabled) .navbar-bg {
  background: transparent;
  opacity: 1;
}
.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible):not(.with-searchbar-expandable-enabled) .title {
  opacity: 1;
}
.navbar-large .navbar-bg {
  height: calc(100%);
  transform: translate3d(0px, 0, 0) !important;
}
.navbar-large-transparent .navbar-bg,
.navbar-large.navbar-transparent .navbar-bg {
  opacity: var(--zmp-navbar-large-collapse-progress);
  height: 100%;
  transform: none;
}
.ios .router-navbar-transition-to-large .navbar-bg,
.ios .router-navbar-transition-from-large .navbar-bg,
.navbar-bg.ios-swipeback-navbar-bg-large,
.navbar-large-transparent .navbar-bg.ios-swipeback-navbar-bg-large,
.navbar-large.navbar-transparent .navbar-bg.ios-swipeback-navbar-bg-large {
  height: calc(100%);
  transform: translate3d(0px, 0, 0);
}
.ios .navbar:not(.navbar-large) .navbar-bg {
  --zmp-navbar-large-collapse-progress: 1;
}
.navbar-large .title {
  opacity: var(--zmp-navbar-large-collapse-progress);
}
.navbar-large-collapsed {
  --zmp-navbar-large-collapse-progress: 1;
}
.navbar-large-collapsed .title-large {
  pointer-events: none;
}
.navbar .title-large {
  display: inline-flex;
  align-items: center;
  position: relative;
  top: inherit;
  left: inherit;
  right: inherit;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  height: var(--zmp-navbar-large-title-height);
  z-index: 5;
}
.navbar .title-large-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--zmp-navbar-large-title-text-color);
  letter-spacing: var(--zmp-navbar-large-title-letter-spacing);
  font-size: var(--zmp-navbar-large-title-font-size);
  font-weight: var(--zmp-navbar-large-title-font-weight);
  line-height: var(--zmp-navbar-large-title-line-height);
  padding-left: calc(var(--zmp-navbar-large-title-padding-left) + var(--zmp-safe-area-left));
  padding-right: calc(var(--zmp-navbar-large-title-padding-right) + var(--zmp-safe-area-right));
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  vertical-align: middle;
  transform: translate3d(0px, 0, 0) !important;
  transform-origin: calc(var(--zmp-navbar-large-title-padding-left) + var(--zmp-safe-area-left)) center;
}
.navbar-no-title-large-transition .title-large-text {
  transition-duration: 0ms;
}
.navbar ~ *,
.navbars ~ * {
  --zmp-page-navbar-offset: calc(var(--zmp-navbar-height) + var(--zmp-safe-area-top));
}
.navbar ~ * .page-with-navbar-large,
.navbar ~ .page-with-navbar-large,
.navbars ~ * .page-with-navbar-large,
.navbars ~ .page-with-navbar-large,
.page-with-navbar-large .navbar ~ * {
  --zmp-page-navbar-offset: calc(var(--zmp-navbar-height) + var(--zmp-navbar-large-title-height) + var(--zmp-safe-area-top));
}
.page.no-navbar,
.page.no-navbar .navbar ~ * {
  --zmp-page-navbar-offset: var(--zmp-safe-area-top);
}
.zmp-navbar-fill,
.zmp-navbar-fill.navbar-large {
  --zmp-navbar-text-color: var(--zmp-navbar-text-color-fill);
  --zmp-navbar-subtitle-text-color: var(--zmp-navbar-subtitle-color-fill);
  outline: none;
}
.zmp-navbar-fill .theme-dark,
.zmp-navbar-fill.navbar-large .theme-dark,
.zmp-navbar-fill.theme-dark,
.zmp-navbar-fill.navbar-large.theme-dark {
  --zmp-navbar-border-color: none;
}
.zmp-navbar-fill .navbar-bg,
.zmp-navbar-fill.navbar-large .navbar-bg {
  --zmp-navbar-bg-color: var(--zmp-navbar-bg-color-fill, var(--zmp-theme-color));
  background-color: var(--zmp-navbar-bg-color) !important;
}
.navbar-transparent {
  outline: none;
}
.navbar.navbar-large {
  --zmp-navbar-height: 82px;
  height: var(--zmp-navbar-height);
  outline: none;
}
.zmp-navbar-fill .title.title-with-subtitle .subtitle,
.zmp-navbar-fill.navbar-large  .title.title-with-subtitle .subtitle {
  --zmp-navbar-bg-color: var(--zmp-navbar-bg-color-fill, var(--zmp-theme-color));
  background: var(--zmp-navbar-bg-color);
}
.ios {
  --zmp-navbarLeftTextOffset: calc(4px + 12px + var(--zmp-navbar-inner-padding-left));
  --zmp-navbarTitleLargeOffset: var(--zmp-navbar-large-title-padding-left);
  --zmp-navbar-large-transparent-bg-center: translateX(0);
  --zmp-navbar-large-bg-center-top: translateX(0) translateY(calc(-1 * var(--zmp-navbar-large-title-height)));
  --zmp-navbar-large-bg-center-bottom: translateX(0) translateY(0);
  --zmp-navbar-large-transparent-bg-left: translateX(-100%);
  --zmp-navbar-large-bg-left-top: translateX(-100%) translateY(calc(-1 * var(--zmp-navbar-large-title-height)));
  --zmp-navbar-large-bg-left-bottom: translateX(-100%) translateY(0);
  --zmp-navbar-large-bg-right-top: translateX(100%) translateY(calc(-1 * var(--zmp-navbar-large-title-height)));
  --zmp-navbar-large-bg-right-bottom: translateX(100%) translateY(0);
}
.ios .navbar a.icon-only {
  width: 24px;
  margin: 0;
  justify-content: center;
}
.ios .navbar .left a + a,
.ios .navbar .right a + a {
  margin-left: 16px;
}
.ios .navbar b {
  font-weight: 600;
}
.ios .navbar .left {
  margin-right: 16px;
}
.ios .navbar .left .left {
  margin-right: 0;
}
.ios .navbar .right {
  margin-left: auto;
}
.ios .navbar .right:first-child {
  right: calc(16px + var(--zmp-safe-area-right));
}
.ios .navbar-inner {
  justify-content: flex-start;
}
.ios .navbar-inner .right {
  margin-left: auto;
}
.ios .navbar-inner-left-title {
  justify-content: flex-start;
}
.ios .navbar-inner-left-title .right {
  margin-left: auto;
}
.ios .navbar-inner-left-title .title {
  text-align: left;
  margin-right: 10px;
}
.ios .view-master-detail .navbar-previous:not(.navbar-master) .left,
.ios .view:not(.view-master-detail) .navbar-previous .left,
.ios .navbar-next .left,
.ios .view-master-detail .navbar-previous:not(.navbar-master) .title,
.ios .view:not(.view-master-detail) .navbar-previous .title,
.ios .navbar-next .title,
.ios .view-master-detail .navbar-previous:not(.navbar-master) .right,
.ios .view:not(.view-master-detail) .navbar-previous .right,
.ios .navbar-next .right,
.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar,
.ios .view:not(.view-master-detail) .navbar-previous .subnavbar,
.ios .navbar-next .subnavbar,
.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading,
.ios .view:not(.view-master-detail) .navbar-previous .fading,
.ios .navbar-next .fading {
  opacity: 0;
}
.ios .view-master-detail .navbar-previous:not(.navbar-master),
.ios .view:not(.view-master-detail) .navbar-previous {
  pointer-events: none;
}
.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large,
.ios .view:not(.view-master-detail) .navbar-previous .title-large {
  opacity: 0;
  transition-duration: 0ms;
}
.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-text,
.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-text {
  transform: scale(0.5);
  transition-duration: 0ms;
}
.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar.sliding,
.ios .view:not(.view-master-detail) .navbar-previous .subnavbar.sliding,
.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding .subnavbar,
.ios .view:not(.view-master-detail) .navbar-previous .sliding .subnavbar {
  opacity: 1;
  transform: translate3d(-100%, 0, 0);
}
.ios .view:not(.view-master-detail) .navbar-previous .navbar-bg,
.ios .view-master-detail .navbar-previous:not(.navbar-master) .navbar-bg {
  transform: translateX(-100%);
}
.ios .navbar-next {
  pointer-events: none;
}
.ios .navbar-next .navbar-bg {
  transform: translateX(100%);
}
.ios .navbar-next .title-large .title-large-text {
  transition-duration: 0ms;
  transform: translateX(100%) translateY(calc(-1 * var(--zmp-navbar-large-title-height)));
}
.ios .navbar-next .subnavbar.sliding,
.ios .navbar-next .sliding .subnavbar {
  opacity: 1;
  transform: translate3d(100%, 0, 0);
}
.ios .router-transition .navbar,
.ios .router-transition .navbar-bg {
  transition-duration: var(--zmp-page-transition-duration);
}
.ios .router-transition .navbar-bg {
  animation-duration: var(--zmp-page-transition-duration);
  animation-fill-mode: forwards;
}
.ios .router-transition .title-large,
.ios .router-transition .title-large-text {
  transition-duration: 0ms;
}
.ios .router-transition .navbar-current .left,
.ios .router-transition .navbar-current .title,
.ios .router-transition .navbar-current .right,
.ios .router-transition .navbar-current .subnavbar {
  animation: ios-navbar-element-fade-out var(--zmp-page-transition-duration) forwards;
}
.ios .router-transition .navbar-current .sliding.left,
.ios .router-transition .navbar-current .sliding.left .icon + span,
.ios .router-transition .navbar-current .sliding.title,
.ios .router-transition .navbar-current .sliding.right,
.ios .router-transition .navbar-current .sliding .left,
.ios .router-transition .navbar-current .sliding .left .icon + span,
.ios .router-transition .navbar-current .sliding .title,
.ios .router-transition .navbar-current .sliding .right {
  transition-duration: var(--zmp-page-transition-duration);
  opacity: 0 !important;
  animation: none;
}
.ios .router-transition .navbar-current .sliding .subnavbar,
.ios .router-transition .navbar-current .sliding.subnavbar {
  transition-duration: var(--zmp-page-transition-duration);
  animation: none;
  opacity: 1;
}
.ios .router-transition-forward .navbar-next .left,
.ios .router-transition-backward .navbar-previous .left,
.ios .router-transition-forward .navbar-next .title,
.ios .router-transition-backward .navbar-previous .title,
.ios .router-transition-forward .navbar-next .right,
.ios .router-transition-backward .navbar-previous .right,
.ios .router-transition-forward .navbar-next .subnavbar,
.ios .router-transition-backward .navbar-previous .subnavbar {
  animation: ios-navbar-element-fade-in var(--zmp-page-transition-duration) forwards;
}
.ios .router-transition-forward .navbar-next .sliding.left,
.ios .router-transition-backward .navbar-previous .sliding.left,
.ios .router-transition-forward .navbar-next .sliding.left .icon + span,
.ios .router-transition-backward .navbar-previous .sliding.left .icon + span,
.ios .router-transition-forward .navbar-next .sliding.title,
.ios .router-transition-backward .navbar-previous .sliding.title,
.ios .router-transition-forward .navbar-next .sliding.right,
.ios .router-transition-backward .navbar-previous .sliding.right,
.ios .router-transition-forward .navbar-next .sliding .left,
.ios .router-transition-backward .navbar-previous .sliding .left,
.ios .router-transition-forward .navbar-next .sliding .left .icon + span,
.ios .router-transition-backward .navbar-previous .sliding .left .icon + span,
.ios .router-transition-forward .navbar-next .sliding .title,
.ios .router-transition-backward .navbar-previous .sliding .title,
.ios .router-transition-forward .navbar-next .sliding .right,
.ios .router-transition-backward .navbar-previous .sliding .right,
.ios .router-transition-forward .navbar-next .sliding .subnavbar,
.ios .router-transition-backward .navbar-previous .sliding .subnavbar {
  transition-duration: var(--zmp-page-transition-duration);
  animation: none;
  transform: translate3d(0, 0, 0) !important;
  opacity: 1 !important;
}
.ios .router-transition-forward .navbar-next.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible) .title,
.ios .router-transition-backward .navbar-previous.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible) .title {
  animation: none;
}
.ios .router-transition-forward .navbar-next.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible) .sliding.title,
.ios .router-transition-backward .navbar-previous.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible) .sliding.title,
.ios .router-transition-forward .navbar-next.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible) .sliding .title,
.ios .router-transition-backward .navbar-previous.navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible) .sliding .title {
  opacity: 0 !important;
}
.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .left,
.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .left,
.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .title,
.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .title,
.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .right,
.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .right,
.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .subnavbar,
.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .subnavbar {
  animation: none;
}
.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large,
.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large {
  overflow: visible;
}
.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text,
.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text {
  animation: ios-navbar-large-title-text-slide-up var(--zmp-page-transition-duration) forwards, ios-navbar-large-title-text-fade-out var(--zmp-page-transition-duration) forwards;
}
.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large .left .back span {
  animation: ios-navbar-back-text-next-to-current var(--zmp-page-transition-duration) forwards;
  transition: none;
  transform-origin: left center;
}
.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large {
  overflow: visible;
}
.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text {
  animation: ios-navbar-large-title-text-slide-left var(--zmp-page-transition-duration) forwards;
}
.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text {
  animation: ios-navbar-large-title-text-slide-left var(--zmp-page-transition-duration) forwards;
}
.ios .router-transition-forward .navbar-next.navbar-large:not(.navbar-large-collapsed) .title,
.ios .router-transition-forward .navbar-current.navbar-large:not(.navbar-large-collapsed) .title {
  animation: none;
  opacity: 0 !important;
  transition-duration: 0;
}
.ios .router-transition-backward .navbar-current.router-navbar-transition-to-large .left .back span {
  animation: ios-navbar-back-text-current-to-previous var(--zmp-page-transition-duration) forwards;
  transition: none;
  transform-origin: left center;
}
.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large {
  overflow: visible;
}
.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text {
  animation: ios-navbar-large-title-text-slide-right var(--zmp-page-transition-duration) forwards;
}
.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text {
  animation: ios-navbar-large-title-text-slide-right var(--zmp-page-transition-duration) forwards;
}
.ios .router-transition-backward .navbar-current.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large {
  opacity: 0;
}
.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large,
.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large {
  overflow: visible;
  opacity: 1;
}
.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text,
.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text {
  animation: ios-navbar-large-title-text-slide-down var(--zmp-page-transition-duration) forwards, ios-navbar-large-title-text-fade-in var(--zmp-page-transition-duration) forwards;
}
.ios .router-transition-backward .navbar-current.navbar-large:not(.navbar-large-collapsed) .title,
.ios .router-transition-backward .navbar-previous.navbar-large:not(.navbar-large-collapsed) .title {
  animation: none;
  opacity: 0 !important;
  transition-duration: 0;
}
.ios .router-transition-forward .navbar-current .navbar-bg {
  animation-name: ios-navbar-bg-from-cb-to-lb;
}
.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .navbar-bg {
  animation-name: ios-navbar-bg-from-cb-to-lb;
}
.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .navbar-bg {
  animation-name: ios-navbar-bg-from-cb-to-lt;
}
.ios .router-transition-forward .navbar-current:not(.router-navbar-transition-from-large).router-navbar-transition-to-large .navbar-bg {
  animation-name: ios-navbar-bg-from-ct-to-lb;
}
.ios .router-transition-forward .navbar-current.navbar-large-collapsed:not(.router-navbar-transition-to-large) .navbar-bg {
  animation-name: ios-navbar-bg-from-ct-to-lt;
}
.ios .router-transition-forward .navbar-current.navbar-large-collapsed.navbar-large-transparent:not(.router-navbar-transition-to-large) .navbar-bg,
.ios .router-transition-forward .navbar-current.navbar-large-collapsed.navbar-large.navbar-transparent:not(.router-navbar-transition-to-large) .navbar-bg {
  animation-name: ios-navbar-transparent-bg-from-c-to-l;
}
.ios .router-transition-forward .navbar-next .navbar-bg {
  animation-name: ios-navbar-bg-from-rb-to-cb;
}
.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .navbar-bg {
  animation-name: ios-navbar-bg-from-rb-to-cb;
}
.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .navbar-bg {
  animation-name: ios-navbar-bg-from-rb-to-ct;
}
.ios .router-transition-forward .navbar-next:not(.router-navbar-transition-from-large).router-navbar-transition-to-large .navbar-bg {
  animation-name: ios-navbar-bg-from-rt-to-cb;
}
.ios .router-transition-backward .navbar-current .navbar-bg {
  animation-name: ios-navbar-bg-from-cb-to-rb;
}
.ios .router-transition-backward .navbar-current:not(.router-navbar-transition-from-large).router-navbar-transition-to-large .navbar-bg {
  animation-name: ios-navbar-bg-from-ct-to-rb;
}
.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .navbar-bg {
  animation-name: ios-navbar-bg-from-cb-to-rt;
}
.ios .router-transition-backward .navbar-current.navbar-large-collapsed .navbar-bg {
  animation-name: ios-navbar-bg-from-ct-to-rt;
}
.ios .router-transition-backward .navbar-current.navbar-large-collapsed.navbar-large-transparent .navbar-bg,
.ios .router-transition-backward .navbar-current.navbar-large-collapsed.navbar-large.navbar-transparent .navbar-bg {
  animation-name: ios-navbar-bg-from-cb-to-rb;
}
.ios .router-transition-backward .navbar-current.navbar-large-collapsed.router-navbar-transition-to-large .navbar-bg {
  animation-name: ios-navbar-bg-from-ct-to-rb;
}
.ios .router-transition-backward .navbar-previous .navbar-bg {
  animation-name: ios-navbar-bg-from-lb-to-cb;
}
.ios .router-transition-backward .navbar-previous:not(.router-navbar-transition-from-large).router-navbar-transition-to-large .navbar-bg {
  animation-name: ios-navbar-bg-from-lt-to-cb;
}
.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .navbar-bg {
  animation-name: ios-navbar-bg-from-lb-to-ct;
}
.ios .router-transition-backward .navbar-previous.navbar-large-collapsed .navbar-bg {
  animation-name: ios-navbar-bg-from-lt-to-ct;
}
.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbar-large-transparent .navbar-bg,
.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbar-large.navbar-transparent .navbar-bg {
  animation-name: ios-navbar-transparent-bg-from-l-to-c;
}
.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbar-large-transparent.router-navbar-transition-from-large .navbar-bg,
.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbar-large.navbar-transparent.router-navbar-transition-from-large .navbar-bg {
  animation-name: ios-navbar-bg-from-lb-to-ct;
}
.view-master-detail .navbars {
  z-index: auto;
}
.view-master-detail .page-master {
  z-index: 525;
}
.view-master-detail .navbar-master .navbar-inner,
.view-master-detail .navbar-master .navbar-bg {
  z-index: 550;
}
.view-master-detail .navbar-master-detail .navbar-inner,
.view-master-detail .navbar-master-detail .navbar-bg {
  z-index: 500;
}
.view-master-detail .navbar-master.navbar-previous {
  pointer-events: auto;
}
.view-master-detail .navbar-master.navbar-previous .left,
.view-master-detail .navbar-master.navbar-previous:not(.navbar-large) .title,
.view-master-detail .navbar-master.navbar-previous .right,
.view-master-detail .navbar-master.navbar-previous .subnavbar {
  opacity: 1;
}
.view-master-detail.router-transition .navbar-master .left,
.view-master-detail.router-transition .navbar-master .left .icon + span,
.view-master-detail.router-transition .navbar-master:not(.navbar-large) .title,
.view-master-detail.router-transition .navbar-master .right,
.view-master-detail.router-transition .navbar-master .subnavbar,
.view-master-detail.router-transition .navbar-master .fading {
  opacity: 1 !important;
  transition-duration: 0ms;
  transform: none !important;
  animation: none !important;
}
.view-master-detail.router-transition .navbar-master .navbar-bg {
  transition-duration: 0ms;
  animation: none !important;
}
.view-master-detail.router-transition .navbar-master.navbar-large .title {
  opacity: calc(-1 + 2 * var(--zmp-navbar-large-collapse-progress)) !important;
  transition-duration: 0ms;
  transform: none !important;
  animation: none !important;
}
.view-master-detail.router-transition .navbar-master.navbar-large .title-large,
.view-master-detail.router-transition .navbar-master.navbar-large .title-large-text {
  transition-duration: 0ms;
  animation: none !important;
}
.view-master-detail.router-transition .navbar-master.navbar-large-transparent .navbar-bg,
.view-master-detail.router-transition .navbar-master.navbar-large.navbar-transparent .navbar-bg {
  height: 100% !important;
  opacity: var(--zmp-navbar-large-collapse-progress) !important;
}
.view-master-detail .zmp-navbar-fill {
  --zmp-navbar-subtitle-text-color: var(--zmp-navbar-subtitle-text-color-fill);
}
.view-master-detail .zmp-navbar-fill .navbar-bg {
  --zmp-navbar-bg-color: var(--zmp-navbar-bg-color-fill);
}
@keyframes ios-navbar-element-fade-in {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes ios-navbar-element-fade-out {
  from {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
@keyframes ios-navbar-large-title-text-slide-up {
  0% {
    transform: translateX(0px) translateY(0%) scale(1);
  }
  100% {
    transform: translateX(calc(var(--zmp-navbarLeftTextOffset) - var(--zmp-navbarTitleLargeOffset))) translateY(calc(-1 * var(--zmp-navbar-large-title-height) + var(--zmp-navbar-large-title-padding-vertical))) scale(0.5);
  }
}
@keyframes ios-navbar-large-title-text-slide-down {
  0% {
    transform: translateX(calc(var(--zmp-navbarLeftTextOffset) - var(--zmp-navbarTitleLargeOffset))) translateY(calc(-1 * var(--zmp-navbar-large-title-height) + var(--zmp-navbar-large-title-padding-vertical) / 2)) scale(0.5);
  }
  100% {
    transform: translateX(0px) translateY(0%) scale(1);
  }
}
@keyframes ios-navbar-large-title-text-slide-left {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes ios-navbar-large-title-text-slide-right {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes ios-navbar-large-title-text-fade-out {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ios-navbar-large-title-text-fade-in {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ios-navbar-back-text-current-to-previous {
  0% {
    opacity: 1;
    transform: translateY(0px) translateX(0px) scale(1);
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translateX(calc(var(--zmp-navbarTitleLargeOffset) - var(--zmp-navbarLeftTextOffset))) translateY(calc(1 * var(--zmp-navbar-large-title-height) - var(--zmp-navbar-large-title-padding-vertical) / 2)) scale(2);
  }
}
@keyframes ios-navbar-back-text-next-to-current {
  0% {
    opacity: 0;
    transform: translateX(calc(var(--zmp-navbarTitleLargeOffset) - var(--zmp-navbarLeftTextOffset))) translateY(calc(1 * var(--zmp-navbar-large-title-height) + var(--zmp-navbar-large-title-padding-vertical) / 2)) scale(2);
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateX(0px) translateY(0px) scale(1);
  }
}
@keyframes ios-navbar-bg-from-cb-to-lb {
  from {
    transform: var(--zmp-navbar-large-bg-center-bottom);
  }
  to {
    transform: var(--zmp-navbar-large-bg-left-bottom);
  }
}
@keyframes ios-navbar-bg-from-cb-to-lt {
  from {
    transform: var(--zmp-navbar-large-bg-center-bottom);
  }
  to {
    transform: var(--zmp-navbar-large-bg-left-top);
  }
}
@keyframes ios-navbar-bg-from-ct-to-lb {
  from {
    transform: var(--zmp-navbar-large-bg-center-top);
  }
  to {
    transform: var(--zmp-navbar-large-bg-left-bottom);
  }
}
@keyframes ios-navbar-bg-from-ct-to-lt {
  from {
    transform: var(--zmp-navbar-large-bg-center-top);
  }
  to {
    transform: var(--zmp-navbar-large-bg-left-top);
  }
}
@keyframes ios-navbar-bg-from-rb-to-cb {
  from {
    transform: var(--zmp-navbar-large-bg-right-bottom);
  }
  to {
    transform: var(--zmp-navbar-large-bg-center-bottom);
  }
}
@keyframes ios-navbar-bg-from-rb-to-ct {
  from {
    transform: var(--zmp-navbar-large-bg-right-bottom);
  }
  to {
    transform: var(--zmp-navbar-large-bg-center-top);
  }
}
@keyframes ios-navbar-bg-from-rt-to-cb {
  from {
    transform: var(--zmp-navbar-large-bg-right-top);
  }
  to {
    transform: var(--zmp-navbar-large-bg-center-bottom);
  }
}
@keyframes ios-navbar-bg-from-cb-to-rb {
  from {
    transform: var(--zmp-navbar-large-bg-center-bottom);
  }
  to {
    transform: var(--zmp-navbar-large-bg-right-bottom);
  }
}
@keyframes ios-navbar-bg-from-ct-to-rb {
  from {
    transform: var(--zmp-navbar-large-bg-center-top);
  }
  to {
    transform: var(--zmp-navbar-large-bg-right-bottom);
  }
}
@keyframes ios-navbar-bg-from-cb-to-rt {
  from {
    transform: var(--zmp-navbar-large-bg-center-bottom);
  }
  to {
    transform: var(--zmp-navbar-large-bg-right-top);
  }
}
@keyframes ios-navbar-bg-from-ct-to-rt {
  from {
    transform: var(--zmp-navbar-large-bg-center-top);
  }
  to {
    transform: var(--zmp-navbar-large-bg-right-top);
  }
}
@keyframes ios-navbar-bg-from-lb-to-cb {
  from {
    transform: var(--zmp-navbar-large-bg-left-bottom);
  }
  to {
    transform: var(--zmp-navbar-large-bg-center-bottom);
  }
}
@keyframes ios-navbar-bg-from-lt-to-cb {
  from {
    transform: var(--zmp-navbar-large-bg-left-top);
  }
  to {
    transform: var(--zmp-navbar-large-bg-center-bottom);
  }
}
@keyframes ios-navbar-bg-from-lb-to-ct {
  from {
    transform: var(--zmp-navbar-large-bg-left-bottom);
  }
  to {
    transform: var(--zmp-navbar-large-bg-center-top);
  }
}
@keyframes ios-navbar-bg-from-lt-to-ct {
  from {
    transform: var(--zmp-navbar-large-bg-left-top);
  }
  to {
    transform: var(--zmp-navbar-large-bg-center-top);
  }
}
@keyframes ios-navbar-transparent-bg-from-l-to-c {
  from {
    transform: var(--zmp-navbar-large-transparent-bg-left);
  }
  to {
    transform: var(--zmp-navbar-large-transparent-bg-center);
  }
}
@keyframes ios-navbar-transparent-bg-from-c-to-l {
  from {
    transform: var(--zmp-navbar-large-transparent-bg-center);
  }
  to {
    transform: var(--zmp-navbar-large-transparent-bg-left);
  }
}
.md .navbar a.link {
  padding: 0;
  min-width: 24px;
}
.md .navbar a.link:before {
  content: '';
  width: 152%;
  height: 152%;
  left: -26%;
  top: -26%;
  position: absolute;
  background-image: radial-gradient(circle at center, var(--zmp-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  opacity: 0;
  pointer-events: none;
  transition-duration: 300ms;
  transition-property: opacity;
}
.md .navbar a.link.icon-only:before,
.md .navbar a.link.ripple-inset:before,
.md .navbar a.link.searchbar-disable-button:before,
.md .navbar a.link.input-clear-button:before,
.md .navbar a.link.notification-close-button:before {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: radial-gradient(circle at center, var(--zmp-link-highlight-color) 71%, rgba(255, 255, 255, 0) 71%);
}
.md .navbar a.link.active-state:before {
  opacity: 1;
  transition-duration: 150ms;
}
.md .navbar a.icon-only {
  min-width: 0;
  flex-shrink: 0;
  width: 24px;
}
.md .navbar .left a + a,
.md .navbar .right a + a {
  margin-left: 16px;
}
.md .navbar .left {
  margin-right: 16px;
}
.md .navbar .left .left {
  margin-right: 0;
}
.md .navbar .right {
  margin-left: auto;
}
.md .navbar .right:first-child {
  right: calc(16px + var(--zmp-safe-area-right));
}
.md .navbar-inner {
  justify-content: flex-start;
  overflow: hidden;
}
.md .navbar-large:not(.navbar-large-collapsed) .navbar-inner {
  overflow: visible;
}
.md .page.page-with-subnavbar .navbar-inner {
  overflow: visible;
}
.md .navbar-inner-centered-title {
  justify-content: space-between;
}
.md .navbar-inner-centered-title .right {
  margin-left: 0;
}
.md .navbar-inner-centered-title .title {
  text-align: center;
}
.aurora .navbar a.icon-only {
  width: 24px;
  margin: 0;
  justify-content: center;
}
.aurora .navbar .left a + a,
.aurora .navbar .right a + a {
  margin-left: 16px;
}
.aurora .navbar b {
  font-weight: bold;
}
.aurora .navbar .left {
  margin-right: 16px;
}
.aurora .navbar .left .left {
  margin-right: 0;
}
.aurora .navbar .right {
  margin-left: auto;
}
.aurora .navbar .right:first-child {
  right: calc(16px + var(--zmp-safe-area-right));
}
.aurora .navbar-inner {
  justify-content: space-between;
}
.aurora .navbar-inner-left-title {
  justify-content: flex-start;
}
.aurora .navbar-inner-left-title .right {
  margin-left: auto;
}
.aurora .navbar-inner-left-title .title {
  text-align: left;
  margin-right: 16px;
}
/* === Typo === */
:root {
  --zmp-heading-space: 8px;
  --zmp-text-space: 8px;
  --zmp-text-color: #050a19;
}
:root .theme-dark,
:root.theme-dark {
  --zmp-text-color: #dbdfe2;
}
.typo-heading {
  font-style: normal;
  font-weight: 500;
  color: var(---zmp-text-color);
  font-size: 20px;
  line-height: 26px;
  margin-bottom: var(--zmp-heading-space);
}
.typo-heading-xsmall {
  font-size: 15px;
  line-height: 22px;
}
.typo-heading-small {
  font-size: 16px;
  line-height: 22px;
}
.typo-heading-normal {
  font-size: 20px;
  line-height: 26px;
}
.typo-heading-large {
  font-size: 24px;
  line-height: 30px;
}
.typo-heading-xlarge {
  font-size: 27px;
  line-height: 34px;
}
.typo-heading-bold {
  font-weight: 600;
}
.typo-heading-center {
  text-align: center;
}
.typo-heading-left {
  text-align: left;
}
.typo-heading-right {
  text-align: right;
}
.typo-heading-no-spacing {
  margin: 0;
}
.typo-body {
  font-style: normal;
  font-weight: 400;
  color: var(--zmp-text-color);
  font-size: 15px;
  line-height: 20px;
  margin-top: 0;
  margin-bottom: var(--zmp-text-space);
}
.typo-body-xlarge {
  font-size: 18px;
  line-height: 24px;
}
.typo-body-large {
  font-size: 16px;
  line-height: 22px;
}
.typo-body-normal {
  font-size: 15px;
  line-height: 20px;
}
.typo-body-small {
  font-size: 14px;
  line-height: 18px;
}
.typo-body-x-small {
  font-size: 12px;
  line-height: 16px;
}
.typo-body-xxsmall {
  font-size: 11px;
  line-height: 16px;
}
.typo-body-xxxsmall {
  font-size: 10px;
  line-height: 14px;
}
.typo-body-bold {
  font-weight: 500;
}
.typo-body-no-spacing {
  margin: 0;
}
:root {
  --zmp-system-spacing: 4px;
}
.m-0 {
  margin: calc(0*4px);
}
.p-0 {
  padding: calc(0*4px);
}
.mt-0 {
  margin-top: calc(0*4px);
}
.ml-0 {
  margin-left: calc(0*4px);
}
.mb-0 {
  margin-bottom: calc(0*4px);
}
.mr-0 {
  margin-right: calc(0*4px);
}
.mx-0 {
  margin-left: calc(0*4px);
  margin-right: calc(0*4px);
}
.my-0 {
  margin-top: calc(0*4px);
  margin-bottom: calc(0*4px);
}
.p-0 {
  padding: calc(0*4px);
}
.p-0 {
  padding: calc(0*4px);
}
.pt-0 {
  padding-top: calc(0*4px);
}
.pl-0 {
  padding-left: calc(0*4px);
}
.pb-0 {
  padding-bottom: calc(0*4px);
}
.pr-0 {
  padding-right: calc(0*4px);
}
.px-0 {
  padding-left: calc(0*4px);
  padding-right: calc(0*4px);
}
.py-0 {
  padding-top: calc(0*4px);
  padding-bottom: calc(0*4px);
}
.m-1 {
  margin: calc(1*4px);
}
.p-1 {
  padding: calc(1*4px);
}
.mt-1 {
  margin-top: calc(1*4px);
}
.ml-1 {
  margin-left: calc(1*4px);
}
.mb-1 {
  margin-bottom: calc(1*4px);
}
.mr-1 {
  margin-right: calc(1*4px);
}
.mx-1 {
  margin-left: calc(1*4px);
  margin-right: calc(1*4px);
}
.my-1 {
  margin-top: calc(1*4px);
  margin-bottom: calc(1*4px);
}
.p-1 {
  padding: calc(1*4px);
}
.p-1 {
  padding: calc(1*4px);
}
.pt-1 {
  padding-top: calc(1*4px);
}
.pl-1 {
  padding-left: calc(1*4px);
}
.pb-1 {
  padding-bottom: calc(1*4px);
}
.pr-1 {
  padding-right: calc(1*4px);
}
.px-1 {
  padding-left: calc(1*4px);
  padding-right: calc(1*4px);
}
.py-1 {
  padding-top: calc(1*4px);
  padding-bottom: calc(1*4px);
}
.m-2 {
  margin: calc(2*4px);
}
.p-2 {
  padding: calc(2*4px);
}
.mt-2 {
  margin-top: calc(2*4px);
}
.ml-2 {
  margin-left: calc(2*4px);
}
.mb-2 {
  margin-bottom: calc(2*4px);
}
.mr-2 {
  margin-right: calc(2*4px);
}
.mx-2 {
  margin-left: calc(2*4px);
  margin-right: calc(2*4px);
}
.my-2 {
  margin-top: calc(2*4px);
  margin-bottom: calc(2*4px);
}
.p-2 {
  padding: calc(2*4px);
}
.p-2 {
  padding: calc(2*4px);
}
.pt-2 {
  padding-top: calc(2*4px);
}
.pl-2 {
  padding-left: calc(2*4px);
}
.pb-2 {
  padding-bottom: calc(2*4px);
}
.pr-2 {
  padding-right: calc(2*4px);
}
.px-2 {
  padding-left: calc(2*4px);
  padding-right: calc(2*4px);
}
.py-2 {
  padding-top: calc(2*4px);
  padding-bottom: calc(2*4px);
}
.m-3 {
  margin: calc(3*4px);
}
.p-3 {
  padding: calc(3*4px);
}
.mt-3 {
  margin-top: calc(3*4px);
}
.ml-3 {
  margin-left: calc(3*4px);
}
.mb-3 {
  margin-bottom: calc(3*4px);
}
.mr-3 {
  margin-right: calc(3*4px);
}
.mx-3 {
  margin-left: calc(3*4px);
  margin-right: calc(3*4px);
}
.my-3 {
  margin-top: calc(3*4px);
  margin-bottom: calc(3*4px);
}
.p-3 {
  padding: calc(3*4px);
}
.p-3 {
  padding: calc(3*4px);
}
.pt-3 {
  padding-top: calc(3*4px);
}
.pl-3 {
  padding-left: calc(3*4px);
}
.pb-3 {
  padding-bottom: calc(3*4px);
}
.pr-3 {
  padding-right: calc(3*4px);
}
.px-3 {
  padding-left: calc(3*4px);
  padding-right: calc(3*4px);
}
.py-3 {
  padding-top: calc(3*4px);
  padding-bottom: calc(3*4px);
}
.m-4 {
  margin: calc(4*4px);
}
.p-4 {
  padding: calc(4*4px);
}
.mt-4 {
  margin-top: calc(4*4px);
}
.ml-4 {
  margin-left: calc(4*4px);
}
.mb-4 {
  margin-bottom: calc(4*4px);
}
.mr-4 {
  margin-right: calc(4*4px);
}
.mx-4 {
  margin-left: calc(4*4px);
  margin-right: calc(4*4px);
}
.my-4 {
  margin-top: calc(4*4px);
  margin-bottom: calc(4*4px);
}
.p-4 {
  padding: calc(4*4px);
}
.p-4 {
  padding: calc(4*4px);
}
.pt-4 {
  padding-top: calc(4*4px);
}
.pl-4 {
  padding-left: calc(4*4px);
}
.pb-4 {
  padding-bottom: calc(4*4px);
}
.pr-4 {
  padding-right: calc(4*4px);
}
.px-4 {
  padding-left: calc(4*4px);
  padding-right: calc(4*4px);
}
.py-4 {
  padding-top: calc(4*4px);
  padding-bottom: calc(4*4px);
}
.m-5 {
  margin: calc(5*4px);
}
.p-5 {
  padding: calc(5*4px);
}
.mt-5 {
  margin-top: calc(5*4px);
}
.ml-5 {
  margin-left: calc(5*4px);
}
.mb-5 {
  margin-bottom: calc(5*4px);
}
.mr-5 {
  margin-right: calc(5*4px);
}
.mx-5 {
  margin-left: calc(5*4px);
  margin-right: calc(5*4px);
}
.my-5 {
  margin-top: calc(5*4px);
  margin-bottom: calc(5*4px);
}
.p-5 {
  padding: calc(5*4px);
}
.p-5 {
  padding: calc(5*4px);
}
.pt-5 {
  padding-top: calc(5*4px);
}
.pl-5 {
  padding-left: calc(5*4px);
}
.pb-5 {
  padding-bottom: calc(5*4px);
}
.pr-5 {
  padding-right: calc(5*4px);
}
.px-5 {
  padding-left: calc(5*4px);
  padding-right: calc(5*4px);
}
.py-5 {
  padding-top: calc(5*4px);
  padding-bottom: calc(5*4px);
}
.m-6 {
  margin: calc(6*4px);
}
.p-6 {
  padding: calc(6*4px);
}
.mt-6 {
  margin-top: calc(6*4px);
}
.ml-6 {
  margin-left: calc(6*4px);
}
.mb-6 {
  margin-bottom: calc(6*4px);
}
.mr-6 {
  margin-right: calc(6*4px);
}
.mx-6 {
  margin-left: calc(6*4px);
  margin-right: calc(6*4px);
}
.my-6 {
  margin-top: calc(6*4px);
  margin-bottom: calc(6*4px);
}
.p-6 {
  padding: calc(6*4px);
}
.p-6 {
  padding: calc(6*4px);
}
.pt-6 {
  padding-top: calc(6*4px);
}
.pl-6 {
  padding-left: calc(6*4px);
}
.pb-6 {
  padding-bottom: calc(6*4px);
}
.pr-6 {
  padding-right: calc(6*4px);
}
.px-6 {
  padding-left: calc(6*4px);
  padding-right: calc(6*4px);
}
.py-6 {
  padding-top: calc(6*4px);
  padding-bottom: calc(6*4px);
}
.m-7 {
  margin: calc(7*4px);
}
.p-7 {
  padding: calc(7*4px);
}
.mt-7 {
  margin-top: calc(7*4px);
}
.ml-7 {
  margin-left: calc(7*4px);
}
.mb-7 {
  margin-bottom: calc(7*4px);
}
.mr-7 {
  margin-right: calc(7*4px);
}
.mx-7 {
  margin-left: calc(7*4px);
  margin-right: calc(7*4px);
}
.my-7 {
  margin-top: calc(7*4px);
  margin-bottom: calc(7*4px);
}
.p-7 {
  padding: calc(7*4px);
}
.p-7 {
  padding: calc(7*4px);
}
.pt-7 {
  padding-top: calc(7*4px);
}
.pl-7 {
  padding-left: calc(7*4px);
}
.pb-7 {
  padding-bottom: calc(7*4px);
}
.pr-7 {
  padding-right: calc(7*4px);
}
.px-7 {
  padding-left: calc(7*4px);
  padding-right: calc(7*4px);
}
.py-7 {
  padding-top: calc(7*4px);
  padding-bottom: calc(7*4px);
}
.m-8 {
  margin: calc(8*4px);
}
.p-8 {
  padding: calc(8*4px);
}
.mt-8 {
  margin-top: calc(8*4px);
}
.ml-8 {
  margin-left: calc(8*4px);
}
.mb-8 {
  margin-bottom: calc(8*4px);
}
.mr-8 {
  margin-right: calc(8*4px);
}
.mx-8 {
  margin-left: calc(8*4px);
  margin-right: calc(8*4px);
}
.my-8 {
  margin-top: calc(8*4px);
  margin-bottom: calc(8*4px);
}
.p-8 {
  padding: calc(8*4px);
}
.p-8 {
  padding: calc(8*4px);
}
.pt-8 {
  padding-top: calc(8*4px);
}
.pl-8 {
  padding-left: calc(8*4px);
}
.pb-8 {
  padding-bottom: calc(8*4px);
}
.pr-8 {
  padding-right: calc(8*4px);
}
.px-8 {
  padding-left: calc(8*4px);
  padding-right: calc(8*4px);
}
.py-8 {
  padding-top: calc(8*4px);
  padding-bottom: calc(8*4px);
}
.m-9 {
  margin: calc(9*4px);
}
.p-9 {
  padding: calc(9*4px);
}
.mt-9 {
  margin-top: calc(9*4px);
}
.ml-9 {
  margin-left: calc(9*4px);
}
.mb-9 {
  margin-bottom: calc(9*4px);
}
.mr-9 {
  margin-right: calc(9*4px);
}
.mx-9 {
  margin-left: calc(9*4px);
  margin-right: calc(9*4px);
}
.my-9 {
  margin-top: calc(9*4px);
  margin-bottom: calc(9*4px);
}
.p-9 {
  padding: calc(9*4px);
}
.p-9 {
  padding: calc(9*4px);
}
.pt-9 {
  padding-top: calc(9*4px);
}
.pl-9 {
  padding-left: calc(9*4px);
}
.pb-9 {
  padding-bottom: calc(9*4px);
}
.pr-9 {
  padding-right: calc(9*4px);
}
.px-9 {
  padding-left: calc(9*4px);
  padding-right: calc(9*4px);
}
.py-9 {
  padding-top: calc(9*4px);
  padding-bottom: calc(9*4px);
}
.m-10 {
  margin: calc(10*4px);
}
.p-10 {
  padding: calc(10*4px);
}
.mt-10 {
  margin-top: calc(10*4px);
}
.ml-10 {
  margin-left: calc(10*4px);
}
.mb-10 {
  margin-bottom: calc(10*4px);
}
.mr-10 {
  margin-right: calc(10*4px);
}
.mx-10 {
  margin-left: calc(10*4px);
  margin-right: calc(10*4px);
}
.my-10 {
  margin-top: calc(10*4px);
  margin-bottom: calc(10*4px);
}
.p-10 {
  padding: calc(10*4px);
}
.p-10 {
  padding: calc(10*4px);
}
.pt-10 {
  padding-top: calc(10*4px);
}
.pl-10 {
  padding-left: calc(10*4px);
}
.pb-10 {
  padding-bottom: calc(10*4px);
}
.pr-10 {
  padding-right: calc(10*4px);
}
.px-10 {
  padding-left: calc(10*4px);
  padding-right: calc(10*4px);
}
.py-10 {
  padding-top: calc(10*4px);
  padding-bottom: calc(10*4px);
}
:root {
  --zmp-square-border-radius: 4px;
  --zmp-round-border-radius: 8px;
  --zmp-squircle-border-radius: 16px;
  --zmp-circle-border-radius: 100%;
}
.r-square {
  border-radius: var(--zmp-square-border-radius);
}
.r-round {
  border-radius: var(--zmp-round-border-radius);
}
.r-squircle {
  border-radius: var(--zmp-squircle-border-radius);
}
.r-circle {
  border-radius: var(--zmp-circle-border-radius);
}
.evalation-1 {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.02), 0px 4px 8px rgba(0, 0, 0, 0.02);
}
.evalation-2 {
  box-shadow: 0px 28px 32px rgba(0, 0, 0, 0.04), 0px 32px 36px rgba(0, 0, 0, 0.04);
}
.evalation-3 {
  box-shadow: 0px 25px 30px rgba(0, 0, 0, 0.03), 0px 25px 30px rgba(0, 0, 0, 0.03);
}
:root {
  --zmp-color-bd200: #81aded;
  --zmp-color-bd200-rgb: 129, 173, 237;
  --zmp-color-bd200-shade: #5d96e8;
  --zmp-color-bd200-tint: #a5c4f2;
  --zmp-color-bd300: #4c8ae5;
  --zmp-color-bd300-rgb: 76, 138, 229;
  --zmp-color-bd300-shade: #2873e0;
  --zmp-color-bd300-tint: #70a1ea;
  --zmp-color-bd400: #3d6eb7;
  --zmp-color-bd400-rgb: 61, 110, 183;
  --zmp-color-bd400-shade: #335c98;
  --zmp-color-bd400-tint: #5683c7;
  --zmp-color-bd500: #2e5389;
  --zmp-color-bd500-rgb: 46, 83, 137;
  --zmp-color-bd500-shade: #24406a;
  --zmp-color-bd500-tint: #3866a8;
  --zmp-color-bd600: #1e375c;
  --zmp-color-bd600-rgb: 30, 55, 92;
  --zmp-color-bd600-shade: #14253d;
  --zmp-color-bd600-tint: #28497b;
  --zmp-color-bd700: #132339;
  --zmp-color-bd700-rgb: 19, 35, 57;
  --zmp-color-bd700-shade: #09101a;
  --zmp-color-bd700-tint: #1d3658;
  --zmp-color-bl200: #0043a6;
  --zmp-color-bl200-rgb: 0, 67, 166;
  --zmp-color-bl200-shade: #00337d;
  --zmp-color-bl200-tint: #0053cf;
  --zmp-color-bl300: #0068ff;
  --zmp-color-bl300-rgb: 0, 104, 255;
  --zmp-color-bl300-shade: #0057d6;
  --zmp-color-bl300-tint: #2980ff;
  --zmp-color-bl400: #3386ff;
  --zmp-color-bl400-rgb: 51, 134, 255;
  --zmp-color-bl400-shade: #0a6eff;
  --zmp-color-bl400-tint: #5c9eff;
  --zmp-color-bl500: #66a4ff;
  --zmp-color-bl500-rgb: 102, 164, 255;
  --zmp-color-bl500-shade: #3d8cff;
  --zmp-color-bl500-tint: #8fbcff;
  --zmp-color-bl600: #99c3ff;
  --zmp-color-bl600-rgb: 153, 195, 255;
  --zmp-color-bl600-shade: #70abff;
  --zmp-color-bl600-tint: #c2dbff;
  --zmp-color-bl700: #cce1ff;
  --zmp-color-bl700-rgb: 204, 225, 255;
  --zmp-color-bl700-shade: #a3c9ff;
  --zmp-color-bl700-tint: #f5f9ff;
  --zmp-color-nd200: #dbdfe2;
  --zmp-color-nd200-rgb: 219, 223, 226;
  --zmp-color-nd200-shade: #c4cbd0;
  --zmp-color-nd200-tint: #f2f3f4;
  --zmp-color-nd300: #ccd1d6;
  --zmp-color-nd300-rgb: 204, 209, 214;
  --zmp-color-nd300-shade: #b5bdc4;
  --zmp-color-nd300-tint: #e3e5e8;
  --zmp-color-nd400: #8b8f92;
  --zmp-color-nd400-rgb: 139, 143, 146;
  --zmp-color-nd400-shade: #767b7e;
  --zmp-color-nd400-tint: #a0a3a6;
  --zmp-color-nd500: #4a4b4d;
  --zmp-color-nd500-rgb: 74, 75, 77;
  --zmp-color-nd500-shade: #363738;
  --zmp-color-nd500-tint: #5e5f62;
  --zmp-color-nd600: #19191a;
  --zmp-color-nd600-rgb: 25, 25, 26;
  --zmp-color-nd600-shade: #050505;
  --zmp-color-nd600-tint: #2d2d2f;
  --zmp-color-nd700: #090909;
  --zmp-color-nd700-rgb: 9, 9, 9;
  --zmp-color-nd700-shade: #000000;
  --zmp-color-nd700-tint: #1d1d1d;
  --zmp-color-nl100: #050a19;
  --zmp-color-nl100-rgb: 5, 10, 25;
  --zmp-color-nl100-shade: #000000;
  --zmp-color-nl100-tint: #0c183b;
  --zmp-color-nl200: #001121;
  --zmp-color-nl200-rgb: 0, 17, 33;
  --zmp-color-nl200-shade: #000000;
  --zmp-color-nl200-tint: #00264a;
  --zmp-color-nl300: #001a33;
  --zmp-color-nl300-rgb: 0, 26, 51;
  --zmp-color-nl300-shade: #00050a;
  --zmp-color-nl300-tint: #002f5c;
  --zmp-color-nl400: #33485c;
  --zmp-color-nl400-rgb: 51, 72, 92;
  --zmp-color-nl400-shade: #243342;
  --zmp-color-nl400-tint: #425d76;
  --zmp-color-nl500: #667685;
  --zmp-color-nl500-rgb: 102, 118, 133;
  --zmp-color-nl500-shade: #54626e;
  --zmp-color-nl500-tint: #7a8a99;
  --zmp-color-nl600: #99a3ad;
  --zmp-color-nl600-rgb: 153, 163, 173;
  --zmp-color-nl600-shade: #828f9b;
  --zmp-color-nl600-tint: #b0b7bf;
  --zmp-color-nl700: #bfc6cc;
  --zmp-color-nl700-rgb: 191, 198, 204;
  --zmp-color-nl700-shade: #a8b2ba;
  --zmp-color-nl700-tint: #d6dade;
  --zmp-color-gd300: #47bd8e;
  --zmp-color-gd300-rgb: 71, 189, 142;
  --zmp-color-gd300-shade: #3aa178;
  --zmp-color-gd300-tint: #65c8a0;
  --zmp-color-gd400: #399772;
  --zmp-color-gd400-rgb: 57, 151, 114;
  --zmp-color-gd400-shade: #2e795c;
  --zmp-color-gd400-tint: #44b588;
  --zmp-color-gd500: #2b7155;
  --zmp-color-gd500-rgb: 43, 113, 85;
  --zmp-color-gd500-shade: #20533f;
  --zmp-color-gd500-tint: #368f6b;
  --zmp-color-gd600: #1c4c39;
  --zmp-color-gd600-rgb: 28, 76, 57;
  --zmp-color-gd600-shade: #112e23;
  --zmp-color-gd600-tint: #276a4f;
  --zmp-color-gd700: #122f24;
  --zmp-color-gd700-rgb: 18, 47, 36;
  --zmp-color-gd700-shade: #07110d;
  --zmp-color-gd700-tint: #1d4d3b;
  --zmp-color-gl300: #00c578;
  --zmp-color-gl300-rgb: 0, 197, 120;
  --zmp-color-gl300-shade: #009c5f;
  --zmp-color-gl300-tint: #00ee91;
  --zmp-color-gl400: #33d193;
  --zmp-color-gl400-rgb: 51, 209, 147;
  --zmp-color-gl400-shade: #28b37d;
  --zmp-color-gl400-tint: #54d9a5;
  --zmp-color-gl500: #66dcae;
  --zmp-color-gl500-rgb: 102, 220, 174;
  --zmp-color-gl500-shade: #45d49c;
  --zmp-color-gl500-tint: #87e4c0;
  --zmp-color-gl600: #99e8c9;
  --zmp-color-gl600-rgb: 153, 232, 201;
  --zmp-color-gl600-shade: #78e0b7;
  --zmp-color-gl600-tint: #baf0db;
  --zmp-color-gl700: #ccf3e4;
  --zmp-color-gl700-rgb: 204, 243, 228;
  --zmp-color-gl700-shade: #abebd3;
  --zmp-color-gl700-tint: #edfbf5;
  --zmp-color-rd300: #e1807d;
  --zmp-color-rd300-rgb: 225, 128, 125;
  --zmp-color-rd300-shade: #d9605c;
  --zmp-color-rd300-tint: #e9a09e;
  --zmp-color-rd400: #b46664;
  --zmp-color-rd400-rgb: 180, 102, 100;
  --zmp-color-rd400-shade: #a1504e;
  --zmp-color-rd400-tint: #c1817f;
  --zmp-color-rd500: #874d4b;
  --zmp-color-rd500-rgb: 135, 77, 75;
  --zmp-color-rd500-shade: #6d3e3c;
  --zmp-color-rd500-tint: #a15c5a;
  --zmp-color-rd600: #5a3332;
  --zmp-color-rd600-rgb: 90, 51, 50;
  --zmp-color-rd600-shade: #402423;
  --zmp-color-rd600-tint: #744241;
  --zmp-color-rd700: #38201f;
  --zmp-color-rd700-rgb: 56, 32, 31;
  --zmp-color-rd700-shade: #1e1110;
  --zmp-color-rd700-tint: #522f2e;
  --zmp-color-rl300: #ef4e49;
  --zmp-color-rl300-rgb: 239, 78, 73;
  --zmp-color-rl300-shade: #ec2a23;
  --zmp-color-rl300-tint: #f2726f;
  --zmp-color-rl400: #f2716d;
  --zmp-color-rl400-rgb: 242, 113, 109;
  --zmp-color-rl400-shade: #ef4d48;
  --zmp-color-rl400-tint: #f59592;
  --zmp-color-rl500: #f59592;
  --zmp-color-rl500-rgb: 245, 149, 146;
  --zmp-color-rl500-shade: #f2716d;
  --zmp-color-rl500-tint: #f8b9b7;
  --zmp-color-rl600: #f9b8b6;
  --zmp-color-rl600-rgb: 249, 184, 182;
  --zmp-color-rl600-shade: #f69390;
  --zmp-color-rl600-tint: #fcdddc;
  --zmp-color-rl700: #fcdcdb;
  --zmp-color-rl700-rgb: 252, 220, 219;
  --zmp-color-rl700-shade: #f9b7b5;
  --zmp-color-rl700-tint: #ffffff;
  --zmp-color-w300: #ffffff;
  --zmp-color-w300-rgb: 255, 255, 255;
  --zmp-color-w300-shade: #ebebeb;
  --zmp-color-w300-tint: #ffffff;
  --zmp-color-w400: rgba(255, 255, 255, 0.75);
  --zmp-color-w400-rgb: 255, 255, 255;
  --zmp-color-w400-shade: rgba(235, 235, 235, 0.75);
  --zmp-color-w400-tint: rgba(255, 255, 255, 0.75);
  --zmp-color-w500: rgba(255, 255, 255, 0.5);
  --zmp-color-w500-rgb: 255, 255, 255;
  --zmp-color-w500-shade: rgba(235, 235, 235, 0.5);
  --zmp-color-w500-tint: rgba(255, 255, 255, 0.5);
  --zmp-color-w600: rgba(255, 255, 255, 0.25);
  --zmp-color-w600-rgb: 255, 255, 255;
  --zmp-color-w600-shade: rgba(235, 235, 235, 0.25);
  --zmp-color-w600-tint: rgba(255, 255, 255, 0.25);
  --zmp-color-w700: rgba(255, 255, 255, 0.1);
  --zmp-color-w700-rgb: 255, 255, 255;
  --zmp-color-w700-shade: rgba(235, 235, 235, 0.1);
  --zmp-color-w700-tint: rgba(255, 255, 255, 0.1);
  --zmp-color-dg300: #96a3ad;
  --zmp-color-dg300-rgb: 150, 163, 173;
  --zmp-color-dg300-shade: #7f8f9b;
  --zmp-color-dg300-tint: #adb7bf;
  --zmp-color-dg400: #666f76;
  --zmp-color-dg400-rgb: 102, 111, 118;
  --zmp-color-dg400-shade: #535a60;
  --zmp-color-dg400-tint: #79848b;
  --zmp-color-dg500: #363b3e;
  --zmp-color-dg500-rgb: 54, 59, 62;
  --zmp-color-dg500-shade: #232628;
  --zmp-color-dg500-tint: #495054;
  --zmp-color-dg600: #121415;
  --zmp-color-dg600-rgb: 18, 20, 21;
  --zmp-color-dg600-shade: #000000;
  --zmp-color-dg600-tint: #25292b;
  --zmp-color-dg700: #060707;
  --zmp-color-dg700-rgb: 6, 7, 7;
  --zmp-color-dg700-shade: #000000;
  --zmp-color-dg700-tint: #191d1d;
  --zmp-color-lg300: #778d9e;
  --zmp-color-lg300-rgb: 119, 141, 158;
  --zmp-color-lg300-shade: #62798a;
  --zmp-color-lg300-tint: #8fa1af;
  --zmp-color-lg400: #92a4b1;
  --zmp-color-lg400-rgb: 146, 164, 177;
  --zmp-color-lg400-shade: #7a90a0;
  --zmp-color-lg400-tint: #aab8c2;
  --zmp-color-lg500: #adbbc5;
  --zmp-color-lg500-rgb: 173, 187, 197;
  --zmp-color-lg500-shade: #95a7b4;
  --zmp-color-lg500-tint: #c5cfd6;
  --zmp-color-lg600: #c9d1d8;
  --zmp-color-lg600-rgb: 201, 209, 216;
  --zmp-color-lg600-shade: #b1bdc7;
  --zmp-color-lg600-tint: #e1e5e9;
  --zmp-color-lg700: #e4e8ec;
  --zmp-color-lg700-rgb: 228, 232, 236;
  --zmp-color-lg700-shade: #ccd4db;
  --zmp-color-lg700-tint: #fcfcfd;
  --zmp-color-bk300: #000000;
  --zmp-color-bk300-rgb: 0, 0, 0;
  --zmp-color-bk300-shade: #000000;
  --zmp-color-bk300-tint: #141414;
  --zmp-color-bk400: rgba(0, 0, 0, 0.75);
  --zmp-color-bk400-rgb: 0, 0, 0;
  --zmp-color-bk400-shade: rgba(0, 0, 0, 0.75);
  --zmp-color-bk400-tint: rgba(20, 20, 20, 0.75);
  --zmp-color-bk500: rgba(0, 0, 0, 0.5);
  --zmp-color-bk500-rgb: 0, 0, 0;
  --zmp-color-bk500-shade: rgba(0, 0, 0, 0.5);
  --zmp-color-bk500-tint: rgba(20, 20, 20, 0.5);
  --zmp-color-bk600: rgba(0, 0, 0, 0.25);
  --zmp-color-bk600-rgb: 0, 0, 0;
  --zmp-color-bk600-shade: rgba(0, 0, 0, 0.25);
  --zmp-color-bk600-tint: rgba(20, 20, 20, 0.25);
  --zmp-color-bk700: rgba(0, 0, 0, 0.15);
  --zmp-color-bk700-rgb: 0, 0, 0;
  --zmp-color-bk700-shade: rgba(0, 0, 0, 0.15);
  --zmp-color-bk700-tint: rgba(20, 20, 20, 0.15);
  --zmp-color-ol300: #f5832f;
  --zmp-color-ol300-rgb: 245, 131, 47;
  --zmp-color-ol300-shade: #f06c0c;
  --zmp-color-ol300-tint: #f79a56;
  --zmp-color-ol400: #f79c59;
  --zmp-color-ol400-rgb: 247, 156, 89;
  --zmp-color-ol400-shade: #f58532;
  --zmp-color-ol400-tint: #f9b380;
  --zmp-color-ol500: #f9b582;
  --zmp-color-ol500-rgb: 249, 181, 130;
  --zmp-color-ol500-shade: #f79e5b;
  --zmp-color-ol500-tint: #fbcca9;
  --zmp-color-ol600: #fbcdac;
  --zmp-color-ol600-rgb: 251, 205, 172;
  --zmp-color-ol600-shade: #f9b685;
  --zmp-color-ol600-tint: #fde4d3;
  --zmp-color-ol700: #fde6d5;
  --zmp-color-ol700-rgb: 253, 230, 213;
  --zmp-color-ol700-shade: #fbcfae;
  --zmp-color-ol700-tint: #fffdfc;
  --zmp-color-od300: #e39f6d;
  --zmp-color-od300-rgb: 227, 159, 109;
  --zmp-color-od300-shade: #dc884b;
  --zmp-color-od300-tint: #eab68f;
  --zmp-color-od400: #b67f57;
  --zmp-color-od400-rgb: 182, 127, 87;
  --zmp-color-od400-shade: #9f6b45;
  --zmp-color-od400-tint: #c29573;
  --zmp-color-od500: #885f41;
  --zmp-color-od500-rgb: 136, 95, 65;
  --zmp-color-od500-shade: #6c4c34;
  --zmp-color-od500-tint: #a4724e;
  --zmp-color-od600: #5b402c;
  --zmp-color-od600-rgb: 91, 64, 44;
  --zmp-color-od600-shade: #3f2d1f;
  --zmp-color-od600-tint: #775339;
  --zmp-color-od700: #39281b;
  --zmp-color-od700-rgb: 57, 40, 27;
  --zmp-color-od700-shade: #1d150e;
  --zmp-color-od700-tint: #553b28;
  --zmp-color-yl300: #f8d15a;
  --zmp-color-yl300-rgb: 248, 209, 90;
  --zmp-color-yl300-shade: #f6c633;
  --zmp-color-yl300-tint: #fadc81;
  --zmp-color-yl400: #f9d97b;
  --zmp-color-yl400-rgb: 249, 217, 123;
  --zmp-color-yl400-shade: #f7ce54;
  --zmp-color-yl400-tint: #fbe4a2;
  --zmp-color-yl500: #fbe39c;
  --zmp-color-yl500-rgb: 251, 227, 156;
  --zmp-color-yl500-shade: #f9d875;
  --zmp-color-yl500-tint: #fdeec3;
  --zmp-color-yl600: #fcedbd;
  --zmp-color-yl600-rgb: 252, 237, 189;
  --zmp-color-yl600-shade: #fae296;
  --zmp-color-yl600-tint: #fef8e4;
  --zmp-color-yl700: #fef6de;
  --zmp-color-yl700-rgb: 254, 246, 222;
  --zmp-color-yl700-shade: #fdebb6;
  --zmp-color-yl700-tint: #ffffff;
  --zmp-color-yd300: #e9d18b;
  --zmp-color-yd300-rgb: 233, 209, 139;
  --zmp-color-yd300-shade: #e2c369;
  --zmp-color-yd300-tint: #f0dfad;
  --zmp-color-yd400: #baa76f;
  --zmp-color-yd400-rgb: 186, 167, 111;
  --zmp-color-yd400-shade: #ad9653;
  --zmp-color-yd400-tint: #c7b88b;
  --zmp-color-yd500: #8c7d53;
  --zmp-color-yd500-rgb: 140, 125, 83;
  --zmp-color-yd500-shade: #726644;
  --zmp-color-yd500-tint: #a39364;
  --zmp-color-yd600: #5d5438;
  --zmp-color-yd600-rgb: 93, 84, 56;
  --zmp-color-yd600-shade: #443d29;
  --zmp-color-yd600-tint: #766b47;
  --zmp-color-yd700: #3a3423;
  --zmp-color-yd700-rgb: 58, 52, 35;
  --zmp-color-yd700-shade: #211d14;
  --zmp-color-yd700-tint: #534b32;
  --zmp-color-tl300: #00adf4;
  --zmp-color-tl300-rgb: 0, 173, 244;
  --zmp-color-tl300-shade: #0090cb;
  --zmp-color-tl300-tint: #1ebdff;
  --zmp-color-tl400: #33bcf6;
  --zmp-color-tl400-rgb: 51, 188, 246;
  --zmp-color-tl400-shade: #0caff4;
  --zmp-color-tl400-tint: #5ac9f8;
  --zmp-color-tl500: #66cef8;
  --zmp-color-tl500-rgb: 102, 206, 248;
  --zmp-color-tl500-shade: #3fc2f6;
  --zmp-color-tl500-tint: #8ddafa;
  --zmp-color-tl600: #99defb;
  --zmp-color-tl600-rgb: 153, 222, 251;
  --zmp-color-tl600-shade: #72d1f9;
  --zmp-color-tl600-tint: #c0ebfd;
  --zmp-color-tl700: #cceffd;
  --zmp-color-tl700-rgb: 204, 239, 253;
  --zmp-color-tl700-shade: #a5e3fb;
  --zmp-color-tl700-tint: #f3fbff;
  --zmp-color-td300: #4bb2dd;
  --zmp-color-td300-rgb: 75, 178, 221;
  --zmp-color-td300-shade: #29a3d7;
  --zmp-color-td300-tint: #6dc1e3;
  --zmp-color-td400: #3c8eb1;
  --zmp-color-td400-rgb: 60, 142, 177;
  --zmp-color-td400-shade: #327693;
  --zmp-color-td400-tint: #52a2c4;
  --zmp-color-td500: #2d6b85;
  --zmp-color-td500-rgb: 45, 107, 133;
  --zmp-color-td500-shade: #235267;
  --zmp-color-td500-tint: #3784a3;
  --zmp-color-td600: #1e4758;
  --zmp-color-td600-rgb: 30, 71, 88;
  --zmp-color-td600-shade: #142e3a;
  --zmp-color-td600-tint: #286076;
  --zmp-color-td700: #132d37;
  --zmp-color-td700-rgb: 19, 45, 55;
  --zmp-color-td700-shade: #091419;
  --zmp-color-td700-tint: #1d4655;
  --zmp-color-pul300: #7562d8;
  --zmp-color-pul300-rgb: 117, 98, 216;
  --zmp-color-pul300-shade: #5841d0;
  --zmp-color-pul300-tint: #9283e0;
  --zmp-color-pul400: #9181e0;
  --zmp-color-pul400-rgb: 145, 129, 224;
  --zmp-color-pul400-shade: #7460d8;
  --zmp-color-pul400-tint: #aea2e8;
  --zmp-color-pul500: #aca1e8;
  --zmp-color-pul500-rgb: 172, 161, 232;
  --zmp-color-pul500-shade: #8f80e0;
  --zmp-color-pul500-tint: #c9c2f0;
  --zmp-color-pul600: #c8c0ef;
  --zmp-color-pul600-rgb: 200, 192, 239;
  --zmp-color-pul600-shade: #ac9fe7;
  --zmp-color-pul600-tint: #e4e1f7;
  --zmp-color-pul700: #e3e0f7;
  --zmp-color-pul700-rgb: 227, 224, 247;
  --zmp-color-pul700-shade: #c6c0ef;
  --zmp-color-pul700-tint: #ffffff;
  --zmp-color-pud300: #998dd4;
  --zmp-color-pud300-rgb: 153, 141, 212;
  --zmp-color-pud300-shade: #7e6fc9;
  --zmp-color-pud300-tint: #b4abdf;
  --zmp-color-pud400: #7a71aa;
  --zmp-color-pud400-rgb: 122, 113, 170;
  --zmp-color-pud400-shade: #645b98;
  --zmp-color-pud400-tint: #928bb9;
  --zmp-color-pud500: #5c557f;
  --zmp-color-pud500-rgb: 92, 85, 127;
  --zmp-color-pud500-shade: #4a4567;
  --zmp-color-pud500-tint: #6e6597;
  --zmp-color-pud600: #3d3855;
  --zmp-color-pud600-rgb: 61, 56, 85;
  --zmp-color-pud600-shade: #2b283c;
  --zmp-color-pud600-tint: #4f486e;
  --zmp-color-pud700: #262335;
  --zmp-color-pud700-rgb: 38, 35, 53;
  --zmp-color-pud700-shade: #14131c;
  --zmp-color-pud700-tint: #38334e;
  --zmp-color-pkl300: #ea87ff;
  --zmp-color-pkl300-rgb: 234, 135, 255;
  --zmp-color-pkl300-shade: #e35eff;
  --zmp-color-pkl300-tint: #f1b0ff;
  --zmp-color-pkl400: #ee9fff;
  --zmp-color-pkl400-rgb: 238, 159, 255;
  --zmp-color-pkl400-shade: #e776ff;
  --zmp-color-pkl400-tint: #f5c8ff;
  --zmp-color-pkl500: #f2b7ff;
  --zmp-color-pkl500-rgb: 242, 183, 255;
  --zmp-color-pkl500-shade: #eb8eff;
  --zmp-color-pkl500-tint: #f9e0ff;
  --zmp-color-pkl600: #f7cfff;
  --zmp-color-pkl600-rgb: 247, 207, 255;
  --zmp-color-pkl600-shade: #f0a6ff;
  --zmp-color-pkl600-tint: #fef8ff;
  --zmp-color-pkl700: #fbe7ff;
  --zmp-color-pkl700-rgb: 251, 231, 255;
  --zmp-color-pkl700-shade: #f4beff;
  --zmp-color-pkl700-tint: #ffffff;
  --zmp-color-pkd300: #e6abf3;
  --zmp-color-pkd300-rgb: 230, 171, 243;
  --zmp-color-pkd300-shade: #db87ee;
  --zmp-color-pkd300-tint: #f1cff8;
  --zmp-color-pkd400: #b889c2;
  --zmp-color-pkd400-rgb: 184, 137, 194;
  --zmp-color-pkd400-shade: #a86eb4;
  --zmp-color-pkd400-tint: #c8a4d0;
  --zmp-color-pkd500: #8a6792;
  --zmp-color-pkd500-rgb: 138, 103, 146;
  --zmp-color-pkd500-shade: #73567a;
  --zmp-color-pkd500-tint: #9d7ea4;
  --zmp-color-pkd600: #5c4461;
  --zmp-color-pkd600-rgb: 92, 68, 97;
  --zmp-color-pkd600-shade: #453349;
  --zmp-color-pkd600-tint: #735579;
  --zmp-color-pkd700: #3a2b3d;
  --zmp-color-pkd700-rgb: 58, 43, 61;
  --zmp-color-pkd700-shade: #231a25;
  --zmp-color-pkd700-tint: #513c55;
}
.color-bd200 {
  --zmp-theme-color: #81aded;
  --zmp-theme-color-rgb: 129, 173, 237;
  --zmp-theme-color-shade: #5d96e8;
  --zmp-theme-color-tint: #a5c4f2;
}
.text-color-bd200 {
  --zmp-theme-color-text-color: #81aded;
}
.bg-color-bd200 {
  --zmp-theme-color-bg-color: #81aded;
}
.border-color-bd200 {
  --zmp-theme-color-border-color: #81aded;
}
.ripple-color-bd200,
.ripple-bd200 {
  --zmp-theme-color-ripple-color: rgba(129, 173, 237, 0.3);
}
.text-color--bd200 {
  color: #81aded !important;
}
.bg-color--bd200 {
  background-color: #81aded !important;
}
.color-bd300 {
  --zmp-theme-color: #4c8ae5;
  --zmp-theme-color-rgb: 76, 138, 229;
  --zmp-theme-color-shade: #2873e0;
  --zmp-theme-color-tint: #70a1ea;
}
.text-color-bd300 {
  --zmp-theme-color-text-color: #4c8ae5;
}
.bg-color-bd300 {
  --zmp-theme-color-bg-color: #4c8ae5;
}
.border-color-bd300 {
  --zmp-theme-color-border-color: #4c8ae5;
}
.ripple-color-bd300,
.ripple-bd300 {
  --zmp-theme-color-ripple-color: rgba(76, 138, 229, 0.3);
}
.text-color--bd300 {
  color: #4c8ae5 !important;
}
.bg-color--bd300 {
  background-color: #4c8ae5 !important;
}
.color-bd400 {
  --zmp-theme-color: #3d6eb7;
  --zmp-theme-color-rgb: 61, 110, 183;
  --zmp-theme-color-shade: #335c98;
  --zmp-theme-color-tint: #5683c7;
}
.text-color-bd400 {
  --zmp-theme-color-text-color: #3d6eb7;
}
.bg-color-bd400 {
  --zmp-theme-color-bg-color: #3d6eb7;
}
.border-color-bd400 {
  --zmp-theme-color-border-color: #3d6eb7;
}
.ripple-color-bd400,
.ripple-bd400 {
  --zmp-theme-color-ripple-color: rgba(61, 110, 183, 0.3);
}
.text-color--bd400 {
  color: #3d6eb7 !important;
}
.bg-color--bd400 {
  background-color: #3d6eb7 !important;
}
.color-bd500 {
  --zmp-theme-color: #2e5389;
  --zmp-theme-color-rgb: 46, 83, 137;
  --zmp-theme-color-shade: #24406a;
  --zmp-theme-color-tint: #3866a8;
}
.text-color-bd500 {
  --zmp-theme-color-text-color: #2e5389;
}
.bg-color-bd500 {
  --zmp-theme-color-bg-color: #2e5389;
}
.border-color-bd500 {
  --zmp-theme-color-border-color: #2e5389;
}
.ripple-color-bd500,
.ripple-bd500 {
  --zmp-theme-color-ripple-color: rgba(46, 83, 137, 0.3);
}
.text-color--bd500 {
  color: #2e5389 !important;
}
.bg-color--bd500 {
  background-color: #2e5389 !important;
}
.color-bd600 {
  --zmp-theme-color: #1e375c;
  --zmp-theme-color-rgb: 30, 55, 92;
  --zmp-theme-color-shade: #14253d;
  --zmp-theme-color-tint: #28497b;
}
.text-color-bd600 {
  --zmp-theme-color-text-color: #1e375c;
}
.bg-color-bd600 {
  --zmp-theme-color-bg-color: #1e375c;
}
.border-color-bd600 {
  --zmp-theme-color-border-color: #1e375c;
}
.ripple-color-bd600,
.ripple-bd600 {
  --zmp-theme-color-ripple-color: rgba(30, 55, 92, 0.3);
}
.text-color--bd600 {
  color: #1e375c !important;
}
.bg-color--bd600 {
  background-color: #1e375c !important;
}
.color-bd700 {
  --zmp-theme-color: #132339;
  --zmp-theme-color-rgb: 19, 35, 57;
  --zmp-theme-color-shade: #09101a;
  --zmp-theme-color-tint: #1d3658;
}
.text-color-bd700 {
  --zmp-theme-color-text-color: #132339;
}
.bg-color-bd700 {
  --zmp-theme-color-bg-color: #132339;
}
.border-color-bd700 {
  --zmp-theme-color-border-color: #132339;
}
.ripple-color-bd700,
.ripple-bd700 {
  --zmp-theme-color-ripple-color: rgba(19, 35, 57, 0.3);
}
.text-color--bd700 {
  color: #132339 !important;
}
.bg-color--bd700 {
  background-color: #132339 !important;
}
.color-bl200 {
  --zmp-theme-color: #0043a6;
  --zmp-theme-color-rgb: 0, 67, 166;
  --zmp-theme-color-shade: #00337d;
  --zmp-theme-color-tint: #0053cf;
}
.text-color-bl200 {
  --zmp-theme-color-text-color: #0043a6;
}
.bg-color-bl200 {
  --zmp-theme-color-bg-color: #0043a6;
}
.border-color-bl200 {
  --zmp-theme-color-border-color: #0043a6;
}
.ripple-color-bl200,
.ripple-bl200 {
  --zmp-theme-color-ripple-color: rgba(0, 67, 166, 0.3);
}
.text-color--bl200 {
  color: #0043a6 !important;
}
.bg-color--bl200 {
  background-color: #0043a6 !important;
}
.color-bl300 {
  --zmp-theme-color: #0068ff;
  --zmp-theme-color-rgb: 0, 104, 255;
  --zmp-theme-color-shade: #0057d6;
  --zmp-theme-color-tint: #2980ff;
}
.text-color-bl300 {
  --zmp-theme-color-text-color: #0068ff;
}
.bg-color-bl300 {
  --zmp-theme-color-bg-color: #0068ff;
}
.border-color-bl300 {
  --zmp-theme-color-border-color: #0068ff;
}
.ripple-color-bl300,
.ripple-bl300 {
  --zmp-theme-color-ripple-color: rgba(0, 104, 255, 0.3);
}
.text-color--bl300 {
  color: #0068ff !important;
}
.bg-color--bl300 {
  background-color: #0068ff !important;
}
.color-bl400 {
  --zmp-theme-color: #3386ff;
  --zmp-theme-color-rgb: 51, 134, 255;
  --zmp-theme-color-shade: #0a6eff;
  --zmp-theme-color-tint: #5c9eff;
}
.text-color-bl400 {
  --zmp-theme-color-text-color: #3386ff;
}
.bg-color-bl400 {
  --zmp-theme-color-bg-color: #3386ff;
}
.border-color-bl400 {
  --zmp-theme-color-border-color: #3386ff;
}
.ripple-color-bl400,
.ripple-bl400 {
  --zmp-theme-color-ripple-color: rgba(51, 134, 255, 0.3);
}
.text-color--bl400 {
  color: #3386ff !important;
}
.bg-color--bl400 {
  background-color: #3386ff !important;
}
.color-bl500 {
  --zmp-theme-color: #66a4ff;
  --zmp-theme-color-rgb: 102, 164, 255;
  --zmp-theme-color-shade: #3d8cff;
  --zmp-theme-color-tint: #8fbcff;
}
.text-color-bl500 {
  --zmp-theme-color-text-color: #66a4ff;
}
.bg-color-bl500 {
  --zmp-theme-color-bg-color: #66a4ff;
}
.border-color-bl500 {
  --zmp-theme-color-border-color: #66a4ff;
}
.ripple-color-bl500,
.ripple-bl500 {
  --zmp-theme-color-ripple-color: rgba(102, 164, 255, 0.3);
}
.text-color--bl500 {
  color: #66a4ff !important;
}
.bg-color--bl500 {
  background-color: #66a4ff !important;
}
.color-bl600 {
  --zmp-theme-color: #99c3ff;
  --zmp-theme-color-rgb: 153, 195, 255;
  --zmp-theme-color-shade: #70abff;
  --zmp-theme-color-tint: #c2dbff;
}
.text-color-bl600 {
  --zmp-theme-color-text-color: #99c3ff;
}
.bg-color-bl600 {
  --zmp-theme-color-bg-color: #99c3ff;
}
.border-color-bl600 {
  --zmp-theme-color-border-color: #99c3ff;
}
.ripple-color-bl600,
.ripple-bl600 {
  --zmp-theme-color-ripple-color: rgba(153, 195, 255, 0.3);
}
.text-color--bl600 {
  color: #99c3ff !important;
}
.bg-color--bl600 {
  background-color: #99c3ff !important;
}
.color-bl700 {
  --zmp-theme-color: #cce1ff;
  --zmp-theme-color-rgb: 204, 225, 255;
  --zmp-theme-color-shade: #a3c9ff;
  --zmp-theme-color-tint: #f5f9ff;
}
.text-color-bl700 {
  --zmp-theme-color-text-color: #cce1ff;
}
.bg-color-bl700 {
  --zmp-theme-color-bg-color: #cce1ff;
}
.border-color-bl700 {
  --zmp-theme-color-border-color: #cce1ff;
}
.ripple-color-bl700,
.ripple-bl700 {
  --zmp-theme-color-ripple-color: rgba(204, 225, 255, 0.3);
}
.text-color--bl700 {
  color: #cce1ff !important;
}
.bg-color--bl700 {
  background-color: #cce1ff !important;
}
.color-nd200 {
  --zmp-theme-color: #dbdfe2;
  --zmp-theme-color-rgb: 219, 223, 226;
  --zmp-theme-color-shade: #c4cbd0;
  --zmp-theme-color-tint: #f2f3f4;
}
.text-color-nd200 {
  --zmp-theme-color-text-color: #dbdfe2;
}
.bg-color-nd200 {
  --zmp-theme-color-bg-color: #dbdfe2;
}
.border-color-nd200 {
  --zmp-theme-color-border-color: #dbdfe2;
}
.ripple-color-nd200,
.ripple-nd200 {
  --zmp-theme-color-ripple-color: rgba(219, 223, 226, 0.3);
}
.text-color--nd200 {
  color: #dbdfe2 !important;
}
.bg-color--nd200 {
  background-color: #dbdfe2 !important;
}
.color-nd300 {
  --zmp-theme-color: #ccd1d6;
  --zmp-theme-color-rgb: 204, 209, 214;
  --zmp-theme-color-shade: #b5bdc4;
  --zmp-theme-color-tint: #e3e5e8;
}
.text-color-nd300 {
  --zmp-theme-color-text-color: #ccd1d6;
}
.bg-color-nd300 {
  --zmp-theme-color-bg-color: #ccd1d6;
}
.border-color-nd300 {
  --zmp-theme-color-border-color: #ccd1d6;
}
.ripple-color-nd300,
.ripple-nd300 {
  --zmp-theme-color-ripple-color: rgba(204, 209, 214, 0.3);
}
.text-color--nd300 {
  color: #ccd1d6 !important;
}
.bg-color--nd300 {
  background-color: #ccd1d6 !important;
}
.color-nd400 {
  --zmp-theme-color: #8b8f92;
  --zmp-theme-color-rgb: 139, 143, 146;
  --zmp-theme-color-shade: #767b7e;
  --zmp-theme-color-tint: #a0a3a6;
}
.text-color-nd400 {
  --zmp-theme-color-text-color: #8b8f92;
}
.bg-color-nd400 {
  --zmp-theme-color-bg-color: #8b8f92;
}
.border-color-nd400 {
  --zmp-theme-color-border-color: #8b8f92;
}
.ripple-color-nd400,
.ripple-nd400 {
  --zmp-theme-color-ripple-color: rgba(139, 143, 146, 0.3);
}
.text-color--nd400 {
  color: #8b8f92 !important;
}
.bg-color--nd400 {
  background-color: #8b8f92 !important;
}
.color-nd500 {
  --zmp-theme-color: #4a4b4d;
  --zmp-theme-color-rgb: 74, 75, 77;
  --zmp-theme-color-shade: #363738;
  --zmp-theme-color-tint: #5e5f62;
}
.text-color-nd500 {
  --zmp-theme-color-text-color: #4a4b4d;
}
.bg-color-nd500 {
  --zmp-theme-color-bg-color: #4a4b4d;
}
.border-color-nd500 {
  --zmp-theme-color-border-color: #4a4b4d;
}
.ripple-color-nd500,
.ripple-nd500 {
  --zmp-theme-color-ripple-color: rgba(74, 75, 77, 0.3);
}
.text-color--nd500 {
  color: #4a4b4d !important;
}
.bg-color--nd500 {
  background-color: #4a4b4d !important;
}
.color-nd600 {
  --zmp-theme-color: #19191a;
  --zmp-theme-color-rgb: 25, 25, 26;
  --zmp-theme-color-shade: #050505;
  --zmp-theme-color-tint: #2d2d2f;
}
.text-color-nd600 {
  --zmp-theme-color-text-color: #19191a;
}
.bg-color-nd600 {
  --zmp-theme-color-bg-color: #19191a;
}
.border-color-nd600 {
  --zmp-theme-color-border-color: #19191a;
}
.ripple-color-nd600,
.ripple-nd600 {
  --zmp-theme-color-ripple-color: rgba(25, 25, 26, 0.3);
}
.text-color--nd600 {
  color: #19191a !important;
}
.bg-color--nd600 {
  background-color: #19191a !important;
}
.color-nd700 {
  --zmp-theme-color: #090909;
  --zmp-theme-color-rgb: 9, 9, 9;
  --zmp-theme-color-shade: #000000;
  --zmp-theme-color-tint: #1d1d1d;
}
.text-color-nd700 {
  --zmp-theme-color-text-color: #090909;
}
.bg-color-nd700 {
  --zmp-theme-color-bg-color: #090909;
}
.border-color-nd700 {
  --zmp-theme-color-border-color: #090909;
}
.ripple-color-nd700,
.ripple-nd700 {
  --zmp-theme-color-ripple-color: rgba(9, 9, 9, 0.3);
}
.text-color--nd700 {
  color: #090909 !important;
}
.bg-color--nd700 {
  background-color: #090909 !important;
}
.color-nl100 {
  --zmp-theme-color: #050a19;
  --zmp-theme-color-rgb: 5, 10, 25;
  --zmp-theme-color-shade: #000000;
  --zmp-theme-color-tint: #0c183b;
}
.text-color-nl100 {
  --zmp-theme-color-text-color: #050a19;
}
.bg-color-nl100 {
  --zmp-theme-color-bg-color: #050a19;
}
.border-color-nl100 {
  --zmp-theme-color-border-color: #050a19;
}
.ripple-color-nl100,
.ripple-nl100 {
  --zmp-theme-color-ripple-color: rgba(5, 10, 25, 0.3);
}
.text-color--nl100 {
  color: #050a19 !important;
}
.bg-color--nl100 {
  background-color: #050a19 !important;
}
.color-nl200 {
  --zmp-theme-color: #001121;
  --zmp-theme-color-rgb: 0, 17, 33;
  --zmp-theme-color-shade: #000000;
  --zmp-theme-color-tint: #00264a;
}
.text-color-nl200 {
  --zmp-theme-color-text-color: #001121;
}
.bg-color-nl200 {
  --zmp-theme-color-bg-color: #001121;
}
.border-color-nl200 {
  --zmp-theme-color-border-color: #001121;
}
.ripple-color-nl200,
.ripple-nl200 {
  --zmp-theme-color-ripple-color: rgba(0, 17, 33, 0.3);
}
.text-color--nl200 {
  color: #001121 !important;
}
.bg-color--nl200 {
  background-color: #001121 !important;
}
.color-nl300 {
  --zmp-theme-color: #001a33;
  --zmp-theme-color-rgb: 0, 26, 51;
  --zmp-theme-color-shade: #00050a;
  --zmp-theme-color-tint: #002f5c;
}
.text-color-nl300 {
  --zmp-theme-color-text-color: #001a33;
}
.bg-color-nl300 {
  --zmp-theme-color-bg-color: #001a33;
}
.border-color-nl300 {
  --zmp-theme-color-border-color: #001a33;
}
.ripple-color-nl300,
.ripple-nl300 {
  --zmp-theme-color-ripple-color: rgba(0, 26, 51, 0.3);
}
.text-color--nl300 {
  color: #001a33 !important;
}
.bg-color--nl300 {
  background-color: #001a33 !important;
}
.color-nl400 {
  --zmp-theme-color: #33485c;
  --zmp-theme-color-rgb: 51, 72, 92;
  --zmp-theme-color-shade: #243342;
  --zmp-theme-color-tint: #425d76;
}
.text-color-nl400 {
  --zmp-theme-color-text-color: #33485c;
}
.bg-color-nl400 {
  --zmp-theme-color-bg-color: #33485c;
}
.border-color-nl400 {
  --zmp-theme-color-border-color: #33485c;
}
.ripple-color-nl400,
.ripple-nl400 {
  --zmp-theme-color-ripple-color: rgba(51, 72, 92, 0.3);
}
.text-color--nl400 {
  color: #33485c !important;
}
.bg-color--nl400 {
  background-color: #33485c !important;
}
.color-nl500 {
  --zmp-theme-color: #667685;
  --zmp-theme-color-rgb: 102, 118, 133;
  --zmp-theme-color-shade: #54626e;
  --zmp-theme-color-tint: #7a8a99;
}
.text-color-nl500 {
  --zmp-theme-color-text-color: #667685;
}
.bg-color-nl500 {
  --zmp-theme-color-bg-color: #667685;
}
.border-color-nl500 {
  --zmp-theme-color-border-color: #667685;
}
.ripple-color-nl500,
.ripple-nl500 {
  --zmp-theme-color-ripple-color: rgba(102, 118, 133, 0.3);
}
.text-color--nl500 {
  color: #667685 !important;
}
.bg-color--nl500 {
  background-color: #667685 !important;
}
.color-nl600 {
  --zmp-theme-color: #99a3ad;
  --zmp-theme-color-rgb: 153, 163, 173;
  --zmp-theme-color-shade: #828f9b;
  --zmp-theme-color-tint: #b0b7bf;
}
.text-color-nl600 {
  --zmp-theme-color-text-color: #99a3ad;
}
.bg-color-nl600 {
  --zmp-theme-color-bg-color: #99a3ad;
}
.border-color-nl600 {
  --zmp-theme-color-border-color: #99a3ad;
}
.ripple-color-nl600,
.ripple-nl600 {
  --zmp-theme-color-ripple-color: rgba(153, 163, 173, 0.3);
}
.text-color--nl600 {
  color: #99a3ad !important;
}
.bg-color--nl600 {
  background-color: #99a3ad !important;
}
.color-nl700 {
  --zmp-theme-color: #bfc6cc;
  --zmp-theme-color-rgb: 191, 198, 204;
  --zmp-theme-color-shade: #a8b2ba;
  --zmp-theme-color-tint: #d6dade;
}
.text-color-nl700 {
  --zmp-theme-color-text-color: #bfc6cc;
}
.bg-color-nl700 {
  --zmp-theme-color-bg-color: #bfc6cc;
}
.border-color-nl700 {
  --zmp-theme-color-border-color: #bfc6cc;
}
.ripple-color-nl700,
.ripple-nl700 {
  --zmp-theme-color-ripple-color: rgba(191, 198, 204, 0.3);
}
.text-color--nl700 {
  color: #bfc6cc !important;
}
.bg-color--nl700 {
  background-color: #bfc6cc !important;
}
.color-gd300 {
  --zmp-theme-color: #47bd8e;
  --zmp-theme-color-rgb: 71, 189, 142;
  --zmp-theme-color-shade: #3aa178;
  --zmp-theme-color-tint: #65c8a0;
}
.text-color-gd300 {
  --zmp-theme-color-text-color: #47bd8e;
}
.bg-color-gd300 {
  --zmp-theme-color-bg-color: #47bd8e;
}
.border-color-gd300 {
  --zmp-theme-color-border-color: #47bd8e;
}
.ripple-color-gd300,
.ripple-gd300 {
  --zmp-theme-color-ripple-color: rgba(71, 189, 142, 0.3);
}
.text-color--gd300 {
  color: #47bd8e !important;
}
.bg-color--gd300 {
  background-color: #47bd8e !important;
}
.color-gd400 {
  --zmp-theme-color: #399772;
  --zmp-theme-color-rgb: 57, 151, 114;
  --zmp-theme-color-shade: #2e795c;
  --zmp-theme-color-tint: #44b588;
}
.text-color-gd400 {
  --zmp-theme-color-text-color: #399772;
}
.bg-color-gd400 {
  --zmp-theme-color-bg-color: #399772;
}
.border-color-gd400 {
  --zmp-theme-color-border-color: #399772;
}
.ripple-color-gd400,
.ripple-gd400 {
  --zmp-theme-color-ripple-color: rgba(57, 151, 114, 0.3);
}
.text-color--gd400 {
  color: #399772 !important;
}
.bg-color--gd400 {
  background-color: #399772 !important;
}
.color-gd500 {
  --zmp-theme-color: #2b7155;
  --zmp-theme-color-rgb: 43, 113, 85;
  --zmp-theme-color-shade: #20533f;
  --zmp-theme-color-tint: #368f6b;
}
.text-color-gd500 {
  --zmp-theme-color-text-color: #2b7155;
}
.bg-color-gd500 {
  --zmp-theme-color-bg-color: #2b7155;
}
.border-color-gd500 {
  --zmp-theme-color-border-color: #2b7155;
}
.ripple-color-gd500,
.ripple-gd500 {
  --zmp-theme-color-ripple-color: rgba(43, 113, 85, 0.3);
}
.text-color--gd500 {
  color: #2b7155 !important;
}
.bg-color--gd500 {
  background-color: #2b7155 !important;
}
.color-gd600 {
  --zmp-theme-color: #1c4c39;
  --zmp-theme-color-rgb: 28, 76, 57;
  --zmp-theme-color-shade: #112e23;
  --zmp-theme-color-tint: #276a4f;
}
.text-color-gd600 {
  --zmp-theme-color-text-color: #1c4c39;
}
.bg-color-gd600 {
  --zmp-theme-color-bg-color: #1c4c39;
}
.border-color-gd600 {
  --zmp-theme-color-border-color: #1c4c39;
}
.ripple-color-gd600,
.ripple-gd600 {
  --zmp-theme-color-ripple-color: rgba(28, 76, 57, 0.3);
}
.text-color--gd600 {
  color: #1c4c39 !important;
}
.bg-color--gd600 {
  background-color: #1c4c39 !important;
}
.color-gd700 {
  --zmp-theme-color: #122f24;
  --zmp-theme-color-rgb: 18, 47, 36;
  --zmp-theme-color-shade: #07110d;
  --zmp-theme-color-tint: #1d4d3b;
}
.text-color-gd700 {
  --zmp-theme-color-text-color: #122f24;
}
.bg-color-gd700 {
  --zmp-theme-color-bg-color: #122f24;
}
.border-color-gd700 {
  --zmp-theme-color-border-color: #122f24;
}
.ripple-color-gd700,
.ripple-gd700 {
  --zmp-theme-color-ripple-color: rgba(18, 47, 36, 0.3);
}
.text-color--gd700 {
  color: #122f24 !important;
}
.bg-color--gd700 {
  background-color: #122f24 !important;
}
.color-gl300 {
  --zmp-theme-color: #00c578;
  --zmp-theme-color-rgb: 0, 197, 120;
  --zmp-theme-color-shade: #009c5f;
  --zmp-theme-color-tint: #00ee91;
}
.text-color-gl300 {
  --zmp-theme-color-text-color: #00c578;
}
.bg-color-gl300 {
  --zmp-theme-color-bg-color: #00c578;
}
.border-color-gl300 {
  --zmp-theme-color-border-color: #00c578;
}
.ripple-color-gl300,
.ripple-gl300 {
  --zmp-theme-color-ripple-color: rgba(0, 197, 120, 0.3);
}
.text-color--gl300 {
  color: #00c578 !important;
}
.bg-color--gl300 {
  background-color: #00c578 !important;
}
.color-gl400 {
  --zmp-theme-color: #33d193;
  --zmp-theme-color-rgb: 51, 209, 147;
  --zmp-theme-color-shade: #28b37d;
  --zmp-theme-color-tint: #54d9a5;
}
.text-color-gl400 {
  --zmp-theme-color-text-color: #33d193;
}
.bg-color-gl400 {
  --zmp-theme-color-bg-color: #33d193;
}
.border-color-gl400 {
  --zmp-theme-color-border-color: #33d193;
}
.ripple-color-gl400,
.ripple-gl400 {
  --zmp-theme-color-ripple-color: rgba(51, 209, 147, 0.3);
}
.text-color--gl400 {
  color: #33d193 !important;
}
.bg-color--gl400 {
  background-color: #33d193 !important;
}
.color-gl500 {
  --zmp-theme-color: #66dcae;
  --zmp-theme-color-rgb: 102, 220, 174;
  --zmp-theme-color-shade: #45d49c;
  --zmp-theme-color-tint: #87e4c0;
}
.text-color-gl500 {
  --zmp-theme-color-text-color: #66dcae;
}
.bg-color-gl500 {
  --zmp-theme-color-bg-color: #66dcae;
}
.border-color-gl500 {
  --zmp-theme-color-border-color: #66dcae;
}
.ripple-color-gl500,
.ripple-gl500 {
  --zmp-theme-color-ripple-color: rgba(102, 220, 174, 0.3);
}
.text-color--gl500 {
  color: #66dcae !important;
}
.bg-color--gl500 {
  background-color: #66dcae !important;
}
.color-gl600 {
  --zmp-theme-color: #99e8c9;
  --zmp-theme-color-rgb: 153, 232, 201;
  --zmp-theme-color-shade: #78e0b7;
  --zmp-theme-color-tint: #baf0db;
}
.text-color-gl600 {
  --zmp-theme-color-text-color: #99e8c9;
}
.bg-color-gl600 {
  --zmp-theme-color-bg-color: #99e8c9;
}
.border-color-gl600 {
  --zmp-theme-color-border-color: #99e8c9;
}
.ripple-color-gl600,
.ripple-gl600 {
  --zmp-theme-color-ripple-color: rgba(153, 232, 201, 0.3);
}
.text-color--gl600 {
  color: #99e8c9 !important;
}
.bg-color--gl600 {
  background-color: #99e8c9 !important;
}
.color-gl700 {
  --zmp-theme-color: #ccf3e4;
  --zmp-theme-color-rgb: 204, 243, 228;
  --zmp-theme-color-shade: #abebd3;
  --zmp-theme-color-tint: #edfbf5;
}
.text-color-gl700 {
  --zmp-theme-color-text-color: #ccf3e4;
}
.bg-color-gl700 {
  --zmp-theme-color-bg-color: #ccf3e4;
}
.border-color-gl700 {
  --zmp-theme-color-border-color: #ccf3e4;
}
.ripple-color-gl700,
.ripple-gl700 {
  --zmp-theme-color-ripple-color: rgba(204, 243, 228, 0.3);
}
.text-color--gl700 {
  color: #ccf3e4 !important;
}
.bg-color--gl700 {
  background-color: #ccf3e4 !important;
}
.color-rd300 {
  --zmp-theme-color: #e1807d;
  --zmp-theme-color-rgb: 225, 128, 125;
  --zmp-theme-color-shade: #d9605c;
  --zmp-theme-color-tint: #e9a09e;
}
.text-color-rd300 {
  --zmp-theme-color-text-color: #e1807d;
}
.bg-color-rd300 {
  --zmp-theme-color-bg-color: #e1807d;
}
.border-color-rd300 {
  --zmp-theme-color-border-color: #e1807d;
}
.ripple-color-rd300,
.ripple-rd300 {
  --zmp-theme-color-ripple-color: rgba(225, 128, 125, 0.3);
}
.text-color--rd300 {
  color: #e1807d !important;
}
.bg-color--rd300 {
  background-color: #e1807d !important;
}
.color-rd400 {
  --zmp-theme-color: #b46664;
  --zmp-theme-color-rgb: 180, 102, 100;
  --zmp-theme-color-shade: #a1504e;
  --zmp-theme-color-tint: #c1817f;
}
.text-color-rd400 {
  --zmp-theme-color-text-color: #b46664;
}
.bg-color-rd400 {
  --zmp-theme-color-bg-color: #b46664;
}
.border-color-rd400 {
  --zmp-theme-color-border-color: #b46664;
}
.ripple-color-rd400,
.ripple-rd400 {
  --zmp-theme-color-ripple-color: rgba(180, 102, 100, 0.3);
}
.text-color--rd400 {
  color: #b46664 !important;
}
.bg-color--rd400 {
  background-color: #b46664 !important;
}
.color-rd500 {
  --zmp-theme-color: #874d4b;
  --zmp-theme-color-rgb: 135, 77, 75;
  --zmp-theme-color-shade: #6d3e3c;
  --zmp-theme-color-tint: #a15c5a;
}
.text-color-rd500 {
  --zmp-theme-color-text-color: #874d4b;
}
.bg-color-rd500 {
  --zmp-theme-color-bg-color: #874d4b;
}
.border-color-rd500 {
  --zmp-theme-color-border-color: #874d4b;
}
.ripple-color-rd500,
.ripple-rd500 {
  --zmp-theme-color-ripple-color: rgba(135, 77, 75, 0.3);
}
.text-color--rd500 {
  color: #874d4b !important;
}
.bg-color--rd500 {
  background-color: #874d4b !important;
}
.color-rd600 {
  --zmp-theme-color: #5a3332;
  --zmp-theme-color-rgb: 90, 51, 50;
  --zmp-theme-color-shade: #402423;
  --zmp-theme-color-tint: #744241;
}
.text-color-rd600 {
  --zmp-theme-color-text-color: #5a3332;
}
.bg-color-rd600 {
  --zmp-theme-color-bg-color: #5a3332;
}
.border-color-rd600 {
  --zmp-theme-color-border-color: #5a3332;
}
.ripple-color-rd600,
.ripple-rd600 {
  --zmp-theme-color-ripple-color: rgba(90, 51, 50, 0.3);
}
.text-color--rd600 {
  color: #5a3332 !important;
}
.bg-color--rd600 {
  background-color: #5a3332 !important;
}
.color-rd700 {
  --zmp-theme-color: #38201f;
  --zmp-theme-color-rgb: 56, 32, 31;
  --zmp-theme-color-shade: #1e1110;
  --zmp-theme-color-tint: #522f2e;
}
.text-color-rd700 {
  --zmp-theme-color-text-color: #38201f;
}
.bg-color-rd700 {
  --zmp-theme-color-bg-color: #38201f;
}
.border-color-rd700 {
  --zmp-theme-color-border-color: #38201f;
}
.ripple-color-rd700,
.ripple-rd700 {
  --zmp-theme-color-ripple-color: rgba(56, 32, 31, 0.3);
}
.text-color--rd700 {
  color: #38201f !important;
}
.bg-color--rd700 {
  background-color: #38201f !important;
}
.color-rl300 {
  --zmp-theme-color: #ef4e49;
  --zmp-theme-color-rgb: 239, 78, 73;
  --zmp-theme-color-shade: #ec2a23;
  --zmp-theme-color-tint: #f2726f;
}
.text-color-rl300 {
  --zmp-theme-color-text-color: #ef4e49;
}
.bg-color-rl300 {
  --zmp-theme-color-bg-color: #ef4e49;
}
.border-color-rl300 {
  --zmp-theme-color-border-color: #ef4e49;
}
.ripple-color-rl300,
.ripple-rl300 {
  --zmp-theme-color-ripple-color: rgba(239, 78, 73, 0.3);
}
.text-color--rl300 {
  color: #ef4e49 !important;
}
.bg-color--rl300 {
  background-color: #ef4e49 !important;
}
.color-rl400 {
  --zmp-theme-color: #f2716d;
  --zmp-theme-color-rgb: 242, 113, 109;
  --zmp-theme-color-shade: #ef4d48;
  --zmp-theme-color-tint: #f59592;
}
.text-color-rl400 {
  --zmp-theme-color-text-color: #f2716d;
}
.bg-color-rl400 {
  --zmp-theme-color-bg-color: #f2716d;
}
.border-color-rl400 {
  --zmp-theme-color-border-color: #f2716d;
}
.ripple-color-rl400,
.ripple-rl400 {
  --zmp-theme-color-ripple-color: rgba(242, 113, 109, 0.3);
}
.text-color--rl400 {
  color: #f2716d !important;
}
.bg-color--rl400 {
  background-color: #f2716d !important;
}
.color-rl500 {
  --zmp-theme-color: #f59592;
  --zmp-theme-color-rgb: 245, 149, 146;
  --zmp-theme-color-shade: #f2716d;
  --zmp-theme-color-tint: #f8b9b7;
}
.text-color-rl500 {
  --zmp-theme-color-text-color: #f59592;
}
.bg-color-rl500 {
  --zmp-theme-color-bg-color: #f59592;
}
.border-color-rl500 {
  --zmp-theme-color-border-color: #f59592;
}
.ripple-color-rl500,
.ripple-rl500 {
  --zmp-theme-color-ripple-color: rgba(245, 149, 146, 0.3);
}
.text-color--rl500 {
  color: #f59592 !important;
}
.bg-color--rl500 {
  background-color: #f59592 !important;
}
.color-rl600 {
  --zmp-theme-color: #f9b8b6;
  --zmp-theme-color-rgb: 249, 184, 182;
  --zmp-theme-color-shade: #f69390;
  --zmp-theme-color-tint: #fcdddc;
}
.text-color-rl600 {
  --zmp-theme-color-text-color: #f9b8b6;
}
.bg-color-rl600 {
  --zmp-theme-color-bg-color: #f9b8b6;
}
.border-color-rl600 {
  --zmp-theme-color-border-color: #f9b8b6;
}
.ripple-color-rl600,
.ripple-rl600 {
  --zmp-theme-color-ripple-color: rgba(249, 184, 182, 0.3);
}
.text-color--rl600 {
  color: #f9b8b6 !important;
}
.bg-color--rl600 {
  background-color: #f9b8b6 !important;
}
.color-rl700 {
  --zmp-theme-color: #fcdcdb;
  --zmp-theme-color-rgb: 252, 220, 219;
  --zmp-theme-color-shade: #f9b7b5;
  --zmp-theme-color-tint: #ffffff;
}
.text-color-rl700 {
  --zmp-theme-color-text-color: #fcdcdb;
}
.bg-color-rl700 {
  --zmp-theme-color-bg-color: #fcdcdb;
}
.border-color-rl700 {
  --zmp-theme-color-border-color: #fcdcdb;
}
.ripple-color-rl700,
.ripple-rl700 {
  --zmp-theme-color-ripple-color: rgba(252, 220, 219, 0.3);
}
.text-color--rl700 {
  color: #fcdcdb !important;
}
.bg-color--rl700 {
  background-color: #fcdcdb !important;
}
.color-w300 {
  --zmp-theme-color: #ffffff;
  --zmp-theme-color-rgb: 255, 255, 255;
  --zmp-theme-color-shade: #ebebeb;
  --zmp-theme-color-tint: #ffffff;
}
.text-color-w300 {
  --zmp-theme-color-text-color: #ffffff;
}
.bg-color-w300 {
  --zmp-theme-color-bg-color: #ffffff;
}
.border-color-w300 {
  --zmp-theme-color-border-color: #ffffff;
}
.ripple-color-w300,
.ripple-w300 {
  --zmp-theme-color-ripple-color: rgba(255, 255, 255, 0.3);
}
.text-color--w300 {
  color: #ffffff !important;
}
.bg-color--w300 {
  background-color: #ffffff !important;
}
.color-w400 {
  --zmp-theme-color: rgba(255, 255, 255, 0.75);
  --zmp-theme-color-rgb: 255, 255, 255;
  --zmp-theme-color-shade: rgba(235, 235, 235, 0.75);
  --zmp-theme-color-tint: rgba(255, 255, 255, 0.75);
}
.text-color-w400 {
  --zmp-theme-color-text-color: rgba(255, 255, 255, 0.75);
}
.bg-color-w400 {
  --zmp-theme-color-bg-color: rgba(255, 255, 255, 0.75);
}
.border-color-w400 {
  --zmp-theme-color-border-color: rgba(255, 255, 255, 0.75);
}
.ripple-color-w400,
.ripple-w400 {
  --zmp-theme-color-ripple-color: rgba(255, 255, 255, 0.3);
}
.text-color--w400 {
  color: rgba(255, 255, 255, 0.75) !important;
}
.bg-color--w400 {
  background-color: rgba(255, 255, 255, 0.75) !important;
}
.color-w500 {
  --zmp-theme-color: rgba(255, 255, 255, 0.5);
  --zmp-theme-color-rgb: 255, 255, 255;
  --zmp-theme-color-shade: rgba(235, 235, 235, 0.5);
  --zmp-theme-color-tint: rgba(255, 255, 255, 0.5);
}
.text-color-w500 {
  --zmp-theme-color-text-color: rgba(255, 255, 255, 0.5);
}
.bg-color-w500 {
  --zmp-theme-color-bg-color: rgba(255, 255, 255, 0.5);
}
.border-color-w500 {
  --zmp-theme-color-border-color: rgba(255, 255, 255, 0.5);
}
.ripple-color-w500,
.ripple-w500 {
  --zmp-theme-color-ripple-color: rgba(255, 255, 255, 0.3);
}
.text-color--w500 {
  color: rgba(255, 255, 255, 0.5) !important;
}
.bg-color--w500 {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.color-w600 {
  --zmp-theme-color: rgba(255, 255, 255, 0.25);
  --zmp-theme-color-rgb: 255, 255, 255;
  --zmp-theme-color-shade: rgba(235, 235, 235, 0.25);
  --zmp-theme-color-tint: rgba(255, 255, 255, 0.25);
}
.text-color-w600 {
  --zmp-theme-color-text-color: rgba(255, 255, 255, 0.25);
}
.bg-color-w600 {
  --zmp-theme-color-bg-color: rgba(255, 255, 255, 0.25);
}
.border-color-w600 {
  --zmp-theme-color-border-color: rgba(255, 255, 255, 0.25);
}
.ripple-color-w600,
.ripple-w600 {
  --zmp-theme-color-ripple-color: rgba(255, 255, 255, 0.3);
}
.text-color--w600 {
  color: rgba(255, 255, 255, 0.25) !important;
}
.bg-color--w600 {
  background-color: rgba(255, 255, 255, 0.25) !important;
}
.color-w700 {
  --zmp-theme-color: rgba(255, 255, 255, 0.1);
  --zmp-theme-color-rgb: 255, 255, 255;
  --zmp-theme-color-shade: rgba(235, 235, 235, 0.1);
  --zmp-theme-color-tint: rgba(255, 255, 255, 0.1);
}
.text-color-w700 {
  --zmp-theme-color-text-color: rgba(255, 255, 255, 0.1);
}
.bg-color-w700 {
  --zmp-theme-color-bg-color: rgba(255, 255, 255, 0.1);
}
.border-color-w700 {
  --zmp-theme-color-border-color: rgba(255, 255, 255, 0.1);
}
.ripple-color-w700,
.ripple-w700 {
  --zmp-theme-color-ripple-color: rgba(255, 255, 255, 0.3);
}
.text-color--w700 {
  color: rgba(255, 255, 255, 0.1) !important;
}
.bg-color--w700 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.color-dg300 {
  --zmp-theme-color: #96a3ad;
  --zmp-theme-color-rgb: 150, 163, 173;
  --zmp-theme-color-shade: #7f8f9b;
  --zmp-theme-color-tint: #adb7bf;
}
.text-color-dg300 {
  --zmp-theme-color-text-color: #96a3ad;
}
.bg-color-dg300 {
  --zmp-theme-color-bg-color: #96a3ad;
}
.border-color-dg300 {
  --zmp-theme-color-border-color: #96a3ad;
}
.ripple-color-dg300,
.ripple-dg300 {
  --zmp-theme-color-ripple-color: rgba(150, 163, 173, 0.3);
}
.text-color--dg300 {
  color: #96a3ad !important;
}
.bg-color--dg300 {
  background-color: #96a3ad !important;
}
.color-dg400 {
  --zmp-theme-color: #666f76;
  --zmp-theme-color-rgb: 102, 111, 118;
  --zmp-theme-color-shade: #535a60;
  --zmp-theme-color-tint: #79848b;
}
.text-color-dg400 {
  --zmp-theme-color-text-color: #666f76;
}
.bg-color-dg400 {
  --zmp-theme-color-bg-color: #666f76;
}
.border-color-dg400 {
  --zmp-theme-color-border-color: #666f76;
}
.ripple-color-dg400,
.ripple-dg400 {
  --zmp-theme-color-ripple-color: rgba(102, 111, 118, 0.3);
}
.text-color--dg400 {
  color: #666f76 !important;
}
.bg-color--dg400 {
  background-color: #666f76 !important;
}
.color-dg500 {
  --zmp-theme-color: #363b3e;
  --zmp-theme-color-rgb: 54, 59, 62;
  --zmp-theme-color-shade: #232628;
  --zmp-theme-color-tint: #495054;
}
.text-color-dg500 {
  --zmp-theme-color-text-color: #363b3e;
}
.bg-color-dg500 {
  --zmp-theme-color-bg-color: #363b3e;
}
.border-color-dg500 {
  --zmp-theme-color-border-color: #363b3e;
}
.ripple-color-dg500,
.ripple-dg500 {
  --zmp-theme-color-ripple-color: rgba(54, 59, 62, 0.3);
}
.text-color--dg500 {
  color: #363b3e !important;
}
.bg-color--dg500 {
  background-color: #363b3e !important;
}
.color-dg600 {
  --zmp-theme-color: #121415;
  --zmp-theme-color-rgb: 18, 20, 21;
  --zmp-theme-color-shade: #000000;
  --zmp-theme-color-tint: #25292b;
}
.text-color-dg600 {
  --zmp-theme-color-text-color: #121415;
}
.bg-color-dg600 {
  --zmp-theme-color-bg-color: #121415;
}
.border-color-dg600 {
  --zmp-theme-color-border-color: #121415;
}
.ripple-color-dg600,
.ripple-dg600 {
  --zmp-theme-color-ripple-color: rgba(18, 20, 21, 0.3);
}
.text-color--dg600 {
  color: #121415 !important;
}
.bg-color--dg600 {
  background-color: #121415 !important;
}
.color-dg700 {
  --zmp-theme-color: #060707;
  --zmp-theme-color-rgb: 6, 7, 7;
  --zmp-theme-color-shade: #000000;
  --zmp-theme-color-tint: #191d1d;
}
.text-color-dg700 {
  --zmp-theme-color-text-color: #060707;
}
.bg-color-dg700 {
  --zmp-theme-color-bg-color: #060707;
}
.border-color-dg700 {
  --zmp-theme-color-border-color: #060707;
}
.ripple-color-dg700,
.ripple-dg700 {
  --zmp-theme-color-ripple-color: rgba(6, 7, 7, 0.3);
}
.text-color--dg700 {
  color: #060707 !important;
}
.bg-color--dg700 {
  background-color: #060707 !important;
}
.color-lg300 {
  --zmp-theme-color: #778d9e;
  --zmp-theme-color-rgb: 119, 141, 158;
  --zmp-theme-color-shade: #62798a;
  --zmp-theme-color-tint: #8fa1af;
}
.text-color-lg300 {
  --zmp-theme-color-text-color: #778d9e;
}
.bg-color-lg300 {
  --zmp-theme-color-bg-color: #778d9e;
}
.border-color-lg300 {
  --zmp-theme-color-border-color: #778d9e;
}
.ripple-color-lg300,
.ripple-lg300 {
  --zmp-theme-color-ripple-color: rgba(119, 141, 158, 0.3);
}
.text-color--lg300 {
  color: #778d9e !important;
}
.bg-color--lg300 {
  background-color: #778d9e !important;
}
.color-lg400 {
  --zmp-theme-color: #92a4b1;
  --zmp-theme-color-rgb: 146, 164, 177;
  --zmp-theme-color-shade: #7a90a0;
  --zmp-theme-color-tint: #aab8c2;
}
.text-color-lg400 {
  --zmp-theme-color-text-color: #92a4b1;
}
.bg-color-lg400 {
  --zmp-theme-color-bg-color: #92a4b1;
}
.border-color-lg400 {
  --zmp-theme-color-border-color: #92a4b1;
}
.ripple-color-lg400,
.ripple-lg400 {
  --zmp-theme-color-ripple-color: rgba(146, 164, 177, 0.3);
}
.text-color--lg400 {
  color: #92a4b1 !important;
}
.bg-color--lg400 {
  background-color: #92a4b1 !important;
}
.color-lg500 {
  --zmp-theme-color: #adbbc5;
  --zmp-theme-color-rgb: 173, 187, 197;
  --zmp-theme-color-shade: #95a7b4;
  --zmp-theme-color-tint: #c5cfd6;
}
.text-color-lg500 {
  --zmp-theme-color-text-color: #adbbc5;
}
.bg-color-lg500 {
  --zmp-theme-color-bg-color: #adbbc5;
}
.border-color-lg500 {
  --zmp-theme-color-border-color: #adbbc5;
}
.ripple-color-lg500,
.ripple-lg500 {
  --zmp-theme-color-ripple-color: rgba(173, 187, 197, 0.3);
}
.text-color--lg500 {
  color: #adbbc5 !important;
}
.bg-color--lg500 {
  background-color: #adbbc5 !important;
}
.color-lg600 {
  --zmp-theme-color: #c9d1d8;
  --zmp-theme-color-rgb: 201, 209, 216;
  --zmp-theme-color-shade: #b1bdc7;
  --zmp-theme-color-tint: #e1e5e9;
}
.text-color-lg600 {
  --zmp-theme-color-text-color: #c9d1d8;
}
.bg-color-lg600 {
  --zmp-theme-color-bg-color: #c9d1d8;
}
.border-color-lg600 {
  --zmp-theme-color-border-color: #c9d1d8;
}
.ripple-color-lg600,
.ripple-lg600 {
  --zmp-theme-color-ripple-color: rgba(201, 209, 216, 0.3);
}
.text-color--lg600 {
  color: #c9d1d8 !important;
}
.bg-color--lg600 {
  background-color: #c9d1d8 !important;
}
.color-lg700 {
  --zmp-theme-color: #e4e8ec;
  --zmp-theme-color-rgb: 228, 232, 236;
  --zmp-theme-color-shade: #ccd4db;
  --zmp-theme-color-tint: #fcfcfd;
}
.text-color-lg700 {
  --zmp-theme-color-text-color: #e4e8ec;
}
.bg-color-lg700 {
  --zmp-theme-color-bg-color: #e4e8ec;
}
.border-color-lg700 {
  --zmp-theme-color-border-color: #e4e8ec;
}
.ripple-color-lg700,
.ripple-lg700 {
  --zmp-theme-color-ripple-color: rgba(228, 232, 236, 0.3);
}
.text-color--lg700 {
  color: #e4e8ec !important;
}
.bg-color--lg700 {
  background-color: #e4e8ec !important;
}
.color-bk300 {
  --zmp-theme-color: #000000;
  --zmp-theme-color-rgb: 0, 0, 0;
  --zmp-theme-color-shade: #000000;
  --zmp-theme-color-tint: #141414;
}
.text-color-bk300 {
  --zmp-theme-color-text-color: #000000;
}
.bg-color-bk300 {
  --zmp-theme-color-bg-color: #000000;
}
.border-color-bk300 {
  --zmp-theme-color-border-color: #000000;
}
.ripple-color-bk300,
.ripple-bk300 {
  --zmp-theme-color-ripple-color: rgba(0, 0, 0, 0.3);
}
.text-color--bk300 {
  color: #000000 !important;
}
.bg-color--bk300 {
  background-color: #000000 !important;
}
.color-bk400 {
  --zmp-theme-color: rgba(0, 0, 0, 0.75);
  --zmp-theme-color-rgb: 0, 0, 0;
  --zmp-theme-color-shade: rgba(0, 0, 0, 0.75);
  --zmp-theme-color-tint: rgba(20, 20, 20, 0.75);
}
.text-color-bk400 {
  --zmp-theme-color-text-color: rgba(0, 0, 0, 0.75);
}
.bg-color-bk400 {
  --zmp-theme-color-bg-color: rgba(0, 0, 0, 0.75);
}
.border-color-bk400 {
  --zmp-theme-color-border-color: rgba(0, 0, 0, 0.75);
}
.ripple-color-bk400,
.ripple-bk400 {
  --zmp-theme-color-ripple-color: rgba(0, 0, 0, 0.3);
}
.text-color--bk400 {
  color: rgba(0, 0, 0, 0.75) !important;
}
.bg-color--bk400 {
  background-color: rgba(0, 0, 0, 0.75) !important;
}
.color-bk500 {
  --zmp-theme-color: rgba(0, 0, 0, 0.5);
  --zmp-theme-color-rgb: 0, 0, 0;
  --zmp-theme-color-shade: rgba(0, 0, 0, 0.5);
  --zmp-theme-color-tint: rgba(20, 20, 20, 0.5);
}
.text-color-bk500 {
  --zmp-theme-color-text-color: rgba(0, 0, 0, 0.5);
}
.bg-color-bk500 {
  --zmp-theme-color-bg-color: rgba(0, 0, 0, 0.5);
}
.border-color-bk500 {
  --zmp-theme-color-border-color: rgba(0, 0, 0, 0.5);
}
.ripple-color-bk500,
.ripple-bk500 {
  --zmp-theme-color-ripple-color: rgba(0, 0, 0, 0.3);
}
.text-color--bk500 {
  color: rgba(0, 0, 0, 0.5) !important;
}
.bg-color--bk500 {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.color-bk600 {
  --zmp-theme-color: rgba(0, 0, 0, 0.25);
  --zmp-theme-color-rgb: 0, 0, 0;
  --zmp-theme-color-shade: rgba(0, 0, 0, 0.25);
  --zmp-theme-color-tint: rgba(20, 20, 20, 0.25);
}
.text-color-bk600 {
  --zmp-theme-color-text-color: rgba(0, 0, 0, 0.25);
}
.bg-color-bk600 {
  --zmp-theme-color-bg-color: rgba(0, 0, 0, 0.25);
}
.border-color-bk600 {
  --zmp-theme-color-border-color: rgba(0, 0, 0, 0.25);
}
.ripple-color-bk600,
.ripple-bk600 {
  --zmp-theme-color-ripple-color: rgba(0, 0, 0, 0.3);
}
.text-color--bk600 {
  color: rgba(0, 0, 0, 0.25) !important;
}
.bg-color--bk600 {
  background-color: rgba(0, 0, 0, 0.25) !important;
}
.color-bk700 {
  --zmp-theme-color: rgba(0, 0, 0, 0.15);
  --zmp-theme-color-rgb: 0, 0, 0;
  --zmp-theme-color-shade: rgba(0, 0, 0, 0.15);
  --zmp-theme-color-tint: rgba(20, 20, 20, 0.15);
}
.text-color-bk700 {
  --zmp-theme-color-text-color: rgba(0, 0, 0, 0.15);
}
.bg-color-bk700 {
  --zmp-theme-color-bg-color: rgba(0, 0, 0, 0.15);
}
.border-color-bk700 {
  --zmp-theme-color-border-color: rgba(0, 0, 0, 0.15);
}
.ripple-color-bk700,
.ripple-bk700 {
  --zmp-theme-color-ripple-color: rgba(0, 0, 0, 0.3);
}
.text-color--bk700 {
  color: rgba(0, 0, 0, 0.15) !important;
}
.bg-color--bk700 {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.color-ol300 {
  --zmp-theme-color: #f5832f;
  --zmp-theme-color-rgb: 245, 131, 47;
  --zmp-theme-color-shade: #f06c0c;
  --zmp-theme-color-tint: #f79a56;
}
.text-color-ol300 {
  --zmp-theme-color-text-color: #f5832f;
}
.bg-color-ol300 {
  --zmp-theme-color-bg-color: #f5832f;
}
.border-color-ol300 {
  --zmp-theme-color-border-color: #f5832f;
}
.ripple-color-ol300,
.ripple-ol300 {
  --zmp-theme-color-ripple-color: rgba(245, 131, 47, 0.3);
}
.text-color--ol300 {
  color: #f5832f !important;
}
.bg-color--ol300 {
  background-color: #f5832f !important;
}
.color-ol400 {
  --zmp-theme-color: #f79c59;
  --zmp-theme-color-rgb: 247, 156, 89;
  --zmp-theme-color-shade: #f58532;
  --zmp-theme-color-tint: #f9b380;
}
.text-color-ol400 {
  --zmp-theme-color-text-color: #f79c59;
}
.bg-color-ol400 {
  --zmp-theme-color-bg-color: #f79c59;
}
.border-color-ol400 {
  --zmp-theme-color-border-color: #f79c59;
}
.ripple-color-ol400,
.ripple-ol400 {
  --zmp-theme-color-ripple-color: rgba(247, 156, 89, 0.3);
}
.text-color--ol400 {
  color: #f79c59 !important;
}
.bg-color--ol400 {
  background-color: #f79c59 !important;
}
.color-ol500 {
  --zmp-theme-color: #f9b582;
  --zmp-theme-color-rgb: 249, 181, 130;
  --zmp-theme-color-shade: #f79e5b;
  --zmp-theme-color-tint: #fbcca9;
}
.text-color-ol500 {
  --zmp-theme-color-text-color: #f9b582;
}
.bg-color-ol500 {
  --zmp-theme-color-bg-color: #f9b582;
}
.border-color-ol500 {
  --zmp-theme-color-border-color: #f9b582;
}
.ripple-color-ol500,
.ripple-ol500 {
  --zmp-theme-color-ripple-color: rgba(249, 181, 130, 0.3);
}
.text-color--ol500 {
  color: #f9b582 !important;
}
.bg-color--ol500 {
  background-color: #f9b582 !important;
}
.color-ol600 {
  --zmp-theme-color: #fbcdac;
  --zmp-theme-color-rgb: 251, 205, 172;
  --zmp-theme-color-shade: #f9b685;
  --zmp-theme-color-tint: #fde4d3;
}
.text-color-ol600 {
  --zmp-theme-color-text-color: #fbcdac;
}
.bg-color-ol600 {
  --zmp-theme-color-bg-color: #fbcdac;
}
.border-color-ol600 {
  --zmp-theme-color-border-color: #fbcdac;
}
.ripple-color-ol600,
.ripple-ol600 {
  --zmp-theme-color-ripple-color: rgba(251, 205, 172, 0.3);
}
.text-color--ol600 {
  color: #fbcdac !important;
}
.bg-color--ol600 {
  background-color: #fbcdac !important;
}
.color-ol700 {
  --zmp-theme-color: #fde6d5;
  --zmp-theme-color-rgb: 253, 230, 213;
  --zmp-theme-color-shade: #fbcfae;
  --zmp-theme-color-tint: #fffdfc;
}
.text-color-ol700 {
  --zmp-theme-color-text-color: #fde6d5;
}
.bg-color-ol700 {
  --zmp-theme-color-bg-color: #fde6d5;
}
.border-color-ol700 {
  --zmp-theme-color-border-color: #fde6d5;
}
.ripple-color-ol700,
.ripple-ol700 {
  --zmp-theme-color-ripple-color: rgba(253, 230, 213, 0.3);
}
.text-color--ol700 {
  color: #fde6d5 !important;
}
.bg-color--ol700 {
  background-color: #fde6d5 !important;
}
.color-od300 {
  --zmp-theme-color: #e39f6d;
  --zmp-theme-color-rgb: 227, 159, 109;
  --zmp-theme-color-shade: #dc884b;
  --zmp-theme-color-tint: #eab68f;
}
.text-color-od300 {
  --zmp-theme-color-text-color: #e39f6d;
}
.bg-color-od300 {
  --zmp-theme-color-bg-color: #e39f6d;
}
.border-color-od300 {
  --zmp-theme-color-border-color: #e39f6d;
}
.ripple-color-od300,
.ripple-od300 {
  --zmp-theme-color-ripple-color: rgba(227, 159, 109, 0.3);
}
.text-color--od300 {
  color: #e39f6d !important;
}
.bg-color--od300 {
  background-color: #e39f6d !important;
}
.color-od400 {
  --zmp-theme-color: #b67f57;
  --zmp-theme-color-rgb: 182, 127, 87;
  --zmp-theme-color-shade: #9f6b45;
  --zmp-theme-color-tint: #c29573;
}
.text-color-od400 {
  --zmp-theme-color-text-color: #b67f57;
}
.bg-color-od400 {
  --zmp-theme-color-bg-color: #b67f57;
}
.border-color-od400 {
  --zmp-theme-color-border-color: #b67f57;
}
.ripple-color-od400,
.ripple-od400 {
  --zmp-theme-color-ripple-color: rgba(182, 127, 87, 0.3);
}
.text-color--od400 {
  color: #b67f57 !important;
}
.bg-color--od400 {
  background-color: #b67f57 !important;
}
.color-od500 {
  --zmp-theme-color: #885f41;
  --zmp-theme-color-rgb: 136, 95, 65;
  --zmp-theme-color-shade: #6c4c34;
  --zmp-theme-color-tint: #a4724e;
}
.text-color-od500 {
  --zmp-theme-color-text-color: #885f41;
}
.bg-color-od500 {
  --zmp-theme-color-bg-color: #885f41;
}
.border-color-od500 {
  --zmp-theme-color-border-color: #885f41;
}
.ripple-color-od500,
.ripple-od500 {
  --zmp-theme-color-ripple-color: rgba(136, 95, 65, 0.3);
}
.text-color--od500 {
  color: #885f41 !important;
}
.bg-color--od500 {
  background-color: #885f41 !important;
}
.color-od600 {
  --zmp-theme-color: #5b402c;
  --zmp-theme-color-rgb: 91, 64, 44;
  --zmp-theme-color-shade: #3f2d1f;
  --zmp-theme-color-tint: #775339;
}
.text-color-od600 {
  --zmp-theme-color-text-color: #5b402c;
}
.bg-color-od600 {
  --zmp-theme-color-bg-color: #5b402c;
}
.border-color-od600 {
  --zmp-theme-color-border-color: #5b402c;
}
.ripple-color-od600,
.ripple-od600 {
  --zmp-theme-color-ripple-color: rgba(91, 64, 44, 0.3);
}
.text-color--od600 {
  color: #5b402c !important;
}
.bg-color--od600 {
  background-color: #5b402c !important;
}
.color-od700 {
  --zmp-theme-color: #39281b;
  --zmp-theme-color-rgb: 57, 40, 27;
  --zmp-theme-color-shade: #1d150e;
  --zmp-theme-color-tint: #553b28;
}
.text-color-od700 {
  --zmp-theme-color-text-color: #39281b;
}
.bg-color-od700 {
  --zmp-theme-color-bg-color: #39281b;
}
.border-color-od700 {
  --zmp-theme-color-border-color: #39281b;
}
.ripple-color-od700,
.ripple-od700 {
  --zmp-theme-color-ripple-color: rgba(57, 40, 27, 0.3);
}
.text-color--od700 {
  color: #39281b !important;
}
.bg-color--od700 {
  background-color: #39281b !important;
}
.color-yl300 {
  --zmp-theme-color: #f8d15a;
  --zmp-theme-color-rgb: 248, 209, 90;
  --zmp-theme-color-shade: #f6c633;
  --zmp-theme-color-tint: #fadc81;
}
.text-color-yl300 {
  --zmp-theme-color-text-color: #f8d15a;
}
.bg-color-yl300 {
  --zmp-theme-color-bg-color: #f8d15a;
}
.border-color-yl300 {
  --zmp-theme-color-border-color: #f8d15a;
}
.ripple-color-yl300,
.ripple-yl300 {
  --zmp-theme-color-ripple-color: rgba(248, 209, 90, 0.3);
}
.text-color--yl300 {
  color: #f8d15a !important;
}
.bg-color--yl300 {
  background-color: #f8d15a !important;
}
.color-yl400 {
  --zmp-theme-color: #f9d97b;
  --zmp-theme-color-rgb: 249, 217, 123;
  --zmp-theme-color-shade: #f7ce54;
  --zmp-theme-color-tint: #fbe4a2;
}
.text-color-yl400 {
  --zmp-theme-color-text-color: #f9d97b;
}
.bg-color-yl400 {
  --zmp-theme-color-bg-color: #f9d97b;
}
.border-color-yl400 {
  --zmp-theme-color-border-color: #f9d97b;
}
.ripple-color-yl400,
.ripple-yl400 {
  --zmp-theme-color-ripple-color: rgba(249, 217, 123, 0.3);
}
.text-color--yl400 {
  color: #f9d97b !important;
}
.bg-color--yl400 {
  background-color: #f9d97b !important;
}
.color-yl500 {
  --zmp-theme-color: #fbe39c;
  --zmp-theme-color-rgb: 251, 227, 156;
  --zmp-theme-color-shade: #f9d875;
  --zmp-theme-color-tint: #fdeec3;
}
.text-color-yl500 {
  --zmp-theme-color-text-color: #fbe39c;
}
.bg-color-yl500 {
  --zmp-theme-color-bg-color: #fbe39c;
}
.border-color-yl500 {
  --zmp-theme-color-border-color: #fbe39c;
}
.ripple-color-yl500,
.ripple-yl500 {
  --zmp-theme-color-ripple-color: rgba(251, 227, 156, 0.3);
}
.text-color--yl500 {
  color: #fbe39c !important;
}
.bg-color--yl500 {
  background-color: #fbe39c !important;
}
.color-yl600 {
  --zmp-theme-color: #fcedbd;
  --zmp-theme-color-rgb: 252, 237, 189;
  --zmp-theme-color-shade: #fae296;
  --zmp-theme-color-tint: #fef8e4;
}
.text-color-yl600 {
  --zmp-theme-color-text-color: #fcedbd;
}
.bg-color-yl600 {
  --zmp-theme-color-bg-color: #fcedbd;
}
.border-color-yl600 {
  --zmp-theme-color-border-color: #fcedbd;
}
.ripple-color-yl600,
.ripple-yl600 {
  --zmp-theme-color-ripple-color: rgba(252, 237, 189, 0.3);
}
.text-color--yl600 {
  color: #fcedbd !important;
}
.bg-color--yl600 {
  background-color: #fcedbd !important;
}
.color-yl700 {
  --zmp-theme-color: #fef6de;
  --zmp-theme-color-rgb: 254, 246, 222;
  --zmp-theme-color-shade: #fdebb6;
  --zmp-theme-color-tint: #ffffff;
}
.text-color-yl700 {
  --zmp-theme-color-text-color: #fef6de;
}
.bg-color-yl700 {
  --zmp-theme-color-bg-color: #fef6de;
}
.border-color-yl700 {
  --zmp-theme-color-border-color: #fef6de;
}
.ripple-color-yl700,
.ripple-yl700 {
  --zmp-theme-color-ripple-color: rgba(254, 246, 222, 0.3);
}
.text-color--yl700 {
  color: #fef6de !important;
}
.bg-color--yl700 {
  background-color: #fef6de !important;
}
.color-yd300 {
  --zmp-theme-color: #e9d18b;
  --zmp-theme-color-rgb: 233, 209, 139;
  --zmp-theme-color-shade: #e2c369;
  --zmp-theme-color-tint: #f0dfad;
}
.text-color-yd300 {
  --zmp-theme-color-text-color: #e9d18b;
}
.bg-color-yd300 {
  --zmp-theme-color-bg-color: #e9d18b;
}
.border-color-yd300 {
  --zmp-theme-color-border-color: #e9d18b;
}
.ripple-color-yd300,
.ripple-yd300 {
  --zmp-theme-color-ripple-color: rgba(233, 209, 139, 0.3);
}
.text-color--yd300 {
  color: #e9d18b !important;
}
.bg-color--yd300 {
  background-color: #e9d18b !important;
}
.color-yd400 {
  --zmp-theme-color: #baa76f;
  --zmp-theme-color-rgb: 186, 167, 111;
  --zmp-theme-color-shade: #ad9653;
  --zmp-theme-color-tint: #c7b88b;
}
.text-color-yd400 {
  --zmp-theme-color-text-color: #baa76f;
}
.bg-color-yd400 {
  --zmp-theme-color-bg-color: #baa76f;
}
.border-color-yd400 {
  --zmp-theme-color-border-color: #baa76f;
}
.ripple-color-yd400,
.ripple-yd400 {
  --zmp-theme-color-ripple-color: rgba(186, 167, 111, 0.3);
}
.text-color--yd400 {
  color: #baa76f !important;
}
.bg-color--yd400 {
  background-color: #baa76f !important;
}
.color-yd500 {
  --zmp-theme-color: #8c7d53;
  --zmp-theme-color-rgb: 140, 125, 83;
  --zmp-theme-color-shade: #726644;
  --zmp-theme-color-tint: #a39364;
}
.text-color-yd500 {
  --zmp-theme-color-text-color: #8c7d53;
}
.bg-color-yd500 {
  --zmp-theme-color-bg-color: #8c7d53;
}
.border-color-yd500 {
  --zmp-theme-color-border-color: #8c7d53;
}
.ripple-color-yd500,
.ripple-yd500 {
  --zmp-theme-color-ripple-color: rgba(140, 125, 83, 0.3);
}
.text-color--yd500 {
  color: #8c7d53 !important;
}
.bg-color--yd500 {
  background-color: #8c7d53 !important;
}
.color-yd600 {
  --zmp-theme-color: #5d5438;
  --zmp-theme-color-rgb: 93, 84, 56;
  --zmp-theme-color-shade: #443d29;
  --zmp-theme-color-tint: #766b47;
}
.text-color-yd600 {
  --zmp-theme-color-text-color: #5d5438;
}
.bg-color-yd600 {
  --zmp-theme-color-bg-color: #5d5438;
}
.border-color-yd600 {
  --zmp-theme-color-border-color: #5d5438;
}
.ripple-color-yd600,
.ripple-yd600 {
  --zmp-theme-color-ripple-color: rgba(93, 84, 56, 0.3);
}
.text-color--yd600 {
  color: #5d5438 !important;
}
.bg-color--yd600 {
  background-color: #5d5438 !important;
}
.color-yd700 {
  --zmp-theme-color: #3a3423;
  --zmp-theme-color-rgb: 58, 52, 35;
  --zmp-theme-color-shade: #211d14;
  --zmp-theme-color-tint: #534b32;
}
.text-color-yd700 {
  --zmp-theme-color-text-color: #3a3423;
}
.bg-color-yd700 {
  --zmp-theme-color-bg-color: #3a3423;
}
.border-color-yd700 {
  --zmp-theme-color-border-color: #3a3423;
}
.ripple-color-yd700,
.ripple-yd700 {
  --zmp-theme-color-ripple-color: rgba(58, 52, 35, 0.3);
}
.text-color--yd700 {
  color: #3a3423 !important;
}
.bg-color--yd700 {
  background-color: #3a3423 !important;
}
.color-tl300 {
  --zmp-theme-color: #00adf4;
  --zmp-theme-color-rgb: 0, 173, 244;
  --zmp-theme-color-shade: #0090cb;
  --zmp-theme-color-tint: #1ebdff;
}
.text-color-tl300 {
  --zmp-theme-color-text-color: #00adf4;
}
.bg-color-tl300 {
  --zmp-theme-color-bg-color: #00adf4;
}
.border-color-tl300 {
  --zmp-theme-color-border-color: #00adf4;
}
.ripple-color-tl300,
.ripple-tl300 {
  --zmp-theme-color-ripple-color: rgba(0, 173, 244, 0.3);
}
.text-color--tl300 {
  color: #00adf4 !important;
}
.bg-color--tl300 {
  background-color: #00adf4 !important;
}
.color-tl400 {
  --zmp-theme-color: #33bcf6;
  --zmp-theme-color-rgb: 51, 188, 246;
  --zmp-theme-color-shade: #0caff4;
  --zmp-theme-color-tint: #5ac9f8;
}
.text-color-tl400 {
  --zmp-theme-color-text-color: #33bcf6;
}
.bg-color-tl400 {
  --zmp-theme-color-bg-color: #33bcf6;
}
.border-color-tl400 {
  --zmp-theme-color-border-color: #33bcf6;
}
.ripple-color-tl400,
.ripple-tl400 {
  --zmp-theme-color-ripple-color: rgba(51, 188, 246, 0.3);
}
.text-color--tl400 {
  color: #33bcf6 !important;
}
.bg-color--tl400 {
  background-color: #33bcf6 !important;
}
.color-tl500 {
  --zmp-theme-color: #66cef8;
  --zmp-theme-color-rgb: 102, 206, 248;
  --zmp-theme-color-shade: #3fc2f6;
  --zmp-theme-color-tint: #8ddafa;
}
.text-color-tl500 {
  --zmp-theme-color-text-color: #66cef8;
}
.bg-color-tl500 {
  --zmp-theme-color-bg-color: #66cef8;
}
.border-color-tl500 {
  --zmp-theme-color-border-color: #66cef8;
}
.ripple-color-tl500,
.ripple-tl500 {
  --zmp-theme-color-ripple-color: rgba(102, 206, 248, 0.3);
}
.text-color--tl500 {
  color: #66cef8 !important;
}
.bg-color--tl500 {
  background-color: #66cef8 !important;
}
.color-tl600 {
  --zmp-theme-color: #99defb;
  --zmp-theme-color-rgb: 153, 222, 251;
  --zmp-theme-color-shade: #72d1f9;
  --zmp-theme-color-tint: #c0ebfd;
}
.text-color-tl600 {
  --zmp-theme-color-text-color: #99defb;
}
.bg-color-tl600 {
  --zmp-theme-color-bg-color: #99defb;
}
.border-color-tl600 {
  --zmp-theme-color-border-color: #99defb;
}
.ripple-color-tl600,
.ripple-tl600 {
  --zmp-theme-color-ripple-color: rgba(153, 222, 251, 0.3);
}
.text-color--tl600 {
  color: #99defb !important;
}
.bg-color--tl600 {
  background-color: #99defb !important;
}
.color-tl700 {
  --zmp-theme-color: #cceffd;
  --zmp-theme-color-rgb: 204, 239, 253;
  --zmp-theme-color-shade: #a5e3fb;
  --zmp-theme-color-tint: #f3fbff;
}
.text-color-tl700 {
  --zmp-theme-color-text-color: #cceffd;
}
.bg-color-tl700 {
  --zmp-theme-color-bg-color: #cceffd;
}
.border-color-tl700 {
  --zmp-theme-color-border-color: #cceffd;
}
.ripple-color-tl700,
.ripple-tl700 {
  --zmp-theme-color-ripple-color: rgba(204, 239, 253, 0.3);
}
.text-color--tl700 {
  color: #cceffd !important;
}
.bg-color--tl700 {
  background-color: #cceffd !important;
}
.color-td300 {
  --zmp-theme-color: #4bb2dd;
  --zmp-theme-color-rgb: 75, 178, 221;
  --zmp-theme-color-shade: #29a3d7;
  --zmp-theme-color-tint: #6dc1e3;
}
.text-color-td300 {
  --zmp-theme-color-text-color: #4bb2dd;
}
.bg-color-td300 {
  --zmp-theme-color-bg-color: #4bb2dd;
}
.border-color-td300 {
  --zmp-theme-color-border-color: #4bb2dd;
}
.ripple-color-td300,
.ripple-td300 {
  --zmp-theme-color-ripple-color: rgba(75, 178, 221, 0.3);
}
.text-color--td300 {
  color: #4bb2dd !important;
}
.bg-color--td300 {
  background-color: #4bb2dd !important;
}
.color-td400 {
  --zmp-theme-color: #3c8eb1;
  --zmp-theme-color-rgb: 60, 142, 177;
  --zmp-theme-color-shade: #327693;
  --zmp-theme-color-tint: #52a2c4;
}
.text-color-td400 {
  --zmp-theme-color-text-color: #3c8eb1;
}
.bg-color-td400 {
  --zmp-theme-color-bg-color: #3c8eb1;
}
.border-color-td400 {
  --zmp-theme-color-border-color: #3c8eb1;
}
.ripple-color-td400,
.ripple-td400 {
  --zmp-theme-color-ripple-color: rgba(60, 142, 177, 0.3);
}
.text-color--td400 {
  color: #3c8eb1 !important;
}
.bg-color--td400 {
  background-color: #3c8eb1 !important;
}
.color-td500 {
  --zmp-theme-color: #2d6b85;
  --zmp-theme-color-rgb: 45, 107, 133;
  --zmp-theme-color-shade: #235267;
  --zmp-theme-color-tint: #3784a3;
}
.text-color-td500 {
  --zmp-theme-color-text-color: #2d6b85;
}
.bg-color-td500 {
  --zmp-theme-color-bg-color: #2d6b85;
}
.border-color-td500 {
  --zmp-theme-color-border-color: #2d6b85;
}
.ripple-color-td500,
.ripple-td500 {
  --zmp-theme-color-ripple-color: rgba(45, 107, 133, 0.3);
}
.text-color--td500 {
  color: #2d6b85 !important;
}
.bg-color--td500 {
  background-color: #2d6b85 !important;
}
.color-td600 {
  --zmp-theme-color: #1e4758;
  --zmp-theme-color-rgb: 30, 71, 88;
  --zmp-theme-color-shade: #142e3a;
  --zmp-theme-color-tint: #286076;
}
.text-color-td600 {
  --zmp-theme-color-text-color: #1e4758;
}
.bg-color-td600 {
  --zmp-theme-color-bg-color: #1e4758;
}
.border-color-td600 {
  --zmp-theme-color-border-color: #1e4758;
}
.ripple-color-td600,
.ripple-td600 {
  --zmp-theme-color-ripple-color: rgba(30, 71, 88, 0.3);
}
.text-color--td600 {
  color: #1e4758 !important;
}
.bg-color--td600 {
  background-color: #1e4758 !important;
}
.color-td700 {
  --zmp-theme-color: #132d37;
  --zmp-theme-color-rgb: 19, 45, 55;
  --zmp-theme-color-shade: #091419;
  --zmp-theme-color-tint: #1d4655;
}
.text-color-td700 {
  --zmp-theme-color-text-color: #132d37;
}
.bg-color-td700 {
  --zmp-theme-color-bg-color: #132d37;
}
.border-color-td700 {
  --zmp-theme-color-border-color: #132d37;
}
.ripple-color-td700,
.ripple-td700 {
  --zmp-theme-color-ripple-color: rgba(19, 45, 55, 0.3);
}
.text-color--td700 {
  color: #132d37 !important;
}
.bg-color--td700 {
  background-color: #132d37 !important;
}
.color-pul300 {
  --zmp-theme-color: #7562d8;
  --zmp-theme-color-rgb: 117, 98, 216;
  --zmp-theme-color-shade: #5841d0;
  --zmp-theme-color-tint: #9283e0;
}
.text-color-pul300 {
  --zmp-theme-color-text-color: #7562d8;
}
.bg-color-pul300 {
  --zmp-theme-color-bg-color: #7562d8;
}
.border-color-pul300 {
  --zmp-theme-color-border-color: #7562d8;
}
.ripple-color-pul300,
.ripple-pul300 {
  --zmp-theme-color-ripple-color: rgba(117, 98, 216, 0.3);
}
.text-color--pul300 {
  color: #7562d8 !important;
}
.bg-color--pul300 {
  background-color: #7562d8 !important;
}
.color-pul400 {
  --zmp-theme-color: #9181e0;
  --zmp-theme-color-rgb: 145, 129, 224;
  --zmp-theme-color-shade: #7460d8;
  --zmp-theme-color-tint: #aea2e8;
}
.text-color-pul400 {
  --zmp-theme-color-text-color: #9181e0;
}
.bg-color-pul400 {
  --zmp-theme-color-bg-color: #9181e0;
}
.border-color-pul400 {
  --zmp-theme-color-border-color: #9181e0;
}
.ripple-color-pul400,
.ripple-pul400 {
  --zmp-theme-color-ripple-color: rgba(145, 129, 224, 0.3);
}
.text-color--pul400 {
  color: #9181e0 !important;
}
.bg-color--pul400 {
  background-color: #9181e0 !important;
}
.color-pul500 {
  --zmp-theme-color: #aca1e8;
  --zmp-theme-color-rgb: 172, 161, 232;
  --zmp-theme-color-shade: #8f80e0;
  --zmp-theme-color-tint: #c9c2f0;
}
.text-color-pul500 {
  --zmp-theme-color-text-color: #aca1e8;
}
.bg-color-pul500 {
  --zmp-theme-color-bg-color: #aca1e8;
}
.border-color-pul500 {
  --zmp-theme-color-border-color: #aca1e8;
}
.ripple-color-pul500,
.ripple-pul500 {
  --zmp-theme-color-ripple-color: rgba(172, 161, 232, 0.3);
}
.text-color--pul500 {
  color: #aca1e8 !important;
}
.bg-color--pul500 {
  background-color: #aca1e8 !important;
}
.color-pul600 {
  --zmp-theme-color: #c8c0ef;
  --zmp-theme-color-rgb: 200, 192, 239;
  --zmp-theme-color-shade: #ac9fe7;
  --zmp-theme-color-tint: #e4e1f7;
}
.text-color-pul600 {
  --zmp-theme-color-text-color: #c8c0ef;
}
.bg-color-pul600 {
  --zmp-theme-color-bg-color: #c8c0ef;
}
.border-color-pul600 {
  --zmp-theme-color-border-color: #c8c0ef;
}
.ripple-color-pul600,
.ripple-pul600 {
  --zmp-theme-color-ripple-color: rgba(200, 192, 239, 0.3);
}
.text-color--pul600 {
  color: #c8c0ef !important;
}
.bg-color--pul600 {
  background-color: #c8c0ef !important;
}
.color-pul700 {
  --zmp-theme-color: #e3e0f7;
  --zmp-theme-color-rgb: 227, 224, 247;
  --zmp-theme-color-shade: #c6c0ef;
  --zmp-theme-color-tint: #ffffff;
}
.text-color-pul700 {
  --zmp-theme-color-text-color: #e3e0f7;
}
.bg-color-pul700 {
  --zmp-theme-color-bg-color: #e3e0f7;
}
.border-color-pul700 {
  --zmp-theme-color-border-color: #e3e0f7;
}
.ripple-color-pul700,
.ripple-pul700 {
  --zmp-theme-color-ripple-color: rgba(227, 224, 247, 0.3);
}
.text-color--pul700 {
  color: #e3e0f7 !important;
}
.bg-color--pul700 {
  background-color: #e3e0f7 !important;
}
.color-pud300 {
  --zmp-theme-color: #998dd4;
  --zmp-theme-color-rgb: 153, 141, 212;
  --zmp-theme-color-shade: #7e6fc9;
  --zmp-theme-color-tint: #b4abdf;
}
.text-color-pud300 {
  --zmp-theme-color-text-color: #998dd4;
}
.bg-color-pud300 {
  --zmp-theme-color-bg-color: #998dd4;
}
.border-color-pud300 {
  --zmp-theme-color-border-color: #998dd4;
}
.ripple-color-pud300,
.ripple-pud300 {
  --zmp-theme-color-ripple-color: rgba(153, 141, 212, 0.3);
}
.text-color--pud300 {
  color: #998dd4 !important;
}
.bg-color--pud300 {
  background-color: #998dd4 !important;
}
.color-pud400 {
  --zmp-theme-color: #7a71aa;
  --zmp-theme-color-rgb: 122, 113, 170;
  --zmp-theme-color-shade: #645b98;
  --zmp-theme-color-tint: #928bb9;
}
.text-color-pud400 {
  --zmp-theme-color-text-color: #7a71aa;
}
.bg-color-pud400 {
  --zmp-theme-color-bg-color: #7a71aa;
}
.border-color-pud400 {
  --zmp-theme-color-border-color: #7a71aa;
}
.ripple-color-pud400,
.ripple-pud400 {
  --zmp-theme-color-ripple-color: rgba(122, 113, 170, 0.3);
}
.text-color--pud400 {
  color: #7a71aa !important;
}
.bg-color--pud400 {
  background-color: #7a71aa !important;
}
.color-pud500 {
  --zmp-theme-color: #5c557f;
  --zmp-theme-color-rgb: 92, 85, 127;
  --zmp-theme-color-shade: #4a4567;
  --zmp-theme-color-tint: #6e6597;
}
.text-color-pud500 {
  --zmp-theme-color-text-color: #5c557f;
}
.bg-color-pud500 {
  --zmp-theme-color-bg-color: #5c557f;
}
.border-color-pud500 {
  --zmp-theme-color-border-color: #5c557f;
}
.ripple-color-pud500,
.ripple-pud500 {
  --zmp-theme-color-ripple-color: rgba(92, 85, 127, 0.3);
}
.text-color--pud500 {
  color: #5c557f !important;
}
.bg-color--pud500 {
  background-color: #5c557f !important;
}
.color-pud600 {
  --zmp-theme-color: #3d3855;
  --zmp-theme-color-rgb: 61, 56, 85;
  --zmp-theme-color-shade: #2b283c;
  --zmp-theme-color-tint: #4f486e;
}
.text-color-pud600 {
  --zmp-theme-color-text-color: #3d3855;
}
.bg-color-pud600 {
  --zmp-theme-color-bg-color: #3d3855;
}
.border-color-pud600 {
  --zmp-theme-color-border-color: #3d3855;
}
.ripple-color-pud600,
.ripple-pud600 {
  --zmp-theme-color-ripple-color: rgba(61, 56, 85, 0.3);
}
.text-color--pud600 {
  color: #3d3855 !important;
}
.bg-color--pud600 {
  background-color: #3d3855 !important;
}
.color-pud700 {
  --zmp-theme-color: #262335;
  --zmp-theme-color-rgb: 38, 35, 53;
  --zmp-theme-color-shade: #14131c;
  --zmp-theme-color-tint: #38334e;
}
.text-color-pud700 {
  --zmp-theme-color-text-color: #262335;
}
.bg-color-pud700 {
  --zmp-theme-color-bg-color: #262335;
}
.border-color-pud700 {
  --zmp-theme-color-border-color: #262335;
}
.ripple-color-pud700,
.ripple-pud700 {
  --zmp-theme-color-ripple-color: rgba(38, 35, 53, 0.3);
}
.text-color--pud700 {
  color: #262335 !important;
}
.bg-color--pud700 {
  background-color: #262335 !important;
}
.color-pkl300 {
  --zmp-theme-color: #ea87ff;
  --zmp-theme-color-rgb: 234, 135, 255;
  --zmp-theme-color-shade: #e35eff;
  --zmp-theme-color-tint: #f1b0ff;
}
.text-color-pkl300 {
  --zmp-theme-color-text-color: #ea87ff;
}
.bg-color-pkl300 {
  --zmp-theme-color-bg-color: #ea87ff;
}
.border-color-pkl300 {
  --zmp-theme-color-border-color: #ea87ff;
}
.ripple-color-pkl300,
.ripple-pkl300 {
  --zmp-theme-color-ripple-color: rgba(234, 135, 255, 0.3);
}
.text-color--pkl300 {
  color: #ea87ff !important;
}
.bg-color--pkl300 {
  background-color: #ea87ff !important;
}
.color-pkl400 {
  --zmp-theme-color: #ee9fff;
  --zmp-theme-color-rgb: 238, 159, 255;
  --zmp-theme-color-shade: #e776ff;
  --zmp-theme-color-tint: #f5c8ff;
}
.text-color-pkl400 {
  --zmp-theme-color-text-color: #ee9fff;
}
.bg-color-pkl400 {
  --zmp-theme-color-bg-color: #ee9fff;
}
.border-color-pkl400 {
  --zmp-theme-color-border-color: #ee9fff;
}
.ripple-color-pkl400,
.ripple-pkl400 {
  --zmp-theme-color-ripple-color: rgba(238, 159, 255, 0.3);
}
.text-color--pkl400 {
  color: #ee9fff !important;
}
.bg-color--pkl400 {
  background-color: #ee9fff !important;
}
.color-pkl500 {
  --zmp-theme-color: #f2b7ff;
  --zmp-theme-color-rgb: 242, 183, 255;
  --zmp-theme-color-shade: #eb8eff;
  --zmp-theme-color-tint: #f9e0ff;
}
.text-color-pkl500 {
  --zmp-theme-color-text-color: #f2b7ff;
}
.bg-color-pkl500 {
  --zmp-theme-color-bg-color: #f2b7ff;
}
.border-color-pkl500 {
  --zmp-theme-color-border-color: #f2b7ff;
}
.ripple-color-pkl500,
.ripple-pkl500 {
  --zmp-theme-color-ripple-color: rgba(242, 183, 255, 0.3);
}
.text-color--pkl500 {
  color: #f2b7ff !important;
}
.bg-color--pkl500 {
  background-color: #f2b7ff !important;
}
.color-pkl600 {
  --zmp-theme-color: #f7cfff;
  --zmp-theme-color-rgb: 247, 207, 255;
  --zmp-theme-color-shade: #f0a6ff;
  --zmp-theme-color-tint: #fef8ff;
}
.text-color-pkl600 {
  --zmp-theme-color-text-color: #f7cfff;
}
.bg-color-pkl600 {
  --zmp-theme-color-bg-color: #f7cfff;
}
.border-color-pkl600 {
  --zmp-theme-color-border-color: #f7cfff;
}
.ripple-color-pkl600,
.ripple-pkl600 {
  --zmp-theme-color-ripple-color: rgba(247, 207, 255, 0.3);
}
.text-color--pkl600 {
  color: #f7cfff !important;
}
.bg-color--pkl600 {
  background-color: #f7cfff !important;
}
.color-pkl700 {
  --zmp-theme-color: #fbe7ff;
  --zmp-theme-color-rgb: 251, 231, 255;
  --zmp-theme-color-shade: #f4beff;
  --zmp-theme-color-tint: #ffffff;
}
.text-color-pkl700 {
  --zmp-theme-color-text-color: #fbe7ff;
}
.bg-color-pkl700 {
  --zmp-theme-color-bg-color: #fbe7ff;
}
.border-color-pkl700 {
  --zmp-theme-color-border-color: #fbe7ff;
}
.ripple-color-pkl700,
.ripple-pkl700 {
  --zmp-theme-color-ripple-color: rgba(251, 231, 255, 0.3);
}
.text-color--pkl700 {
  color: #fbe7ff !important;
}
.bg-color--pkl700 {
  background-color: #fbe7ff !important;
}
.color-pkd300 {
  --zmp-theme-color: #e6abf3;
  --zmp-theme-color-rgb: 230, 171, 243;
  --zmp-theme-color-shade: #db87ee;
  --zmp-theme-color-tint: #f1cff8;
}
.text-color-pkd300 {
  --zmp-theme-color-text-color: #e6abf3;
}
.bg-color-pkd300 {
  --zmp-theme-color-bg-color: #e6abf3;
}
.border-color-pkd300 {
  --zmp-theme-color-border-color: #e6abf3;
}
.ripple-color-pkd300,
.ripple-pkd300 {
  --zmp-theme-color-ripple-color: rgba(230, 171, 243, 0.3);
}
.text-color--pkd300 {
  color: #e6abf3 !important;
}
.bg-color--pkd300 {
  background-color: #e6abf3 !important;
}
.color-pkd400 {
  --zmp-theme-color: #b889c2;
  --zmp-theme-color-rgb: 184, 137, 194;
  --zmp-theme-color-shade: #a86eb4;
  --zmp-theme-color-tint: #c8a4d0;
}
.text-color-pkd400 {
  --zmp-theme-color-text-color: #b889c2;
}
.bg-color-pkd400 {
  --zmp-theme-color-bg-color: #b889c2;
}
.border-color-pkd400 {
  --zmp-theme-color-border-color: #b889c2;
}
.ripple-color-pkd400,
.ripple-pkd400 {
  --zmp-theme-color-ripple-color: rgba(184, 137, 194, 0.3);
}
.text-color--pkd400 {
  color: #b889c2 !important;
}
.bg-color--pkd400 {
  background-color: #b889c2 !important;
}
.color-pkd500 {
  --zmp-theme-color: #8a6792;
  --zmp-theme-color-rgb: 138, 103, 146;
  --zmp-theme-color-shade: #73567a;
  --zmp-theme-color-tint: #9d7ea4;
}
.text-color-pkd500 {
  --zmp-theme-color-text-color: #8a6792;
}
.bg-color-pkd500 {
  --zmp-theme-color-bg-color: #8a6792;
}
.border-color-pkd500 {
  --zmp-theme-color-border-color: #8a6792;
}
.ripple-color-pkd500,
.ripple-pkd500 {
  --zmp-theme-color-ripple-color: rgba(138, 103, 146, 0.3);
}
.text-color--pkd500 {
  color: #8a6792 !important;
}
.bg-color--pkd500 {
  background-color: #8a6792 !important;
}
.color-pkd600 {
  --zmp-theme-color: #5c4461;
  --zmp-theme-color-rgb: 92, 68, 97;
  --zmp-theme-color-shade: #453349;
  --zmp-theme-color-tint: #735579;
}
.text-color-pkd600 {
  --zmp-theme-color-text-color: #5c4461;
}
.bg-color-pkd600 {
  --zmp-theme-color-bg-color: #5c4461;
}
.border-color-pkd600 {
  --zmp-theme-color-border-color: #5c4461;
}
.ripple-color-pkd600,
.ripple-pkd600 {
  --zmp-theme-color-ripple-color: rgba(92, 68, 97, 0.3);
}
.text-color--pkd600 {
  color: #5c4461 !important;
}
.bg-color--pkd600 {
  background-color: #5c4461 !important;
}
.color-pkd700 {
  --zmp-theme-color: #3a2b3d;
  --zmp-theme-color-rgb: 58, 43, 61;
  --zmp-theme-color-shade: #231a25;
  --zmp-theme-color-tint: #513c55;
}
.text-color-pkd700 {
  --zmp-theme-color-text-color: #3a2b3d;
}
.bg-color-pkd700 {
  --zmp-theme-color-bg-color: #3a2b3d;
}
.border-color-pkd700 {
  --zmp-theme-color-border-color: #3a2b3d;
}
.ripple-color-pkd700,
.ripple-pkd700 {
  --zmp-theme-color-ripple-color: rgba(58, 43, 61, 0.3);
}
.text-color--pkd700 {
  color: #3a2b3d !important;
}
.bg-color--pkd700 {
  background-color: #3a2b3d !important;
}
.gradient-blue-light-blue {
  background: linear-gradient(45deg, #3386ff 0%, #0068ff 100%);
}
.gradient-green-light-green {
  background: linear-gradient(45deg, #00c578 0%, #66dcae 100%);
}
.gradient-orange-red {
  background: linear-gradient(45deg, #f5832f 0%, #ef4e49 100%);
}
.gradient-pink-light-purple {
  background: linear-gradient(45deg, #ea87ff 0%, #aca1e8 100%);
}
.gradient-light-blue-teal {
  background: linear-gradient(45deg, #3386ff 0%, #00adf4 100%);
}
.gradient-light-green-yellow {
  background: linear-gradient(45deg, #f8d15a 0%, #66dcae 100%);
}
.gradient-purple-blue {
  background: linear-gradient(45deg, #7562d8 0%, #0068ff 100%);
}
.gradient-pink-light-pink {
  background: linear-gradient(45deg, #ea87ff 0%, #f2b7ff 100%);
}
.gradient-teal-green {
  background: linear-gradient(45deg, #00adf4 0%, #00c578 100%);
}
.gradient-yellow-orange {
  background: linear-gradient(45deg, #f8d15a 0%, #f5832f 100%);
}
.gradient-light-purple-purple {
  background: linear-gradient(45deg, #aca1e8 0%, #7562d8 100%);
}
.gradient-light-red-light-pink {
  background: linear-gradient(45deg, #f59592 0%, #f2b7ff 100%);
}
:root {
  --zmp-avatar-size: 48px;
  --zmp-avatar-online-dot-size: 10px;
  --zmp-avatar-font-size: 15px;
  --zmp-avatar-font-weight: 500;
  --zmp-avatar-line-height: 20px;
  --zmp-avatar-border-width: 2px;
  --zmp-avatar-text-color: #ffffff;
  --zmp-avatar-counter-bg-color: #e4e8ec;
  --zmp-avatar-counter-text-color: #667685;
  --zmp-avatar-online-dot-color: #00c578;
  --zmp-avatar-online-dot-border-color: #ffffff;
  --zmp-avatar-border-color: #ffffff;
  --zmp-counter-bg-color: #e4e8ec;
  --zmp-counter-text-color: #667685;
}
:root .theme-dark,
:root.theme-dark {
  --zmp-avatar-text-color: #121415;
  --zmp-avatar-counter-bg-color: #060707;
  --zmp-avatar-counter-text-color: #4a4b4d;
  --zmp-avatar-online-dot-color: #47bd8e;
  --zmp-avatar-online-dot-border-color: #121415;
  --zmp-avatar-border-color: #121415;
  --zmp-counter-bg-color: #060707;
  --zmp-counter-text-color: #4a4b4d;
}
.avatar {
  width: var(--zmp-avatar-size);
  height: var(--zmp-avatar-size);
  border-radius: var(--zmp-avatar-size);
  display: inline-block;
  position: relative;
}
.avatar-size-24 {
  --zmp-avatar-size: 24px;
  --zmp-avatar-font-size: 10px;
  --zmp-avatar-line-height: 14px;
}
.avatar-size-48 {
  --zmp-avatar-size: 48px;
  --zmp-avatar-font-size: 15px;
  --zmp-avatar-line-height: 20px;
}
.avatar-size-56 {
  --zmp-avatar-size: 56px;
  --zmp-avatar-font-size: 15px;
  --zmp-avatar-line-height: 20px;
}
.avatar-size-96 {
  --zmp-avatar-size: 96px;
  --zmp-avatar-font-size: 27px;
  --zmp-avatar-line-height: 34px;
}
.avatar-size-120 {
  --zmp-avatar-size: 120px;
  --zmp-avatar-font-size: 27px;
  --zmp-avatar-line-height: 34px;
}
.avatar .avatar-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
  overflow: hidden;
}
.avatar .avatar-online {
  position: absolute;
  box-sizing: content-box;
  width: var(--zmp-avatar-online-dot-size);
  height: var(--zmp-avatar-online-dot-size);
  content: '';
  background-color: var(--zmp-avatar-online-dot-color);
  border: solid 2px var(--zmp-avatar-online-dot-border-color);
  border-radius: 100%;
  bottom: calc(calc(var(--zmp-avatar-size) * 0.1464) - calc(var(--zmp-avatar-online-dot-size) / 1));
  right: calc(calc(var(--zmp-avatar-size) * 0.1464) - calc(var(--zmp-avatar-online-dot-size) / 1));
}
.avatar.avatar-story {
  z-index: 1;
  cursor: pointer;
}
.avatar.avatar-story::before {
  box-sizing: border-box;
  position: absolute;
  content: '';
  border-radius: 100%;
  z-index: -1;
  width: calc(calc(var(--zmp-avatar-border-width) * 2) + var(--zmp-avatar-size));
  height: calc(calc(var(--zmp-avatar-border-width) * 2) + var(--zmp-avatar-size));
  border: solid var(--zmp-avatar-border-width) var(--zmp-avatar-border-color);
  background: transparent;
  top: calc(var(--zmp-avatar-border-width) * -1);
  left: calc(var(--zmp-avatar-border-width) * -1);
}
.avatar.avatar-story::after {
  position: absolute;
  box-sizing: border-box;
  content: '';
  border-radius: 100%;
  z-index: -2;
  top: calc(var(--zmp-avatar-border-width) * -2);
  left: calc(var(--zmp-avatar-border-width) * -2);
  width: calc(calc(var(--zmp-avatar-border-width) * 4) + var(--zmp-avatar-size));
  height: calc(calc(var(--zmp-avatar-border-width) * 4) + var(--zmp-avatar-size));
  background: linear-gradient(45deg, #7562d8 0%, #0068ff 100%);
}
.avatar .avatar-inner {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--zmp-avatar-font-size);
  font-weight: var(--zmp-avatar-font-weight);
  line-height: var(--zmp-avatar-line-height);
  color: var(--zmp-avatar-text-color);
  box-sizing: content-box;
}
.avatar-group {
  --zmp-avatar-size: 24px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: calc(var(--zmp-avatar-size) * 2);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  justify-content: center;
  align-items: center;
  padding: var(--zmp-avatar-border-width);
  box-sizing: content-box;
}
.avatar-group.avatar-group-horizontal {
  flex-wrap: nowrap;
  max-width: calc(var(--zmp-avatar-size) * 4);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.avatar-group.avatar-group-horizontal .avatar-group-item:not(:first-child) {
  margin-left: calc(var(--zmp-avatar-border-width) * -1);
}
.avatar-group.avatar-group-horizontal .avatar-group-item:nth-child(1) {
  z-index: 1;
  margin-top: 0;
}
.avatar-group.avatar-group-horizontal .avatar-group-item:nth-child(2) {
  z-index: 2;
  margin-top: 0;
}
.avatar-group.avatar-group-horizontal .avatar-group-item:nth-child(3) {
  z-index: 3;
  margin-top: 0;
}
.avatar-group.avatar-group-horizontal .avatar-group-item:nth-child(4) {
  z-index: 4;
  margin-top: 0;
}
.avatar-group .avatar-group-item {
  flex-wrap: wrap;
}
.avatar-group .avatar-group-item .avatar-inner {
  border: solid var(--zmp-avatar-border-width) var(--zmp-avatar-border-color);
}
.avatar-group .avatar-group-item:nth-child(1) {
  z-index: 1;
}
.avatar-group .avatar-group-item:nth-child(2) {
  z-index: 2;
  margin-left: calc(var(--zmp-avatar-border-width) * -1);
}
.avatar-group .avatar-group-item:nth-child(3) {
  z-index: 3;
  margin-top: calc(var(--zmp-avatar-border-width) * -1);
}
.avatar-group .avatar-group-item:nth-child(4) {
  z-index: 4;
  margin-left: calc(var(--zmp-avatar-border-width) * -1);
  margin-top: calc(var(--zmp-avatar-border-width) * -1);
}
.avatar-group .avatar-max-counter .avatar-inner {
  background: var(--zmp-counter-bg-color);
  color: var(--zmp-counter-text-color);
}
/* === Flex === */
:root {
  --zmp-base-grid-gap: 4px;
  --zmp-base-grid-row-gap: 4px;
}
.row {
  --zmp-grid-gap: var(--zmp-base-grid-gap);
  --zmp-grid-row-gap: var(--zmp-base-grid-row-gap);
  margin-bottom: var(--zmp-grid-row-gap);
}
.row.flex-gap-1 {
  --zmp-grid-gap: calc(1*var(--zmp-base-grid-gap));
  --zmp-grid-row-gap: calc(1*var(--zmp-base-grid-row-gap));
}
.row.flex-gap-2 {
  --zmp-grid-gap: calc(2*var(--zmp-base-grid-gap));
  --zmp-grid-row-gap: calc(2*var(--zmp-base-grid-row-gap));
}
.row.flex-gap-3 {
  --zmp-grid-gap: calc(3*var(--zmp-base-grid-gap));
  --zmp-grid-row-gap: calc(3*var(--zmp-base-grid-row-gap));
}
.row.flex-gap-4 {
  --zmp-grid-gap: calc(4*var(--zmp-base-grid-gap));
  --zmp-grid-row-gap: calc(4*var(--zmp-base-grid-row-gap));
}
.row.flex-gap-5 {
  --zmp-grid-gap: calc(5*var(--zmp-base-grid-gap));
  --zmp-grid-row-gap: calc(5*var(--zmp-base-grid-row-gap));
}
.row.flex-gap-6 {
  --zmp-grid-gap: calc(6*var(--zmp-base-grid-gap));
  --zmp-grid-row-gap: calc(6*var(--zmp-base-grid-row-gap));
}
.row.flex-gap-7 {
  --zmp-grid-gap: calc(7*var(--zmp-base-grid-gap));
  --zmp-grid-row-gap: calc(7*var(--zmp-base-grid-row-gap));
}
.row.flex-gap-8 {
  --zmp-grid-gap: calc(8*var(--zmp-base-grid-gap));
  --zmp-grid-row-gap: calc(8*var(--zmp-base-grid-row-gap));
}
.row.flex-gap-9 {
  --zmp-grid-gap: calc(9*var(--zmp-base-grid-gap));
  --zmp-grid-row-gap: calc(9*var(--zmp-base-grid-row-gap));
}
.row.flex-gap-10 {
  --zmp-grid-gap: calc(10*var(--zmp-base-grid-gap));
  --zmp-grid-row-gap: calc(10*var(--zmp-base-grid-row-gap));
}
.row + .row {
  margin-top: var(--zmp-grid-row-gap);
}
.row > [class*='col-'],
.row > .col {
  box-sizing: border-box;
  width: calc((100% - var(--zmp-grid-gap) * (var(--zmp-cols-per-row) - 1)) / var(--zmp-cols-per-row));
  align-self: stretch;
}
.row.no-gap {
  --zmp-grid-gap: 0px;
  --zmp-grid-row-gap: 0px;
}
:root {
  --zmp-icon-disabled-color: rgba(0, 0, 0, 0.15);
}
:root .theme-dark,
:root.theme-dark {
  --zmp-icon-disabled-color: rgba(255, 255, 255, 0.1);
}
i.icon.active-state {
  color: var(--zmp-icon-active-color, var(--zmp-theme-color));
}
.disabled i.icon {
  color: var(--zmp-icon-disabled-color, var(--zmp-theme-color));
}
i.icon.zmp-icons {
  display: inline-flex;
}
:root {
  --zmp-tabbar-link-active-bg-color: transparent;
  --zmp-tabbar-label-text-transform: none;
  --zmp-toolbar-hide-show-transition-duration: 400ms;
  --zmp-toolbar-border-color: #99a3ad;
  --zmp-tabbar-fill-link-active-color: #ffffff;
  --zmp-tabbar-fill-link-active-border-color: #ffffff;
  --zmp-tabbar-fill-link-inactive-color: rgba(255, 255, 255, 0.25);
  --zmp-toolbar-fill-border-color: #99a3ad;
}
:root .theme-dark,
:root.theme-dark {
  --zmp-tabbar-fill-bg-color: #121415;
  --zmp-tabbar-bg-color: #121415;
  --zmp-toolbar-border-color: #363b3e;
  --zmp-tabbar-fill-link-active-color: #4c8ae5;
  --zmp-tabbar-fill-link-active-border-color: #4c8ae5;
  --zmp-tabbar-fill-link-inactive-color: #363b3e;
  --zmp-toolbar-fill-border-color: rgba(255, 255, 255, 0.25);
}
.ios {
  --zmp-toolbar-height: 40px;
  --zmp-toolbar-font-size: 16px;
  --zmp-toolbar-inner-padding-left: 0;
  --zmp-toolbar-inner-padding-right: 0;
  --zmp-tabbar-labels-height: 56px;
  --zmp-tabbar-labels-tablet-height: 56px;
  --zmp-tabbar-icon-size: 28px;
  --zmp-tabbar-link-text-transform: none;
  --zmp-tabbar-link-font-weight: 400;
  --zmp-tabbar-link-letter-spacing: 0;
  --zmp-tabbar-label-font-size: 12px;
  --zmp-tabbar-label-tablet-font-size: 14px;
  --zmp-tabbar-label-font-weight: 500;
  --zmp-tabbar-label-letter-spacing: 0.01;
  --zmp-tabbar-link-inactive-color: #99a3ad;
  --zmp-toolbar-top-shadow-image: 0px 4px 8px rgba(0, 0, 0, 0.02), 0px 4px 8px rgba(0, 0, 0, 0.02);
  --zmp-toolbar-bottom-shadow-image: 0px -4px 8px rgba(0, 0, 0, 0.02), 0px 4px 8px rgba(0, 0, 0, 0.02);
}
.ios .theme-dark,
.ios.theme-dark {
  --zmp-tabbar-link-inactive-color: #363b3e;
  --zmp-toolbar-top-shadow-image: 0px 4px 8px rgba(0, 0, 0, 0.02), 0px 4px 8px rgba(0, 0, 0, 0.02);
  --zmp-toolbar-bottom-shadow-image: 0px -4px 8px rgba(0, 0, 0, 0.02), 0px 4px 8px rgba(0, 0, 0, 0.02);
}
.md {
  --zmp-toolbar-height: 40px;
  --zmp-toolbar-font-size: 16px;
  --zmp-toolbar-inner-padding-left: 0;
  --zmp-toolbar-inner-padding-right: 0;
  --zmp-tabbar-labels-height: 56px;
  --zmp-tabbar-labels-tablet-height: 56px;
  --zmp-tabbar-icon-size: 28px;
  --zmp-tabbar-link-text-transform: none;
  --zmp-tabbar-link-font-weight: 500;
  --zmp-tabbar-link-letter-spacing: 0;
  --zmp-tabbar-label-font-size: 12px;
  --zmp-tabbar-label-tablet-font-size: 14px;
  --zmp-tabbar-label-font-weight: 500;
  --zmp-tabbar-label-letter-spacing: 0.01;
  --zmp-tabbar-link-inactive-color: #99a3ad;
  --zmp-toolbar-top-shadow-image: 0px 4px 8px rgba(0, 0, 0, 0.02), 0px 4px 8px rgba(0, 0, 0, 0.02);
  --zmp-toolbar-bottom-shadow-image: 0px -4px 8px rgba(0, 0, 0, 0.02), 0px 4px 8px rgba(0, 0, 0, 0.02);
}
.md .theme-dark,
.md.theme-dark {
  --zmp-tabbar-link-inactive-color: #363b3e;
  --zmp-toolbar-top-shadow-image: 0px 4px 8px rgba(0, 0, 0, 0.02), 0px 4px 8px rgba(0, 0, 0, 0.02);
  --zmp-toolbar-bottom-shadow-image: 0px -4px 8px rgba(0, 0, 0, 0.02), 0px 4px 8px rgba(0, 0, 0, 0.02);
}
.aurora {
  --zmp-toolbar-height: 40px;
  --zmp-toolbar-font-size: 16px;
  --zmp-toolbar-inner-padding-left: 0;
  --zmp-toolbar-inner-padding-right: 0;
  --zmp-toolbar-link-height: auto;
  --zmp-toolbar-link-line-height: inherit;
  --zmp-tabbar-labels-height: 56px;
  --zmp-tabbar-labels-tablet-height: 56px;
  --zmp-tabbar-icon-size: 28px;
  --zmp-tabbar-link-text-transform: none;
  --zmp-tabbar-link-font-weight: 400;
  --zmp-tabbar-link-letter-spacing: 0;
  --zmp-tabbar-label-font-size: 12px;
  --zmp-tabbar-label-tablet-font-size: 14px;
  --zmp-tabbar-label-font-weight: 500;
  --zmp-tabbar-label-letter-spacing: 0.01;
  --zmp-tabbar-link-inactive-color: #99a3ad;
  --zmp-toolbar-top-shadow-image: 0px 4px 8px rgba(0, 0, 0, 0.02), 0px 4px 8px rgba(0, 0, 0, 0.02);
  --zmp-toolbar-bottom-shadow-image: 0px -4px 8px rgba(0, 0, 0, 0.02), 0px 4px 8px rgba(0, 0, 0, 0.02);
}
.aurora .theme-dark,
.aurora.theme-dark {
  --zmp-tabbar-link-inactive-color: #363b3e;
  --zmp-toolbar-top-shadow-image: 0px 4px 8px rgba(0, 0, 0, 0.02), 0px 4px 8px rgba(0, 0, 0, 0.02);
  --zmp-toolbar-bottom-shadow-image: 0px -4px 8px rgba(0, 0, 0, 0.02), 0px 4px 8px rgba(0, 0, 0, 0.02);
}
.toolbar.tabbar .toolbar-inner {
  position: relative;
  background-color: unset;
}
.toolbar.tabbar .toolbar-inner .tab-link,
.toolbar.tabbar .toolbar-inner .link {
  background: unset;
  min-height: calc(var(--zmp-toolbar-height) + var(--zmp-safe-area-bottom));
}
.toolbar.tabbar .toolbar-inner .tab-link-highlight {
  z-index: 1;
}
.toolbar-top,
.ios .toolbar-top-ios,
.md .toolbar-top-md,
.aurora .toolbar-top-aurora {
  top: 0;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  min-height: calc(var(--zmp-toolbar-height) + var(--zmp-safe-area-bottom));
  box-shadow: var(--zmp-toolbar-top-shadow-image);
}
.toolbar-top .tab-link-highlight,
.ios .toolbar-top-ios .tab-link-highlight,
.md .toolbar-top-md .tab-link-highlight,
.aurora .toolbar-top-aurora .tab-link-highlight {
  bottom: 0;
}
.toolbar-top.no-hairline:after,
.ios .toolbar-top-ios.no-hairline:after,
.md .toolbar-top-md.no-hairline:after,
.aurora .toolbar-top-aurora.no-hairline:after,
.toolbar-top.no-border:after,
.ios .toolbar-top-ios.no-border:after,
.md .toolbar-top-md.no-border:after,
.aurora .toolbar-top-aurora.no-border:after {
  display: none !important;
}
.toolbar-top.no-shadow,
.ios .toolbar-top-ios.no-shadow,
.md .toolbar-top-md.no-shadow,
.aurora .toolbar-top-aurora.no-shadow,
.toolbar-top.toolbar-hidden,
.ios .toolbar-top-ios.toolbar-hidden,
.md .toolbar-top-md.toolbar-hidden,
.aurora .toolbar-top-aurora.toolbar-hidden {
  box-shadow: none;
}
.toolbar-top.no-shadow:before,
.ios .toolbar-top-ios.no-shadow:before,
.md .toolbar-top-md.no-shadow:before,
.aurora .toolbar-top-aurora.no-shadow:before,
.toolbar-top.toolbar-hidden:before,
.ios .toolbar-top-ios.toolbar-hidden:before,
.md .toolbar-top-md.toolbar-hidden:before,
.aurora .toolbar-top-aurora.toolbar-hidden:before {
  display: none !important;
}
.toolbar-top:after,
.ios .toolbar-top-ios:after,
.md .toolbar-top-md:after,
.aurora .toolbar-top-aurora:after,
.toolbar-top:before,
.ios .toolbar-top-ios:before,
.md .toolbar-top-md:before,
.aurora .toolbar-top-aurora:before {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.toolbar-top:after,
.ios .toolbar-top-ios:after,
.md .toolbar-top-md:after,
.aurora .toolbar-top-aurora:after {
  content: '';
  position: absolute;
  background-color: var(--zmp-toolbar-border-color, var(--zmp-bars-border-color));
  display: block;
  z-index: 15;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  transform-origin: 50% 100%;
  transform: scaleY(calc(1 / var(--zmp-device-pixel-ratio)));
}
.toolbar-top:before,
.ios .toolbar-top-ios:before,
.md .toolbar-top-md:before,
.aurora .toolbar-top-aurora:before {
  display: none !important;
}
.toolbar-bottom,
.ios .toolbar-bottom-ios,
.md .toolbar-bottom-md,
.aurora .toolbar-bottom-aurora {
  bottom: 0;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  min-height: calc(var(--zmp-toolbar-height) + var(--zmp-safe-area-bottom));
  box-shadow: var(--zmp-toolbar-bottom-shadow-image);
}
.toolbar-bottom .tab-link-highlight,
.ios .toolbar-bottom-ios .tab-link-highlight,
.md .toolbar-bottom-md .tab-link-highlight,
.aurora .toolbar-bottom-aurora .tab-link-highlight {
  top: 0;
}
.toolbar-bottom .toolbar-inner,
.ios .toolbar-bottom-ios .toolbar-inner,
.md .toolbar-bottom-md .toolbar-inner,
.aurora .toolbar-bottom-aurora .toolbar-inner {
  height: auto;
  position: relative;
  top: 0;
  bottom: var(--zmp-safe-area-bottom);
}
.toolbar-bottom.no-hairline:before,
.ios .toolbar-bottom-ios.no-hairline:before,
.md .toolbar-bottom-md.no-hairline:before,
.aurora .toolbar-bottom-aurora.no-hairline:before,
.toolbar-bottom.no-border:before,
.ios .toolbar-bottom-ios.no-border:before,
.md .toolbar-bottom-md.no-border:before,
.aurora .toolbar-bottom-aurora.no-border:before {
  display: none !important;
}
.toolbar-bottom.no-shadow,
.ios .toolbar-bottom-ios.no-shadow,
.md .toolbar-bottom-md.no-shadow,
.aurora .toolbar-bottom-aurora.no-shadow,
.toolbar-bottom.toolbar-hidden,
.ios .toolbar-bottom-ios.toolbar-hidden,
.md .toolbar-bottom-md.toolbar-hidden,
.aurora .toolbar-bottom-aurora.toolbar-hidden {
  box-shadow: none;
}
.toolbar-bottom.no-shadow:after,
.ios .toolbar-bottom-ios.no-shadow:after,
.md .toolbar-bottom-md.no-shadow:after,
.aurora .toolbar-bottom-aurora.no-shadow:after,
.toolbar-bottom.toolbar-hidden:after,
.ios .toolbar-bottom-ios.toolbar-hidden:after,
.md .toolbar-bottom-md.toolbar-hidden:after,
.aurora .toolbar-bottom-aurora.toolbar-hidden:after {
  display: none !important;
}
.toolbar-bottom:after,
.ios .toolbar-bottom-ios:after,
.md .toolbar-bottom-md:after,
.aurora .toolbar-bottom-aurora:after {
  display: none !important;
}
.toolbar-bottom:before,
.ios .toolbar-bottom-ios:before,
.md .toolbar-bottom-md:before,
.aurora .toolbar-bottom-aurora:before {
  content: '';
  position: absolute;
  background-color: var(--zmp-toolbar-border-color, var(--zmp-bars-border-color));
  display: block;
  z-index: 15;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  height: 1px;
  width: 100%;
  transform-origin: 50% 0%;
  transform: scaleY(calc(1 / var(--zmp-device-pixel-ratio)));
}
.toolbar-fill {
  --zmp-tabbar-bg-color: var(--zmp-tabbar-fill-bg-color, var(--zmp-theme-color));
  --zmp-toolbar-border-color: var(--zmp-toolbar-fill-border-color);
  --zmp-tabbar-link-inactive-color: var(--zmp-tabbar-fill-link-inactive-color);
  --zmp-tabbar-link-active-color: var(--zmp-tabbar-fill-link-active-color);
  --zmp-tabbar-link-active-border-color: var(--zmp-tabbar-fill-link-active-border-color);
  background-color: var(--zmp-tabbar-bg-color);
}
.ios .toolbar .link {
  justify-content: center;
  padding: 0 12px;
  min-width: 48px;
}
.ios .toolbar .link:before {
  content: '';
  width: 152%;
  height: 152%;
  left: -26%;
  top: -26%;
  position: absolute;
  background-image: radial-gradient(circle at center, var(--zmp-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  opacity: 0;
  pointer-events: none;
  transition-duration: 300ms;
  transition-property: opacity;
}
.ios .toolbar .link.icon-only:before,
.ios .toolbar .link.ripple-inset:before,
.ios .toolbar .link.searchbar-disable-button:before,
.ios .toolbar .link.input-clear-button:before,
.ios .toolbar .link.notification-close-button:before {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: radial-gradient(circle at center, var(--zmp-link-highlight-color) 71%, rgba(255, 255, 255, 0) 71%);
}
.ios .toolbar .link.active-state:before {
  opacity: 1;
  transition-duration: 150ms;
}
.ios .toolbar .link.tab-link-active::after {
  content: '';
  width: 100%;
  height: 2px;
  background-color: var(--zmp-tabbar-link-active-border-color);
  position: absolute;
  left: 0;
  border-radius: 4px 4px 0px 0px;
}
.ios .toolbar.toolbar-top .tab-link-active::after {
  top: auto;
  bottom: 0;
}
.ios .toolbar.toolbar-bottom .tab-link-active::after {
  top: 0;
  bottom: auto;
}
.ios .toolbar a.icon-only {
  min-width: 0;
  flex-shrink: 0;
}
.ios .tabbar .tab-link,
.ios .tabbar-labels .tab-link,
.ios .tabbar .link,
.ios .tabbar-labels .link {
  padding-left: 0;
  padding-right: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}
.ios .tabbar a.icon-only,
.ios .tabbar-labels a.icon-only {
  flex-shrink: initial;
}
.ios .tabbar .tab-link,
.ios .tabbar-labels .tab-link {
  transition-duration: 300ms;
  overflow: hidden;
  position: relative;
}
.ios .tabbar .tab-link-highlight,
.ios .tabbar-labels .tab-link-highlight {
  position: absolute;
  height: 2px;
  background: var(--zmp-tabbar-link-active-border-color, var(--zmp-theme-color));
  transition-duration: 300ms;
  left: 0;
}
.ios .tabbar-labels .tab-link,
.ios .tabbar-labels .link {
  padding-top: 7px;
  padding-bottom: 7px;
}
.ios .tabbar-label {
  max-width: 100%;
  overflow: hidden;
  line-height: 1.2;
}
.ios .tabbar-scrollable .toolbar-inner {
  overflow: auto;
}
.ios .tabbar-scrollable .tab-link,
.ios .tabbar-scrollable .link {
  padding: 0 12px;
}
.md .toolbar .link {
  justify-content: center;
  padding: 0 12px;
  min-width: 48px;
}
.md .toolbar .link:before {
  content: '';
  width: 152%;
  height: 152%;
  left: -26%;
  top: -26%;
  position: absolute;
  background-image: radial-gradient(circle at center, var(--zmp-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  opacity: 0;
  pointer-events: none;
  transition-duration: 300ms;
  transition-property: opacity;
}
.md .toolbar .link.icon-only:before,
.md .toolbar .link.ripple-inset:before,
.md .toolbar .link.searchbar-disable-button:before,
.md .toolbar .link.input-clear-button:before,
.md .toolbar .link.notification-close-button:before {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: radial-gradient(circle at center, var(--zmp-link-highlight-color) 71%, rgba(255, 255, 255, 0) 71%);
}
.md .toolbar .link.active-state:before {
  opacity: 1;
  transition-duration: 150ms;
}
.md .toolbar a.icon-only {
  min-width: 0;
  flex-shrink: 0;
}
.md .tabbar .tab-link,
.md .tabbar-labels .tab-link,
.md .tabbar .link,
.md .tabbar-labels .link {
  padding-left: 0;
  padding-right: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}
.md .tabbar a.icon-only,
.md .tabbar-labels a.icon-only {
  flex-shrink: initial;
}
.md .tabbar .tab-link,
.md .tabbar-labels .tab-link {
  transition-duration: 300ms;
  overflow: hidden;
  position: relative;
}
.md .tabbar .tab-link-highlight,
.md .tabbar-labels .tab-link-highlight {
  position: absolute;
  height: 2px;
  background: var(--zmp-tabbar-link-active-border-color, var(--zmp-theme-color));
  transition-duration: 300ms;
  left: 0;
}
.md .tabbar-labels .tab-link,
.md .tabbar-labels .link {
  padding-top: 7px;
  padding-bottom: 7px;
}
.md .tabbar-label {
  max-width: 100%;
  overflow: hidden;
  line-height: 1.2;
}
.md .tabbar-scrollable .toolbar-inner {
  overflow: auto;
}
.md .tabbar-scrollable .tab-link,
.md .tabbar-scrollable .link {
  padding: 0 12px;
}
.aurora .toolbar a.icon-only {
  min-height: var(--zmp-toolbar-height);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
.aurora .tabbar .tab-link-highlight,
.aurora .tabbar-labels .tab-link-highlight {
  position: absolute;
  height: 2px;
  background: var(--zmp-tabbar-link-active-border-color, var(--zmp-theme-color));
  transition-duration: 300ms;
  left: 0;
}
.aurora .tabbar .toolbar-inner,
.aurora .tabbar-labels .toolbar-inner {
  padding-left: 0;
  padding-right: 0;
}
.aurora .tabbar .tab-link,
.aurora .tabbar-labels .tab-link,
.aurora .tabbar .link,
.aurora .tabbar-labels .link {
  transition-duration: 200ms;
}
.aurora .tabbar-labels .tab-link,
.aurora .tabbar-labels .link {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.aurora .tabbar-labels .tab-link i + span,
.aurora .tabbar-labels .link i + span {
  margin: 0;
}
.aurora .tabbar-scrollable .toolbar-inner {
  justify-content: flex-start;
}
.aurora .tabbar-scrollable .tab-link,
.aurora .tabbar-scrollable .link {
  padding: 0 16px;
}
:root {
  --zmp-default-box-margin: 8px;
  --zmp-default-box-padding: 0px;
}
.box {
  padding: var(--zmp-default-box-padding);
  margin: var(--zmp-default-box-margin);
  display: block;
}
.box.box-justify-flex-start {
  justify-content: flex-start;
}
.box.box-justify-flex-end {
  justify-content: flex-end;
}
.box.box-justify-center {
  justify-content: center;
}
.box.box-justify-space-between {
  justify-content: space-between;
}
.box.box-justify-space-around {
  justify-content: space-around;
}
.box.box-justify-space-evenly {
  justify-content: space-evenly;
}
.box.box-justify-initial {
  justify-content: initial;
}
.box.box-align-items-flex-start {
  align-items: flex-start;
}
.box.box-align-items-flex-end {
  align-items: flex-end;
}
.box.box-align-items-stretch {
  align-items: stretch;
}
.box.box-align-items-baseline {
  align-items: baseline;
}
.box.box-align-items-center {
  align-items: center;
}
.box.box-align-items-initial {
  align-items: initial;
}
.box.box-align-content-stretch {
  align-items: stretch;
}
.box.box-align-content-center {
  align-items: center;
}
.box.box-align-content-flex-start {
  align-items: flex-start;
}
.box.box-align-content-flex-end {
  align-items: flex-end;
}
.box.box-align-content-space-between {
  align-items: space-between;
}
.box.box-align-content-space-around {
  align-items: space-around;
}
.box.box-align-content-space-evenly {
  align-items: space-evenly;
}
.box.box-align-content-initial {
  align-items: initial;
}
.box.box-text-align-left {
  text-align: left;
}
.box.box-text-align-right {
  text-align: right;
}
.box.box-text-align-center {
  text-align: center;
}
.box.box-text-align-justify {
  text-align: justify;
}
.box.box-text-align-initial {
  text-align: initial;
}
.box.box-text-align-inherit {
  text-align: inherit;
}
.box.box-vertical-align-baseline {
  vertical-align: baseline;
}
.box.box-vertical-align-sub {
  vertical-align: sub;
}
.box.box-vertical-align-super {
  vertical-align: super;
}
.box.box-vertical-align-top {
  vertical-align: top;
}
.box.box-vertical-align-text-top {
  vertical-align: text-top;
}
.box.box-vertical-align-middle {
  vertical-align: middle;
}
.box.box-vertical-align-bottom {
  vertical-align: bottom;
}
.box.box-vertical-align-text-bottom {
  vertical-align: text-bottom;
}
.box.box-vertical-align-initial {
  vertical-align: initial;
}
.box.box-vertical-align-inherit {
  vertical-align: inherit;
}
.box.box-m-0 {
  margin: calc(0*4px);
}
.box.box-p-0 {
  padding: calc(0*4px);
}
.box.box-mt-0 {
  margin-top: calc(0*4px);
}
.box.box-ml-0 {
  margin-left: calc(0*4px);
}
.box.box-mb-0 {
  margin-bottom: calc(0*4px);
}
.box.box-mr-0 {
  margin-right: calc(0*4px);
}
.box.box-mx-0 {
  margin-left: calc(0*4px);
  margin-right: calc(0*4px);
}
.box.box-my-0 {
  margin-top: calc(0*4px);
  margin-bottom: calc(0*4px);
}
.box.box-p-0 {
  padding: calc(0*4px);
}
.box.box-p-0 {
  padding: calc(0*4px);
}
.box.box-pt-0 {
  padding-top: calc(0*4px);
}
.box.box-pl-0 {
  padding-left: calc(0*4px);
}
.box.box-pb-0 {
  padding-bottom: calc(0*4px);
}
.box.box-pr-0 {
  padding-right: calc(0*4px);
}
.box.box-px-0 {
  padding-left: calc(0*4px);
  padding-right: calc(0*4px);
}
.box.box-py-0 {
  padding-top: calc(0*4px);
  padding-bottom: calc(0*4px);
}
.box.box-inline {
  display: inline-block;
}
.box .zmp-card,
.box .zmp-card.zmp-card-inset {
  margin: 0;
}
.box.box-m-1 {
  margin: calc(1*4px);
}
.box.box-p-1 {
  padding: calc(1*4px);
}
.box.box-mt-1 {
  margin-top: calc(1*4px);
}
.box.box-ml-1 {
  margin-left: calc(1*4px);
}
.box.box-mb-1 {
  margin-bottom: calc(1*4px);
}
.box.box-mr-1 {
  margin-right: calc(1*4px);
}
.box.box-mx-1 {
  margin-left: calc(1*4px);
  margin-right: calc(1*4px);
}
.box.box-my-1 {
  margin-top: calc(1*4px);
  margin-bottom: calc(1*4px);
}
.box.box-p-1 {
  padding: calc(1*4px);
}
.box.box-p-1 {
  padding: calc(1*4px);
}
.box.box-pt-1 {
  padding-top: calc(1*4px);
}
.box.box-pl-1 {
  padding-left: calc(1*4px);
}
.box.box-pb-1 {
  padding-bottom: calc(1*4px);
}
.box.box-pr-1 {
  padding-right: calc(1*4px);
}
.box.box-px-1 {
  padding-left: calc(1*4px);
  padding-right: calc(1*4px);
}
.box.box-py-1 {
  padding-top: calc(1*4px);
  padding-bottom: calc(1*4px);
}
.box.box-inline {
  display: inline-block;
}
.box .zmp-card,
.box .zmp-card.zmp-card-inset {
  margin: 0;
}
.box.box-m-2 {
  margin: calc(2*4px);
}
.box.box-p-2 {
  padding: calc(2*4px);
}
.box.box-mt-2 {
  margin-top: calc(2*4px);
}
.box.box-ml-2 {
  margin-left: calc(2*4px);
}
.box.box-mb-2 {
  margin-bottom: calc(2*4px);
}
.box.box-mr-2 {
  margin-right: calc(2*4px);
}
.box.box-mx-2 {
  margin-left: calc(2*4px);
  margin-right: calc(2*4px);
}
.box.box-my-2 {
  margin-top: calc(2*4px);
  margin-bottom: calc(2*4px);
}
.box.box-p-2 {
  padding: calc(2*4px);
}
.box.box-p-2 {
  padding: calc(2*4px);
}
.box.box-pt-2 {
  padding-top: calc(2*4px);
}
.box.box-pl-2 {
  padding-left: calc(2*4px);
}
.box.box-pb-2 {
  padding-bottom: calc(2*4px);
}
.box.box-pr-2 {
  padding-right: calc(2*4px);
}
.box.box-px-2 {
  padding-left: calc(2*4px);
  padding-right: calc(2*4px);
}
.box.box-py-2 {
  padding-top: calc(2*4px);
  padding-bottom: calc(2*4px);
}
.box.box-inline {
  display: inline-block;
}
.box .zmp-card,
.box .zmp-card.zmp-card-inset {
  margin: 0;
}
.box.box-m-3 {
  margin: calc(3*4px);
}
.box.box-p-3 {
  padding: calc(3*4px);
}
.box.box-mt-3 {
  margin-top: calc(3*4px);
}
.box.box-ml-3 {
  margin-left: calc(3*4px);
}
.box.box-mb-3 {
  margin-bottom: calc(3*4px);
}
.box.box-mr-3 {
  margin-right: calc(3*4px);
}
.box.box-mx-3 {
  margin-left: calc(3*4px);
  margin-right: calc(3*4px);
}
.box.box-my-3 {
  margin-top: calc(3*4px);
  margin-bottom: calc(3*4px);
}
.box.box-p-3 {
  padding: calc(3*4px);
}
.box.box-p-3 {
  padding: calc(3*4px);
}
.box.box-pt-3 {
  padding-top: calc(3*4px);
}
.box.box-pl-3 {
  padding-left: calc(3*4px);
}
.box.box-pb-3 {
  padding-bottom: calc(3*4px);
}
.box.box-pr-3 {
  padding-right: calc(3*4px);
}
.box.box-px-3 {
  padding-left: calc(3*4px);
  padding-right: calc(3*4px);
}
.box.box-py-3 {
  padding-top: calc(3*4px);
  padding-bottom: calc(3*4px);
}
.box.box-inline {
  display: inline-block;
}
.box .zmp-card,
.box .zmp-card.zmp-card-inset {
  margin: 0;
}
.box.box-m-4 {
  margin: calc(4*4px);
}
.box.box-p-4 {
  padding: calc(4*4px);
}
.box.box-mt-4 {
  margin-top: calc(4*4px);
}
.box.box-ml-4 {
  margin-left: calc(4*4px);
}
.box.box-mb-4 {
  margin-bottom: calc(4*4px);
}
.box.box-mr-4 {
  margin-right: calc(4*4px);
}
.box.box-mx-4 {
  margin-left: calc(4*4px);
  margin-right: calc(4*4px);
}
.box.box-my-4 {
  margin-top: calc(4*4px);
  margin-bottom: calc(4*4px);
}
.box.box-p-4 {
  padding: calc(4*4px);
}
.box.box-p-4 {
  padding: calc(4*4px);
}
.box.box-pt-4 {
  padding-top: calc(4*4px);
}
.box.box-pl-4 {
  padding-left: calc(4*4px);
}
.box.box-pb-4 {
  padding-bottom: calc(4*4px);
}
.box.box-pr-4 {
  padding-right: calc(4*4px);
}
.box.box-px-4 {
  padding-left: calc(4*4px);
  padding-right: calc(4*4px);
}
.box.box-py-4 {
  padding-top: calc(4*4px);
  padding-bottom: calc(4*4px);
}
.box.box-inline {
  display: inline-block;
}
.box .zmp-card,
.box .zmp-card.zmp-card-inset {
  margin: 0;
}
.box.box-m-5 {
  margin: calc(5*4px);
}
.box.box-p-5 {
  padding: calc(5*4px);
}
.box.box-mt-5 {
  margin-top: calc(5*4px);
}
.box.box-ml-5 {
  margin-left: calc(5*4px);
}
.box.box-mb-5 {
  margin-bottom: calc(5*4px);
}
.box.box-mr-5 {
  margin-right: calc(5*4px);
}
.box.box-mx-5 {
  margin-left: calc(5*4px);
  margin-right: calc(5*4px);
}
.box.box-my-5 {
  margin-top: calc(5*4px);
  margin-bottom: calc(5*4px);
}
.box.box-p-5 {
  padding: calc(5*4px);
}
.box.box-p-5 {
  padding: calc(5*4px);
}
.box.box-pt-5 {
  padding-top: calc(5*4px);
}
.box.box-pl-5 {
  padding-left: calc(5*4px);
}
.box.box-pb-5 {
  padding-bottom: calc(5*4px);
}
.box.box-pr-5 {
  padding-right: calc(5*4px);
}
.box.box-px-5 {
  padding-left: calc(5*4px);
  padding-right: calc(5*4px);
}
.box.box-py-5 {
  padding-top: calc(5*4px);
  padding-bottom: calc(5*4px);
}
.box.box-inline {
  display: inline-block;
}
.box .zmp-card,
.box .zmp-card.zmp-card-inset {
  margin: 0;
}
.box.box-m-6 {
  margin: calc(6*4px);
}
.box.box-p-6 {
  padding: calc(6*4px);
}
.box.box-mt-6 {
  margin-top: calc(6*4px);
}
.box.box-ml-6 {
  margin-left: calc(6*4px);
}
.box.box-mb-6 {
  margin-bottom: calc(6*4px);
}
.box.box-mr-6 {
  margin-right: calc(6*4px);
}
.box.box-mx-6 {
  margin-left: calc(6*4px);
  margin-right: calc(6*4px);
}
.box.box-my-6 {
  margin-top: calc(6*4px);
  margin-bottom: calc(6*4px);
}
.box.box-p-6 {
  padding: calc(6*4px);
}
.box.box-p-6 {
  padding: calc(6*4px);
}
.box.box-pt-6 {
  padding-top: calc(6*4px);
}
.box.box-pl-6 {
  padding-left: calc(6*4px);
}
.box.box-pb-6 {
  padding-bottom: calc(6*4px);
}
.box.box-pr-6 {
  padding-right: calc(6*4px);
}
.box.box-px-6 {
  padding-left: calc(6*4px);
  padding-right: calc(6*4px);
}
.box.box-py-6 {
  padding-top: calc(6*4px);
  padding-bottom: calc(6*4px);
}
.box.box-inline {
  display: inline-block;
}
.box .zmp-card,
.box .zmp-card.zmp-card-inset {
  margin: 0;
}
.box.box-m-7 {
  margin: calc(7*4px);
}
.box.box-p-7 {
  padding: calc(7*4px);
}
.box.box-mt-7 {
  margin-top: calc(7*4px);
}
.box.box-ml-7 {
  margin-left: calc(7*4px);
}
.box.box-mb-7 {
  margin-bottom: calc(7*4px);
}
.box.box-mr-7 {
  margin-right: calc(7*4px);
}
.box.box-mx-7 {
  margin-left: calc(7*4px);
  margin-right: calc(7*4px);
}
.box.box-my-7 {
  margin-top: calc(7*4px);
  margin-bottom: calc(7*4px);
}
.box.box-p-7 {
  padding: calc(7*4px);
}
.box.box-p-7 {
  padding: calc(7*4px);
}
.box.box-pt-7 {
  padding-top: calc(7*4px);
}
.box.box-pl-7 {
  padding-left: calc(7*4px);
}
.box.box-pb-7 {
  padding-bottom: calc(7*4px);
}
.box.box-pr-7 {
  padding-right: calc(7*4px);
}
.box.box-px-7 {
  padding-left: calc(7*4px);
  padding-right: calc(7*4px);
}
.box.box-py-7 {
  padding-top: calc(7*4px);
  padding-bottom: calc(7*4px);
}
.box.box-inline {
  display: inline-block;
}
.box .zmp-card,
.box .zmp-card.zmp-card-inset {
  margin: 0;
}
.box.box-m-8 {
  margin: calc(8*4px);
}
.box.box-p-8 {
  padding: calc(8*4px);
}
.box.box-mt-8 {
  margin-top: calc(8*4px);
}
.box.box-ml-8 {
  margin-left: calc(8*4px);
}
.box.box-mb-8 {
  margin-bottom: calc(8*4px);
}
.box.box-mr-8 {
  margin-right: calc(8*4px);
}
.box.box-mx-8 {
  margin-left: calc(8*4px);
  margin-right: calc(8*4px);
}
.box.box-my-8 {
  margin-top: calc(8*4px);
  margin-bottom: calc(8*4px);
}
.box.box-p-8 {
  padding: calc(8*4px);
}
.box.box-p-8 {
  padding: calc(8*4px);
}
.box.box-pt-8 {
  padding-top: calc(8*4px);
}
.box.box-pl-8 {
  padding-left: calc(8*4px);
}
.box.box-pb-8 {
  padding-bottom: calc(8*4px);
}
.box.box-pr-8 {
  padding-right: calc(8*4px);
}
.box.box-px-8 {
  padding-left: calc(8*4px);
  padding-right: calc(8*4px);
}
.box.box-py-8 {
  padding-top: calc(8*4px);
  padding-bottom: calc(8*4px);
}
.box.box-inline {
  display: inline-block;
}
.box .zmp-card,
.box .zmp-card.zmp-card-inset {
  margin: 0;
}
.box.box-m-9 {
  margin: calc(9*4px);
}
.box.box-p-9 {
  padding: calc(9*4px);
}
.box.box-mt-9 {
  margin-top: calc(9*4px);
}
.box.box-ml-9 {
  margin-left: calc(9*4px);
}
.box.box-mb-9 {
  margin-bottom: calc(9*4px);
}
.box.box-mr-9 {
  margin-right: calc(9*4px);
}
.box.box-mx-9 {
  margin-left: calc(9*4px);
  margin-right: calc(9*4px);
}
.box.box-my-9 {
  margin-top: calc(9*4px);
  margin-bottom: calc(9*4px);
}
.box.box-p-9 {
  padding: calc(9*4px);
}
.box.box-p-9 {
  padding: calc(9*4px);
}
.box.box-pt-9 {
  padding-top: calc(9*4px);
}
.box.box-pl-9 {
  padding-left: calc(9*4px);
}
.box.box-pb-9 {
  padding-bottom: calc(9*4px);
}
.box.box-pr-9 {
  padding-right: calc(9*4px);
}
.box.box-px-9 {
  padding-left: calc(9*4px);
  padding-right: calc(9*4px);
}
.box.box-py-9 {
  padding-top: calc(9*4px);
  padding-bottom: calc(9*4px);
}
.box.box-inline {
  display: inline-block;
}
.box .zmp-card,
.box .zmp-card.zmp-card-inset {
  margin: 0;
}
.box.box-m-10 {
  margin: calc(10*4px);
}
.box.box-p-10 {
  padding: calc(10*4px);
}
.box.box-mt-10 {
  margin-top: calc(10*4px);
}
.box.box-ml-10 {
  margin-left: calc(10*4px);
}
.box.box-mb-10 {
  margin-bottom: calc(10*4px);
}
.box.box-mr-10 {
  margin-right: calc(10*4px);
}
.box.box-mx-10 {
  margin-left: calc(10*4px);
  margin-right: calc(10*4px);
}
.box.box-my-10 {
  margin-top: calc(10*4px);
  margin-bottom: calc(10*4px);
}
.box.box-p-10 {
  padding: calc(10*4px);
}
.box.box-p-10 {
  padding: calc(10*4px);
}
.box.box-pt-10 {
  padding-top: calc(10*4px);
}
.box.box-pl-10 {
  padding-left: calc(10*4px);
}
.box.box-pb-10 {
  padding-bottom: calc(10*4px);
}
.box.box-pr-10 {
  padding-right: calc(10*4px);
}
.box.box-px-10 {
  padding-left: calc(10*4px);
  padding-right: calc(10*4px);
}
.box.box-py-10 {
  padding-top: calc(10*4px);
  padding-bottom: calc(10*4px);
}
.box.box-inline {
  display: inline-block;
}
.box .zmp-card,
.box .zmp-card.zmp-card-inset {
  margin: 0;
}
.box.box-no-space {
  margin: 0;
  padding: 0;
}
.box.box-flex {
  display: flex;
}
.box.box-flex-row {
  display: flex;
  flex-direction: row;
}
.box.box-flex-column {
  display: flex;
  flex-direction: column;
}
.box.box-flex-row-reverse {
  display: flex;
  flex-direction: row-reverse;
}
.box.box-flex-column-reverse {
  display: flex;
  flex-direction: column-reverse;
}
.box.box-flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.box.box-flex-nowrap {
  display: flex;
  flex-wrap: wrap;
}