/*! 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)))) {
    *, :before, :after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-duration: initial;
    }
  }
}

@layer incode-theme;

@layer incode-utilities {
  .\!visible {
    visibility: visible !important;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

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

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  .incode-container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .incode-container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .incode-container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .incode-container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .incode-container {
      max-width: 96rem;
    }
  }

  .incode-container {
    height: 100%;
    margin: auto;
  }

  @media (min-width: 48rem) {
    .incode-container {
      max-height: var(--incode-page-max-h);
      max-width: var(--incode-page-max-w);
    }

    @media not all and (min-width: 80rem) {
      @media (orientation: landscape) {
        .incode-container {
          max-height: var(--incode-page-max-h-landscape);
        }
      }
    }
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .m-auto {
    margin: auto;
  }

  .mx-auto {
    margin-inline: auto;
  }

  .ml-8 {
    margin-left: var(--spacing-8, var(--spacing-8, 8px));
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-flex {
    display: inline-flex;
  }

  .w-full {
    width: 100%;
  }

  .max-w-\[420px\] {
    max-width: 420px;
  }

  .max-w-\[480px\] {
    max-width: 480px;
  }

  .flex-1 {
    flex: 1;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .resize {
    resize: both;
  }

  .items-center {
    align-items: center;
  }

  .justify-between {
    justify-content: space-between;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .bg-white {
    background-color: var(--color-white, #fff);
  }

  .text-button-m-underlined {
    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;
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    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);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: auto;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    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));
  }
}

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

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

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

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

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

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

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

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

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

.IncodeSelfieTutorial {
  --brand-color: var(--surface-brand-500);
}

.IncodeSelfieTutorial .IncodeBaseTutorialAnimation svg linearGradient#__lottie_element_29 stop {
  stop-color: var(--brand-color);
}

.IncodeSelfieTutorial .IncodeBaseTutorialAnimation svg > g > g > g:first-child > g:first-child > g > g > g:nth-child(2) > g:nth-child(3) > g > path, .IncodeSelfieTutorial .IncodeBaseTutorialAnimation svg > g > g > g:first-child > g:first-child > g > g > g:nth-child(2) > g:first-child > g > path {
  fill: var(--brand-color);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

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

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

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

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

@keyframes simpleFadeInTitle {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

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

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

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

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

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

.IncodeFaceMatchPhotoContainerHidden {
  visibility: hidden;
}

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

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

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

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

.IncodeFaceMatchBottomPhotoContainerHidden {
  visibility: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

.IncodeGovtValidation.IncodeGovtValidation--otp .IncodeGovtValidationPage .IncodeGovtValidationOtpInstructions p, .IncodeGovtValidation.IncodeGovtValidation--otp .IncodeGovtValidationPage .IncodeGovtValidationOtpInstructions h2 {
  font-family: var(--typography-input-dropdown-family);
  font-size: var(--typography-input-dropdown-m-size);
  font-weight: var(--typography-input-dropdown-m-weight);
  line-height: var(--typography-input-dropdown-m-line-height);
  letter-spacing: var(--typography-input-dropdown-m-letter-spacing);
  text-wrap: nowrap;
}

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

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

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

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

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

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

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

.IncodeFlowStartButton {
  margin-top: auto;
}

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

.IncodeCpfOcrPage {
  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) {
  .IncodeCpfOcrPage.IncodePageContainer {
    align-items: stretch;
  }
}

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

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

.IncodeCpfOcrPage .IncodeCpfOcr {
  height: 100%;
  min-height: var(--spacing-0, var(--spacing-none, 0px));
  width: 100%;
  max-width: var(--incode-form-max-w);
  align-items: center;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  flex: 1;
  display: flex;
}

.IncodeCpfOcrPage .IncodeCpfOcrLoading {
  height: 100%;
  min-height: var(--spacing-0, var(--spacing-none, 0px));
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  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;
}

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

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

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

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

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

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

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

.IncodeUnsupportedModule .IncodeUnsupportedModuleContent .IncodeUnsupportedModuleMessage {
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h5-size);
  font-weight: var(--typography-headline-h5-weight);
  line-height: var(--typography-headline-h5-line-height);
  letter-spacing: var(--typography-headline-h5-letter-spacing);
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
}

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

.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 {
  --brand-color: var(--surface-brand-500);
}

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

.IncodeIdTutorial.IncodeIdTutorialId .IncodeBaseTutorialAnimation svg > g > g > g:nth-child(2) > g:nth-child(5) > g > g > g:nth-child(3) > g > path, .IncodeIdTutorial.IncodeIdTutorialId .IncodeBaseTutorialAnimation svg > g > g > g:first-child > g > path, .IncodeIdTutorial.IncodeIdTutorialPassport .IncodeBaseTutorialAnimation svg > g > g:nth-child(2) > g:nth-child(2) > g:nth-child(2) > g:nth-child(2) > g > g > g > g:nth-child(4) > g > path, .IncodeIdTutorial.IncodeIdTutorialPassport .IncodeBaseTutorialAnimation svg > g > g:first-child > g > path {
  fill: var(--brand-color);
}

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

.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 {
  aspect-ratio: 42 / 30;
}

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

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

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

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

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

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

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

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

.IncodeIdProcessingLayout {
  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  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 .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;
}

.IncodeIdProcessingLayout .IncodeAnalyzingLottie {
  width: 100%;
  max-width: 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));
}

.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: 420px;
  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-white, #fff);
  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, var(--text-body-300-tertiary));
}

.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationAnimation {
  justify-content: center;
  align-items: center;
  width: auto;
  height: 130px;
  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 {
  max-height: var(--digital-id-illustration-max-h);
  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));
  justify-content: flex-start;
  align-items: center;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  width: 100%;
  display: flex;
  overflow-y: auto;
}

.IncodeIdOcrPage .IncodeIdOcrButton {
  bottom: var(--spacing-0, var(--spacing-none, 0px));
  width: 100%;
  position: sticky;
}

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

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

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

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

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

.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent .IncodeDocumentCaptureTutorialIllustration {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 292px;
  margin-inline: auto;
  display: flex;
}

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

.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureError {
  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
  text-align: center;
  font-size: var(--text-14, var(--primitive-typography-size-14));
  --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(--input-text-helper-negative, #e53e3e);
}

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

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

.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureCentered {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  flex: 1;
  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;
}

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

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

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

.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100px;
  display: flex;
}

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

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

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

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

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

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

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

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

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

.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter.IncodeDocumentCaptureReviewFooterEmpty {
  visibility: hidden;
  height: 56px;
}

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

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

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

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

.IncodeDocumentCapturePdfCard .ImageDocumentCapturePdfPreviewContainer {
  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));
  height: var(--document-capture-pdf-preview-height);
  overflow: hidden;
}

.IncodeDocumentCapturePdfCard .ImageDocumentCapturePdfPreviewContainer .ImageDocumentCapturePdfPreview {
  width: 100%;
  height: 100%;
}

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

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

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

.IncodeOverlay .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard {
  align-items: flex-start;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));
  padding: var(--spacing-16, var(--spacing-16, 16px));
  border-radius: 12px;
  display: flex;
}

.IncodeOverlay .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard .IncodeDocumentCommonIssuesCardIcon {
  color: var(--color-text-body-primary, var(--text-body-800-primary));
  flex-shrink: 0;
}

.IncodeOverlay .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard .IncodeDocumentCommonIssuesCardText {
  gap: var(--spacing-4, var(--spacing-4, 4px));
  flex-direction: column;
  display: flex;
}

.IncodeOverlay .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard .IncodeDocumentCommonIssuesCardText .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);
}

.IncodeOverlay .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard .IncodeDocumentCommonIssuesCardText .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));
}

.IncodeOverlay .IncodeDocumentCommonIssuesButtons {
  gap: var(--spacing-12, var(--spacing-12, 12px));
  width: 100%;
  padding-top: var(--spacing-24, var(--spacing-24, 24px));
  flex-direction: column;
  margin-top: auto;
  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;
}

.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);
  gap: var(--spacing-8, var(--spacing-8, 8px));
  flex-direction: column;
  display: flex;
}

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

  .IncodeEkycPage .IncodePageInner {
    height: 100%;
  }

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

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

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

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

.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 {
  cursor: pointer;
  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));
  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));
  background-color: #0000;
  border-style: none;
}

.IncodeEkybPage .IncodeEkybAddUbo {
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: var(--border-width-none, var(--primitive-border-width-0));
  --tw-border-style: none;
  padding-block: var(--spacing-8, var(--spacing-8, 8px));
  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));
  background-color: #0000;
  border-style: none;
  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-top: var(--spacing-32, var(--spacing-32, 32px));
  padding-bottom: var(--spacing-24, var(--spacing-24, 24px));
  max-width: var(--redirect-card-max-width);
  min-height: min(var(--redirect-card-max-width), var(--redirect-card-min-height));
  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 {
  align-items: center;
  gap: var(--spacing-32, var(--spacing-32, 32px));
  width: 100%;
  max-width: var(--redirect-options-max-width);
  flex-direction: column;
  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%;
}

@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 {
  align-items: center;
  gap: var(--spacing-40, var(--spacing-40, 40px));
  width: 100%;
  max-width: var(--redirect-form-column-max-width);
  flex-direction: column;
  flex: 1;
  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-32, var(--spacing-32, 32px));
  font-family: var(--Button-family, "DM Sans");
  letter-spacing: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
}

.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-300, var(--border-neutral-300));
  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-text-link-default, var(--text-link-default));
  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 {
  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 {
  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: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.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 .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 .IncodeConsentCheckboxLabel .IncodeRichText .markup a, .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText a {
  color: var(--color-link-default, var(--link-default));
}

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

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

.IncodeConsentPage .IncodeConsentSubmitError {
  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
  text-align: center;
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h5-size);
  font-weight: var(--typography-headline-h5-weight);
  line-height: var(--typography-headline-h5-line-height);
  letter-spacing: var(--typography-headline-h5-letter-spacing);
  color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
  margin-top: 0;
}

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

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

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

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

.IncodeDynamicFormsPage .IncodePageContent {
  align-items: center;
}

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

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

.IncodeDynamicFormsPage .IncodeDynamicFormsForm button {
  margin-top: auto;
}

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

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

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

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

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

.IncodeSignature .SignatureCanvasContainer {
  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 .SignatureCanvas {
  width: 100%;
  height: 100%;
  padding-block: var(--spacing-8, var(--spacing-8, 8px));
}

.IncodeSignature .SignatureCanvasPlaceholder {
  font-family: var(--typography-input-dropdown-family);
  font-size: var(--typography-input-dropdown-m-size);
  font-weight: var(--typography-input-dropdown-m-weight);
  line-height: var(--typography-input-dropdown-m-line-height);
  letter-spacing: var(--typography-input-dropdown-m-letter-spacing);
  color: var(--color-input-text-field-placeholder, var(--input-text-field-placeholder));
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  pointer-events: none;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
  animation-fill-mode: both;
  position: absolute;
  top: 50%;
  left: 50%;
}

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

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

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

.IncodeWatchlistForBusinessPage {
  height: 100%;
}

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

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

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

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

.IncodeElectronicSignature .IncodePageTitleContainer {
  max-width: 600px;
}

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

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

.IncodeElectronicSignatureIllustration {
  aspect-ratio: 1;
  border-radius: var(--radius-full, var(--border-radius-full));
  background-color: var(--color-surface-brand-50, var(--surface-brand-50));
  justify-content: center;
  align-items: center;
  width: min(100cqw, 100cqh - 32px, 297px);
  display: flex;
  overflow: visible;
}

.IncodeElectronicSignatureIllustration svg {
  --tw-translate-y: calc(3% * -1);
  width: 80%;
  height: auto;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

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

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

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

.IncodeElectronicSignatureDocPreview {
  pointer-events: none;
  aspect-ratio: 113 / 150;
  max-height: 150px;
  min-height: var(--spacing-0, var(--spacing-none, 0px));
  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));
  border-radius: 6px;
  flex: 1;
  position: relative;
  overflow: hidden;
}

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

.IncodeElectronicSignatureDocName {
  text-align: center;
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h5-size);
  font-weight: var(--typography-headline-h5-weight);
  line-height: var(--typography-headline-h5-line-height);
  letter-spacing: var(--typography-headline-h5-letter-spacing);
  color: var(--color-text-body-primary, var(--text-body-800-primary));
  flex-shrink: 0;
}

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

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

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

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

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

.IncodeElectronicSignatureDocRow {
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 56px;
  display: flex;
}

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

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

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

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

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

.IncodeElectronicSignatureConsents a {
  color: var(--color-text-link-default, var(--text-link-default));
  text-decoration-line: underline;
}

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

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

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

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

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

.IncodeElectronicSignatureDocViewHeader {
  z-index: 10;
  height: var(--page-header-height);
  margin-top: calc(-1 * var(--page-header-height));
  align-self: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

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

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

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

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

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

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

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

.IncodeCertificateIssuanceContent .IncodeCertificateIssuancePassword {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

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

.IncodeCertificateIssuanceDownloadContent .IncodeCertificateIssuanceDownloadArea {
  border-radius: var(--radius-3xl, 1.5rem);
  background-color: var(--color-surface-brand-50, var(--surface-brand-50));
  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
  padding-block: var(--spacing-24, var(--spacing-24, 24px));
  flex-direction: column;
  display: flex;
}

.IncodeCertificateIssuanceDownloadContent .IncodeCertificateIssuanceDownloadArea .IncodeCertificateIssuanceDownloadText {
  margin-top: var(--spacing-12, var(--spacing-12, 12px));
  margin-bottom: var(--spacing-24, var(--spacing-24, 24px));
  text-align: center;
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h5-size);
  font-weight: var(--typography-headline-h5-weight);
  line-height: var(--typography-headline-h5-line-height);
  letter-spacing: var(--typography-headline-h5-letter-spacing);
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
}

.IncodeCertificateIssuanceRequirements {
  margin-top: var(--spacing-8, var(--spacing-8, 8px));
  gap: var(--spacing-8, var(--spacing-8, 8px));
  flex-direction: column;
  list-style: none;
  display: flex;
}

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

.IncodeCertificateIssuanceRequirement[data-met="false"] .IncodeSuccessIcon path:first-of-type {
  fill: var(--icon-neutral-300);
}

.IncodeCertificateIssuanceRequirementIcon {
  height: var(--spacing-20, var(--spacing-20, 20px));
  width: var(--spacing-20, var(--spacing-20, 20px));
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeCertificateIssuanceRequirementLabel {
  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-default, var(--input-text-helper-default));
}

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

.IncodeCertificateIssuanceDownloadButton {
  text-decoration: none;
}

.IncodeCertificateIssuanceSuccessCenter {
  flex-direction: column;
  flex: 1;
  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);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  flex: 1;
  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__actions {
  width: 100%;
  max-width: var(--incode-form-max-w);
  gap: var(--spacing-12, var(--spacing-12, 12px));
  flex-direction: column;
  margin-inline: auto;
  display: flex;
}

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

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

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

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

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

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

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

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

.IncodeFiscalQrPage.IncodeFiscalQrCapturePage .IncodeFiscalQrOverlay .IncodeFiscalQrCaptureBottomSection .IncodeFiscalQrError {
  z-index: 10;
  margin-top: var(--spacing-8, var(--spacing-8, 8px));
  text-align: center;
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h5-size);
  font-weight: var(--typography-headline-h5-weight);
  line-height: var(--typography-headline-h5-line-height);
  letter-spacing: var(--typography-headline-h5-letter-spacing);
  color: var(--color-text-status-negative, var(--text-status-negative));
}

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

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

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

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

@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

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

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

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

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

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

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

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

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

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

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

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

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

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

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

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

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

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

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@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-leading {
  syntax: "*";
  inherits: false
}

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

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

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

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