/*! 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;
    transform: translateY(8px);
  }

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

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

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

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

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

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

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

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

.IncodeIdentityReusePage .IncodeIdentityReuseBody {
  padding-top: var(--spacing-32);
  flex-direction: column;
  flex: 1;
  display: flex;
}

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

.IncodeIdentityReusePage .IncodeIdentityReuseCard {
  cursor: pointer;
  border-radius: var(--radius-medium, var(--border-radius-medium));
  border-style: var(--tw-border-style);
  width: 100%;
  padding: var(--spacing-16, var(--spacing-16, 16px));
  text-align: left;
  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;
  background-color: var(--surface-neutral-0);
  border-width: 1px;
  border-color: var(--border-neutral-100);
  flex-direction: column;
  align-items: stretch;
  transition-duration: .2s;
  display: flex;
}

.IncodeIdentityReusePage .IncodeIdentityReuseCard:hover {
  border-color: var(--border-neutral-200);
}

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

.IncodeIdentityReusePage .IncodeIdentityReuseCardSelected, .IncodeIdentityReusePage .IncodeIdentityReuseCardSelected:hover {
  background-color: var(--surface-brand-50);
  border-color: var(--border-brand-500);
}

.IncodeIdentityReusePage .IncodeIdentityReuseCardBody {
  gap: var(--spacing-8, var(--spacing-8, 8px));
  flex-direction: column;
  flex: 1;
  display: flex;
}

.IncodeIdentityReusePage .IncodeIdentityReuseCardHeader {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

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

.IncodeIdentityReusePage .IncodeIdentityReuseCardTypeLabel {
  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(--text-body-800-primary);
}

.IncodeIdentityReusePage .IncodeIdentityReuseCardIdentifier {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  align-items: center;
  gap: var(--spacing-8, var(--spacing-8, 8px));
  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(--text-body-800-primary);
  display: flex;
}

.IncodeIdentityReusePage .IncodeIdentityReuseCardVerified {
  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(--text-body-500-secondary);
}

.IncodeIdentityReusePage .IncodeIdentityReuseBadgeRecommended {
  border-radius: var(--radius-x-small, var(--border-radius-x-small));
  padding-inline: var(--spacing-4, var(--spacing-4, 4px));
  padding-block: var(--spacing-2, var(--spacing-2, 2px));
  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);
  background-color: var(--surface-brand-500-static);
  color: var(--text-body-0-static);
  align-items: center;
  display: inline-flex;
}

.IncodeIdentityReusePage .IncodeIdentityReuseBadgeSlowest {
  border-radius: var(--radius-x-small, var(--border-radius-x-small));
  border-style: var(--tw-border-style);
  padding-inline: var(--spacing-4, var(--spacing-4, 4px));
  padding-block: var(--spacing-2, var(--spacing-2, 2px));
  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);
  background-color: var(--surface-neutral-50);
  border-width: 1px;
  border-color: var(--border-neutral-200);
  color: var(--text-body-800-primary);
  align-items: center;
  display: inline-flex;
}

.IncodeIdentityReusePage .IncodeIdentityReuseScanNewCard {
  align-items: center;
  gap: var(--spacing-20);
  flex-direction: row;
}

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

.IncodeIdentityReusePage .IncodeIdentityReuseRadio {
  border-radius: var(--radius-full, var(--border-radius-full));
  border-style: var(--tw-border-style);
  width: var(--spacing-24);
  height: var(--spacing-24);
  background-color: var(--surface-neutral-50);
  border-width: 1px;
  border-color: var(--border-neutral-200);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.IncodeIdentityReusePage .IncodeIdentityReuseRadioChecked {
  background-color: var(--surface-brand-500-static);
  border-color: var(--surface-brand-500-static);
}

.IncodeIdentityReusePage .IncodeIdentityReuseRadioInner {
  border-radius: var(--radius-full, var(--border-radius-full));
  width: var(--spacing-8);
  height: var(--spacing-8);
  background-color: var(--surface-neutral-0-static);
  display: block;
}

.IncodeIdentityReusePage .IncodeIdentityReuseActions {
  gap: var(--spacing-12, var(--spacing-12, 12px));
  padding-top: var(--spacing-16);
  flex-direction: column;
  margin-top: auto;
  display: flex;
}

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

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

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

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

.IncodeFinishScreenBySessionStatus .IncodeFinishScreenStatus {
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  width: 100%;
  padding: var(--spacing-24, var(--spacing-24, 24px));
  flex-direction: column;
  flex: 1;
  display: flex;
}

.IncodeFinishScreenBySessionStatus .IncodeFinishScreenTitleGroup {
  align-items: center;
  gap: var(--spacing-4, var(--spacing-4, 4px));
  flex-direction: column;
  display: flex;
}

.IncodeFinishScreenBySessionStatus .IncodeFinishScreenTitle, .IncodeFinishScreenBySessionStatus .IncodeFinishScreenSubtitle {
  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;
}

.IncodeFinishScreenBySessionStatus .IncodeFinishScreenDescription {
  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));
  overflow-wrap: break-word;
  max-width: var(--incode-form-max-w);
}

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

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