/*
 * VISIONDER_ONBOARDING_EMAIL_RECOVERY_PREVIEW_FINAL_STYLE_V1
 */

.visionder-email-preview-active
#resumeFirstEnrollmentBtn,

.visionder-email-preview-active
#onboardingEmailRecoveryPreviewLink{
  display:none !important;
}

.visionder-email-preview-active
#newDeviceName:empty{
  display:none;
}

.onboarding-email-preview-panel{
  width:100%;
  margin:2px auto 0;
  text-align:center;
}

.onboarding-email-preview-primary{
  width:100%;
  margin-top:8px;
}

.onboarding-email-preview-code{
  width:100%;
  margin-top:6px;

  text-align:center;

  font-size:22px;
  font-weight:650;
  letter-spacing:.24em;

  font-variant-numeric:
    tabular-nums;
}

.onboarding-email-preview-primary:disabled{
  opacity:.42;
  cursor:not-allowed;
}

.onboarding-email-preview-link,
.onboarding-email-preview-secondary,
.onboarding-email-preview-back{
  display:block;

  width:max-content;
  max-width:100%;

  margin:18px auto 0;
  padding:0;

  border:0;
  background:none;

  color:
    rgba(226,232,244,.66);

  font:inherit;
  font-size:13px;
  line-height:1.45;

  cursor:pointer;
}

.onboarding-email-preview-link:hover,
.onboarding-email-preview-secondary:hover,
.onboarding-email-preview-back:hover{
  color:
    rgba(247,248,252,.94);
}

.onboarding-email-preview-passkey{
  display:flex;
  flex-direction:column;
  align-items:center;

  gap:22px;

  margin-top:0;
}

.onboarding-email-preview-avatar{
  flex:0 0 auto;
}

.onboarding-email-preview-passkey
.onboarding-email-preview-primary{
  margin-top:0;
}