/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    .IncodeComponent, .IncodeComponent *, .IncodeComponent :before, .IncodeComponent :after, .IncodeComponent ::backdrop {
      --tw-border-style: solid;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-outline-style: solid;
      --tw-duration: initial;
    }
  }
}

@layer incode-theme, incode-utilities, incode-base, incode-components;

@keyframes slideUp {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.IncodeCameraButton {
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeCameraButton .IncodeCameraButtonBackground {
  fill: var(--color-icon-neutral-800-static, var(--icon-neutral-800-static));
}

.IncodeCameraButton .IncodeCameraButtonRing, .IncodeCameraButton .IncodeCameraButtonPath {
  fill: var(--color-icon-neutral-50, var(--icon-neutral-50-static));
}

.IncodeCaptureCapturingPage .IncodeCaptureCapturingActions {
  justify-content: center;
  margin-top: auto;
  display: flex;
}

.IncodePrivacyLensBanner {
  text-align: center;
  color: #4a5568;
  text-align: center;
  max-width: 320px;
  margin-inline: auto;
  padding: 0 1rem 1rem;
  font-size: .95rem;
  line-height: 1.4;
}

.IncodeCaptureStatusPage .IncodeCaptureStatusContainer {
  flex-direction: column;
  flex: 1;
  align-items: center;
  display: flex;
}

.IncodeCaptureStatusPage .IncodeCaptureStatusTitle {
  text-align: center;
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-leading: 125%;
  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
  line-height: 125%;
  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
  --tw-tracking: -1px;
  letter-spacing: -1px;
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeSelfieManualCapture {
  flex-direction: column;
  align-items: center;
  max-width: 275px;
  display: flex;
}

.IncodeSelfieManualCaptureText {
  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));
}

.IncodeSelfieManualCaptureButton {
  padding: var(--spacing-0, var(--spacing-none, 0px));
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodePhonePage .IncodePageContent {
  padding-top: var(--spacing-32, var(--spacing-32, 32px));
  padding-bottom: var(--spacing-16, var(--spacing-16, 16px));
  align-items: center;
}

.IncodePhoneInputContainer {
  width: 100%;
  max-width: 420px;
}

.IncodeEmailInput, .IncodeEmailInputContainer {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.IncodeEmailPage .IncodePageContent {
  padding-top: var(--spacing-32, var(--spacing-32, 32px));
  padding-bottom: var(--spacing-16, var(--spacing-16, 16px));
}

.IncodeFaceMatchPage {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.IncodeFaceMatchPage .IncodeFaceMatchContent {
  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  flex: 1;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.IncodeFaceMatchAnimationContainer {
  flex: 1;
  width: 100%;
  min-height: 250px;
  display: flex;
  position: relative;
  overflow: clip;
}

.IncodeFaceMatchContainer {
  flex: 1;
  width: 100%;
  height: 100%;
  min-height: 225px;
  position: relative;
}

.IncodeFaceMatchResultContainer {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  display: flex;
  position: absolute;
  inset: 0;
}

.IncodeFaceMatchHeader {
  flex-direction: column;
  align-items: center;
  transition: opacity .3s ease-out;
  display: flex;
}

.IncodeFaceMatchHeaderHidden {
  opacity: 0;
  height: 0;
  overflow: hidden;
}

.IncodeFaceMatchPhotoWrapper {
  inset: var(--spacing-0, var(--spacing-none, 0px));
  transition: opacity .3s ease-out;
  position: absolute;
}

.IncodeFaceMatchPhotoWrapperHidden {
  opacity: 0;
  pointer-events: none;
}

.IncodeFaceMatchResultVisible {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  animation: .4s ease-out forwards resultFadeIn;
  display: flex;
  position: static;
}

.IncodeFaceMatchResultVisible .IncodeFaceMatchAnimatedIcon, .IncodeFaceMatchResultVisible .IncodeFaceMatchAnimatedResultTitle {
  opacity: 1;
  animation: none;
}

.IncodeFaceMatchResultIcon {
  height: var(--spacing-40, var(--spacing-40, 40px));
  width: var(--spacing-40, var(--spacing-40, 40px));
}

@keyframes resultFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.IncodeFaceMatchResultContent {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  width: 100%;
  display: flex;
}

.IncodeFaceMatchShowResult {
  flex: 1;
  min-height: auto;
}

.IncodeFaceMatchLivenessContainer {
  margin-bottom: var(--spacing-32, var(--spacing-32, 32px));
  opacity: 0;
  pointer-events: none;
  justify-content: center;
  width: 100%;
  transition: opacity .4s ease-out, transform .4s ease-out;
  display: flex;
  transform: translateY(8px);
}

.IncodeFaceMatchLivenessVisible {
  opacity: 1;
  pointer-events: auto;
  animation: .4s ease-out fadeIn;
  transform: translateY(0);
}

.IncodeFaceMatchButtonContainer {
  opacity: 0;
  pointer-events: none;
  width: 100%;
  transition: opacity .4s ease-out, transform .4s ease-out;
  transform: translateY(8px);
}

.IncodeFaceMatchButtonVisible {
  opacity: 1;
  pointer-events: auto;
  animation: .4s ease-out fadeIn;
  transform: translateY(0);
}

.IncodeFaceMatchTooltip {
  background: var(--surface-neutral-50);
  border: 1px solid var(--border-neutral-100);
  border-radius: var(--border-radius-medium);
  letter-spacing: -.192px;
  height: 44px;
  color: var(--text-body-800-primary);
  text-align: center;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 44px;
  display: inline-block;
  position: relative;
}

.IncodeFaceMatchTooltip:after {
  content: "";
  border-left: 9px solid #0000;
  border-right: 9px solid #0000;
  border-top: 9px solid var(--surface-neutral-50);
  width: 0;
  height: 0;
  position: absolute;
  bottom: -9px;
  left: 50%;
  transform: translateX(-50%);
}

.IncodeFaceMatchTooltip:before {
  content: "";
  border-left: 9px solid #0000;
  border-right: 9px solid #0000;
  border-top: 9px solid var(--border-neutral-100);
  width: 0;
  height: 0;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
}

.IncodeFaceMatchAnimatedTitle {
  text-align: center;
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
  color: var(--text-body-800-primary);
  line-height: 125%;
}

.IncodeFaceMatchContainer {
  --animation-duration: .8s;
  --transition-delay: .2s;
  --transition-duration: .25s;
  --entrance-duration: .8s;
  --entrance-delay: .45s;
  --tooltip-duration: 1.6s;
  --tooltip-show-delay: 1.25s;
  --animation-delay: 2.85s;
}

@keyframes leftEntrance {
  from {
    opacity: 0;
    transform: translateX(-200px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes rightEntrance {
  from {
    opacity: 0;
    transform: translateX(200px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes bottomEntrance {
  from {
    opacity: 0;
    transform: translate(-50%, 200px);
  }

  to {
    opacity: 1;
    transform: translate(-50%);
  }
}

@keyframes leftIn {
  from {
    opacity: 1;
    left: 0;
    transform: translateX(0);
  }

  to {
    opacity: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}

@keyframes rightIn {
  from {
    opacity: 1;
    right: 0;
    transform: translateX(0);
  }

  to {
    opacity: 0;
    right: 50%;
    transform: translateX(50%);
  }
}

@keyframes bottomUp {
  from {
    opacity: 1;
    transform: translate(-50%);
  }

  to {
    opacity: 0;
    transform: translate(-50%, -225px);
  }
}

@keyframes tooltipShowHide {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeInTitle {
  from {
    opacity: 0;
    visibility: hidden;
  }

  to {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes fadeOutTitle {
  from {
    opacity: 1;
    visibility: visible;
  }

  to {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes simpleFadeInTitle {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeInIcon {
  from {
    opacity: 0;
    visibility: hidden;
  }

  to {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes slideUpButton {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.IncodeFaceMatchPhotoContainer {
  flex-direction: column;
  align-items: center;
  gap: 21px;
  display: flex;
  position: absolute;
  top: 0;
}

.IncodeFaceMatchPhotoContainerHidden {
  visibility: hidden;
}

.IncodeFaceMatchPhotoContainer > .IncodeFaceMatchTooltip {
  opacity: 0;
  animation: tooltipShowHide var(--tooltip-duration, 1.6s) linear forwards;
  animation-delay: var(--tooltip-show-delay, 1.25s);
}

.IncodeFaceMatchLeftPhoto {
  z-index: 2;
  opacity: 0;
  will-change: transform, opacity;
  animation: leftEntrance var(--entrance-duration, .8s) cubic-bezier(.25, .46, .45, .94) forwards, leftIn var(--animation-duration, .8s) cubic-bezier(.25, .46, .45, .94) forwards;
  animation-delay: var(--entrance-delay, .45s), var(--animation-delay, 2.85s);
  left: 0;
  transform: translateX(-200px) translateZ(0);
}

.IncodeFaceMatchRightPhoto {
  z-index: 1;
  opacity: 0;
  will-change: transform, opacity;
  animation: rightEntrance var(--entrance-duration, .8s) cubic-bezier(.25, .46, .45, .94) forwards, rightIn var(--animation-duration, .8s) cubic-bezier(.25, .46, .45, .94) forwards;
  animation-delay: var(--entrance-delay, .45s), var(--animation-delay, 2.85s);
  right: 0;
  transform: translateX(200px) translateZ(0);
}

.IncodeFaceMatchBottomPhotoContainer {
  opacity: 0;
  z-index: 3;
  will-change: transform, opacity;
  animation: bottomEntrance var(--entrance-duration, .8s) cubic-bezier(.25, .46, .45, .94) forwards, bottomUp var(--animation-duration, .8s) cubic-bezier(.25, .46, .45, .94) forwards;
  animation-delay: var(--entrance-delay, .45s), var(--animation-delay, 2.85s);
  flex-direction: column;
  align-items: center;
  gap: 21px;
  display: flex;
  position: absolute;
  top: 225px;
  left: 50%;
  transform: translate(-50%, 200px) translateZ(0);
}

.IncodeFaceMatchBottomPhotoContainerHidden {
  visibility: hidden;
}

.IncodeFaceMatchBottomPhotoContainer > .IncodeFaceMatchTooltip {
  opacity: 0;
  animation: tooltipShowHide var(--tooltip-duration, 1.6s) linear forwards;
  animation-delay: var(--tooltip-show-delay, 1.25s);
}

.IncodeFaceMatchCircularImage {
  object-fit: cover;
  background-color: #ddd;
  border-radius: 50%;
  width: 160px;
  height: 160px;
}

.IncodeFaceMatchAnimatedTitle {
  animation: simpleFadeInTitle var(--transition-duration, .25s) ease-out forwards, fadeOutTitle var(--transition-duration, .25s) linear forwards;
  animation-delay: 0s, calc(var(--animation-delay, 2.85s) + var(--animation-duration, .8s) + var(--transition-delay, .2s));
  opacity: 0;
}

.IncodeFaceMatchAnimatedResultTitle {
  text-align: center;
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
  color: var(--text-body-800-primary);
  animation: fadeInTitle var(--transition-duration, .25s) linear forwards;
  animation-delay: calc(var(--animation-delay, 2.85s) + var(--animation-duration, .8s) + var(--transition-delay, .2s));
  opacity: 0;
  line-height: 125%;
}

.IncodeFaceMatchAnimatedIcon {
  animation: fadeInIcon var(--transition-duration, .25s) linear forwards;
  animation-delay: calc(var(--animation-delay, 2.85s) + var(--animation-duration, .8s) + var(--transition-delay, .2s));
  opacity: 0;
}

.IncodeFaceMatchAnimatedButton {
  animation: slideUpButton var(--transition-duration, .25s) cubic-bezier(.25, .46, .45, .94) forwards;
  animation-delay: calc(var(--animation-delay, 2.85s) + var(--animation-duration, .8s) + var(--transition-delay, .2s));
  opacity: 0;
}

.IncodeGovtValidation {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.IncodeGovtValidation .IncodeGovtValidationPage {
  width: 100%;
  height: 100%;
}

.IncodeGovtValidation .IncodeGovtValidationPage .IncodePageContent {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeGovtValidation.IncodeGovtValidation--otp .IncodeGovtValidationPage .IncodePageContent {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.IncodeGovtValidation.IncodeGovtValidation--otp .IncodeGovtValidationPage .IncodeGovtValidationOtpInstructions {
  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
}

.IncodeGovtValidation.IncodeGovtValidation--otp .IncodeGovtValidationPage .IncodeGovtValidationOtpInstructions p, .IncodeGovtValidation.IncodeGovtValidation--otp .IncodeGovtValidationPage .IncodeGovtValidationOtpInstructions h2 {
  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);
  text-wrap: nowrap;
}

.IncodeFlowStart {
  width: 100%;
  height: 100%;
  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
  padding-top: var(--spacing-20, var(--spacing-20, 20px));
  padding-bottom: var(--spacing-32, var(--spacing-32, 32px));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeFlowStartContent {
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.IncodeFlowStartCenterSection {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.IncodeFlowStartLogoContainer {
  justify-content: center;
  align-items: center;
  min-width: 100px;
  max-height: 250px;
  display: flex;
}

.IncodeFlowStartLogo {
  object-fit: contain;
  width: 260px;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

@media screen and (max-width: 767px) {
  .IncodeFlowStartLogo {
    width: 200px;
  }
}

.IncodeFlowStartSubtitle {
  color: #20263d;
  text-align: center;
  margin-top: 10px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.37;
}

.IncodeFlowStartButton {
  margin-top: auto;
}

@media screen and (min-width: 992px) {
  .IncodeFlowStart {
    padding: 5% 20% 15%;
  }
}

.IncodeHome {
  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
  width: 100%;
  height: 100%;
  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
  padding-top: var(--spacing-20, var(--spacing-20, 20px));
  padding-bottom: var(--spacing-32, var(--spacing-32, 32px));
  flex-direction: column;
  display: flex;
}

.IncodeHome .IncodeHomeContent {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.IncodeHome .IncodeHomeHeader {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  display: flex;
}

.IncodeHome .IncodeHomeLanguage {
  flex-direction: column;
  display: flex;
}

.IncodeHome .IncodeHomeLanguageLabel {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  font-family: var(--typography-label-family);
  font-size: var(--typography-label-m-size);
  font-weight: var(--typography-label-m-weight);
  line-height: var(--typography-label-m-line-height);
  letter-spacing: var(--typography-label-m-letter-spacing);
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeHome .IncodeHomeLanguageValue {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  font-family: var(--typography-body-family);
  font-size: var(--typography-body-m-regular-size);
  font-weight: var(--typography-body-m-regular-weight);
  line-height: var(--typography-body-m-regular-line-height);
  letter-spacing: var(--typography-body-m-regular-letter-spacing);
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
}

.IncodeHome .IncodeHomeSettingsButton {
  border-style: var(--tw-border-style);
  border-width: var(--border-width-none, var(--primitive-border-width-0));
  --tw-border-style: none;
  padding: var(--spacing-0, var(--spacing-none, 0px));
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
  background-color: #0000;
  border-style: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeHome .IncodeHomeSettingsButton:focus-visible {
  outline: var(--focus-outline-width) solid var(--border-status-focus);
  outline-offset: var(--focus-outline-offset);
}

.IncodeHome .IncodeHomeCenterSection {
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeHome .IncodeHomeLogoContainer {
  width: 100%;
  max-width: var(--home-logo-container-max-width);
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeHome .IncodeHomeLogo {
  object-fit: contain;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: var(--home-logo-max-height);
}

.IncodeHome .IncodeHomeSubtitle {
  margin-top: var(--spacing-12, var(--spacing-12, 12px));
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h4-size);
  font-weight: var(--typography-headline-h4-weight);
  line-height: var(--typography-headline-h4-line-height);
  letter-spacing: var(--typography-headline-h4-letter-spacing);
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
  --tw-outline-style: none;
  outline-style: none;
}

.IncodeHome .IncodeHomeStartButton {
  margin-top: auto;
}

.IncodeHomeSettingsModal.IncodeModalRoot .IncodeModalDialog {
  max-width: none;
  height: 100%;
  max-height: 100%;
}

.IncodeHomeSettingsModal.IncodeModalRoot .IncodeModalContent {
  border-radius: var(--radius-none, var(--border-radius-none));
  max-width: none;
  height: 100%;
  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
  padding-block: var(--spacing-32, var(--spacing-32, 32px));
  align-items: stretch;
}

.IncodeHomeSettingsModal .IncodeHomeSettingsContainer {
  flex-direction: column;
  flex: 1;
  width: 100%;
  display: flex;
}

.IncodeHomeSettingsModal .IncodeHomeSettingsBody {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.IncodeHomeSettingsModal .IncodeHomeSettingsTitle {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h2-size);
  font-weight: var(--typography-headline-h2-weight);
  line-height: var(--typography-headline-h2-line-height);
  letter-spacing: var(--typography-headline-h2-letter-spacing);
  color: var(--color-text-body-primary, var(--text-body-800-primary));
  --tw-outline-style: none;
  outline-style: none;
}

.IncodeHomeSettingsModal .IncodeHomeSettingsFooter {
  margin-top: var(--spacing-24, var(--spacing-24, 24px));
}

.IncodeHomeSettingsModal .IncodeHomeSettingsBodyContent {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeFlowCompleted {
  width: 100%;
  height: 100%;
  padding: var(--spacing-20, var(--spacing-20, 20px));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeComponent .IncodeFlowCompleted h1.IncodeFlowCompletedTitle {
  color: #20263d;
  text-align: left;
  width: 100%;
  margin: 20px 0;
  font-size: 2rem;
  font-weight: 700;
}

.IncodeComponent .IncodeFlowCompleted p.IncodeFlowCompletedSubtitle {
  color: #20263d;
  text-align: left;
  width: 100%;
  margin: 20px 0;
  font-size: 1rem;
  font-weight: 700;
}

@media screen and (min-width: 992px) {
  .IncodeComponent .IncodeFlowCompleted h1.IncodeFlowCompletedTitle, .IncodeComponent .IncodeFlowCompleted p.IncodeFlowCompletedSubtitle {
    text-align: center;
  }
}

.IncodeUnsupportedModule {
  min-height: 100vh;
  padding: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeUnsupportedModule .IncodeUnsupportedModuleContent, .IncodeUnsupportedModule .IncodeUnsupportedModuleContent .IncodeUnsupportedModuleContent {
  max-width: var(--container-md, 28rem);
  align-items: center;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  text-align: center;
  flex-direction: column;
  display: flex;
}

.IncodeUnsupportedModule .IncodeUnsupportedModuleContent .IncodeUnsupportedModuleTitle {
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h2-size);
  font-weight: var(--typography-headline-h2-weight);
  line-height: var(--typography-headline-h2-line-height);
  letter-spacing: var(--typography-headline-h2-letter-spacing);
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeUnsupportedModule .IncodeUnsupportedModuleContent .IncodeUnsupportedModuleMessage {
  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));
}

.IncodeUnsupportedModule .IncodeUnsupportedModuleContent .IncodeUnsupportedModuleButton {
  margin-top: var(--spacing-8, var(--spacing-8, 8px));
}

.IncodeSrOnly {
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.IncodeAgeVerificationPage .IncodePageInner {
  padding-top: var(--spacing-8, var(--spacing-8, 8px));
  padding-bottom: var(--spacing-16, var(--spacing-16, 16px));
}

.IncodeAgeVerificationPage .IncodePageHeader {
  height: var(--page-header-height);
  min-height: var(--page-header-height);
}

.IncodeAgeVerificationPage .IncodePageLogo {
  height: var(--age-verification-logo-height);
}

.IncodeAgeVerificationPage .IncodePageTitleContainer {
  max-width: none;
}

.IncodeAgeVerificationPage .IncodePageContent {
  justify-content: center;
}

.IncodeAgeVerificationPage .IncodePageFooter {
  padding-top: var(--spacing-12, var(--spacing-12, 12px));
  padding-bottom: var(--spacing-0, var(--spacing-none, 0px));
}

.IncodeAgeVerificationPage .IncodeAgeVerificationContent {
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  flex: 1;
  display: flex;
}

.IncodeAgeVerificationPage .IncodeAgeVerificationList {
  width: 100%;
  max-width: var(--incode-form-max-w);
  justify-content: center;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  padding: var(--spacing-0, var(--spacing-none, 0px));
  flex-direction: column;
  flex: 1;
  margin-inline: auto;
  list-style-type: none;
  display: flex;
}

.IncodeAgeVerificationPage .IncodeAgeVerificationItem {
  align-items: center;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  display: flex;
}

.IncodeAgeVerificationPage .IncodeAgeVerificationIcon {
  height: var(--spacing-64, var(--spacing-64, 64px));
  width: var(--spacing-96, var(--spacing-96, 96px));
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeAgeVerificationPage .IncodeAgeVerificationIcon img {
  width: 100%;
  height: 100%;
}

.IncodeAgeVerificationPage .IncodeAgeVerificationText {
  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-primary, var(--text-body-800-primary));
  flex: 1;
}

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

.IncodeIdTutorial .IncodePageTitleContainer {
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
}

.IncodeIdTutorial .IncodeBaseTutorialContainer {
  margin: calc(var(--spacing-24, var(--spacing-24, 24px)) * -1);
}

.IncodeIdTutorial .IncodeBaseTutorialAnimationContainer {
  padding: var(--spacing-0, var(--spacing-none, 0px));
}

.IncodeFlipAnimation {
  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
  height: 100%;
  padding: var(--spacing-24, var(--spacing-24, 24px));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeIdFlipCardPage .IncodePageInner {
  padding: var(--spacing-0, var(--spacing-none, 0px));
}

.IncodeIdFlipCardLayout {
  width: 100%;
  height: 100%;
  padding: var(--spacing-24, var(--spacing-24, 24px));
  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent {
  z-index: 10;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardTopArea {
  justify-content: flex-end;
  align-items: center;
  gap: var(--spacing-24, var(--spacing-24, 24px));
  padding-bottom: var(--spacing-40, var(--spacing-40, 40px));
  z-index: 10;
  flex-direction: column;
  flex: 1;
  width: 100%;
  display: flex;
}

.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCopy {
  opacity: 0;
  flex-direction: column;
  align-items: center;
  animation: .3s ease-out forwards incodeIdFlipCardFadeIn;
  display: flex;
}

.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardTitle {
  text-align: center;
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h2-size);
  font-weight: var(--typography-headline-h2-weight);
  line-height: var(--typography-headline-h2-line-height);
  letter-spacing: var(--typography-headline-h2-letter-spacing);
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardSubtitle {
  text-align: center;
  max-width: 300px;
  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));
}

.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame {
  overflow: hidden;
}

.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical {
  width: clamp(180px, 30vh, 274px);
}

.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame.IncodeIdFlipCardFrameFlipping {
  --frame-border-color: var(--border-neutral-100);
}

.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardScene {
  perspective: 1200px;
  width: 100%;
  height: 100%;
}

.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCard {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  animation: 1s ease-in-out .6s forwards incodeIdFlipCardRotate;
  position: relative;
}

@media (prefers-reduced-motion: reduce) {
  .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCard {
    animation: none;
  }
}

.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace {
  inset: var(--spacing-0, var(--spacing-none, 0px));
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
}

.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace.IncodeIdFlipCardFaceBack {
  transform: rotateY(180deg);
}

@media (prefers-reduced-motion: reduce) {
  .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace.IncodeIdFlipCardFaceBack {
    opacity: 0;
    animation: 1s ease-in-out .6s forwards incodeIdFlipCardReducedMotionFadeIn;
    transform: none;
  }
}

.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardImage {
  object-fit: cover;
  width: 100%;
  height: 100%;
  animation: 1s ease-in-out .6s forwards incodeIdFlipCardFrontFade;
}

@media (prefers-reduced-motion: reduce) {
  .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardImage {
    animation: 1s ease-in-out .6s forwards incodeIdFlipCardReducedMotionFadeOut;
  }
}

.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardAsset {
  object-fit: cover;
  width: 100%;
  height: 100%;
  padding: var(--spacing-4, var(--spacing-4, 4px));
  display: block;
}

.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardBottomArea {
  z-index: 10;
  width: 100%;
  max-width: 384px;
  padding-top: var(--spacing-8, var(--spacing-8, 8px));
  flex-direction: column;
  flex: 1;
  align-items: center;
  display: flex;
}

.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardBottomArea .IncodeCaptureEncryptionLabel {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, var(--spacing-4, 4px));
  font-family: var(--typography-body-family);
  font-size: var(--typography-body-m-regular-size);
  font-weight: var(--typography-body-m-regular-weight);
  line-height: var(--typography-body-m-regular-line-height);
  letter-spacing: var(--typography-body-m-regular-letter-spacing);
  white-space: nowrap;
  color: var(--color-text-body-primary, var(--text-body-800-primary));
  display: flex;
}

@keyframes incodeIdFlipCardFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes incodeIdFlipCardRotate {
  from {
    transform: rotateY(0);
  }

  to {
    transform: rotateY(180deg);
  }
}

@keyframes incodeIdFlipCardFrontFade {
  0%, 20% {
    opacity: 1;
  }

  50%, 100% {
    opacity: 0;
  }
}

@keyframes incodeIdFlipCardReducedMotionFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes incodeIdFlipCardReducedMotionFadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.IncodeCommonIssuesFullScreen .IncodeModalDialog {
  max-width: none;
  height: 100%;
  max-height: none;
}

.IncodeCommonIssuesFullScreen .IncodeModalContent {
  border-radius: var(--radius-none, var(--border-radius-none));
  max-width: none;
  height: 100%;
  margin: auto;
}

.IncodeCommonIssuesContent .IncodeCommonIssuesQuestionIcon {
  flex-shrink: 0;
}

.IncodeCommonIssuesContent .IncodeCommonIssuesTitle {
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h2-size);
  font-weight: var(--typography-headline-h2-weight);
  line-height: var(--typography-headline-h2-line-height);
  letter-spacing: var(--typography-headline-h2-letter-spacing);
}

.IncodeCommonIssuesContent .IncodeCommonIssuesCards {
  gap: var(--spacing-32, var(--spacing-32, 32px));
  width: 100%;
  max-width: 420px;
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  display: flex;
}

.IncodeCommonIssuesContent .IncodeCommonIssuesCard {
  align-items: flex-start;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  display: flex;
}

.IncodeCommonIssuesContent .IncodeCommonIssuesCardIcon {
  color: var(--color-text-body-primary, var(--text-body-800-primary));
  flex-shrink: 0;
}

.IncodeCommonIssuesContent .IncodeCommonIssuesCardText {
  gap: var(--spacing-4, var(--spacing-4, 4px));
  flex-direction: column;
  display: flex;
}

.IncodeCommonIssuesContent .IncodeCommonIssuesCardTitle {
  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);
}

.IncodeCommonIssuesContent .IncodeCommonIssuesCardBody {
  font-family: var(--typography-body-family);
  font-size: var(--typography-body-m-regular-size);
  font-weight: var(--typography-body-m-regular-weight);
  line-height: var(--typography-body-m-regular-line-height);
  letter-spacing: var(--typography-body-m-regular-letter-spacing);
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
}

.IncodeCommonIssuesContent .IncodeCommonIssuesButtons {
  margin-top: auto;
}

.IncodeCommonIssuesContent .IncodeCommonIssuesTakeManually {
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeCommonIssuesContent .IncodeCommonIssuesTryAgain {
  width: 100%;
}

.IncodeChooserPage .IncodePageContent {
  padding-bottom: var(--spacing-16, var(--spacing-16, 16px));
}

.IncodeChooserPage .IncodePageTitle {
  max-width: 15.625rem;
}

.IncodeChooserPage .IncodeChooserContainer {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: auto;
  display: flex;
}

.IncodeCaptureFrame {
  border-radius: var(--radius-medium, var(--border-radius-medium));
  --frame-border-color: var(--border-neutral-100);
  border: 4px solid var(--frame-border-color);
  justify-content: center;
  align-self: center;
  align-items: center;
  transition: max-width .3s ease-out, border-color .3s ease-out;
  display: flex;
  position: relative;
}

.IncodeCaptureFrame.IncodeCaptureFrameHorizontal {
  aspect-ratio: 35 / 22;
  width: 100%;
  max-width: 640px;
}

.IncodeCaptureFrame.IncodeCaptureFrameVertical {
  aspect-ratio: 22 / 35;
  width: 100%;
  max-width: 274px;
}

.IncodeCaptureFrame.IncodeCaptureFramePassport.IncodeCaptureFrameHorizontal {
  aspect-ratio: 42 / 30;
}

.IncodeCaptureFrame.IncodeCaptureFramePassport.IncodeCaptureFrameVertical {
  aspect-ratio: 30 / 42;
}

.IncodeCaptureFrame.IncodeCaptureFrameIdle {
  --frame-border-color: var(--border-neutral-100);
}

.IncodeCaptureFrame.IncodeCaptureFrameCapturing, .IncodeCaptureFrame.IncodeCaptureFrameFocus {
  --frame-border-color: var(--border-brand-500);
}

.IncodeCaptureFrame.IncodeCaptureFrameAnalyzing, .IncodeCaptureFrame.IncodeCaptureFrameSuccess {
  --frame-border-color: var(--border-status-positive-static);
}

.IncodeCaptureFrame.IncodeCaptureFrameError {
  --frame-border-color: var(--border-status-negative);
}

.IncodeIdCaptureStage {
  width: 100%;
  height: 100%;
  position: relative;
}

.IncodeIdCaptureStage > * {
  inset: var(--spacing-0, var(--spacing-none, 0px));
  position: absolute;
}

.IncodeIdCaptureStage > .IncodeIdCaptureStageResultExiting {
  animation: incodeIdCaptureResultCrossfadeOut var(--id-capture-result-crossfade-duration) linear forwards;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .IncodeIdCaptureStage > .IncodeIdCaptureStageResultExiting {
    animation-duration: 1ms;
  }
}

.IncodeIdCaptureStage > .IncodeIdCaptureStageResultEntering {
  animation: incodeIdCaptureResultCrossfadeIn var(--id-capture-result-crossfade-duration) linear forwards;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .IncodeIdCaptureStage > .IncodeIdCaptureStageResultEntering {
    animation-duration: 1ms;
  }
}

.IncodeIdCapturePage {
  background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));
}

@media (min-width: 48rem) {
  .IncodeIdCapturePage {
    background-color: var(--color-black, #000);
  }
}

.IncodeIdCapturePage .IncodePageInner {
  padding: var(--spacing-0, var(--spacing-none, 0px));
}

.IncodeIdCapturePage .IncodePageContent {
  flex: 1;
  position: relative;
}

.IncodeIdCapturePage .IncodeCaptureInitializing {
  height: 100%;
  color: var(--color-text-body-0, var(--text-body-0-static));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo {
  pointer-events: none;
  inset: var(--spacing-0, var(--spacing-none, 0px));
  position: absolute;
}

.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo.IncodeCaptureVideoLoading {
  opacity: 0;
}

.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo .IncodeCaptureVideoElement {
  inset: var(--spacing-0, var(--spacing-none, 0px));
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: absolute;
}

.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureOverlay {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureButton {
  border-radius: var(--radius-button-primary, var(--button-primary-border-radius));
  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
  padding-block: var(--spacing-12, var(--spacing-12, 12px));
  background-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
  color: var(--color-button-primary-text-default, var(--button-primary-text-default));
}

.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureInitializing {
  height: 100%;
  color: var(--color-text-body-0, var(--text-body-0-static));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureInitializing .IncodeCaptureInitializingText {
  margin-top: var(--spacing-16, var(--spacing-16, 16px));
}

.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureUploading, .IncodeIdCapturePage .IncodeCaptureUploading {
  height: 100%;
  color: var(--color-text-body-0, var(--text-body-0-static));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

@keyframes incodeIdCaptureResultCrossfadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes incodeIdCaptureResultCrossfadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.IncodeCaptureOverlayId {
  padding: var(--spacing-24, var(--spacing-24, 24px));
  align-items: center;
}

.IncodeCaptureOverlayId .IncodeCaptureTopSection {
  justify-content: flex-end;
  align-items: center;
  gap: var(--spacing-24, var(--spacing-24, 24px));
  padding-bottom: var(--spacing-40, var(--spacing-40, 40px));
  z-index: 10;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.IncodeCaptureOverlayId .IncodeCaptureTopSection .IncodeCameraOverlayHeader {
  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
  padding-top: var(--spacing-16, var(--spacing-16, 16px));
}

.IncodeCaptureOverlayId .IncodeCaptureFooter {
  flex: 1;
  justify-content: space-between;
}

.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeCaptureFooterCaptureSection {
  position: relative;
}

.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer {
  pointer-events: none;
  z-index: 1000;
  --manual-capture-tooltip-button-gap: var(--spacing-4);
  --manual-capture-tooltip-button-top-offset: var(--spacing-12);
  --manual-capture-tooltip-button-center-offset: calc(var(--spacing-32) + var(--manual-capture-tooltip-button-gap));
  width: max-content;
  left: 50%;
  bottom: calc(100% - ( var(--manual-capture-tooltip-button-top-offset) - var(--manual-capture-tooltip-button-gap) ));
  justify-content: center;
  animation: .35s ease-in 3.5s forwards manualCaptureTooltipExit;
  display: flex;
  position: absolute;
  transform: translateX(-50%);
}

.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip {
  border-radius: var(--radius-medium, var(--border-radius-medium));
  background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));
  padding: var(--spacing-16, var(--spacing-16, 16px));
  animation: .5s ease-out forwards slideUp;
}

.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  padding: var(--spacing-0, var(--spacing-none, 0px));
  flex-direction: column;
  align-items: center;
  list-style-type: none;
  display: flex;
}

.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList li {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  font-family: var(--typography-tooltip-family);
  font-size: var(--typography-tooltip-m-size);
  font-weight: var(--typography-tooltip-m-weight);
  line-height: var(--typography-tooltip-m-line-height);
  letter-spacing: var(--typography-tooltip-m-letter-spacing);
  text-wrap: nowrap;
  color: var(--color-text-body-0-static, var(--text-body-0-static));
}

.IncodeCaptureOverlayId .IncodeCameraFrameHorizontal.IncodeCaptureFramePassport {
  aspect-ratio: 42 / 30;
}

.IncodeCaptureOverlayId .IncodeCameraFrameVertical.IncodeCaptureFramePassport {
  aspect-ratio: 30 / 42;
}

@keyframes manualCaptureTooltipExit {
  from {
    opacity: 1;
    transform: translateX(-50%);
  }

  to {
    opacity: 0;
    transform: translate(-50%, calc(50% + var(--manual-capture-tooltip-button-center-offset)));
  }
}

.IncodeIdManualCaptureButton {
  bottom: var(--spacing-24, var(--spacing-24, 24px));
  z-index: 100;
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  width: 100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, var(--spacing-4, 4px));
  flex-direction: column;
  animation: .5s ease-out forwards slideUp;
  display: flex;
  position: absolute;
  left: 50%;
}

.IncodeIdManualCaptureButton .IncodeButtonLink {
  height: 100%;
  padding: var(--spacing-0, var(--spacing-none, 0px));
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip {
  border-radius: var(--radius-medium, var(--border-radius-medium));
  background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));
  padding: var(--spacing-16, var(--spacing-16, 16px));
}

.IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  padding: var(--spacing-0, var(--spacing-none, 0px));
  flex-direction: column;
  align-items: center;
  list-style-type: none;
  display: flex;
}

.IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList li {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  font-family: var(--typography-tooltip-family);
  font-size: var(--typography-tooltip-m-size);
  font-weight: var(--typography-tooltip-m-weight);
  line-height: var(--typography-tooltip-m-line-height);
  letter-spacing: var(--typography-tooltip-m-letter-spacing);
  text-wrap: nowrap;
  color: var(--color-text-body-0-static, var(--text-body-0-static));
}

.IncodeIdManualCaptureButton .IncodeIdManualCaptureButtonContent .IncodeIdManualCaptureButtonButton svg {
  transition: filter .2s, transform .2s;
}

.IncodeIdManualCaptureButton .IncodeIdManualCaptureButtonContent:active svg {
  filter: brightness(.8);
  transform: scale(.95);
}

@keyframes slideUpAndDown {
  0%, 12% {
    opacity: 0;
    transform: translateY(100%);
  }

  24% {
    opacity: 1;
    transform: translateY(0);
  }

  76% {
    opacity: 1;
    transform: translateY(0);
  }

  88%, 100% {
    opacity: 0;
    transform: translateY(100%);
  }
}

.IncodeIdHint {
  inset: var(--spacing-0, var(--spacing-none, 0px));
  z-index: 10;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.IncodeIdHint .IncodeIdHintAnimated {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  animation: 3s ease-in-out forwards slideUpAndDown;
  display: flex;
  position: relative;
}

.IncodeIdHint .IncodeIdHintAnimated .IncodeIdHintSvg {
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeIdHint .IncodeIdHintAnimated .IncodeIdHintSvg svg {
  width: 800px;
  min-width: 800px;
  height: 800px;
  min-height: 800px;
}

.IncodeIdProcessingPage .IncodePageInner {
  padding: var(--spacing-0, var(--spacing-none, 0px));
}

.IncodeIdProcessingLayout {
  width: 100%;
  height: 100%;
  padding: var(--spacing-24, var(--spacing-24, 24px));
  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent {
  z-index: 10;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingTopArea {
  justify-content: flex-end;
  align-items: center;
  gap: var(--spacing-24, var(--spacing-24, 24px));
  padding-bottom: var(--spacing-40, var(--spacing-40, 40px));
  z-index: 10;
  flex-direction: column;
  flex: 1;
  width: 100%;
  display: flex;
}

.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame {
  overflow: hidden;
}

.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical {
  width: clamp(180px, 30vh, 274px);
}

.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical .IncodeIdProcessingOverlay {
  left: -25%;
  right: -25%;
}

.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingImage {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}

.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingImage.IncodeIdProcessingImageBlurred {
  filter: blur(var(--id-processing-image-blur-radius));
  -webkit-backdrop-filter: blur(var(--id-processing-image-blur-radius));
  backdrop-filter: blur(var(--id-processing-image-blur-radius));
}

.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingOverlay {
  pointer-events: none;
  z-index: 10;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0 -10%;
}

.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingBottomArea {
  width: 100%;
  max-width: 384px;
  padding-top: var(--spacing-8, var(--spacing-8, 8px));
  z-index: 10;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingBottomArea .IncodeCaptureEncryptionLabel {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, var(--spacing-4, 4px));
  padding-bottom: var(--spacing-12, var(--spacing-12, 12px));
  font-family: var(--typography-body-family);
  font-size: var(--typography-body-m-regular-size);
  font-weight: var(--typography-body-m-regular-weight);
  line-height: var(--typography-body-m-regular-line-height);
  letter-spacing: var(--typography-body-m-regular-letter-spacing);
  white-space: nowrap;
  color: var(--color-text-body-primary, var(--text-body-800-primary));
  display: flex;
}

.IncodeIdProcessingLayout.IncodeIdProcessingLayoutNoImage .IncodeIdProcessingBottomArea {
  justify-content: flex-end;
}

.IncodeIdProcessingLayout .IncodeAnalyzingContent {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeProgressBarContainer {
  margin-bottom: var(--spacing-24, var(--spacing-24, 24px));
}

.IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle {
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h2-size);
  font-weight: var(--typography-headline-h2-weight);
  line-height: var(--typography-headline-h2-line-height);
  letter-spacing: var(--typography-headline-h2-letter-spacing);
  color: var(--color-text-body-primary, var(--text-body-800-primary));
  text-align: center;
  min-height: var(--typography-headline-h2-line-height);
}

.IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle .IncodeAnalyzingTitleText {
  animation: IncodeAnalyzingTitleFade var(--id-capture-analyzing-title-fade-duration) ease-out both;
  display: inline-block;
}

@media (prefers-reduced-motion: reduce) {
  .IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle .IncodeAnalyzingTitleText {
    animation-duration: 1ms;
  }
}

.IncodeIdProcessingLayout .IncodeAnalyzingLottie {
  width: 100%;
  max-width: none;
}

@keyframes IncodeAnalyzingTitleFade {
  from {
    opacity: 0;
    transform: translateY(var(--id-capture-analyzing-title-fade-offset));
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.IncodeIdProcessingLayout .IncodeIdProcessingResultContent {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.IncodeIdProcessingLayout .IncodeIdProcessingResultTitle {
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h2-size);
  font-weight: var(--typography-headline-h2-weight);
  line-height: var(--typography-headline-h2-line-height);
  letter-spacing: var(--typography-headline-h2-letter-spacing);
  color: var(--color-text-body-primary, var(--text-body-800-primary));
  text-align: center;
}

.IncodeIdProcessingLayout .IncodeIdProcessingResultSubtitle {
  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));
  text-align: center;
  max-width: 300px;
}

.IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainer {
  margin-top: var(--spacing-24, var(--spacing-24, 24px));
  gap: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  width: 100%;
  display: flex;
}

.IncodeIdProcessingLayout .IncodeIdProcessingResultAttempts {
  padding-block: var(--spacing-12, var(--spacing-12, 12px));
  text-align: center;
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h4-size);
  font-weight: var(--typography-headline-h4-weight);
  line-height: var(--typography-headline-h4-line-height);
  letter-spacing: var(--typography-headline-h4-letter-spacing);
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
}

.IncodeIdProcessingLayout .IncodeIdProcessingResultContentExiting, .IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainerExiting {
  animation: .3s ease-out forwards incodeIdProcessingResultFadeOut;
}

@media (prefers-reduced-motion: reduce) {
  .IncodeIdProcessingLayout .IncodeIdProcessingResultContentExiting, .IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainerExiting {
    animation-duration: 1ms;
  }
}

@keyframes incodeIdProcessingResultFadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.IncodeIdError {
  inset: var(--spacing-0, var(--spacing-none, 0px));
  z-index: 1000;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
}

.IncodeIdErrorMessage {
  text-align: center;
  font-size: var(--text-18, var(--primitive-typography-size-18));
  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
  color: var(--color-text-body-0, var(--text-body-0-static));
  max-width: 350px;
  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
}

.IncodeIdNoAttemptsContent {
  padding-inline: var(--spacing-20, var(--spacing-20, 20px));
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  max-width: 800px;
  max-height: 840px;
  margin: auto;
  display: flex;
}

.IncodeIdNoAttemptsIcon {
  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
}

.IncodeIdNoAttemptsTitle {
  text-align: center;
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeIdNoAttemptsSubtitle {
  font-size: var(--text-14, var(--primitive-typography-size-14));
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
  text-align: center;
  max-width: 350px;
}

.IncodeIdNoAttemptsButtonContainer {
  bottom: var(--spacing-32, var(--spacing-32, 32px));
  right: var(--spacing-0, var(--spacing-none, 0px));
  left: var(--spacing-0, var(--spacing-none, 0px));
  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
  justify-content: center;
  display: flex;
  position: absolute;
}

.IncodeManualUploadPage .IncodeManualUploadContainer {
  width: 100%;
  padding-block: var(--spacing-24, var(--spacing-24, 24px));
  flex-direction: column;
  display: flex;
}

.IncodeManualUploadPage .IncodeManualUploadFooter {
  margin-top: auto;
  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
  row-gap: var(--spacing-24, var(--spacing-24, 24px));
  width: 100%;
  padding-top: var(--spacing-24, var(--spacing-24, 24px));
  flex-direction: column;
  display: flex;
}

.IncodeManualUploadPage .IncodeManualUploadHintCard {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  border-radius: var(--radius-x-small, var(--border-radius-x-small));
  background-color: var(--color-surface-brand-50, var(--surface-brand-50));
  width: 100%;
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
  padding-right: var(--spacing-12, var(--spacing-12, 12px));
  padding-left: var(--spacing-32, var(--spacing-32, 32px));
  color: var(--color-text-body-primary, var(--text-body-800-primary));
  list-style-type: disc;
}

.IncodeManualUploadPage .IncodeManualUploadHintCard li {
  font-family: var(--typography-button-family);
  font-size: var(--typography-button-s-size);
  font-weight: var(--typography-button-s-weight);
  line-height: var(--typography-button-s-line-height);
  letter-spacing: var(--typography-button-s-letter-spacing);
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeManualUploadPage .IncodeManualUploadHintCard li + li {
  margin-top: var(--spacing-4, var(--spacing-4, 4px));
}

.IncodeManualUploadPage .IncodeManualUploadTabsList {
  width: 100%;
  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
  align-self: center;
  display: flex;
}

.IncodeManualUploadPage .IncodeManualUploadTabTrigger {
  cursor: pointer;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: var(--border-width-bold, var(--primitive-border-width-2));
  --tw-border-style: solid;
  padding-inline: var(--spacing-12, var(--spacing-12, 12px));
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
  text-align: center;
  font-family: var(--typography-checkbox-radio-family);
  font-size: var(--typography-checkbox-radio-m-size);
  font-weight: var(--typography-checkbox-radio-m-weight);
  line-height: var(--typography-checkbox-radio-m-line-height);
  letter-spacing: var(--typography-checkbox-radio-m-letter-spacing);
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
  background-color: #0000;
  border-style: solid;
  border-color: #0000;
  flex: 1;
}

.IncodeManualUploadPage .IncodeManualUploadTabTrigger:focus-visible {
  border-radius: var(--radius-xs, .125rem);
  outline-style: var(--tw-outline-style);
  outline-offset: 2px;
  outline-width: 2px;
  outline-color: var(--color-border-status-focus, var(--border-status-focus));
}

.IncodeManualUploadPage .IncodeManualUploadTabTrigger--active {
  border-bottom-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeManualUploadPage .IncodeManualUploadError {
  align-items: flex-start;
  gap: var(--spacing-4, var(--spacing-4, 4px));
  width: 100%;
  font-family: var(--typography-body-family);
  font-size: var(--typography-body-m-regular-size);
  font-weight: var(--typography-body-m-regular-weight);
  line-height: var(--typography-body-m-regular-line-height);
  letter-spacing: var(--typography-body-m-regular-letter-spacing);
  color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
  display: flex;
}

.IncodeManualUploadPage .IncodeManualUploadError p {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  flex: 1;
}

.IncodeManualUploadPage .IncodeManualUploadTab {
  margin-top: var(--spacing-24, var(--spacing-24, 24px));
  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
  gap: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  width: 100%;
  display: flex;
}

.IncodeManualUploadSlot {
  cursor: pointer;
  align-items: center;
  gap: var(--spacing-12, var(--spacing-12, 12px));
  border-radius: var(--radius-medium, var(--border-radius-medium));
  border-style: var(--tw-border-style);
  border-width: var(--border-width-regular, var(--primitive-border-width-1));
  --tw-border-style: solid;
  border-style: solid;
  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));
  width: 100%;
  padding-block: var(--spacing-24, var(--spacing-24, 24px));
  padding-right: var(--spacing-24, var(--spacing-24, 24px));
  padding-left: var(--spacing-20, var(--spacing-20, 20px));
  text-align: left;
  display: flex;
}

.IncodeManualUploadSlot .IncodeManualUploadSlotIcon {
  width: var(--spacing-24, var(--spacing-24, 24px));
  height: var(--spacing-24, var(--spacing-24, 24px));
  flex-shrink: 0;
  justify-content: center;
  display: flex;
}

.IncodeManualUploadSlot .IncodeManualUploadSlotIconHighlight {
  fill: var(--color-icon-neutral-500, var(--icon-neutral-500));
}

.IncodeManualUploadSlot .IncodeManualUploadSlotLabel {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  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-primary, var(--text-body-800-primary));
  flex: 1;
  overflow: hidden;
}

.IncodeManualUploadSlot .IncodeManualUploadSlotAction {
  border-radius: var(--radius-full, var(--border-radius-full));
  background-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
  padding: var(--spacing-8, var(--spacing-8, 8px));
  color: var(--color-button-primary-text-default, var(--button-primary-text-default));
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition-duration: .2s;
  display: inline-flex;
}

.IncodeManualUploadSlot:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-offset: 2px;
  outline-width: 2px;
  outline-color: var(--color-border-status-focus, var(--border-status-focus));
}

.IncodeManualUploadSlot:hover:not(:disabled) .IncodeManualUploadSlotAction {
  background-color: var(--color-button-primary-surface-hover, var(--button-primary-surface-hover));
}

.IncodeManualUploadSlot:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.IncodeManualUploadSlot:disabled .IncodeManualUploadSlotAction {
  background-color: var(--color-button-primary-surface-disabled, var(--button-primary-surface-disabled));
  color: var(--color-button-primary-text-disabled, var(--button-primary-text-disabled));
}

.IncodeManualUploadSlot.IncodeManualUploadSlot--uploaded .IncodeManualUploadSlotAction, .IncodeManualUploadSlot.IncodeManualUploadSlot--uploaded:hover:not(:disabled) .IncodeManualUploadSlotAction {
  padding: var(--spacing-0, var(--spacing-none, 0px));
  color: var(--color-surface-status-positive-500, var(--surface-status-positive-500));
  background-color: #0000;
}

.IncodeManualUploadSlot + .IncodeManualUploadSlotInput {
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.IncodeDigitalIdUploadPage {
  height: 100%;
}

.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadBody {
  justify-content: center;
  align-items: center;
  row-gap: var(--spacing-16, var(--spacing-16, 16px));
  width: 100%;
  height: 100%;
  max-width: var(--digital-id-content-max-w);
  flex-direction: column;
  margin-inline: auto;
  display: flex;
}

.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewBody {
  row-gap: var(--spacing-16, var(--spacing-16, 16px));
  grid-template-columns: 1fr;
  grid-template-rows: var(--spacing-24) var(--digital-id-preview-h) var(--spacing-24);
  width: 100%;
  height: 100%;
  max-width: var(--digital-id-content-max-w);
  align-content: center;
  justify-items: center;
  margin-inline: auto;
  display: grid;
}

.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreStatusZone {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPostCaptionZone {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadFooter {
  width: 100%;
  margin-inline: auto;
  margin-top: var(--spacing-24, var(--spacing-24, 24px));
  margin-bottom: var(--spacing-8, var(--spacing-8, 8px));
  justify-content: flex-end;
  row-gap: var(--spacing-16, var(--spacing-16, 16px));
  max-width: var(--digital-id-content-max-w);
  min-height: var(--digital-id-footer-min-h);
  flex-direction: column;
  display: flex;
}

.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadHiddenInput {
  display: none;
}

.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadTutorialIllustration {
  width: 100%;
  max-height: var(--digital-id-tutorial-illustration-max-h);
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.IncodeDigitalIdUploadPage .IncodeUploadIdScreenImage {
  height: var(--digital-id-illustration-max-h);
  aspect-ratio: 191 / 266;
  width: auto;
}

.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewCard {
  border-radius: var(--radius-medium, var(--border-radius-medium));
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
  width: var(--digital-id-preview-w);
  height: var(--digital-id-preview-h);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadDocumentPreview {
  width: var(--digital-id-preview-w);
  height: var(--digital-id-preview-h);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: visible;
}

.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadDocumentPreviewPdf {
  border-radius: var(--radius-medium, var(--border-radius-medium));
  border-style: var(--tw-border-style);
  border-width: var(--border-width-bold, var(--primitive-border-width-2));
  --tw-border-style: solid;
  border-style: solid;
  border-color: var(--color-border-status-positive, var(--border-status-positive-static));
  object-fit: contain;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewPdf {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadFileName {
  text-align: center;
  font-family: var(--typography-body-family);
  font-size: var(--typography-body-m-regular-size);
  font-weight: var(--typography-body-m-regular-weight);
  line-height: var(--typography-body-m-regular-line-height);
  letter-spacing: var(--typography-body-m-regular-letter-spacing);
  color: var(--color-text-body-primary, var(--text-body-800-primary));
  max-width: var(--digital-id-file-name-max-w);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadProgressBar .IncodeProgressBar {
  border-radius: var(--radius-full, var(--border-radius-full));
  background-color: var(--color-surface-neutral-200, var(--surface-neutral-200));
  width: var(--digital-id-progress-bar-w);
  height: var(--digital-id-progress-bar-h);
  overflow: hidden;
}

.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadProgressBar .IncodeProgressBarFill {
  border-radius: var(--radius-full, var(--border-radius-full));
}

.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadLaserOverlay {
  pointer-events: none;
  width: var(--digital-id-preview-w);
  height: var(--digital-id-laser-h);
  transform: translateX(-50%) scale(var(--digital-id-laser-scale));
  position: absolute;
  top: -2px;
  left: 50%;
}

@media (prefers-reduced-motion: reduce) {
  .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadLaserOverlay {
    display: none;
  }
}

.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadSuccessIcon {
  color: var(--color-icon-status-positive, var(--icon-status-positive));
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadErrorIcon {
  margin-bottom: var(--spacing-8, var(--spacing-8, 8px));
  color: var(--color-icon-status-negative, var(--icon-status-negative));
}

.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadErrorPreview {
  margin-top: var(--spacing-8, var(--spacing-8, 8px));
  border-radius: var(--radius-medium, var(--border-radius-medium));
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-border-status-negative, var(--border-status-negative));
  padding: var(--spacing-4);
}

.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadAttempts {
  margin-top: var(--spacing-8, var(--spacing-8, 8px));
  font-family: var(--typography-body-family);
  font-size: var(--typography-body-s-regular-size);
  font-weight: var(--typography-body-s-regular-weight);
  line-height: var(--typography-body-s-regular-line-height);
  letter-spacing: var(--typography-body-s-regular-letter-spacing);
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
}

.IncodeIdOcrPage {
  width: 100%;
  height: 100%;
  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
  margin-inline: auto;
  animation-fill-mode: both;
}

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

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

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

.IncodeIdOcrPage .IncodeIdOcrForm {
  margin-top: var(--spacing-32, var(--spacing-32, 32px));
  height: 100%;
  min-height: var(--spacing-0, var(--spacing-none, 0px));
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.IncodeIdOcrPage .IncodeIdOcrFields {
  min-height: var(--spacing-0, var(--spacing-none, 0px));
  justify-content: flex-start;
  align-items: center;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  flex: 1;
  width: 100%;
  display: flex;
  overflow-y: auto;
}

.IncodeIdOcrPage .IncodeIdOcrButton {
  width: 100%;
  padding-top: var(--spacing-16, var(--spacing-16, 16px));
  flex-shrink: 0;
}

.IncodeIdOcrPage .IncodeIdOcrRadioGroup {
  max-width: var(--incode-form-max-w);
}

.IncodeDocumentUploadPage {
  background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));
}

.IncodeDocumentUploadInitializing {
  height: 100%;
  color: var(--color-text-body-0, var(--text-body-0-static));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeDocumentUploadInitializingText {
  margin-top: var(--spacing-16, var(--spacing-16, 16px));
}

.IncodeDocumentUploadUploading {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.IncodeDocumentUploadError {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  padding: var(--spacing-24, var(--spacing-24, 24px));
  color: var(--color-text-body-0, var(--text-body-0-static));
  flex-direction: column;
  display: flex;
}

.IncodeDocumentUploadErrorMessage {
  text-align: center;
}

.IncodeDocumentUploadRetryButton {
  margin-top: var(--spacing-8, var(--spacing-8, 8px));
}

.IncodeComponent .IncodeDocumentCaptureFileInput {
  pointer-events: none;
  border-style: var(--tw-border-style);
  padding: var(--spacing-0, var(--spacing-none, 0px));
  opacity: 0;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
  position: absolute;
  overflow: hidden;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
}

.IncodeComponent .IncodeDocumentCaptureFileInput::file-selector-button {
  display: none;
}

.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodePageContent {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent {
  margin-block: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent .IncodeDocumentCaptureTutorialIllustration {
  width: var(--document-capture-tutorial-illustration-width);
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-inline: auto;
  display: flex;
}

.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent .IncodeDocumentCaptureTutorialIllustration .IncodeDocumentCaptureTutorialImage {
  width: 100%;
}

.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureError {
  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
  text-align: center;
  font-family: var(--typography-body-family);
  font-size: var(--typography-body-m-regular-size);
  font-weight: var(--typography-body-m-regular-weight);
  line-height: var(--typography-body-m-regular-line-height);
  letter-spacing: var(--typography-body-m-regular-letter-spacing);
  color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
}

.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureActions {
  gap: var(--spacing-8, var(--spacing-8, 8px));
  padding-inline: var(--spacing-8, var(--spacing-8, 8px));
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  display: flex;
}

.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureActions .IncodeDocumentCaptureSkipWrapper {
  padding-top: var(--spacing-8, var(--spacing-8, 8px));
  justify-content: center;
  display: flex;
}

.IncodeDocumentCaptureBottomSheetOptions {
  width: 100%;
  padding-top: var(--spacing-8, var(--spacing-8, 8px));
  padding-bottom: var(--spacing-20, var(--spacing-20, 20px));
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.IncodeDocumentCaptureBottomSheetOptions .IncodeDocumentCaptureBottomSheetOption {
  align-items: center;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  border-style: var(--tw-border-style);
  border-width: var(--border-width-none, var(--primitive-border-width-0));
  --tw-border-style: none;
  width: 100%;
  padding-inline: var(--spacing-12, var(--spacing-12, 12px));
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
  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-primary, var(--text-body-800-primary));
  background-color: #0000;
  border-style: none;
  display: flex;
}

.IncodeDocumentCaptureBottomSheetOptions .IncodeDocumentCaptureBottomSheetOption svg {
  color: var(--color-text-body-primary, var(--text-body-800-primary));
  flex-shrink: 0;
}

.IncodeDocumentCaptureCameraPage {
  width: 100%;
  height: 100%;
}

.IncodeComponent .IncodeDocumentCaptureReviewPage .IncodePageContent {
  padding: var(--spacing-0, var(--spacing-none, 0px));
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

@media (min-width: 48rem) {
  .IncodeComponent .IncodeDocumentCaptureReviewPage .IncodePageInner {
    padding: var(--spacing-24, var(--spacing-24, 24px));
  }
}

.IncodeComponent .IncodeDocumentCaptureReviewLayout {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader {
  height: var(--document-capture-review-header-height);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader .IncodeDocumentCaptureReviewTitle {
  text-align: center;
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h2-size);
  font-weight: var(--typography-headline-h2-weight);
  line-height: var(--typography-headline-h2-line-height);
  letter-spacing: var(--typography-headline-h2-letter-spacing);
}

.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader .IncodeDocumentCaptureReviewSubtitle {
  max-width: var(--incode-form-max-w);
  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));
}

.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview {
  min-height: var(--spacing-0, var(--spacing-none, 0px));
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview.IncodeDocumentCaptureReviewPreviewPdf {
  padding-inline: var(--spacing-48, var(--spacing-48, 48px));
}

.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImageContainer {
  min-height: var(--spacing-0, var(--spacing-none, 0px));
  border-radius: var(--radius-medium, var(--border-radius-medium));
  background-color: var(--color-neutral-50, oklch(98.5% 0 0));
  flex: 1;
  display: flex;
}

.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImage {
  border-radius: var(--radius-medium, var(--border-radius-medium));
  object-fit: cover;
  border-style: var(--tw-border-style);
  border-width: 4px;
  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
  width: 100%;
  max-height: 100%;
}

.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImage.IncodeDocumentCaptureSuccessBorder {
  border-color: var(--color-border-status-positive, var(--border-status-positive-static));
}

.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeCaptureEncryptionLabel {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, var(--spacing-4, 4px));
  display: flex;
}

.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter {
  width: 100%;
  max-width: var(--incode-form-max-w);
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter.IncodeDocumentCaptureReviewFooterEmpty {
  visibility: hidden;
  height: var(--document-capture-review-empty-footer-height);
}

.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter .IncodeDocumentCaptureActionRow {
  gap: var(--spacing-12, var(--spacing-12, 12px));
  width: 100%;
  padding: var(--spacing-4, var(--spacing-4, 4px));
  display: flex;
}

.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter .IncodeDocumentCaptureActionRow .IncodeButton {
  flex: 1;
}

.IncodeComponent .IncodeDocumentCaptureReviewCentered {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeComponent .IncodeDocumentCapturePdfCard {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-24, var(--spacing-24, 24px));
  border-radius: var(--radius-large, var(--border-radius-large));
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
  background-color: var(--color-neutral-50, oklch(98.5% 0 0));
  width: 100%;
  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
  padding-block: var(--spacing-32, var(--spacing-32, 32px));
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.IncodeComponent .IncodeDocumentCapturePdfCard .IncodeImageDocumentCapturePdfPreviewContainer {
  height: var(--document-capture-pdf-preview-height);
  width: var(--spacing-120, var(--spacing-120, 120px));
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
  background-color: var(--color-neutral-50, oklch(98.5% 0 0));
  overflow: hidden;
}

.IncodeComponent .IncodeDocumentCapturePdfCard .IncodeImageDocumentCapturePdfPreviewContainer .IncodeImageDocumentCapturePdfPreview {
  width: 100%;
  height: 100%;
}

.IncodeComponent .IncodeDocumentCapturePdfCard .IncodeDocumentCapturePdfFileName {
  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-primary, var(--text-body-800-primary));
  overflow-wrap: break-word;
}

.IncodeDocumentCommonIssuesFullScreen .IncodeModalDialog {
  max-width: none;
  height: 100%;
  max-height: none;
}

.IncodeDocumentCommonIssuesFullScreen .IncodeModalContent {
  border-radius: var(--radius-none, var(--border-radius-none));
  max-width: none;
  height: 100%;
  margin: auto;
}

.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesTitle {
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h2-size);
  font-weight: var(--typography-headline-h2-weight);
  line-height: var(--typography-headline-h2-line-height);
  letter-spacing: var(--typography-headline-h2-letter-spacing);
}

.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCards {
  width: 100%;
  max-width: var(--incode-form-max-w);
  gap: var(--spacing-32, var(--spacing-32, 32px));
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  display: flex;
}

.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCard {
  align-items: flex-start;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  display: flex;
}

.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCardIcon {
  color: var(--color-text-body-primary, var(--text-body-800-primary));
  flex-shrink: 0;
}

.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCardText {
  gap: var(--spacing-4, var(--spacing-4, 4px));
  flex-direction: column;
  display: flex;
}

.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCardTitle {
  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);
}

.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCardBody {
  font-family: var(--typography-body-family);
  font-size: var(--typography-body-m-regular-size);
  font-weight: var(--typography-body-m-regular-weight);
  line-height: var(--typography-body-m-regular-line-height);
  letter-spacing: var(--typography-body-m-regular-letter-spacing);
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
}

.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesButtons {
  margin-top: auto;
}

.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesTryAgain {
  width: 100%;
}

.IncodeDocumentCaptureLoadingPage .IncodePageContent {
  flex: 1;
  display: flex;
}

.IncodeDocumentCaptureLoadingPage .IncodeDocumentCaptureCentered {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.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));
}

.IncodeGeolocationPage {
  animation: .4s ease-out fadeIn;
}

@media (prefers-reduced-motion: reduce) {
  .IncodeGeolocationPage {
    animation: none;
  }
}

.IncodeGeolocationPage .IncodeGeolocationIconWrapper {
  margin-top: var(--spacing-16, var(--spacing-16, 16px));
  padding-block: var(--spacing-24, var(--spacing-24, 24px));
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeGeolocationPage .IncodeGeolocationButtonWrapper {
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodePageInner {
  max-width: 420px;
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodePageTitleContainer {
  margin: var(--spacing-0, var(--spacing-none, 0px));
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodePageTitle {
  text-align: left;
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionSections {
  margin-top: var(--spacing-24, var(--spacing-24, 24px));
  gap: var(--spacing-24, var(--spacing-24, 24px));
  flex-direction: column;
  align-self: center;
  width: 100%;
  max-width: 420px;
  display: flex;
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionSection {
  gap: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  display: flex;
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionSectionTitle {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h4-size);
  font-weight: var(--typography-headline-h4-weight);
  line-height: var(--typography-headline-h4-line-height);
  letter-spacing: var(--typography-headline-h4-letter-spacing);
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepsList {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  gap: var(--spacing-12, var(--spacing-12, 12px));
  padding: var(--spacing-0, var(--spacing-none, 0px));
  flex-direction: column;
  list-style-type: none;
  display: flex;
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStep {
  align-items: center;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  display: flex;
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepIcon {
  aspect-ratio: 1;
  height: var(--spacing-40, var(--spacing-40, 40px));
  min-height: var(--spacing-40, var(--spacing-40, 40px));
  width: var(--spacing-40, var(--spacing-40, 40px));
  min-width: var(--spacing-40, var(--spacing-40, 40px));
  border-radius: var(--radius-small, var(--border-radius-small));
  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepImg {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepImgPaddedSettings {
  padding: var(--spacing-8, var(--spacing-8, 8px));
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepImgPaddedBrowser {
  padding: 5px;
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepText {
  font-size: var(--text-16, var(--primitive-typography-size-16));
  --tw-leading: var(--leading-snug, 1.375);
  line-height: var(--leading-snug, 1.375);
  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepTextBold {
  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionArrow {
  vertical-align: middle;
  display: inline-block;
}

.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationSrOnly {
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.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 {
    margin-top: var(--spacing-0, var(--spacing-none, 0px));
    height: 100%;
    max-height: none;
  }

  .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;
  }
}

.IncodeEkybPage {
  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
  margin-inline: auto;
  animation-fill-mode: both;
}

.IncodeEkybPage .IncodeEkybSpinner {
  flex: 1;
}

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

.IncodeEkybPage .IncodeEkybForm .IncodeInputComposed, .IncodeEkybPage .IncodeEkybForm .IncodeDropdownComposed, .IncodeEkybPage .IncodeEkybForm .IncodeCountrySelector, .IncodeEkybPage .IncodeEkybForm .IncodeFormField {
  margin-inline: auto;
}

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

.IncodeEkybPage .IncodeEkybForm .IncodeAddressAutocomplete {
  margin-inline: auto;
}

.IncodeEkybPage .IncodeEkybCountrySelector {
  width: 100%;
}

.IncodeEkybPage .IncodeEkybUbos, .IncodeEkybPage .IncodeEkybUboEntry {
  gap: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  display: flex;
}

.IncodeEkybPage .IncodeEkybRemoveUbo {
  font-family: var(--typography-body-family);
  font-size: var(--typography-body-s-regular-size);
  font-weight: var(--typography-body-s-regular-weight);
  line-height: var(--typography-body-s-regular-line-height);
  letter-spacing: var(--typography-body-s-regular-letter-spacing);
  color: var(--color-text-status-negative, var(--text-status-negative));
  text-decoration-line: none;
}

.IncodeEkybPage .IncodeEkybAddUbo {
  text-align: center;
  font-family: var(--typography-button-family);
  font-size: var(--typography-button-m-underlined-size);
  font-weight: var(--typography-button-m-underlined-weight);
  line-height: var(--typography-button-m-underlined-line-height);
  letter-spacing: var(--typography-button-m-underlined-letter-spacing);
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: auto;
}

.IncodeEkybPage .IncodeEkybAddUbo:hover {
  opacity: .8;
}

.IncodeEkybPage .IncodeEkybSectionHeader {
  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: 420px;
  padding-block: var(--spacing-12, var(--spacing-12, 12px));
}

.IncodeEkybPage .IncodeEkybFooter {
  margin-top: var(--spacing-24, var(--spacing-24, 24px));
}

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

  .IncodeEkybPage.IncodeEkybPageScrollable {
    max-width: 500px;
  }

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

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

  .IncodeEkybPage .IncodeEkybFooter {
    flex-shrink: 0;
  }
}

.IncodeRedirectRoot {
  width: 100%;
  height: 100%;
}

.IncodeRedirectRoot .IncodeRedirectLogo {
  max-width: 100%;
  max-height: 100%;
}

.IncodeRedirectRoot .IncodeRedirectContainer {
  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));
  justify-content: center;
  align-items: safe center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow-y: auto;
}

.IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard {
  border-radius: var(--radius-medium, var(--border-radius-medium));
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
  width: 100%;
  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
  padding-block: var(--spacing-32, var(--spacing-32, 32px));
  max-width: var(--redirect-card-max-width);
  flex-direction: column;
  align-items: center;
  display: flex;
  overflow-x: clip;
}

.IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTopGroup {
  align-items: center;
  gap: var(--spacing-32, var(--spacing-32, 32px));
  flex-direction: column;
  width: 100%;
  display: flex;
}

.IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions {
  margin-bottom: var(--spacing-32, var(--spacing-32, 32px));
  width: 100%;
  max-width: var(--redirect-options-max-width);
  flex-direction: column;
  align-items: center;
  display: flex;
}

.IncodeRedirectContainer .IncodeRedirectToast {
  top: var(--spacing-16, var(--spacing-16, 16px));
  z-index: 50;
  animation: 3s ease-in-out forwards fadeInOut;
  position: absolute;
  left: 50%;
}

.IncodeRedirectContainer .IncodeRedirectToastContent {
  align-items: center;
  gap: var(--spacing-12, var(--spacing-12, 12px));
  display: inline-flex;
}

@keyframes fadeInOut {
  0% {
    opacity: 0;
    transform: translate(-50%, -20px);
  }

  15% {
    opacity: 1;
    transform: translate(-50%);
  }

  85% {
    opacity: 1;
    transform: translate(-50%);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -20px);
  }
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectLogoWrapper {
  --min-height-logo-wrapper: 44px;
  width: 100%;
  min-height: var(--min-height-logo-wrapper);
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectLogo {
  max-height: var(--logo-height, 44px);
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectTitle {
  text-align: center;
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h2-size);
  font-weight: var(--typography-headline-h2-weight);
  line-height: var(--typography-headline-h2-line-height);
  letter-spacing: var(--typography-headline-h2-letter-spacing);
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectSubtitle {
  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));
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav {
  width: 100%;
  max-width: var(--redirect-form-column-max-width);
  flex-direction: column;
  flex: 1;
  align-items: center;
  display: flex;
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterContent {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterContentText {
  margin-block: var(--spacing-12, var(--spacing-12, 12px));
  font-family: var(--Button-family, "DM Sans");
  letter-spacing: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterLogoWrapper {
  padding-block: var(--spacing-8, var(--spacing-8, 8px));
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs {
  justify-content: center;
  align-items: flex-end;
  gap: var(--spacing-12, var(--spacing-12, 12px));
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
  width: 100%;
  max-width: var(--redirect-tabs-max-width);
  display: flex;
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab {
  cursor: pointer;
  border-bottom-style: var(--tw-border-style);
  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
  padding-block: var(--spacing-12, var(--spacing-12, 12px));
  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));
  background-color: #0000;
  border-color: #0000;
  border-bottom-width: 2px;
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab:focus-visible {
  border-radius: var(--radius-xs, .125rem);
  outline-style: var(--tw-outline-style);
  outline-offset: 2px;
  outline-width: 2px;
  outline-color: var(--color-border-status-focus, var(--border-status-focus));
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab.IncodeRedirectTabActive {
  border-color: var(--color-border-brand-500, var(--border-brand-500));
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions > [role="tabpanel"] {
  align-items: center;
  gap: var(--spacing-32, var(--spacing-32, 32px));
  flex-direction: column;
  width: 100%;
  display: flex;
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectTabDescription {
  margin-top: var(--spacing-32, var(--spacing-32, 32px));
  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));
  max-width: var(--redirect-tab-description-max-width);
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectQrWrapper {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
  padding: var(--spacing-12, var(--spacing-12, 12px));
  border-radius: var(--redirect-qr-wrapper-border-radius);
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputComposed {
  --phone-input-country-code-width: var(--redirect-phone-input-country-code-width);
  max-width: var(--redirect-form-column-max-width);
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectSmsSendButton {
  width: 100%;
  max-width: var(--redirect-form-column-max-width);
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent {
  margin-top: var(--spacing-32, var(--spacing-32, 32px));
  flex-direction: column;
  align-items: center;
  display: flex;
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentTitle {
  text-align: center;
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h2-size);
  font-weight: var(--typography-headline-h2-weight);
  line-height: var(--typography-headline-h2-line-height);
  letter-spacing: var(--typography-headline-h2-letter-spacing);
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentPhone {
  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));
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentActions {
  margin-block: var(--spacing-8, var(--spacing-8, 8px));
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, var(--spacing-4, 4px));
  font-family: var(--Button-family, "DM Sans");
  letter-spacing: 0;
  width: var(--redirect-form-column-max-width);
  flex-wrap: wrap;
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
  display: flex;
}

.IncodeRedirectFinishedContainer {
  flex-direction: column;
  justify-content: safe center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow-y: auto;
}

.IncodeRedirectFinishedContainer .IncodeRedirectLogo {
  max-height: var(--logo-height, 44px);
}

.IncodeRedirectFinishedContainer .IncodeRedirectFinishedTitle {
  --width-finished-title: 500px;
  margin-block: var(--spacing-20, var(--spacing-20, 20px));
  text-align: center;
  font-size: var(--text-3xl, 1.875rem);
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
  color: var(--color-text-body-primary, var(--text-body-800-primary));
  width: var(--width-finished-title);
}

.IncodeRedirectFinishedContainer .IncodeRedirectFinishedSubtitle {
  --width-finished-subtitle: 400px;
  text-align: center;
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
  color: var(--color-text-body-primary, var(--text-body-800-primary));
  width: var(--width-finished-subtitle);
}

.IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText, .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText .markup {
  display: inline;
}

.IncodeConsentPage {
  height: 100%;
  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
  animation-fill-mode: both;
}

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

.IncodeConsentPage .IncodeConsentContent {
  margin-top: var(--spacing-24, var(--spacing-24, 24px));
  height: 100%;
  min-height: var(--spacing-0, var(--spacing-none, 0px));
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-24, var(--spacing-24, 24px));
  flex-direction: column;
  display: flex;
}

.IncodeConsentPage .IncodeConsentBody {
  min-height: var(--spacing-0, var(--spacing-none, 0px));
  width: 100%;
  max-width: var(--incode-form-max-w);
  gap: var(--spacing-24, var(--spacing-24, 24px));
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow-y: auto;
}

.IncodeConsentPage .IncodeConsentBody .IncodeRichText .markup h2, .IncodeConsentPage .IncodeConsentBody .IncodeRichText h2 {
  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
  font-family: var(--typography-body-family);
  font-size: var(--typography-body-m-regular-size);
  font-weight: var(--typography-body-m-regular-weight);
  line-height: var(--typography-body-m-regular-line-height);
  letter-spacing: var(--typography-body-m-regular-letter-spacing);
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeConsentPage .IncodeConsentBody .IncodeRichText .markup a, .IncodeConsentPage .IncodeConsentBody .IncodeRichText a {
  color: var(--color-icon-brand-600, var(--icon-brand-600));
  text-decoration-line: underline;
}

.IncodeConsentPage .IncodeConsentSubtitle {
  font-family: var(--typography-body-family);
  font-size: var(--typography-body-m-regular-size);
  font-weight: var(--typography-body-m-regular-weight);
  line-height: var(--typography-body-m-regular-line-height);
  letter-spacing: var(--typography-body-m-regular-letter-spacing);
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeConsentPage .IncodeConsentCheckboxList {
  gap: var(--spacing-12, var(--spacing-12, 12px));
  flex-direction: column;
  display: flex;
}

.IncodeConsentPage .IncodeConsentCheckbox {
  border-radius: var(--radius-medium, var(--border-radius-medium));
  background-color: var(--color-surface-brand-50, var(--surface-brand-50));
  width: 100%;
  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
  padding-block: var(--spacing-20, var(--spacing-20, 20px));
}

.IncodeConsentPage .IncodeConsentCheckbox .IncodeCheckboxLabel {
  align-items: flex-start;
}

.IncodeConsentPage .IncodeConsentCheckbox .IncodeCheckboxText {
  font-family: var(--typography-checkbox-radio-family);
  font-size: var(--typography-checkbox-radio-s-size);
  font-weight: var(--typography-checkbox-radio-s-weight);
  line-height: var(--typography-checkbox-radio-s-line-height);
  letter-spacing: var(--typography-checkbox-radio-s-letter-spacing);
}

.IncodeConsentPage .IncodeConsentCheckboxLabel {
  font-family: var(--typography-checkbox-radio-family);
  font-size: var(--typography-checkbox-radio-s-size);
  font-weight: var(--typography-checkbox-radio-s-weight);
  line-height: var(--typography-checkbox-radio-s-line-height);
  letter-spacing: var(--typography-checkbox-radio-s-letter-spacing);
  color: var(--color-checkbox-text-default, var(--checkbox-text-default));
}

.IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText, .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText .markup {
  display: inline;
}

.IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText .markup p, .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText p {
  margin-bottom: var(--spacing-0, var(--spacing-none, 0px));
  font-family: var(--typography-checkbox-radio-family);
  font-size: var(--typography-checkbox-radio-s-size);
  font-weight: var(--typography-checkbox-radio-s-weight);
  line-height: var(--typography-checkbox-radio-s-line-height);
  letter-spacing: var(--typography-checkbox-radio-s-letter-spacing);
  display: inline;
}

.IncodeConsentPage .IncodeConsentButton {
  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
  width: 100%;
}

.IncodeConsentPage .IncodeConsentActions {
  align-items: center;
  gap: var(--spacing-8, var(--spacing-8, 8px));
  flex-direction: column;
  width: 100%;
  display: flex;
}

.IncodeConsentPage .IncodeConsentSubmitError {
  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;
}

.IncodeCustomFieldsForm {
  margin-top: var(--spacing-32, var(--spacing-32, 32px));
  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
  gap: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  flex: 1;
  width: 100%;
  display: flex;
  overflow-y: auto;
}

.IncodeCustomFieldsForm .IncodeCustomFieldsField {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.IncodeCustomFieldsPage .IncodePageHeader {
  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
}

.IncodeDynamicFormsPage .IncodePageTitleContainer {
  margin-top: var(--spacing-24, var(--spacing-24, 24px));
}

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

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

.IncodeDynamicFormsPage .IncodePageContent {
  padding-bottom: var(--spacing-16, var(--spacing-16, 16px));
  align-items: center;
}

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

.IncodeDynamicFormsPage .IncodeDynamicFormsProgress {
  margin-bottom: var(--spacing-4, var(--spacing-4, 4px));
  text-align: center;
  font-size: var(--text-sm, .875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--text-secondary);
}

.IncodeDynamicFormsPage .IncodeDynamicFormsFields {
  margin-top: var(--spacing-32, var(--spacing-32, 32px));
  flex-direction: column;
  width: 100%;
  display: flex;
}

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

.IncodeDynamicFormsPage .IncodeDynamicFormsFields {
  max-width: var(--incode-form-max-w);
}

.IncodeDynamicFormsPage .IncodeDynamicFormsField {
  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.IncodeDynamicFormsPage .IncodeDynamicFormsField--prefilled .IncodeInputComposedLabel, .IncodeDynamicFormsPage .IncodeDynamicFormsField--prefilled .IncodeDropdownComposedLabel {
  justify-content: space-between;
  align-items: baseline;
  width: 100%;
  display: flex;
}

.IncodeDynamicFormsPage .IncodeDynamicFormsField--prefilled .IncodeInputComposedLabelHint, .IncodeDynamicFormsPage .IncodeDynamicFormsField--prefilled .IncodeDropdownComposedLabelHint {
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
}

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

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

.IncodeDynamicFormsPage .IncodeDynamicFormsFooter {
  max-width: var(--incode-form-max-w);
}

.IncodeDynamicFormsPage .IncodeSrOnly, .IncodeSignature .IncodeSrOnly {
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.IncodeSignature .IncodeSignatureContent {
  width: 100%;
  height: 100%;
  padding-top: var(--spacing-32, var(--spacing-32, 32px));
  flex-direction: column;
  flex: 1;
  display: flex;
}

.IncodeSignature .IncodeSignatureButtonContainer {
  margin-block: var(--spacing-16, var(--spacing-16, 16px));
}

.IncodeSignature.IncodeSignatureFadeIn {
  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
  animation-fill-mode: both;
}

.IncodeSignature .IncodeSignatureCanvasContainer {
  width: 100%;
  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
  padding-block: var(--spacing-8, var(--spacing-8, 8px));
  border-radius: var(--radius-small, var(--border-radius-small));
  border-style: var(--tw-border-style);
  border-width: var(--border-width-regular, var(--primitive-border-width-1));
  --tw-border-style: solid;
  border-style: solid;
  border-color: var(--color-input-border-default, var(--input-border-default));
  background-color: var(--color-input-surface-default, var(--input-surface-default));
  height: var(--signature-canvas-height);
  max-width: var(--signature-canvas-max-width);
  align-self: center;
  position: relative;
}

.IncodeSignature .IncodeSignatureCanvas {
  width: 100%;
  height: 100%;
  padding-block: var(--spacing-8, var(--spacing-8, 8px));
}

.IncodeSignature .IncodeSignatureCanvasPlaceholder {
  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);
  color: var(--color-input-text-field-placeholder, var(--input-text-field-placeholder));
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  pointer-events: none;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
  animation-fill-mode: both;
  position: absolute;
  top: 50%;
  left: 50%;
}

.IncodeSignature .IncodeSignatureSuccess {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeFieldComparisonPage {
  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
  animation-fill-mode: both;
}

.IncodeFieldComparisonPage .IncodeFieldComparisonForm {
  margin-top: var(--spacing-32, var(--spacing-32, 32px));
  justify-content: center;
  align-items: center;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  flex: 1;
  width: 100%;
  display: flex;
}

.IncodeWatchlistForBusinessPage {
  height: 100%;
}

.IncodeWatchlistForBusinessPage .IncodeWatchlistForBusinessForm {
  margin-top: var(--spacing-32, var(--spacing-32, 32px));
  align-items: center;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.IncodeWatchlistForBusinessPage .IncodeWatchlistForBusinessForm button {
  margin-top: auto;
}

.IncodeElectronicSignature .IncodeSrOnly {
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.IncodeElectronicSignature .IncodePageContent {
  min-height: var(--spacing-0, var(--spacing-none, 0px));
  padding-top: var(--spacing-32, var(--spacing-32, 32px));
  justify-content: space-between;
}

.IncodeElectronicSignature .IncodePageContent:has(.IncodeElectronicSignatureUploadBody), .IncodeElectronicSignature .IncodePageContent:has(.IncodeElectronicSignatureDocViewHeader) {
  padding-top: var(--spacing-0, var(--spacing-none, 0px));
}

.IncodeElectronicSignature .IncodePageTitleContainer {
  max-width: var(--electronic-signature-title-max-w);
}

.IncodeElectronicSignature .IncodePageFooter {
  padding-top: var(--spacing-16, var(--spacing-16, 16px));
}

.IncodeElectronicSignature .IncodeElectronicSignatureUploadBody {
  min-height: var(--spacing-0, var(--spacing-none, 0px));
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  container-type: size;
}

.IncodeElectronicSignature .IncodeElectronicSignatureIllustration {
  aspect-ratio: 1;
  width: var(--electronic-signature-illustration-max-w);
  border-radius: var(--radius-full, var(--border-radius-full));
  background-color: var(--color-surface-brand-50, var(--surface-brand-50));
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: visible;
}

.IncodeElectronicSignature .IncodeElectronicSignatureIllustration svg {
  height: auto;
  width: var(--electronic-signature-illustration-svg-w);
  --tw-translate-y: calc(var(--electronic-signature-illustration-svg-shift) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.IncodeElectronicSignature .IncodeElectronicSignatureFileInput {
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.IncodeElectronicSignature .IncodeElectronicSignatureReviewBody {
  min-height: var(--spacing-0, var(--spacing-none, 0px));
  width: 100%;
  max-width: var(--incode-form-max-w);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  padding-inline: var(--spacing-48, var(--spacing-48, 48px));
  flex-direction: column;
  flex: 1;
  margin-inline: auto;
  display: flex;
}

.IncodeElectronicSignature .IncodeElectronicSignatureReviewCard {
  min-height: var(--spacing-0, var(--spacing-none, 0px));
  align-items: center;
  gap: var(--spacing-24, var(--spacing-24, 24px));
  border-radius: var(--radius-large, var(--border-radius-large));
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));
  width: 100%;
  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
  padding-block: var(--spacing-20, var(--spacing-20, 20px));
  flex-direction: column;
  display: flex;
}

.IncodeElectronicSignature .IncodeElectronicSignatureDocPreview {
  pointer-events: none;
  aspect-ratio: 113 / 150;
  max-height: var(--electronic-signature-doc-preview-max-h);
  min-height: var(--spacing-0, var(--spacing-none, 0px));
  border-radius: var(--electronic-signature-doc-preview-radius);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
  flex: 1;
  position: relative;
  overflow: hidden;
}

.IncodeElectronicSignature .IncodeElectronicSignatureDocPreviewObject {
  width: 100%;
  height: 100%;
  display: block;
}

.IncodeElectronicSignature .IncodeElectronicSignatureDocName {
  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-primary, var(--text-body-800-primary));
  flex-shrink: 0;
}

.IncodeElectronicSignature .IncodeElectronicSignatureEncrypted {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, var(--spacing-4, 4px));
  padding-block: var(--spacing-8, var(--spacing-8, 8px));
  font-family: var(--typography-body-family);
  font-size: var(--typography-body-m-regular-size);
  font-weight: var(--typography-body-m-regular-weight);
  line-height: var(--typography-body-m-regular-line-height);
  letter-spacing: var(--typography-body-m-regular-letter-spacing);
  white-space: nowrap;
  color: var(--color-text-body-primary, var(--text-body-800-primary));
  display: flex;
}

.IncodeElectronicSignature .IncodeElectronicSignatureEncryptedIcon {
  width: var(--spacing-16, var(--spacing-16, 16px));
  height: var(--spacing-16, var(--spacing-16, 16px));
  color: var(--color-icon-neutral-500, var(--icon-neutral-500));
  flex-shrink: 0;
}

.IncodeElectronicSignature .IncodeElectronicSignatureSigningTop {
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.IncodeElectronicSignature .IncodeElectronicSignatureSigningBottom {
  min-height: var(--spacing-0, var(--spacing-none, 0px));
  justify-content: flex-end;
  align-items: center;
  gap: var(--spacing-12, var(--spacing-12, 12px));
  padding-top: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  flex: 1;
  display: flex;
}

.IncodeElectronicSignature .IncodeElectronicSignatureDocContainer {
  width: 100%;
  max-width: var(--incode-form-max-w);
  border-radius: var(--radius-medium, var(--border-radius-medium));
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));
  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
  padding-block: var(--spacing-8, var(--spacing-8, 8px));
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: clip;
}

.IncodeElectronicSignature .IncodeElectronicSignatureDocRow {
  height: var(--electronic-signature-doc-row-h);
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.IncodeElectronicSignature .IncodeElectronicSignatureDocRowName {
  font-family: var(--typography-button-family);
  font-size: var(--typography-button-m-size);
  font-weight: var(--typography-button-m-weight);
  line-height: var(--typography-button-m-line-height);
  letter-spacing: var(--typography-button-m-letter-spacing);
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeElectronicSignature .IncodeElectronicSignatureDocRowAction {
  width: auto;
  max-width: none;
  height: auto;
  padding: var(--spacing-0, var(--spacing-none, 0px));
}

.IncodeElectronicSignature .IncodeElectronicSignatureConsents {
  min-height: var(--spacing-0, var(--spacing-none, 0px));
  width: 100%;
  max-width: var(--incode-form-max-w);
  gap: var(--spacing-4, var(--spacing-4, 4px));
  flex-direction: column;
  display: flex;
  overflow: auto;
}

.IncodeElectronicSignature .IncodeElectronicSignatureConsents .IncodeCheckbox {
  border-radius: var(--radius-medium, var(--border-radius-medium));
  background-color: var(--color-surface-brand-50, var(--surface-brand-50));
  width: 100%;
  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
  padding-block: var(--spacing-20, var(--spacing-20, 20px));
}

.IncodeElectronicSignature .IncodeElectronicSignatureConsents .IncodeCheckboxText {
  font-family: var(--typography-checkbox-radio-family);
  font-size: var(--typography-checkbox-radio-s-size);
  font-weight: var(--typography-checkbox-radio-s-weight);
  line-height: var(--typography-checkbox-radio-s-line-height);
  letter-spacing: var(--typography-checkbox-radio-s-letter-spacing);
}

.IncodeElectronicSignature .IncodeElectronicSignatureConsents a {
  color: var(--color-text-body-primary, var(--text-body-800-primary));
  text-decoration-line: underline;
}

.IncodeElectronicSignature.IncodeElectronicSignatureSuccess .IncodePageContent {
  padding-top: var(--spacing-0, var(--spacing-none, 0px));
  justify-content: center;
}

.IncodeElectronicSignature .IncodeElectronicSignatureSuccessCenter {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  flex: 1;
  display: flex;
}

.IncodeElectronicSignature .IncodeElectronicSignatureSuccessTitle {
  text-align: center;
  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-text-body-primary, var(--text-body-800-primary));
}

.IncodeElectronicSignature .IncodeElectronicSignatureDownloadLink {
  text-align: center;
  font-family: var(--typography-button-family);
  font-size: var(--typography-button-m-size);
  font-weight: var(--typography-button-m-weight);
  line-height: var(--typography-button-m-line-height);
  letter-spacing: var(--typography-button-m-letter-spacing);
  color: var(--color-text-link-default, var(--text-link-default));
  text-decoration-line: underline;
}

.IncodeElectronicSignature .IncodeElectronicSignatureFooter {
  width: 100%;
  max-width: var(--incode-form-max-w);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  flex-shrink: 0;
  align-self: center;
  display: flex;
}

.IncodeElectronicSignature .IncodeElectronicSignatureDocViewHeader {
  z-index: 10;
  height: var(--page-header-height);
  margin-top: var(--electronic-signature-doc-view-header-offset);
  align-self: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.IncodeElectronicSignature .IncodeElectronicSignatureBackButton {
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeElectronicSignature .IncodeElectronicSignatureDocViewer {
  min-height: var(--spacing-0, var(--spacing-none, 0px));
  border-style: var(--tw-border-style);
  border-width: var(--border-width-none, var(--primitive-border-width-0));
  --tw-border-style: none;
  border-style: none;
  flex: 1;
  width: 100%;
}

.IncodeCertificateIssuancePage {
  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
  animation-fill-mode: both;
}

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

.IncodeCertificateIssuancePage .IncodePageContent {
  min-height: var(--spacing-0, var(--spacing-none, 0px));
  align-items: center;
}

.IncodeCertificateIssuanceContent {
  margin-top: var(--spacing-32, var(--spacing-32, 32px));
  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
  width: 100%;
  height: 100%;
  max-width: var(--incode-form-max-w);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.IncodeCertificateIssuanceContent .IncodeCertificateIssuancePasswordSection {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.IncodeCertificateIssuanceContent .IncodeCertificateIssuancePassword {
  align-items: flex-start;
  gap: var(--spacing-8, var(--spacing-8, 8px));
  width: 100%;
  color: var(--color-input-text-helper-default, var(--input-text-helper-default));
  flex-direction: column;
  display: flex;
}

.IncodeCertificateIssuanceScreenContent {
  margin-top: var(--spacing-32, var(--spacing-32, 32px));
  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
  width: 100%;
  height: 100%;
  max-width: var(--incode-form-max-w);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeCertificateIssuanceScreenContent .IncodeCertificateIssuanceScreenArea {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeCertificateIssuanceScreenContent .IncodeCertificateIssuanceScreenArea .IncodeCertificateIssuanceScreenText {
  margin-top: var(--spacing-12, var(--spacing-12, 12px));
  margin-bottom: var(--spacing-24, var(--spacing-24, 24px));
  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));
}

.IncodeVerificationResult .IncodePageContent {
  gap: var(--spacing-16, var(--spacing-16, 16px));
  padding-bottom: var(--spacing-16, var(--spacing-16, 16px));
  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
  animation-fill-mode: both;
}

.IncodeVerificationResult__center {
  width: 100%;
  max-width: var(--incode-form-max-w);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-inline: auto;
  display: flex;
}

.IncodeVerificationResult__title {
  text-align: center;
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h2-size);
  font-weight: var(--typography-headline-h2-weight);
  line-height: var(--typography-headline-h2-line-height);
  letter-spacing: var(--typography-headline-h2-letter-spacing);
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeVerificationResult__subtitle {
  margin-top: 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-text-body-secondary, var(--text-body-500-secondary));
}

.IncodeVerificationResult__actions {
  width: 100%;
  max-width: var(--incode-form-max-w);
  gap: var(--spacing-12, var(--spacing-12, 12px));
  flex-direction: column;
  margin-inline: auto;
  display: flex;
}

.IncodeFormField {
  width: 100%;
  margin-bottom: .75rem;
}

.IncodeFiscalQrPage {
  width: 100%;
  height: 100%;
  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
  animation-fill-mode: both;
}

.IncodeFiscalQrPage .IncodeFiscalQrTutorialContent {
  margin-top: var(--spacing-32, var(--spacing-32, 32px));
  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

@media (min-width: 48rem) {
  .IncodeFiscalQrPage.IncodeFiscalQrCapturePage {
    background-color: var(--color-black, #000);
  }
}

.IncodeFiscalQrPage.IncodeFiscalQrCapturePage .IncodePageInner {
  padding: var(--spacing-0, var(--spacing-none, 0px));
}

.IncodeFiscalQrPage.IncodeFiscalQrCapturePage .IncodeFiscalQrOverlay {
  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
  align-items: center;
}

.IncodeFiscalQrPage.IncodeFiscalQrCapturePage .IncodeFiscalQrOverlay .IncodeFiscalQrCaptureTopSection {
  z-index: 10;
  margin-top: var(--spacing-40, var(--spacing-40, 40px));
  padding-top: var(--spacing-4, var(--spacing-4, 4px));
  flex-direction: column;
  flex: 1;
  align-items: center;
  display: flex;
}

.IncodeFiscalQrPage.IncodeFiscalQrCapturePage .IncodeFiscalQrOverlay .IncodeFiscalQrCaptureBottomSection {
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.IncodeFiscalQrPage.IncodeFiscalQrCapturePage .IncodeFiscalQrOverlay .IncodeFiscalQrCaptureBottomSection .IncodeFiscalQrError {
  z-index: 10;
  margin-top: var(--spacing-8, var(--spacing-8, 8px));
  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-status-negative, var(--text-status-negative));
}

.IncodeFiscalQrPage.IncodeFiscalQrCapturePage .IncodeFiscalQrButtonWrapper {
  pointer-events: auto;
  z-index: 10;
}

.IncodeFiscalQrPage.IncodeFiscalQrCapturePage .IncodeFiscalQrButtonWrapper .IncodeButtonLink {
  color: var(--color-text-body-0-static, var(--text-body-0-static));
}

.IncodeCaptureContainer {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.IncodeCaptureContainer .IncodeCaptureFrame {
  aspect-ratio: 1;
  border-radius: var(--radius-full, var(--border-radius-full));
  border-style: var(--tw-border-style);
  border-width: 12px;
  border-color: #0000;
  width: 100%;
  max-width: 335px;
  position: relative;
}

.IncodeCaptureContainer .IncodeCaptureVideoWrapper {
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  width: calc(100% - 24px);
  height: calc(100% - 24px);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  border-radius: var(--radius-full, var(--border-radius-full));
  background-color: var(--color-white, #fff);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
}

.IncodeCaptureContainer .IncodeCaptureVideo {
  z-index: 50;
  width: 100%;
  height: 100%;
  position: absolute;
}

.IncodeCaptureContainer .IncodeCaptureVideoElement {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.IncodeCaptureContainer .IncodeCaptureVideoElement.IncodeCaptureVideoMirrored {
  transform: scaleX(-1);
}

.IncodeCaptureContainer .IncodeCaptureAvatarHost {
  width: 100%;
  height: 100%;
  position: absolute;
}

.IncodeCaptureContainer .IncodeCaptureAvatarElement {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.IncodeCaptureContainer .IncodeCaptureAvatarElement.IncodeCaptureAvatarMirrored {
  transform: scaleX(-1);
}

.IncodeCaptureVisuallyHidden {
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.IncodeFaceOutline {
  width: 100%;
  height: 100%;
}

.IncodeLoadingBorder {
  aspect-ratio: 1;
  width: 100%;
  max-width: 335px;
  position: absolute;
}

.IncodeLoadingBorder .IncodeLoadingBorderBase, .IncodeLoadingBorder .IncodeLoadingBorderForeground {
  inset: var(--spacing-0, var(--spacing-none, 0px));
  position: absolute;
}

.IncodeLoadingBorder .IncodeLoadingBorderForeground.IncodeLoadingBorderSpinning {
  animation: var(--animate-spin, spin 1s linear infinite);
}

.IncodeLoadingBorder .IncodeLoadingBorderPath {
  transition: all 1s ease-in-out;
}

.IncodeNotification {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.IncodeNotification .IncodeNotificationText {
  text-align: center;
  font-family: var(--typography-feedback-family);
  font-size: var(--typography-feedback-l-size);
  font-weight: var(--typography-feedback-l-weight);
  line-height: var(--typography-feedback-l-line-height);
  letter-spacing: var(--typography-feedback-l-letter-spacing);
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeIdCaptureNotification {
  top: var(--spacing-24, var(--spacing-24, 24px));
  right: var(--spacing-24, var(--spacing-24, 24px));
  left: var(--spacing-24, var(--spacing-24, 24px));
  z-index: 100;
  max-width: var(--incode-form-max-w);
  padding-bottom: var(--spacing-32, var(--spacing-32, 32px));
  align-items: flex-end;
  margin: auto;
  display: flex;
  position: absolute;
}

.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent {
  z-index: 100;
  border-radius: var(--radius-large, var(--border-radius-large));
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-border-neutral-300, var(--border-neutral-300));
  background-color: var(--color-surface-neutral-900-80, var(--surface-neutral-900-80));
  width: 100%;
  padding-inline: var(--spacing-20, var(--spacing-20, 20px));
  display: flex;
  overflow: hidden;
  box-shadow: 0 2.079px 36.379px #00000059;
}

.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText {
  justify-content: center;
  gap: var(--spacing-8, var(--spacing-8, 8px));
  padding-top: var(--spacing-16, var(--spacing-16, 16px));
  padding-bottom: var(--spacing-12, var(--spacing-12, 12px));
  text-align: center;
  color: var(--color-text-body-0-static, var(--text-body-0-static));
  flex-direction: column;
  display: flex;
}

.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationTitle {
  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);
}

.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationDescription {
  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-tertiary-static, var(--text-body-300-tertiary-static));
}

.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationAnimation {
  height: var(--id-capture-notification-animation-height);
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
}

.IncodeVideoSelfieCapturePage {
  background-color: var(--color-black, #000);
}

.IncodeVideoSelfieCapturePage .IncodePageInner {
  padding: var(--spacing-0, var(--spacing-none, 0px));
}

.IncodeVideoSelfieCapturePage .IncodePageContent {
  flex: 1;
  position: relative;
}

.IncodeVideoSelfieOverlay {
  pointer-events: none;
  inset: var(--spacing-0, var(--spacing-none, 0px));
  z-index: 10;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: absolute;
  container-type: inline-size;
}

.IncodeVideoSelfieSwitchingCameraPage {
  background-color: var(--color-surface-neutral-900-static, var(--surface-neutral-900-static));
}

.IncodeVideoSelfieSwitchingCameraPage .IncodePageInner {
  padding: var(--spacing-0, var(--spacing-none, 0px));
}

.IncodeVideoSelfieSwitchingCameraPage .IncodePageContent {
  flex: 1;
  position: relative;
}

.IncodeVideoSelfieSwitchingCameraPage .IncodeVideoSelfieSwitchingCamera {
  width: 100%;
  height: 100%;
  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.IncodeVideoSelfieSwitchingCameraPage .IncodeVideoSelfieSwitchingCameraContent {
  align-items: center;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  text-align: center;
  flex-direction: column;
  display: flex;
}

.IncodeVideoSelfieSwitchingCameraPage .IncodeVideoSelfieSwitchingCameraIcon {
  width: var(--spacing-40, var(--spacing-40, 40px));
  height: var(--spacing-40, var(--spacing-40, 40px));
}

.IncodeVideoSelfieSwitchingCameraPage .IncodeVideoSelfieSwitchingCameraTitle {
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h2-size);
  font-weight: var(--typography-headline-h2-weight);
  line-height: var(--typography-headline-h2-line-height);
  letter-spacing: var(--typography-headline-h2-letter-spacing);
  color: var(--color-text-body-0-static, var(--text-body-0-static));
}

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

.IncodeVideoSelfieTutorialBody {
  margin-top: var(--spacing-24, var(--spacing-24, 24px));
  min-height: var(--spacing-0, var(--spacing-none, 0px));
  flex: 1;
  overflow-y: auto;
}

.IncodeVideoSelfieTutorialSteps {
  width: 100%;
  max-width: var(--incode-form-max-w);
  gap: var(--spacing-8, var(--spacing-8, 8px));
  flex-direction: column;
  margin-inline: auto;
  display: flex;
}

.IncodeVideoSelfieTutorialStep {
  align-items: center;
  gap: var(--spacing-12, var(--spacing-12, 12px));
  display: flex;
}

.IncodeVideoSelfieTutorialStepIcon {
  width: var(--spacing-40, var(--spacing-40, 40px));
  height: var(--spacing-40, var(--spacing-40, 40px));
  border-radius: var(--radius-small, var(--border-radius-small));
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.IncodeVideoSelfieTutorialStepIcon svg {
  height: var(--spacing-24, var(--spacing-24, 24px));
  width: var(--spacing-24, var(--spacing-24, 24px));
}

.IncodeVideoSelfieTutorialStep:not(:last-child) .IncodeVideoSelfieTutorialStepIcon:after {
  content: "";
  height: var(--spacing-8, var(--spacing-8, 8px));
  width: var(--spacing-2, var(--spacing-2, 2px));
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  background-color: var(--color-border-neutral-100, var(--border-neutral-100));
  position: absolute;
  top: 100%;
  left: 50%;
}

.IncodeVideoSelfieTutorialStepLabel {
  text-align: left;
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h4-size);
  font-weight: var(--typography-headline-h4-weight);
  line-height: var(--typography-headline-h4-line-height);
  letter-spacing: var(--typography-headline-h4-letter-spacing);
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
}

.IncodeVideoSelfieTutorialActions {
  bottom: var(--spacing-0, var(--spacing-none, 0px));
  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
  width: 100%;
  padding-top: var(--spacing-24, var(--spacing-24, 24px));
  padding-bottom: var(--spacing-24, var(--spacing-24, 24px));
  flex-shrink: 0;
  display: flex;
  position: sticky;
}

.IncodeVideoSelfieTutorialStartButton {
  max-width: 420px;
  margin: auto;
}

.IncodeVsStepsHeader {
  inset-inline: var(--spacing-0, var(--spacing-none, 0px));
  top: var(--spacing-0, var(--spacing-none, 0px));
  gap: var(--spacing-2, var(--spacing-2, 2px));
  width: 100%;
  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
  padding-top: var(--spacing-24, var(--spacing-24, 24px));
  color: var(--color-text-body-0-static, var(--text-body-0-static));
  z-index: var(--video-selfie-chrome-z-index);
  background-color: #0000;
  list-style-type: none;
  display: flex;
  position: absolute;
}

.IncodeVsStepsHeader .IncodeVsStepsHeaderStep {
  align-items: center;
  gap: var(--spacing-8, var(--spacing-8, 8px));
  width: 100%;
  height: var(--video-selfie-stepper-height);
  flex-direction: column;
  flex: 1;
  display: flex;
  position: relative;
}

.IncodeVsStepsHeader .IncodeVsStepsHeaderStep img {
  width: var(--spacing-32, var(--spacing-32, 32px));
  height: var(--spacing-32, var(--spacing-32, 32px));
}

.IncodeVsStepsHeader .IncodeVsStepsHeaderPill {
  border-radius: var(--radius-full, var(--border-radius-full));
  background-color: var(--color-surface-neutral-200, var(--surface-neutral-200));
  width: 100%;
  height: var(--video-selfie-stepper-pill-height);
  opacity: .25;
  transition: opacity .3s ease-in-out;
}

.IncodeVsStepsHeader .IncodeVsStepsHeaderStepCompleted .IncodeVsStepsHeaderPill {
  opacity: .5;
}

.IncodeVsStepsHeader .IncodeVsStepsHeaderStepCurrent .IncodeVsStepsHeaderPill {
  opacity: 1;
}

.IncodeVsStepsHeader.IncodeVsStepsHeaderFinished .IncodeVsStepsHeaderPill {
  background-color: var(--border-status-positive-static);
  opacity: 1;
}

.IncodeVsSelfieManualCapture {
  pointer-events: auto;
}

.IncodeVideoSelfieOverlay .IncodeVsSelfieMask {
  border-radius: var(--radius-full, var(--border-radius-full));
  z-index: var(--video-selfie-mask-z-index);
  width: 86cqw;
  height: 86cqw;
  box-shadow: var(--video-selfie-mask-vignette-shadow);
  position: absolute;
  top: calc(50% - 7cqw);
  left: 50%;
  transform: translate(-50%, -50%);
}

.IncodeVideoSelfieOverlay .IncodeVsSelfieMask .IncodeVsSelfieMaskRing {
  inset: var(--spacing-0, var(--spacing-none, 0px));
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: visible;
}

.IncodeVideoSelfieOverlay .IncodeVsSelfieMaskFeedback {
  inset-inline: var(--spacing-0, var(--spacing-none, 0px));
  align-items: center;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  text-align: center;
  width: 100%;
  z-index: var(--video-selfie-chrome-z-index);
  max-width: var(--video-selfie-feedback-max-width);
  flex-direction: column;
  margin-inline: auto;
  display: flex;
  position: absolute;
  top: calc(50% + 36cqw + 40px);
}

.IncodeVideoSelfieOverlay .IncodeVsSelfieMaskIcon {
  width: var(--spacing-32, var(--spacing-32, 32px));
  height: var(--spacing-32, var(--spacing-32, 32px));
}

.IncodeVideoSelfieOverlay .IncodeVsSelfieMaskText {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h2-size);
  font-weight: var(--typography-headline-h2-weight);
  line-height: var(--typography-headline-h2-line-height);
  letter-spacing: var(--typography-headline-h2-letter-spacing);
  color: var(--color-text-body-0-static, var(--text-body-0-static));
}

.IncodeVsIdMask {
  z-index: 50;
  padding-inline: var(--spacing-24);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.IncodeVsIdMask .IncodeVsIdManualCapture {
  bottom: var(--spacing-32);
  z-index: 60;
  pointer-events: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.IncodeVsIdMask .IncodeIdCaptureNotification {
  top: calc(var(--spacing-24) + var(--video-selfie-stepper-height) + var(--spacing-16));
}

.IncodeVsIdMask .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent {
  background-color: var(--surface-neutral-900-static);
}

.IncodeVsIdMask .IncodeVsIdFeedback {
  z-index: 100;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-12, var(--spacing-12, 12px));
  border-radius: var(--radius-medium, var(--border-radius-medium));
  padding: var(--spacing-32, var(--spacing-32, 32px));
  text-align: center;
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h2-size);
  font-weight: var(--typography-headline-h2-weight);
  line-height: var(--typography-headline-h2-line-height);
  letter-spacing: var(--typography-headline-h2-letter-spacing);
  color: var(--color-text-body-0-static, var(--text-body-0-static));
  background-color: var(--surface-neutral-900-static);
  border: var(--border-width-regular) solid var(--border-neutral-100-static);
  width: max-content;
  max-width: var(--video-selfie-id-feedback-max-width);
  flex-direction: column;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
}

.IncodeVsIdMask .IncodeVsIdFeedback.IncodeVsIdFeedbackError {
  width: var(--video-selfie-id-feedback-width);
}

.IncodeVsIdMask .IncodeVsIdFeedback.IncodeVsIdFeedbackProcessing {
  gap: var(--spacing-16);
  color: var(--text-body-50-static);
  width: var(--video-selfie-id-processing-feedback-width);
  height: var(--video-selfie-id-processing-feedback-height);
}

.IncodeVsIdMask .IncodeVsIdFeedback.IncodeVsIdFeedbackProcessing p {
  white-space: nowrap;
}

.IncodeVsIdMask .IncodeVsIdFeedback .IncodeVsIdFeedbackSpinnerPrimary {
  fill: var(--spinner-surface-primary);
}

.IncodeVsIdMask .IncodeVsIdFeedback .IncodeVsIdFeedbackSpinnerSecondary {
  fill: var(--surface-brand-900-static);
}

.IncodeVsIdFlipModal .IncodeModalDialog {
  max-width: none;
  height: 100%;
}

.IncodeVsIdFlipModal .IncodeModalContent {
  border-radius: var(--radius-none, var(--border-radius-none));
  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
  max-width: none;
  height: 100%;
  padding: var(--spacing-24, var(--spacing-24, 24px));
  justify-content: center;
  gap: var(--video-selfie-id-flip-gap);
}

.IncodeVsIdFlipModal .IncodeModalTitleSectionCenter {
  margin: var(--spacing-0, var(--spacing-none, 0px));
}

.IncodeVsIdFlipModal .IncodeVsIdFlipAnimation {
  height: var(--video-selfie-id-flip-animation-height);
  width: var(--video-selfie-id-flip-animation-width);
  overflow: hidden;
}

.IncodeVsFinalSuccess {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-12, var(--spacing-12, 12px));
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  flex: 1;
  display: flex;
}

.IncodeVsFinalSuccess .IncodeVsFinalSuccessTitle {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  text-align: center;
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h2-size);
  font-weight: var(--typography-headline-h2-weight);
  line-height: var(--typography-headline-h2-line-height);
  letter-spacing: var(--typography-headline-h2-letter-spacing);
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeVsPoaMask {
  pointer-events: none;
  z-index: 50;
  position: absolute;
  inset: 0;
}

.IncodeVsPoaBanner {
  background: #000c;
  justify-content: center;
  align-items: center;
  padding: 80px 16px 16px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.IncodeVsPoaBannerText {
  text-align: center;
  color: #fff;
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.IncodeVsPoaBannerEmphasis {
  color: #00b2fd;
}

.IncodeVsPoaActions {
  justify-content: center;
  display: flex;
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
}

.IncodeVsPoaButton {
  pointer-events: auto;
  width: 100%;
}

.IncodeVsVoicePanel {
  pointer-events: auto;
  z-index: var(--video-selfie-mask-z-index);
  align-items: center;
  gap: var(--spacing-12);
  padding: var(--spacing-20) var(--spacing-16);
  border-radius: var(--border-radius-large);
  background: var(--surface-neutral-0-static);
  color: var(--text-body-800-primary-static);
  border: var(--video-selfie-voice-panel-border-width) solid transparent;
  box-shadow: var(--video-selfie-voice-vignette-shadow);
  flex-direction: column;
  transition: border-color .3s ease-in-out;
  display: flex;
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
}

.IncodeVsVoicePanel.IncodeVsVoicePanelActive {
  border-color: var(--border-brand-500);
}

.IncodeVsVoicePanel.IncodeVsVoicePanelProcessing {
  border-style: var(--tw-border-style);
  left: var(--spacing-8);
  right: var(--spacing-8);
  bottom: var(--spacing-8);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-16);
  height: var(--video-selfie-voice-processing-height);
  min-height: var(--video-selfie-voice-processing-height);
  padding: var(--spacing-24) var(--spacing-16);
  border-width: 0;
}

.IncodeVsVoicePanel .IncodeVsVoicePanelProcessingTitle {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  text-align: center;
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h2-size);
  font-weight: var(--typography-headline-h2-weight);
  line-height: var(--typography-headline-h2-line-height);
  letter-spacing: var(--typography-headline-h2-letter-spacing);
  color: var(--color-spinner-text-title, var(--spinner-text-title));
}

.IncodeVsVoicePanel .IncodeVsVoicePanelLabel {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h4-size);
  font-weight: var(--typography-headline-h4-weight);
  line-height: var(--typography-headline-h4-line-height);
  letter-spacing: var(--typography-headline-h4-letter-spacing);
  color: var(--text-body-500-secondary-static);
}

.IncodeVsVoicePanel .IncodeVsVoicePanelTitle {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
  text-align: center;
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h2-size);
  font-weight: var(--typography-headline-h2-weight);
  line-height: var(--typography-headline-h2-line-height);
  letter-spacing: var(--typography-headline-h2-letter-spacing);
  color: var(--text-body-800-primary-static);
}

.IncodeVsVoicePanel .IncodeVsVoicePanelButton {
  width: 100%;
}

.IncodeVsVoicePanel .IncodeVsVoiceStepper {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  gap: var(--spacing-8, var(--spacing-8, 8px));
  width: 100%;
  padding: var(--spacing-0, var(--spacing-none, 0px));
  list-style-type: none;
  display: flex;
}

.IncodeVsVoicePanel .IncodeVsVoiceStep {
  height: var(--spacing-4);
  border-radius: var(--border-radius-full);
  background: var(--surface-neutral-100-static);
  flex: 1;
}

.IncodeVsVoicePanel .IncodeVsVoiceStepActive {
  background: var(--surface-brand-500-static);
}

.IncodeVsVoicePanel .IncodeVsVoiceMic {
  width: var(--spacing-16);
  height: var(--spacing-16);
  border-radius: var(--border-radius-full);
  background: var(--icon-status-negative);
  animation: 1.2s ease-in-out infinite IncodeVsVoiceMicPulse;
}

@keyframes IncodeVsVoiceMicPulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .4;
    transform: scale(.8);
  }
}

incode-flow {
  width: 100%;
  height: 100%;
  display: block;
}

.IncodeFlow {
  width: 100%;
  height: 100%;
}

.IncodeFlowModuleLoading {
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}