/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
.IncodeEkycPage {
  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
  margin-inline: auto;
  animation-fill-mode: both;
}

@media (min-width: 48rem) {
  .IncodeEkycPage .IncodePageInner {
    padding-inline: var(--spacing-0, var(--spacing-none, 0px));
    padding-block: var(--spacing-0, var(--spacing-none, 0px));
  }
}

.IncodeEkycPage .IncodeEkycSpinner {
  flex: 1;
}

.IncodeEkycPage .IncodeEkycForm {
  margin-top: var(--spacing-32, var(--spacing-32, 32px));
  gap: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.IncodeEkycPage .IncodeEkycForm .IncodeInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDropdownComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDateInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodePhoneInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeAddressAutocomplete {
  margin-inline: auto;
}

.IncodeEkycPage .IncodeEkycForm .IncodeFormField {
  margin-bottom: var(--spacing-0, var(--spacing-none, 0px));
}

.IncodeEkycPage .IncodeEkycSectionHeader {
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h3-size);
  font-weight: var(--typography-headline-h3-weight);
  line-height: var(--typography-headline-h3-line-height);
  letter-spacing: var(--typography-headline-h3-letter-spacing);
  color: var(--color-input-text-label-default, var(--input-text-label-default));
  margin-inline: auto;
  margin-top: var(--spacing-16, var(--spacing-16, 16px));
  width: 100%;
  max-width: var(--incode-form-max-w);
  padding-block: var(--spacing-12, var(--spacing-12, 12px));
}

.IncodeEkycPage .IncodeEkycRadioGroup {
  width: 100%;
  max-width: var(--incode-form-max-w);
  margin-inline: auto;
}

.IncodeEkycPage .IncodeEkycFooter {
  margin-top: var(--spacing-24, var(--spacing-24, 24px));
  align-items: center;
  gap: var(--spacing-12, var(--spacing-12, 12px));
  flex-direction: column;
  display: flex;
}

.IncodeEkycPage .IncodeEkycFooter .IncodeEkycSubmitError {
  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
  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-input-text-helper-negative, var(--input-text-helper-negative));
  margin-top: 0;
}

.IncodeEkycPage .IncodeEkycFooter button {
  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
}

@media (min-width: 768px) {
  .IncodeEkycPage.IncodePageContainer {
    height: 100dvh;
    max-height: none;
    margin-top: var(--spacing-0, var(--spacing-none, 0px));
  }

  .IncodeEkycPage .IncodePageInner {
    height: 100%;
  }

  .IncodeEkycPage.IncodeEkycPageScrollable {
    max-width: 500px;
  }

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

  .IncodeEkycPage .IncodeEkycForm {
    min-height: var(--spacing-0, var(--spacing-none, 0px));
    padding-bottom: var(--spacing-8, var(--spacing-8, 8px));
    overflow-y: auto;
  }

  .IncodeEkycPage .IncodeEkycFooter {
    flex-shrink: 0;
  }
}
