.mi-passport {
  margin: 0 auto;
  color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: var(--mi-gradient-bg, #1d1e23);
  background-image: linear-gradient(315deg, var(--mi-gradient-s, #000) 0%, var(--mi-gradient-e, #434343) 74%);
  height: 100%;
  overflow: hidden;
}
.mi-passport-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  position: relative;
  border-radius: 0.25rem;
  width: 100%;
  min-height: 100vh;
  height: 100%;
  overflow: hidden;
}
.mi-passport-mask {
  background: var(--mi-passport-mask, rgba(255, 255, 255, 0.1));
  -webkit-backdrop-filter: blur(2rem);
          backdrop-filter: blur(2rem);
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--mi-z-index, 20220511);
}
.mi-passport-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  max-width: 34.375rem;
  padding: 2rem;
  margin: 1.5rem;
  margin-bottom: 4.375rem;
  position: relative;
}
.mi-passport-box .mi-passport-title {
  font-size: 1.625rem;
  font-weight: bold;
  background: transparent linear-gradient(127deg, var(--mi-gradient-theme-s, #d2b27d) 0%, var(--mi-gradient-theme-m, #f4d5a9) 52%, var(--mi-gradient-theme-e, #d1a466) 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  letter-spacing: 0.25rem;
  margin-right: 0.25rem;
  z-index: var(--mi-z-index, 20220511);
}
.mi-passport-box .mi-passport-title sup,
.mi-passport-box .mi-passport-title img {
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
}
.mi-passport-box .mi-passport-title img {
  margin-left: 0.5rem;
  border-radius: 0.25rem;
}
.mi-passport-box .mi-passport-form {
  width: 100%;
  max-width: 23.75rem;
  z-index: 20220511;
  padding-top: 2rem;
}
.mi-passport-box .mi-passport-form .ant-input-affix-wrapper {
  border-radius: 2.5rem;
  border-color: var(--mi-theme, #f0c26f);
  background: var(--mi-passport-form-input-bg, #fff);
  box-shadow: none;
}
.mi-passport-box .mi-passport-form .ant-input-affix-wrapper:hover,
.mi-passport-box .mi-passport-form .ant-input-affix-wrapper:focus {
  border-color: var(--mi-theme, #f0c26f);
  box-shadow: none;
}
.mi-passport-box .mi-passport-form .ant-input-affix-wrapper > input.ant-input {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  background: var(--mi-passport-form-input-bg, #fff);
  color: var(--mi-passport-form-input-text, #333);
}
.mi-passport-box .mi-passport-form .ant-input-affix-wrapper > input.ant-input:hover,
.mi-passport-box .mi-passport-form .ant-input-affix-wrapper > input.ant-input:focus {
  box-shadow: none;
}
.mi-passport-box .mi-passport-form .ant-input-affix-wrapper .ant-input-prefix {
  margin-right: 0.5rem;
}
.mi-passport-box .mi-passport-form .has-error .ant-input-affix-wrapper {
  border-color: var(--mi-error, #ff4d4f);
}
.mi-passport-box .mi-passport-form .ant-form-item-explain-error {
  text-indent: 1rem;
  font-size: 0.75rem;
}
.mi-passport-box .mi-passport-form .ant-form-item.mb8 {
  margin-bottom: 0.5rem;
}
.mi-passport-box .mi-passport-remember {
  margin-bottom: 0.5rem;
  color: var(--mi-passport-forget-text, #333);
  font-size: 0.875rem;
  padding-left: 0.75rem;
}
.mi-passport-box .mi-passport-remember a,
.mi-passport-box .mi-passport-remember a:hover {
  color: var(--mi-passport-forget-text, #333);
  font-size: 0.875rem;
}
.mi-passport-box .mi-passport-remember .mi-passport-forget {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.mi-passport-box .mi-passport-remember .mi-passport-forget > span {
  margin-right: 0.5rem;
}
.mi-passport-box .mi-passport-remember .ant-form-item-control-input-content,
.mi-passport-box .mi-passport-socialite .ant-form-item-control-input-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.mi-passport-box .mi-passport-remember .ant-checkbox + span,
.mi-passport-box .mi-passport-socialite .ant-checkbox + span,
.mi-passport-box .mi-passport-remember-link,
.mi-passport-box .mi-passport-socialite-link {
  color: var(--mi-passport-forget-text, #333);
}
.mi-passport-box .mi-passport-remember .ant-checkbox + span a,
.mi-passport-box .mi-passport-socialite .ant-checkbox + span a,
.mi-passport-box .mi-passport-remember-link a,
.mi-passport-box .mi-passport-socialite-link a,
.mi-passport-box .mi-passport-remember .ant-checkbox + span a:hover,
.mi-passport-box .mi-passport-socialite .ant-checkbox + span a:hover,
.mi-passport-box .mi-passport-remember-link a:hover,
.mi-passport-box .mi-passport-socialite-link a:hover,
.mi-passport-box .mi-passport-remember .ant-checkbox + span a:link,
.mi-passport-box .mi-passport-socialite .ant-checkbox + span a:link,
.mi-passport-box .mi-passport-remember-link a:link,
.mi-passport-box .mi-passport-socialite-link a:link,
.mi-passport-box .mi-passport-remember .ant-checkbox + span a:visited,
.mi-passport-box .mi-passport-socialite .ant-checkbox + span a:visited,
.mi-passport-box .mi-passport-remember-link a:visited,
.mi-passport-box .mi-passport-socialite-link a:visited {
  color: var(--mi-theme, #f0c26f);
}
.mi-passport-box .mi-passport-forget .anticon {
  margin-right: 0.5rem;
}
.mi-passport-box .mi-passport-forget-suffix {
  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-radius: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  cursor: pointer;
}
.mi-passport-box .mi-passport-forget-suffix span {
  font-size: 0.75rem;
  color: var(--mi-font, #fff);
}
.mi-passport-box .mi-passport-forget-resend {
  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%);
}
.mi-passport-box .mi-passport-forget-resend span {
  color: var(--mi-ink, #000);
}
.mi-passport-box .mi-passport-submit {
  width: 100%;
  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%);
  color: var(--mi-ink, #000);
  border-radius: 2rem;
  height: 2.625rem;
  font-size: 0.875rem;
  margin-bottom: 1.5rem;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.mi-passport-box .mi-passport-submit-register {
  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: var(--mi-font, #fff);
}
.mi-passport-box .mi-passport-submit-register a,
.mi-passport-box .mi-passport-submit-register a:hover {
  color: var(--mi-font, #fff);
}
.mi-passport-box .mi-passport-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.mi-passport-box .mi-passport-links a,
.mi-passport-box .mi-passport-links a:hover {
  color: var(--mi-theme, #f0c26f);
}
.mi-passport-box .mi-passport-socialite {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  color: var(--mi-passport-socialite-text, #333);
  padding-left: 0.25rem;
}
.mi-passport-box .mi-passport-socialite .anticon {
  font-size: 1.125rem;
  margin-left: 0.75rem;
  color: var(--mi-passport-socialite-text, #333);
  cursor: pointer;
}
.mi-passport-box .mi-passport-socialite .anticon:hover {
  color: var(--mi-theme, #f0c26f);
  opacity: 1;
}
.mi-passport-box .mi-passport-socialite-mobile {
  width: 100%;
  flex-direction: column;
  color: #999;
  margin-top: 2rem;
}
.mi-passport-box .mi-passport-socialite-line {
  display: block;
  border-top: 1px solid var(--mi-theme, #f0c26f);
  position: absolute;
  width: 100%;
  left: 0;
  top: 4.25rem;
  z-index: 1;
}
.mi-passport-box .mi-passport-socialite-title {
  margin-top: 1rem;
  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-radius: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  color: var(--mi-ink, #000);
  z-index: 2;
}
.mi-passport-box .mi-passport-socialite-cates {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  margin-top: 1.5rem;
  width: 85%;
}
.mi-passport-box .mi-passport-socialite-cates .anticon {
  color: var(--mi-theme, #f0c26f);
  font-size: 1.75rem;
}
.mi-passport .mi-layout-footer {
  background: transparent;
  width: 100%;
  position: relative;
  margin-top: -4.375rem;
}
.mi-passport-mobile .mi-passport-submit {
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 767px) {
  .mi-passport-content {
    align-items: flex-start;
    background: var(--mi-passport-mask, rgba(255, 255, 255, 0.1));
    -webkit-backdrop-filter: blur(2rem);
            backdrop-filter: blur(2rem);
  }
  .mi-passport-box {
    margin: 0;
    height: 100%;
    min-height: 100vh;
    justify-content: flex-start;
  }
  .mi-passport-mask {
    display: none;
  }
  .mi-passport-form {
    margin-bottom: 4.375rem;
  }
  .mi-passport.mi-passport-forget .mi-passport-content {
    align-items: center;
  }
  .mi-passport.mi-passport-forget .mi-passport-box {
    justify-content: center;
  }
}