:root {
  --dark: #000000;
  --black-color: #1a1a1a;
  --white-light: #ffffff;
  --dark-hover: #333333;
  --dark-light: #444444;
  --gray-lighter: #e0e0e0;
  --gray-darker: #4a4a4a;
  --success-color: #056f39;
  --error-color: #ff6565;
  --blue-link: #0e6ee9;
  --disabled-bg: #474545;
  --disabled-text: #bbbbbb;
  --fontname: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
      Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --shadow-effect-1: 0px 1px 2px rgba(98, 10, 10, 0.16),
      0px 1px 4px rgba(0, 0, 0, 0.12);
}

.email-verify-layout,
.sms-verify-layout {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0.96;
  background-color: var(--gray-darker);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  padding: 2rem;
}
.email-verify-layout *:not(i),
.sms-verify-layout *:not(i) {
  font-family: var(--fontname);
}
.email-verify-layout .verify-layout,
.sms-verify-layout .verify-layout {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50vw;
  height: auto;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.9) 50%, rgba(0, 0, 0, 0.7) 100%);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 1.5rem;
  box-shadow: var(--shadow-effect-1);
  padding: 2.5rem 3.5rem;
}
.email-verify-layout .verify-layout h2,
.sms-verify-layout .verify-layout h2 {
  color: var(--white-light);
  font-size: 2rem;
  margin-bottom: 1rem;
  text-align: center;
}
.email-verify-layout .verify-layout p,
.sms-verify-layout .verify-layout p {
  color: var(--gray-lighter);
  font-size: 1rem;
  margin-bottom: 1rem;
  padding-top: 0.5rem;
}
.email-verify-layout .verify-layout .code-input,
.sms-verify-layout .verify-layout .code-input {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem 0;
}
.email-verify-layout .verify-layout .code-input input,
.sms-verify-layout .verify-layout .code-input input {
  width: 3.5rem !important;
  height: 3.5rem;
  margin: 0 0.625rem;
  text-align: center;
  font-size: 1.5rem !important;
  border-radius: 0.5rem !important;
  border: 1px solid #a9a9a9 !important;
  background-color: var(--black-color);
  color: var(--white-light);
}
.email-verify-layout .verify-layout .code-input input:focus,
.sms-verify-layout .verify-layout .code-input input:focus {
  outline: none;
  border-color: var(--white-light);
  background-color: var(--dark-hover);
}
.email-verify-layout .verify-layout .verify-message,
.sms-verify-layout .verify-layout .verify-message {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.75rem 0;
  color: var(--white-light);
  font-size: 1rem;
  text-align: center;
}
.email-verify-layout .verify-layout .verify-message p,
.sms-verify-layout .verify-layout .verify-message p {
  font-weight: normal;
  color: var(--gray-lighter);
  margin: 0;
  padding: 0;
}
.email-verify-layout .verify-layout .verify-message p.error,
.sms-verify-layout .verify-layout .verify-message p.error {
  color: #ff6565;
  font-weight: 500;
}
.email-verify-layout .verify-layout .verify-message p.success,
.sms-verify-layout .verify-layout .verify-message p.success {
  color: #13d523;
  font-weight: 500;
}
.email-verify-layout .verify-layout .verify-button,
.sms-verify-layout .verify-layout .verify-button {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.5rem 0;
}
.email-verify-layout .verify-layout .verify-button button,
.sms-verify-layout .verify-layout .verify-button button {
  padding: 0.625rem 2.75rem;
  border-radius: 1.625rem;
  outline: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  background-color: var(--white-light);
  cursor: pointer;
}
.email-verify-layout .verify-layout .verify-button button i,
.sms-verify-layout .verify-layout .verify-button button i {
  color: #065f31;
  padding-right: 0.25rem;
  font-size: 1.125rem;
}
.email-verify-layout .verify-layout .verify-button button label,
.sms-verify-layout .verify-layout .verify-button button label {
  color: #065f31;
  font-size: 1rem;
  font-weight: normal;
}
.email-verify-layout .verify-layout .verify-button button:hover, .email-verify-layout .verify-layout .verify-button button:focus,
.sms-verify-layout .verify-layout .verify-button button:hover,
.sms-verify-layout .verify-layout .verify-button button:focus {
  background-color: #cbcbcb;
  color: var(--dark);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.email-verify-layout .verify-layout .resend-code,
.sms-verify-layout .verify-layout .resend-code {
  padding: 1rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.email-verify-layout .verify-layout .resend-code a,
.sms-verify-layout .verify-layout .resend-code a {
  padding: 0.25rem 1rem;
  color: var(--white-light);
  font-size: 1rem;
  text-decoration: none;
}
.email-verify-layout .verify-layout .resend-code a:hover,
.sms-verify-layout .verify-layout .resend-code a:hover {
  color: var(--gray-lighter);
  text-decoration: underline;
}

.email-verify-layout .verify-layout .verify-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0;
  font-weight: bold;
  color: var(--white-light);
}
.email-verify-layout .verify-layout .verify-header h2,
.email-verify-layout .verify-layout .verify-header h3 {
  color: var(--white-light);
}
.email-verify-layout .verify-layout .verify-header .title {
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--white-light);
  padding-bottom: 1.5rem;
}
.email-verify-layout .verify-layout .verify-header .subtitle {
  font-size: 1rem;
  font-weight: normal;
  color: var(--white-light);
}
.email-verify-layout .verify-layout .verify-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0;
  font-size: 1rem;
  color: var(--white-light);
}
.email-verify-layout .verify-layout .verify-content .inline-row {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 0;
  font-size: 1rem;
  color: var(--white-light);
  width: 100%;
}
.email-verify-layout .verify-layout .verify-content .inline-row div {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  color: var(--white-light);
  width: 100%;
}
.email-verify-layout .verify-layout .verify-content .inline-row div textarea,
.email-verify-layout .verify-layout .verify-content .inline-row div input.current-email {
  text-align: center;
  width: 50%;
  min-width: 20rem;
  height: auto;
  padding: 0.5rem 2rem;
  border-radius: 1.5rem;
  border: 1px solid #6d6d6d;
  background-color: var(--black-color);
  color: #ffffff;
  font-size: 1.125rem;
  resize: none;
}
.email-verify-layout .verify-layout .verify-content .inline-row div textarea:focus,
.email-verify-layout .verify-layout .verify-content .inline-row div input.current-email:focus {
  outline: none;
  border-color: #b1b1b1;
  background-color: #333333;
}
.email-verify-layout .verify-layout .verify-content .inline-row div #pCheckEmails {
  width: 100%;
  text-align: center;
  padding-top: 0.5rem;
  color: var(--white-light);
  font-size: 0.925rem;
  resize: none;
  font-style: italic;
}
.email-verify-layout .verify-layout .verify-content .inline-row div #pCheckEmails.error {
  color: #ff6565;
}
.email-verify-layout .verify-layout .verify-content button {
  padding: 0.625rem 2.75rem;
  border-radius: 1.625rem;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--white-light);
  cursor: pointer;
}
.email-verify-layout .verify-layout .verify-content button i {
  color: #065f31;
  padding-right: 0.25rem;
  font-size: 1.25rem;
  cursor: pointer;
}
.email-verify-layout .verify-layout .verify-content button label {
  color: #065f31;
  font-size: 1rem;
  font-weight: normal;
  padding: 0 !important;
  margin: 0;
  cursor: pointer;
}
.email-verify-layout .verify-layout .verify-content button:hover, .email-verify-layout .verify-layout .verify-content button:focus {
  background-color: #f0f0f0;
  cursor: pointer;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.email-verify-layout .verify-layout .verify-content button.button-send-code {
  font-size: 1rem;
}
.email-verify-layout .verify-layout .verify-content button.button-send-code strong {
  color: #0e6ee9;
  font-weight: bold;
}
.email-verify-layout .verify-layout .verify-content button.button-send-code.disabled {
  background-color: #474545;
  color: #bbbbbb;
  cursor: not-allowed;
}
.email-verify-layout .verify-layout .verify-content button.button-send-code.disabled strong {
  color: #bbbbbb;
  font-weight: normal;
}
.email-verify-layout .verify-layout .verify-content button.button-send-code.hidden {
  display: none;
}
.email-verify-layout .verify-layout .verify-content button.button-change-email {
  font-size: 1rem;
  background-color: var(--white-light);
  color: var(--dark);
  padding: 0.5rem 1.5rem;
  border-radius: 1.625rem;
  cursor: pointer;
}
.email-verify-layout .verify-layout .verify-content button.button-change-email i {
  font-size: 1rem;
  color: var(--dark);
}
.email-verify-layout .verify-layout .verify-content button.button-change-email:hover {
  background-color: #cbcbcb;
  color: var(--dark);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.email-verify-layout .verify-layout .verify-content button.button-change-email.hidden {
  display: none;
}
.email-verify-layout .verify-layout .verify-content button.button-change-email label {
  color: var(--dark);
}
.email-verify-layout .verify-layout .verify-content section {
  text-align: center;
}
.email-verify-layout .verify-layout .verify-content section.hidden {
  display: none;
}

/* Responsive styles for different screen sizes */
/* Large Desktop (1200px and up) */
@media (min-width: 1200px) {
  .email-verify-layout .verify-layout,
  .sms-verify-layout .verify-layout {
    width: 40vw;
    max-width: 800px;
    padding: 3rem 4rem;
  }
  .email-verify-layout .verify-layout h2,
  .sms-verify-layout .verify-layout h2 {
    font-size: 2.25rem;
  }
  .email-verify-layout .verify-layout .code-input input,
  .sms-verify-layout .verify-layout .code-input input {
    width: 4rem !important;
    height: 4rem;
    font-size: 1.75rem !important;
  }
  .email-verify-layout .verify-layout .verify-header .title {
    font-size: 1.75rem;
  }
  .email-verify-layout .verify-layout .verify-content .inline-row div textarea {
    min-width: 25rem;
    font-size: 1.25rem;
  }
}
/* Medium Desktop and Tablets (768px - 1199px) */
@media (min-width: 768px) and (max-width: 1199px) {
  .email-verify-layout .verify-layout,
  .sms-verify-layout .verify-layout {
    width: 60vw;
    padding: 2rem 3rem;
  }
  .email-verify-layout .verify-layout .verify-content .inline-row div textarea {
    min-width: 18rem;
    width: 70%;
  }
}
/* Mobile (767px and below) */
@media (max-width: 767px) {
  .email-verify-layout,
  .sms-verify-layout {
    padding: 1rem;
  }
  .email-verify-layout .verify-layout,
  .sms-verify-layout .verify-layout {
    width: 90vw;
    padding: 1.5rem;
  }
  .email-verify-layout .verify-layout h2,
  .sms-verify-layout .verify-layout h2 {
    font-size: 1.5rem;
  }
  .email-verify-layout .verify-layout p,
  .sms-verify-layout .verify-layout p {
    font-size: 0.875rem;
    text-align: center;
  }
  .email-verify-layout .verify-layout .code-input,
  .sms-verify-layout .verify-layout .code-input {
    padding: 1rem 0;
    flex-wrap: wrap;
  }
  .email-verify-layout .verify-layout .code-input input,
  .sms-verify-layout .verify-layout .code-input input {
    width: 2.5rem !important;
    height: 2.5rem;
    margin: 0.25rem;
    font-size: 1.25rem !important;
  }
  .email-verify-layout .verify-layout .verify-button,
  .sms-verify-layout .verify-layout .verify-button {
    padding: 1rem 0;
  }
  .email-verify-layout .verify-layout .verify-button button,
  .sms-verify-layout .verify-layout .verify-button button {
    padding: 0.5rem 2rem;
  }
  .email-verify-layout .verify-layout .verify-button button label,
  .sms-verify-layout .verify-layout .verify-button button label {
    font-size: 0.875rem;
  }
  .email-verify-layout .verify-layout .resend-code a,
  .sms-verify-layout .verify-layout .resend-code a {
    font-size: 0.875rem;
  }
  .email-verify-layout .verify-layout .verify-header {
    padding: 0.25rem 0;
  }
  .email-verify-layout .verify-layout .verify-header .title {
    font-size: 1.25rem;
    text-align: center;
    padding-bottom: 1rem;
  }
  .email-verify-layout .verify-layout .verify-header .subtitle {
    font-size: 0.875rem;
    text-align: center;
  }
  .email-verify-layout .verify-layout .verify-content .inline-row {
    padding: 0.5rem 0;
  }
  .email-verify-layout .verify-layout .verify-content .inline-row div {
    padding: 0.25rem;
  }
  .email-verify-layout .verify-layout .verify-content .inline-row div textarea {
    min-width: unset;
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
  }
  .email-verify-layout .verify-layout .verify-content .inline-row div #pCheckEmails {
    font-size: 0.75rem;
  }
  .email-verify-layout .verify-layout .verify-content button {
    padding: 0.5rem 1.5rem;
  }
  .email-verify-layout .verify-layout .verify-content button i {
    font-size: 1rem;
  }
  .email-verify-layout .verify-layout .verify-content button label {
    font-size: 0.875rem;
  }
  .email-verify-layout .verify-layout .verify-content button.button-send-code {
    font-size: 0.875rem;
  }
}
/* Small Mobile (480px and below) */
@media (max-width: 480px) {
  .email-verify-layout .verify-layout,
  .sms-verify-layout .verify-layout {
    width: 95vw;
    padding: 1rem;
  }
  .email-verify-layout .verify-layout h2,
  .sms-verify-layout .verify-layout h2 {
    font-size: 1.25rem;
  }
  .email-verify-layout .verify-layout .code-input input,
  .sms-verify-layout .verify-layout .code-input input {
    width: 2rem !important;
    height: 2rem;
    font-size: 1rem !important;
  }
  .email-verify-layout .verify-layout .verify-header .title {
    font-size: 1.125rem;
  }
}/*# sourceMappingURL=MultiFactorsAuthentication.css.map */