html,
body {
  width: 100%;
  height: 100%;
  font-family: var(--zen-design-font-family) !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  color: var(--zen-design-onSurface-med-color) !important;
  background-color: var(--zen-design-background-bg) !important;
  min-width: 1280px !important;
  box-sizing: border-box;
  font-variant: tabular-nums;
}
html a,
body a {
  color: var(--zen-design-primary-high-color);
  text-decoration: none;
  transition: color 0.2s ease-in-out;
  cursor: pointer;
}
html a:hover,
body a:hover {
  color: var(--zen-design-primary-high-color);
}
html *,
body * {
  font-family: var(--zen-design-font-family);
}
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
::-webkit-scrollbar-track {
  background: var(--zen-design-scrollbar-bg);
}
::-webkit-scrollbar-thumb {
  background: var(--zen-design-scrollbar-color);
  border-radius: 10px;
}
::-webkit-scrollbar-corner {
  background: var(--zen-design-scrollbar-bg);
}
#portal {
  display: flex;
  flex-direction: column;
  height: 100%;
}
*[id*='root-'] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
}
.flex {
  display: flex;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex-start {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.flex-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.mt-1 {
  margin-top: 8px !important;
}
.mb-1 {
  margin-bottom: 8px !important;
}
.ml-1 {
  margin-left: 8px !important;
}
.mr-1 {
  margin-right: 8px !important;
}
.pt-1 {
  padding-top: 8px !important;
}
.pb-1 {
  padding-bottom: 8px !important;
}
.pl-1 {
  padding-left: 8px !important;
}
.pr-1 {
  padding-right: 8px !important;
}
.mt-2 {
  margin-top: 16px !important;
}
.mb-2 {
  margin-bottom: 16px !important;
}
.ml-2 {
  margin-left: 16px !important;
}
.mr-2 {
  margin-right: 16px !important;
}
.pt-2 {
  padding-top: 16px !important;
}
.pb-2 {
  padding-bottom: 16px !important;
}
.pl-2 {
  padding-left: 16px !important;
}
.pr-2 {
  padding-right: 16px !important;
}
.mt-3 {
  margin-top: 24px !important;
}
.mb-3 {
  margin-bottom: 24px !important;
}
.ml-3 {
  margin-left: 24px !important;
}
.mr-3 {
  margin-right: 24px !important;
}
.pt-3 {
  padding-top: 24px !important;
}
.pb-3 {
  padding-bottom: 24px !important;
}
.pl-3 {
  padding-left: 24px !important;
}
.pr-3 {
  padding-right: 24px !important;
}
.mt-4 {
  margin-top: 32px !important;
}
.mb-4 {
  margin-bottom: 32px !important;
}
.ml-4 {
  margin-left: 32px !important;
}
.mr-4 {
  margin-right: 32px !important;
}
.pt-4 {
  padding-top: 32px !important;
}
.pb-4 {
  padding-bottom: 32px !important;
}
.pl-4 {
  padding-left: 32px !important;
}
.pr-4 {
  padding-right: 32px !important;
}
.mt-5 {
  margin-top: 40px !important;
}
.mb-5 {
  margin-bottom: 40px !important;
}
.ml-5 {
  margin-left: 40px !important;
}
.mr-5 {
  margin-right: 40px !important;
}
.pt-5 {
  padding-top: 40px !important;
}
.pb-5 {
  padding-bottom: 40px !important;
}
.pl-5 {
  padding-left: 40px !important;
}
.pr-5 {
  padding-right: 40px !important;
}
.mt-6 {
  margin-top: 48px !important;
}
.mb-6 {
  margin-bottom: 48px !important;
}
.ml-6 {
  margin-left: 48px !important;
}
.mr-6 {
  margin-right: 48px !important;
}
.pt-6 {
  padding-top: 48px !important;
}
.pb-6 {
  padding-bottom: 48px !important;
}
.pl-6 {
  padding-left: 48px !important;
}
.pr-6 {
  padding-right: 48px !important;
}
.mt-7 {
  margin-top: 56px !important;
}
.mb-7 {
  margin-bottom: 56px !important;
}
.ml-7 {
  margin-left: 56px !important;
}
.mr-7 {
  margin-right: 56px !important;
}
.pt-7 {
  padding-top: 56px !important;
}
.pb-7 {
  padding-bottom: 56px !important;
}
.pl-7 {
  padding-left: 56px !important;
}
.pr-7 {
  padding-right: 56px !important;
}
.mt-8 {
  margin-top: 64px !important;
}
.mb-8 {
  margin-bottom: 64px !important;
}
.ml-8 {
  margin-left: 64px !important;
}
.mr-8 {
  margin-right: 64px !important;
}
.pt-8 {
  padding-top: 64px !important;
}
.pb-8 {
  padding-bottom: 64px !important;
}
.pl-8 {
  padding-left: 64px !important;
}
.pr-8 {
  padding-right: 64px !important;
}
.mt-9 {
  margin-top: 72px !important;
}
.mb-9 {
  margin-bottom: 72px !important;
}
.ml-9 {
  margin-left: 72px !important;
}
.mr-9 {
  margin-right: 72px !important;
}
.pt-9 {
  padding-top: 72px !important;
}
.pb-9 {
  padding-bottom: 72px !important;
}
.pl-9 {
  padding-left: 72px !important;
}
.pr-9 {
  padding-right: 72px !important;
}
.mt-10 {
  margin-top: 80px !important;
}
.mb-10 {
  margin-bottom: 80px !important;
}
.ml-10 {
  margin-left: 80px !important;
}
.mr-10 {
  margin-right: 80px !important;
}
.pt-10 {
  padding-top: 80px !important;
}
.pb-10 {
  padding-bottom: 80px !important;
}
.pl-10 {
  padding-left: 80px !important;
}
.pr-10 {
  padding-right: 80px !important;
}
.clr-success {
  color: var(--zen-design-success-high-color);
}
.clr-info {
  color: var(--zen-design-primary-high-color);
}
.clr-warning {
  color: var(--zen-design-warning-high-color);
}
.clr-error {
  color: var(--zen-design-error-high-color);
}
.clr-stop {
  color: var(--zen-design-onSurface-low-color);
}
.clr-price {
  color: var(--zen-design-secondary-high-color);
}
.clr-link {
  color: var(--zen-design-primary-high-color);
}
.clr-codeFont {
  font-family: 'PT Mono', 'SF Mono', 'Segoe UI Mono', 'Roboto Mono', 'Ubuntu Mono', Menlo, Consolas, Courier, monospace;
}
@media (max-width: 873px) {
  .hidden-s {
    display: none !important;
  }
}
@media (max-width: 1200px) {
  .hidden-m {
    display: none !important;
  }
}
@media (max-width: 1500px) {
  .hidden-l {
    display: none !important;
  }
}
@media (max-width: 1500px) {
  .hidden-xl {
    display: none !important;
  }
}

.zen-design-spin-wrap > .ant-spin-container::after {
  background: var(--zen-design-mask-spin-bg);
}
.zen-design-spin-wrap > .ant-spin-container.ant-spin-blur::after {
  opacity: 1;
}
.zen-design-spin {
  color: var(--zen-design-primary-high-color);
}
.zen-design-spin > .ant-spin-text {
  text-shadow: 0 1px 2px var(--zen-design-primary-high-color) !important;
}


@keyframes loadingCircle {
  0% {
    transform: rotate(0deg);
    transform-origin: 50% 50%;
  }
  100% {
    transform: rotate(360deg);
    transform-origin: 50% 50%;
  }
}
.zen-design-icon-anticon-spin {
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: loadingCircle;
}

.zen-design-modal {
  font-family: var(--zen-design-font-family);
  box-shadow: 0px 16px 24px 2px var(--zen-design-box-shadow-base-color-1), 0px 6px 30px 5px var(--zen-design-box-shadow-base-color-2), 0px 8px 10px -5px var(--zen-design-box-shadow-base-color-3);
  border-radius: 8px;
  padding-bottom: 0 !important;
}
.zen-design-modal .content-wrap {
  pointer-events: auto;
  background-color: var(--zen-design-elevation-8);
  border-radius: 8px;
  color: var(--zen-design-onSurface-med-color);
}
.zen-design-modal .content-wrap > .header {
  padding: 24px 24px 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
.zen-design-modal .content-wrap > .header > .header-l {
  flex: 1;
}
.zen-design-modal .content-wrap > .header > .header-l > .title {
  color: var(--zen-design-onSurface-fontHigh-color);
  font-family: var(--zen-design-font-family);
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  font-style: normal;
  line-height: 32px;
}
.zen-design-modal .content-wrap > .header > .header-l > .subTitle {
  color: var(--zen-design-onSurface-med-color);
  font-family: var(--zen-design-font-family);
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  font-style: normal;
}
.zen-design-modal .content-wrap > .header > .header-r {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.zen-design-modal .content-wrap > .header > .header-r > .closeIcon {
  font-size: 32px;
  cursor: pointer;
  transition: color 0.3s;
}
.zen-design-modal .content-wrap > .header > .header-r > .closeIcon-disabled {
  cursor: not-allowed;
  color: var(--zen-design-onSurface-low-color);
}
.zen-design-modal .content-wrap > .content {
  padding: 24px;
}
.zen-design-modal .content-wrap .button-group {
  display: flex;
  justify-content: space-between;
  column-gap: 24px;
  padding-top: 24px;
}
.zen-design-modal .content-wrap .button-group > button {
  width: 100%;
}
.zen-design-modal .content-wrap .button-group.column-2 > button {
  width: 50%;
}
.zen-design-modal .content-wrap .modal-self-footerButton {
  padding: 0 24px 24px;
}
.zen-design-modal .content-wrap .modal-footer {
  display: flex;
  justify-content: flex-end;
  border-radius: 0 0 8px 8px;
  padding: 24px;
  margin: 24px -24px -24px;
}
.ant-modal-root .ant-modal-mask {
  background-color: var(--zen-design-mask-base-bg);
}

.zen-design-button {
  font-family: var(--zen-design-font-family);
  box-sizing: border-box;
  outline: none;
  user-select: none;
  text-decoration: none;
  overflow: visible;
  list-style: none;
  pointer-events: none;
  color: inherit;
  margin: 0;
  padding: 0;
  border: 0;
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  vertical-align: middle;
  pointer-events: auto;
  background: none;
  transition: color 0.3s, background-color 0.3s;
}
.zen-design-button:hover:not(.zen-design-button-disabled) {
  cursor: pointer;
}
.zen-design-button:hover.zen-design-button-disabled,
.zen-design-button:hover.zen-design-button-loading {
  cursor: not-allowed;
}
.zen-design-button-m {
  padding: 0 12px;
  height: 48px;
  font-family: var(--zen-design-font-family);
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  font-style: normal;
}
.zen-design-button-m.onlyIcon {
  width: 48px;
  padding: 0;
}
.zen-design-button-m .buttonIcon {
  font-size: 24px;
}
.zen-design-button-s {
  padding: 0 12px;
  height: 32px;
  font-family: var(--zen-design-font-family);
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  font-style: normal;
}
.zen-design-button-s.onlyIcon {
  width: 32px;
  padding: 0;
}
.zen-design-button-s .buttonIcon {
  font-size: 16px;
}
.zen-design-button .ripple {
  border-radius: 8px;
}
.zen-design-button-primary {
  border: none;
  color: var(--zen-design-onColor-fontHigh-color);
  background: var(--zen-design-primary-med-color);
}
.zen-design-button-primary.hovered,
.zen-design-button-primary:hover:not(.zen-design-button-loading):not(.zen-design-button-disabled) {
  color: var(--zen-design-onColor-iconHigh-color);
}
.zen-design-button-primary.hovered .ripple::before,
.zen-design-button-primary:hover:not(.zen-design-button-loading):not(.zen-design-button-disabled) .ripple::before {
  background: var(--zen-design-white-hover-states);
}
.zen-design-button-primary:active:not(.zen-design-button-loading):not(.zen-design-button-disabled) {
  color: var(--zen-design-onColor-iconHigh-color);
}
.zen-design-button-primary:active:not(.zen-design-button-loading):not(.zen-design-button-disabled) .ripple::before {
  background: var(--zen-design-white-pressedfill-states);
}
.zen-design-button-primary.zen-design-button-danger {
  background: var(--zen-design-error-med-color);
}
.zen-design-button-primary.zen-design-button-special {
  background: var(--zen-design-secondary-med-color);
}
.zen-design-button-primary.zen-design-button-loading {
  color: var(--zen-design-onColor-iconHigh-color);
}
.zen-design-button-primary.zen-design-button-loading .ripple::before {
  background: var(--zen-design-white-pressedfill-states);
}
.zen-design-button-primary.zen-design-button-disabled {
  color: var(--zen-design-onSurface-low-color);
  background: none;
}
.zen-design-button-primary.zen-design-button-disabled .ripple::before {
  background: var(--zen-design-primary-disabled-states);
}
.zen-design-button-primary.zen-design-button-textBaseColor {
  color: var(--zen-design-onSurface-med-color);
}
.zen-design-button-primary.zen-design-button-textBaseColor.hovered,
.zen-design-button-primary.zen-design-button-textBaseColor:hover:not(.zen-design-button-loading):not(.zen-design-button-disabled) {
  color: var(--zen-design-onColor-iconHigh-color);
}
.zen-design-button-primary.zen-design-button-textBaseColor:active:not(.zen-design-button-loading):not(.zen-design-button-disabled) {
  color: var(--zen-design-onColor-iconHigh-color);
}
.zen-design-button-primary.zen-design-button-textBaseColor.zen-design-button-loading {
  color: var(--zen-design-onColor-iconHigh-color);
}
.zen-design-button-normal {
  border: 1px solid var(--zen-design-outline-enabled-states);
  color: var(--zen-design-primary-high-color);
  background: none;
}
.zen-design-button-normal.hovered,
.zen-design-button-normal:hover:not(.zen-design-button-loading):not(.zen-design-button-disabled) {
  color: var(--zen-design-primary-high-color);
}
.zen-design-button-normal.hovered .ripple::before,
.zen-design-button-normal:hover:not(.zen-design-button-loading):not(.zen-design-button-disabled) .ripple::before {
  background: linear-gradient(180deg, transparent, var(--zen-design-primary-hover-states));
}
.zen-design-button-normal:active:not(.zen-design-button-loading):not(.zen-design-button-disabled) {
  color: var(--zen-design-primary-high-color);
}
.zen-design-button-normal:active:not(.zen-design-button-loading):not(.zen-design-button-disabled) .ripple::before {
  background: var(--zen-design-primary-pressedfill-states);
}
.zen-design-button-normal.zen-design-button-loading {
  color: var(--zen-design-primary-high-color);
}
.zen-design-button-normal.zen-design-button-loading .ripple::before {
  background: var(--zen-design-primary-pressedfill-states);
}
.zen-design-button-normal.zen-design-button-special {
  color: var(--zen-design-secondary-high-color);
  border: 1px solid var(--zen-design-secondary-med-color);
}
.zen-design-button-normal.zen-design-button-special.hovered,
.zen-design-button-normal.zen-design-button-special:hover:not(.zen-design-button-loading):not(.zen-design-button-disabled) {
  color: var(--zen-design-secondary-high-color);
}
.zen-design-button-normal.zen-design-button-special.hovered .ripple::before,
.zen-design-button-normal.zen-design-button-special:hover:not(.zen-design-button-loading):not(.zen-design-button-disabled) .ripple::before {
  background: linear-gradient(180deg, transparent, var(--zen-design-secondary-hover-states));
}
.zen-design-button-normal.zen-design-button-special:active:not(.zen-design-button-loading):not(.zen-design-button-disabled) {
  color: var(--zen-design-secondary-high-color);
}
.zen-design-button-normal.zen-design-button-special:active:not(.zen-design-button-loading):not(.zen-design-button-disabled) .ripple::before {
  background: var(--zen-design-secondary-pressedfill-states);
}
.zen-design-button-normal.zen-design-button-special.zen-design-button-loading {
  color: var(--zen-design-secondary-high-color);
}
.zen-design-button-normal.zen-design-button-special.zen-design-button-loading .ripple::before {
  background: var(--zen-design-secondary-pressedfill-states);
}
.zen-design-button-normal.zen-design-button-danger {
  color: var(--zen-design-error-high-color);
  border: 1px solid var(--zen-design-error-med-color);
}
.zen-design-button-normal.zen-design-button-danger.hovered,
.zen-design-button-normal.zen-design-button-danger:hover:not(.zen-design-button-loading):not(.zen-design-button-disabled) {
  color: var(--zen-design-error-high-color);
}
.zen-design-button-normal.zen-design-button-danger.hovered .ripple::before,
.zen-design-button-normal.zen-design-button-danger:hover:not(.zen-design-button-loading):not(.zen-design-button-disabled) .ripple::before {
  background: linear-gradient(180deg, transparent, var(--zen-design-error-hover-states));
}
.zen-design-button-normal.zen-design-button-danger:active:not(.zen-design-button-loading):not(.zen-design-button-disabled) {
  color: var(--zen-design-error-high-color);
}
.zen-design-button-normal.zen-design-button-danger:active:not(.zen-design-button-loading):not(.zen-design-button-disabled) .ripple::before {
  background: var(--zen-design-error-Pressedfill-states);
}
.zen-design-button-normal.zen-design-button-danger.zen-design-button-loading {
  color: var(--zen-design-error-high-color);
}
.zen-design-button-normal.zen-design-button-danger.zen-design-button-loading .ripple::before {
  background: var(--zen-design-error-Pressedfill-states);
}
.zen-design-button-normal.zen-design-button-textBaseColor {
  color: var(--zen-design-onSurface-med-color);
  border: 1px solid var(--zen-design-outline-enabled-states);
}
.zen-design-button-normal.zen-design-button-textBaseColor.hovered,
.zen-design-button-normal.zen-design-button-textBaseColor:hover:not(.zen-design-button-loading):not(.zen-design-button-disabled) {
  color: var(--zen-design-primary-high-color);
}
.zen-design-button-normal.zen-design-button-textBaseColor.hovered .ripple::before,
.zen-design-button-normal.zen-design-button-textBaseColor:hover:not(.zen-design-button-loading):not(.zen-design-button-disabled) .ripple::before {
  background: linear-gradient(180deg, transparent, var(--zen-design-primary-hover-states));
}
.zen-design-button-normal.zen-design-button-textBaseColor:active:not(.zen-design-button-loading):not(.zen-design-button-disabled) {
  color: var(--zen-design-primary-high-color);
}
.zen-design-button-normal.zen-design-button-textBaseColor:active:not(.zen-design-button-loading):not(.zen-design-button-disabled) .ripple::before {
  background: var(--zen-design-primary-pressedfill-states);
}
.zen-design-button-normal.zen-design-button-textBaseColor.zen-design-button-loading {
  color: var(--zen-design-primary-high-color);
}
.zen-design-button-normal.zen-design-button-textBaseColor.zen-design-button-loading .ripple::before {
  background: var(--zen-design-primary-pressedfill-states);
}
.zen-design-button-normal.zen-design-button-disabled {
  color: var(--zen-design-onSurface-low-color);
  background: none;
  border: 1px solid var(--zen-design-outline-disabled-states);
}
.zen-design-button-text {
  border: none;
  color: var(--zen-design-primary-high-color);
  background: none;
}
.zen-design-button-text.hovered,
.zen-design-button-text:hover:not(.zen-design-button-loading):not(.zen-design-button-disabled) {
  color: var(--zen-design-primary-high-color);
}
.zen-design-button-text.hovered .ripple::before,
.zen-design-button-text:hover:not(.zen-design-button-loading):not(.zen-design-button-disabled) .ripple::before {
  background: linear-gradient(180deg, transparent, var(--zen-design-primary-hover-states));
}
.zen-design-button-text:active:not(.zen-design-button-loading):not(.zen-design-button-disabled) {
  color: var(--zen-design-primary-high-color);
}
.zen-design-button-text:active:not(.zen-design-button-loading):not(.zen-design-button-disabled) .ripple::before {
  background: var(--zen-design-primary-pressedfill-states);
}
.zen-design-button-text.zen-design-button-loading {
  color: var(--zen-design-primary-high-color);
}
.zen-design-button-text.zen-design-button-loading .ripple::before {
  background: var(--zen-design-primary-pressedfill-states);
}
.zen-design-button-text.zen-design-button-special {
  color: var(--zen-design-secondary-high-color);
}
.zen-design-button-text.zen-design-button-special.hovered,
.zen-design-button-text.zen-design-button-special:hover:not(.zen-design-button-loading):not(.zen-design-button-disabled) {
  color: var(--zen-design-secondary-high-color);
}
.zen-design-button-text.zen-design-button-special.hovered .ripple::before,
.zen-design-button-text.zen-design-button-special:hover:not(.zen-design-button-loading):not(.zen-design-button-disabled) .ripple::before {
  background: linear-gradient(180deg, transparent, var(--zen-design-secondary-hover-states));
}
.zen-design-button-text.zen-design-button-special:active:not(.zen-design-button-loading):not(.zen-design-button-disabled) {
  color: var(--zen-design-secondary-high-color);
}
.zen-design-button-text.zen-design-button-special:active:not(.zen-design-button-loading):not(.zen-design-button-disabled) .ripple::before {
  background: var(--zen-design-secondary-pressedfill-states);
}
.zen-design-button-text.zen-design-button-special.zen-design-button-loading {
  color: var(--zen-design-secondary-high-color);
}
.zen-design-button-text.zen-design-button-special.zen-design-button-loading .ripple::before {
  background: var(--zen-design-secondary-pressedfill-states);
}
.zen-design-button-text.zen-design-button-danger {
  color: var(--zen-design-error-high-color);
}
.zen-design-button-text.zen-design-button-danger.hovered,
.zen-design-button-text.zen-design-button-danger:hover:not(.zen-design-button-loading):not(.zen-design-button-disabled) {
  color: var(--zen-design-error-high-color);
}
.zen-design-button-text.zen-design-button-danger.hovered .ripple::before,
.zen-design-button-text.zen-design-button-danger:hover:not(.zen-design-button-loading):not(.zen-design-button-disabled) .ripple::before {
  background: linear-gradient(180deg, transparent, var(--zen-design-error-hover-states));
}
.zen-design-button-text.zen-design-button-danger:active:not(.zen-design-button-loading):not(.zen-design-button-disabled) {
  color: var(--zen-design-error-high-color);
}
.zen-design-button-text.zen-design-button-danger:active:not(.zen-design-button-loading):not(.zen-design-button-disabled) .ripple::before {
  background: var(--zen-design-error-Pressedfill-states);
}
.zen-design-button-text.zen-design-button-danger.zen-design-button-loading {
  color: var(--zen-design-error-high-color);
}
.zen-design-button-text.zen-design-button-danger.zen-design-button-loading .ripple::before {
  background: var(--zen-design-error-Pressedfill-states);
}
.zen-design-button-text.zen-design-button-textBaseColor {
  color: var(--zen-design-onSurface-med-color);
}
.zen-design-button-text.zen-design-button-textBaseColor.hovered,
.zen-design-button-text.zen-design-button-textBaseColor:hover:not(.zen-design-button-loading):not(.zen-design-button-disabled) {
  color: var(--zen-design-primary-high-color);
}
.zen-design-button-text.zen-design-button-textBaseColor:active:not(.zen-design-button-loading):not(.zen-design-button-disabled) {
  color: var(--zen-design-primary-high-color);
}
.zen-design-button-text.zen-design-button-textBaseColor.zen-design-button-loading {
  color: var(--zen-design-primary-high-color);
}
.zen-design-button-text.zen-design-button-disabled {
  color: var(--zen-design-onSurface-low-color);
}
.zen-design-button-link {
  border: none;
  background: none;
  color: var(--zen-design-primary-high-color);
}
.zen-design-button-link.hovered,
.zen-design-button-link:hover:not(.zen-design-button-disabled) {
  color: var(--zen-design-primary-high-color);
}
.zen-design-button-link:active:not(.zen-design-button-disabled) {
  color: var(--zen-design-primary-high-color);
}
.zen-design-button-link.zen-design-button-disabled {
  color: var(--zen-design-primary-low-color);
}
.zen-design-buttonGroup {
  display: inline-flex;
}
.zen-design-buttonGroup-buttonChild {
  border-radius: 0;
}
.zen-design-buttonGroup-buttonChild .ripple {
  border-radius: 0;
}
.zen-design-buttonGroup-buttonChild.zen-design-buttonGroup-buttonChild-first {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.zen-design-buttonGroup-buttonChild.zen-design-buttonGroup-buttonChild-first .ripple {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.zen-design-buttonGroup-buttonChild.zen-design-buttonGroup-buttonChild-last {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.zen-design-buttonGroup-buttonChild.zen-design-buttonGroup-buttonChild-last .ripple {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.zen-design-buttonGroup-buttonChild.onlyIcon {
  width: calc(12px + 16px + 12px);
}

.zen-design-elevation {
  color: var(--zen-design-onSurface-med-color);
}
.zen-design-elevation--radius {
  border-radius: 8px;
}
.zen-design-elevation--padding-l {
  padding: 8px;
}
.zen-design-elevation--padding-ll {
  padding: 16px;
}
.zen-design-elevation--padding-lll {
  padding: 24px;
}
.zen-design-elevation--padding-llll {
  padding: 32px;
}
.zen-design-elevation--padding-lllll {
  padding: 40px;
}
.zen-design-elevation.zen-design-elevation--type-1 {
  background-color: var(--zen-design-elevation-1);
}
.zen-design-elevation.zen-design-elevation--shadow-1 {
  box-shadow: 0px 1px 1px 0px var(--zen-design-box-shadow-base-color-1), 0px 2px 1px -1px var(--zen-design-box-shadow-base-color-2), 0px 1px 3px 0px var(--zen-design-box-shadow-base-color-3);
}
.zen-design-elevation.zen-design-elevation--type-2 {
  background-color: var(--zen-design-elevation-2);
}
.zen-design-elevation.zen-design-elevation--shadow-2 {
  box-shadow: 0px 2px 2px 0px var(--zen-design-box-shadow-base-color-1), 0px 3px 1px -2px var(--zen-design-box-shadow-base-color-2), 0px 1px 5px 0px var(--zen-design-box-shadow-base-color-3);
}
.zen-design-elevation.zen-design-elevation--type-3 {
  background-color: var(--zen-design-elevation-3);
}
.zen-design-elevation.zen-design-elevation--shadow-3 {
  box-shadow: 0px 3px 4px 0px var(--zen-design-box-shadow-base-color-1), 0px 3px 3px -2px var(--zen-design-box-shadow-base-color-2), 0px 1px 8px 0px var(--zen-design-box-shadow-base-color-3);
}
.zen-design-elevation.zen-design-elevation--type-4 {
  background-color: var(--zen-design-elevation-4);
}
.zen-design-elevation.zen-design-elevation--shadow-4 {
  box-shadow: 0px 4px 4px 0px var(--zen-design-box-shadow-base-color-1), 0px 1px 10px 0px var(--zen-design-box-shadow-base-color-2), 0px 2px 3px -1px var(--zen-design-box-shadow-base-color-3);
}
.zen-design-elevation.zen-design-elevation--type-5 {
  background-color: var(--zen-design-elevation-5);
}
.zen-design-elevation.zen-design-elevation--shadow-5 {
  box-shadow: 0px 6px 10px 0px var(--zen-design-box-shadow-base-color-1), 0px 1px 18px 0px var(--zen-design-box-shadow-base-color-2), 0px 3px 5px -1px var(--zen-design-box-shadow-base-color-3);
}
.zen-design-elevation.zen-design-elevation--type-6 {
  background-color: var(--zen-design-elevation-6);
}
.zen-design-elevation.zen-design-elevation--shadow-6 {
  box-shadow: 0px 8px 10px 1px var(--zen-design-box-shadow-base-color-1), 0px 3px 14px 2px var(--zen-design-box-shadow-base-color-2), 0px 5px 5px -3px var(--zen-design-box-shadow-base-color-3);
}
.zen-design-elevation.zen-design-elevation--type-7 {
  background-color: var(--zen-design-elevation-7);
}
.zen-design-elevation.zen-design-elevation--shadow-7 {
  box-shadow: 0px 12px 17px 2px var(--zen-design-box-shadow-base-color-1), 0px 5px 22px 4px var(--zen-design-box-shadow-base-color-2), 0px 7px 8px -7px var(--zen-design-box-shadow-base-color-3);
}
.zen-design-elevation.zen-design-elevation--type-8 {
  background-color: var(--zen-design-elevation-8);
}
.zen-design-elevation.zen-design-elevation--shadow-8 {
  box-shadow: 0px 16px 24px 2px var(--zen-design-box-shadow-base-color-1), 0px 6px 30px 5px var(--zen-design-box-shadow-base-color-2), 0px 8px 10px -5px var(--zen-design-box-shadow-base-color-3);
}
.zen-design-elevation.zen-design-elevation--type-0 {
  background-color: var(--zen-design-background-bg);
}
.zen-design-elevation.zen-design-elevation--shadow-0 {
  box-shadow: none;
}
.zen-design-elevation.zen-design-elevation--type-module {
  background-color: var(--zen-design-filled-module-bg);
}
.zen-design-elevation.zen-design-elevation--shadow-module {
  box-shadow: none;
}
.zen-design-elevation.zen-design-elevation--type-uppon-layer {
  background-color: var(--zen-design-filled-tag-bg);
}
.zen-design-elevation.zen-design-elevation--shadow-uppon-layer {
  box-shadow: none;
}
.zen-design-elevation.zen-design-elevation--type-down-layer {
  background-color: var(--zen-design-filled-downlayer-bg);
}
.zen-design-elevation.zen-design-elevation--shadow-down-layer {
  box-shadow: none;
}
.zen-design-elevation.zen-design-elevation--type-transparent {
  background-color: transparent;
}
.zen-design-elevation.zen-design-elevation--shadow-transparent {
  box-shadow: none;
}

.ripple {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  box-sizing: border-box;
}
.ripple.ripple::before {
  top: calc(50% - 100%);
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity 0.3s linear, background-color 0.3s linear;
  content: '';
}


/*# sourceMappingURL=../index.7ceddb368823ad3b5e66f0e93e3967d5.js.map*/