/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
.IncodeCurpValidationPage .IncodePageContent {
  padding-top: var(--spacing-32, var(--spacing-32, 32px));
  padding-bottom: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  align-items: center;
  display: flex;
}

@media (min-width: 48rem) {
  .IncodeCurpValidationPage.IncodeCurpGeneratePage.IncodePageContainer {
    align-items: stretch;
  }

  .IncodeCurpValidationPage.IncodeCurpGeneratePage .IncodePageInner {
    height: 100%;
    min-height: var(--spacing-0, var(--spacing-none, 0px));
  }

  .IncodeCurpValidationPage.IncodeCurpGeneratePage .IncodePageContent {
    min-height: var(--spacing-0, var(--spacing-none, 0px));
  }
}

.IncodeCurpValidationPage .IncodeCurpValidation {
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.IncodeCurpValidationPage .IncodeCurpInput {
  min-height: var(--spacing-0, var(--spacing-none, 0px));
  width: 100%;
  max-width: var(--incode-form-max-w);
  gap: var(--spacing-12, var(--spacing-12, 12px));
  flex-direction: column;
  flex: 1;
  display: flex;
}

.IncodeCurpValidationPage .IncodeCurpInput .IncodeButtonSecondary:focus {
  text-decoration: none;
}

.IncodeCurpValidationPage .IncodeCurpInput .IncodeButtonSecondary:active {
  color: var(--color-button-secondary-text-default, var(--button-secondary-text-default));
}

.IncodeCurpValidationPage .IncodeGenerateCurpForm {
  width: 100%;
  max-width: var(--incode-form-max-w);
  flex-direction: column;
  display: flex;
}

@media (min-width: 48rem) {
  .IncodeCurpValidationPage .IncodeGenerateCurpForm {
    min-height: var(--spacing-0, var(--spacing-none, 0px));
  }
}

.IncodeCurpValidationPage .IncodeGenerateCurpFields {
  gap: var(--spacing-8, var(--spacing-8, 8px));
  flex-direction: column;
  width: 100%;
  display: flex;
}

@media (min-width: 48rem) {
  .IncodeCurpValidationPage .IncodeGenerateCurpFields {
    min-height: var(--spacing-0, var(--spacing-none, 0px));
    padding-bottom: var(--spacing-8, var(--spacing-8, 8px));
    flex: 1;
    overflow-y: auto;
  }
}

.IncodeCurpValidationPage .IncodeGenerateCurpFooter {
  width: 100%;
  padding-top: var(--spacing-16, var(--spacing-16, 16px));
}

@media (min-width: 48rem) {
  .IncodeCurpValidationPage .IncodeGenerateCurpFooter {
    flex-shrink: 0;
  }
}

.IncodeCurpValidationPage .IncodeCurpConfirm {
  width: 100%;
  max-width: var(--incode-curp-confirm-max-w);
  flex-direction: column;
  align-items: center;
  display: flex;
}

.IncodeCurpValidationPage .IncodeCurpConfirm .IncodeInput {
  text-align: center;
  font-family: var(--typography-input-dropdown-family);
  font-size: var(--typography-input-dropdown-m-size);
  font-weight: var(--typography-input-dropdown-m-weight);
  line-height: var(--typography-input-dropdown-m-line-height);
  letter-spacing: var(--typography-input-dropdown-m-letter-spacing);
}

.IncodeCurpValidationPage .IncodeCurpSuccess, .IncodeCurpValidationPage .IncodeCurpFailure {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeCurpValidationPage .IncodeCurpSuccessTitle, .IncodeCurpValidationPage .IncodeCurpFailureTitle {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  padding: var(--spacing-0, var(--spacing-none, 0px));
}

.IncodeCurpValidationPage .IncodeCurpFailureHint {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  text-align: center;
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h5-size);
  font-weight: var(--typography-headline-h5-weight);
  line-height: var(--typography-headline-h5-line-height);
  letter-spacing: var(--typography-headline-h5-letter-spacing);
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
}