.ant-btn,
.mi-btn,
[class*="mi-modal-"] .ant-btn {
  color: var(--mi-btn-text, #1d1e23);
  background: var(--mi-btn-bg, #fff);
  border-color: var(--mi-btn-border, #fff);
  text-shadow: none;
  letter-spacing: 0.125rem;
  border-radius: 0.25rem;
}
.ant-btn:hover,
.mi-btn:hover,
[class*="mi-modal-"] .ant-btn:hover,
.ant-btn:active,
.mi-btn:active,
[class*="mi-modal-"] .ant-btn:active,
.ant-btn:link,
.mi-btn:link,
[class*="mi-modal-"] .ant-btn:link,
.ant-btn:focus,
.mi-btn:focus,
[class*="mi-modal-"] .ant-btn:focus {
  border-color: var(--mi-theme, #f0c26f);
  color: var(--mi-btn-text, #1d1e23);
}
.ant-btn-default,
.mi-btn-default,
[class*="mi-modal-"] .ant-btn-default,
.ant-btn-default:hover,
.mi-btn-default:hover,
[class*="mi-modal-"] .ant-btn-default:hover,
.ant-btn-default:active,
.mi-btn-default:active,
[class*="mi-modal-"] .ant-btn-default:active,
.ant-btn-default:focus,
.mi-btn-default:focus,
[class*="mi-modal-"] .ant-btn-default:focus {
  color: var(--mi-btn-text, #1d1e23);
  background: var(--mi-btn-bg, #fff);
  border-color: var(--mi-btn-border, #fff);
  text-shadow: none;
}
.ant-btn-success,
.mi-btn-success,
[class*="mi-modal-"] .ant-btn-success,
.ant-btn-success:hover,
.mi-btn-success:hover,
[class*="mi-modal-"] .ant-btn-success:hover,
.ant-btn-success:active,
.mi-btn-success:active,
[class*="mi-modal-"] .ant-btn-success:active,
.ant-btn-success:focus,
.mi-btn-success:focus,
[class*="mi-modal-"] .ant-btn-success:focus {
  color: var(--mi-btn-success-text, #fff);
  background: var(--mi-success, #598569);
  border-color: var(--mi-success, #598569);
  text-shadow: none;
}
.ant-btn-primary,
.mi-btn-primary,
[class*="mi-modal-"] .ant-btn-primary,
.ant-btn-primary:hover,
.mi-btn-primary:hover,
[class*="mi-modal-"] .ant-btn-primary:hover,
.ant-btn-primary:active,
.mi-btn-primary:active,
[class*="mi-modal-"] .ant-btn-primary:active,
.ant-btn-primary:focus,
.mi-btn-primary:focus,
[class*="mi-modal-"] .ant-btn-primary:focus {
  color: var(--mi-btn-primary-text, #1d1e23);
  background-color: var(--mi-theme, #f0c26f);
  background-image: linear-gradient(127deg, var(--mi-gradient-theme-s, #d2b27d) 0%, var(--mi-gradient-theme-m, #f4d5a9) 52%, var(--mi-gradient-theme-e, #d1a466) 100%);
  border-color: var(--mi-theme, #f0c26f);
  text-shadow: none;
}
.ant-btn-danger,
.mi-btn-danger,
[class*="mi-modal-"] .ant-btn-danger,
.ant-btn-danger:hover,
.mi-btn-danger:hover,
[class*="mi-modal-"] .ant-btn-danger:hover,
.ant-btn-danger:active,
.mi-btn-danger:active,
[class*="mi-modal-"] .ant-btn-danger:active,
.ant-btn-danger:focus,
.mi-btn-danger:focus,
[class*="mi-modal-"] .ant-btn-danger:focus {
  color: var(--mi-btn-danger-text, #fff);
  background: var(--mi-danger, #eb5651);
  border-color: var(--mi-danger, #eb5651);
  text-shadow: none;
}
.ant-btn-info,
.mi-btn-info,
[class*="mi-modal-"] .ant-btn-info,
.ant-btn-info:hover,
.mi-btn-info:hover,
[class*="mi-modal-"] .ant-btn-info:hover,
.ant-btn-info:active,
.mi-btn-info:active,
[class*="mi-modal-"] .ant-btn-info:active,
.ant-btn-info:focus,
.mi-btn-info:focus,
[class*="mi-modal-"] .ant-btn-info:focus {
  color: var(--mi-btn-info-text, #fff);
  background: var(--mi-info, #5787ba);
  border-color: var(--mi-info, #5787ba);
  text-shadow: none;
}
.ant-btn-warning,
.mi-btn-warning,
[class*="mi-modal-"] .ant-btn-warning,
.ant-btn-warning:hover,
.mi-btn-warning:hover,
[class*="mi-modal-"] .ant-btn-warning:hover,
.ant-btn-warning:active,
.mi-btn-warning:active,
[class*="mi-modal-"] .ant-btn-warning:active,
.ant-btn-warning:focus,
.mi-btn-warning:focus,
[class*="mi-modal-"] .ant-btn-warning:focus {
  color: var(--mi-btn-warning-text, #fff);
  background: var(--mi-warning, #ba5a26);
  border-color: var(--mi-warning, #ba5a26);
  text-shadow: none;
}
.ant-btn-ghost,
.mi-btn-ghost,
[class*="mi-modal-"] .ant-btn-ghost,
.ant-btn-ghost:hover,
.mi-btn-ghost:hover,
[class*="mi-modal-"] .ant-btn-ghost:hover,
.ant-btn-ghost:active,
.mi-btn-ghost:active,
[class*="mi-modal-"] .ant-btn-ghost:active,
.ant-btn-ghost:focus,
.mi-btn-ghost:focus,
[class*="mi-modal-"] .ant-btn-ghost:focus,
.ant-btn-background-ghost,
.mi-btn-background-ghost,
[class*="mi-modal-"] .ant-btn-background-ghost {
  color: var(--mi-btn-ghost-text, #fff);
  border-color: var(--mi-btn-ghost-border, #fff);
}
.ant-btn-dark,
.mi-btn-dark,
[class*="mi-modal-"] .ant-btn-dark,
.ant-btn-dark:hover,
.mi-btn-dark:hover,
[class*="mi-modal-"] .ant-btn-dark:hover,
.ant-btn-dark:active,
.mi-btn-dark:active,
[class*="mi-modal-"] .ant-btn-dark:active,
.ant-btn-dark:focus,
.mi-btn-dark:focus,
[class*="mi-modal-"] .ant-btn-dark:focus {
  color: var(--mi-btn-dark-text, #fff);
  background-color: var(--mi-gradient-bg, #1d1e23);
  background-image: linear-gradient(315deg, var(--mi-gradient-s, #000) 0%, var(--mi-gradient-e, #434343) 74%);
  border-color: var(--mi-btn-dark-border, #505050);
  text-shadow: none;
}
.ant-btn-dangerous.ant-btn.ant-btn-primary,
.ant-btn-dangerous.ant-btn.mi-btn-primary,
.ant-btn-dangerous.ant-btn[class*="mi-modal-"] .ant-btn-primary,
.ant-btn-dangerous.mi-btn.ant-btn-primary,
.ant-btn-dangerous.mi-btn.mi-btn-primary,
.ant-btn-dangerous.mi-btn[class*="mi-modal-"] .ant-btn-primary,
.ant-btn-dangerous[class*="mi-modal-"] .ant-btn.ant-btn-primary,
.ant-btn-dangerous[class*="mi-modal-"] .ant-btn.mi-btn-primary,
.ant-btn-dangerous[class*="mi-modal-"] .ant-btn[class*="mi-modal-"] .ant-btn-primary,
.mi-btn-dangerous.ant-btn.ant-btn-primary,
.mi-btn-dangerous.ant-btn.mi-btn-primary,
.mi-btn-dangerous.ant-btn[class*="mi-modal-"] .ant-btn-primary,
.mi-btn-dangerous.mi-btn.ant-btn-primary,
.mi-btn-dangerous.mi-btn.mi-btn-primary,
.mi-btn-dangerous.mi-btn[class*="mi-modal-"] .ant-btn-primary,
.mi-btn-dangerous[class*="mi-modal-"] .ant-btn.ant-btn-primary,
.mi-btn-dangerous[class*="mi-modal-"] .ant-btn.mi-btn-primary,
.mi-btn-dangerous[class*="mi-modal-"] .ant-btn[class*="mi-modal-"] .ant-btn-primary,
[class*="mi-modal-"] .ant-btn-dangerous.ant-btn.ant-btn-primary,
[class*="mi-modal-"] .ant-btn-dangerous.ant-btn.mi-btn-primary,
[class*="mi-modal-"] .ant-btn-dangerous.ant-btn[class*="mi-modal-"] .ant-btn-primary,
[class*="mi-modal-"] .ant-btn-dangerous.mi-btn.ant-btn-primary,
[class*="mi-modal-"] .ant-btn-dangerous.mi-btn.mi-btn-primary,
[class*="mi-modal-"] .ant-btn-dangerous.mi-btn[class*="mi-modal-"] .ant-btn-primary,
[class*="mi-modal-"] .ant-btn-dangerous[class*="mi-modal-"] .ant-btn.ant-btn-primary,
[class*="mi-modal-"] .ant-btn-dangerous[class*="mi-modal-"] .ant-btn.mi-btn-primary,
[class*="mi-modal-"] .ant-btn-dangerous[class*="mi-modal-"] .ant-btn[class*="mi-modal-"] .ant-btn-primary {
  background: var(--mi-danger, #eb5651);
  border-color: var(--mi-danger, #eb5651);
}
@keyframes waveEffect {
  100% {
    box-shadow: 0 0 0 var(--mi-theme-color, #f0c26f);
    box-shadow: 0 0 0 6px var(--mi-theme-color, #f0c26f);
  }
}
.mi-modal-wrap,
.mi-modal-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20220620;
  transition: all 0.4s ease;
}
.mi-modal-mask {
  background: rgba(0, 0, 0, 0.5);
  z-index: 20220602;
}
.mi-modal-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  perspective: 75rem;
}
.mi-modal-wrap.top {
  align-items: flex-start;
}
.mi-modal-wrap.bottom {
  align-items: flex-end;
}
.mi-modal-wrap.left {
  justify-content: flex-start;
}
.mi-modal-wrap.right {
  justify-content: flex-end;
}
.mi-modal-content {
  width: 32.5rem;
  max-width: 92%;
  max-height: 92%;
  background-color: var(--mi-gradient-bg, #1d1e23);
  background-image: linear-gradient(315deg, var(--mi-gradient-s, #000) 0%, var(--mi-gradient-e, #434343) 74%);
  color: #000;
  border-radius: 0.25rem;
  border: 1px solid var(--mi-theme, #f0c26f);
  transition: all 0.4s ease;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}
.mi-modal-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  color: var(--mi-font, #fff);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--mi-night, #3e3e3e);
  letter-spacing: 0.125rem;
}
.mi-modal-body {
  font-size: 0.875rem;
  color: var(--mi-content-text, rgba(255, 255, 255, 0.8));
  border-bottom: 1px solid var(--mi-night, #3e3e3e);
  letter-spacing: 0.125rem;
  border-radius: 0.25rem;
  padding: 1.5rem;
}
.mi-modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  padding: 1rem;
  color: var(--mi-font, #fff);
  letter-spacing: 0.125rem;
}
.mi-modal-footer button {
  margin-right: 0.5rem;
}
.mi-modal-footer button:last-child {
  margin-right: 0;
}
.mi-modal-footer button.mi-modal-btn {
  color: var(--mi-modal-btn-text, #1d1e23);
  border-color: var(--mi-modal-btn-border, #fff);
}
.mi-modal-footer button.mi-modal-btn:active,
.mi-modal-footer button.mi-modal-btn:hover,
.mi-modal-footer button.mi-modal-btn:focus {
  color: var(--mi-modal-btn-text, #1d1e23);
  border-color: var(--mi-modal-btn-border, #fff);
}
.mi-modal-footer button.mi-modal-btn-primary {
  background-color: var(--mi-theme, #f0c26f);
  border-color: var(--mi-theme, #f0c26f);
  text-shadow: none;
  color: var(--mi-modal-btn-text, #1d1e23);
}
.mi-modal-footer.mi-modal-footer-btn-center {
  justify-content: center;
}
.mi-modal-footer.mi-modal-footer-btn-left {
  justify-content: flex-start;
}
.mi-modal-close {
  background: transparent;
  cursor: pointer;
  outline: none;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  color: var(--mi-font, #fff);
}
.mi-modal-close-x {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 1rem;
}
.mi-modal-error .ant-modal-content,
.mi-modal-success .ant-modal-content,
.mi-modal-confirm .ant-modal-content,
.mi-modal-warning .ant-modal-content,
.mi-modal-warn .ant-modal-content,
.mi-modal-info .ant-modal-content {
  border-radius: 0.375rem;
  background-color: var(--mi-gradient-bg, #1d1e23);
  background-image: linear-gradient(315deg, var(--mi-gradient-s, #000) 0%, var(--mi-gradient-e, #434343) 74%);
  border: 1px solid var(--mi-theme, #f0c26f);
  box-shadow: 0 0 10px var(--mi-modal-shadow, rgba(29, 30, 35, 0.15));
}
.mi-modal-error .ant-modal-confirm-content,
.mi-modal-success .ant-modal-confirm-content,
.mi-modal-confirm .ant-modal-confirm-content,
.mi-modal-warning .ant-modal-confirm-content,
.mi-modal-warn .ant-modal-confirm-content,
.mi-modal-info .ant-modal-confirm-content {
  color: var(--mi-font, #fff);
}
.mi-modal-error.ant-modal-success .ant-modal-confirm-body > .anticon,
.mi-modal-success.ant-modal-success .ant-modal-confirm-body > .anticon,
.mi-modal-confirm.ant-modal-success .ant-modal-confirm-body > .anticon,
.mi-modal-warning.ant-modal-success .ant-modal-confirm-body > .anticon,
.mi-modal-warn.ant-modal-success .ant-modal-confirm-body > .anticon,
.mi-modal-info.ant-modal-success .ant-modal-confirm-body > .anticon {
  color: var(--mi-theme, #f0c26f);
}
.ant-modal-mask {
  background: rgba(0, 0, 0, 0.5);
  z-index: 20220602;
}
.ant-modal-wrap {
  z-index: 20220620;
}