@incodetech/web 2.0.0-alpha.8 → 2.0.0-rc.0

package/dist/workflow/styles.css

@@ -0,0 +1,4612 @@
+/*! 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;
+  }
+
+  .relative {
+    position: relative;
+  }
+
+  .static {
+    position: static;
+  }
+
+  .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;
+  }
+
+  .block {
+    display: block;
+  }
+
+  .flex {
+    display: flex;
+  }
+
+  .grid {
+    display: grid;
+  }
+
+  .hidden {
+    display: none;
+  }
+
+  .inline {
+    display: inline;
+  }
+
+  .inline-flex {
+    display: inline-flex;
+  }
+
+  .max-w-\[420px\] {
+    max-width: 420px;
+  }
+
+  .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;
+  }
+
+  .flex-col {
+    flex-direction: column;
+  }
+
+  .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);
+    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 .IncodeGovtValidationStatus {
+  text-align: center;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeGovtValidation .IncodeGovtValidationText {
+  margin-top: var(--spacing-12, var(--spacing-12, 12px));
+  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);
+}
+
+.IncodeGovtValidation.IncodeGovtValidation--otp .IncodeGovtValidationPage .IncodePageContent {
+  flex-direction: column;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeGovtValidation.IncodeGovtValidation--otp .IncodeGovtValidationPage .IncodeGovtValidationOtpInstructions {
+  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
+}
+
+.IncodeGovtValidation.IncodeGovtValidation--otp .IncodeGovtValidationPage .IncodeGovtValidationOtpInstructions p, .IncodeGovtValidation.IncodeGovtValidation--otp .IncodeGovtValidationPage .IncodeGovtValidationOtpInstructions h2 {
+  font-family: var(--typography-input-dropdown-family);
+  font-size: var(--typography-input-dropdown-m-size);
+  font-weight: var(--typography-input-dropdown-m-weight);
+  line-height: var(--typography-input-dropdown-m-line-height);
+  letter-spacing: var(--typography-input-dropdown-m-letter-spacing);
+  text-wrap: nowrap;
+}
+
+.IncodeSrOnly {
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border-width: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+}
+
+.IncodeAgeVerificationPage .IncodePageInner {
+  padding-top: var(--spacing-8, var(--spacing-8, 8px));
+  padding-bottom: var(--spacing-16, var(--spacing-16, 16px));
+}
+
+.IncodeAgeVerificationPage .IncodePageHeader {
+  height: var(--page-header-height);
+  min-height: var(--page-header-height);
+}
+
+.IncodeAgeVerificationPage .IncodePageLogo {
+  height: var(--age-verification-logo-height);
+}
+
+.IncodeAgeVerificationPage .IncodePageTitleContainer {
+  max-width: none;
+}
+
+.IncodeAgeVerificationPage .IncodePageContent {
+  justify-content: center;
+}
+
+.IncodeAgeVerificationPage .IncodePageFooter {
+  padding-top: var(--spacing-12, var(--spacing-12, 12px));
+  padding-bottom: var(--spacing-0, var(--spacing-none, 0px));
+}
+
+.IncodeAgeVerificationPage .IncodeAgeVerificationContent {
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--spacing-16, var(--spacing-16, 16px));
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+}
+
+.IncodeAgeVerificationPage .IncodeAgeVerificationList {
+  width: 100%;
+  max-width: var(--incode-form-max-w);
+  justify-content: center;
+  gap: var(--spacing-16, var(--spacing-16, 16px));
+  padding: var(--spacing-0, var(--spacing-none, 0px));
+  flex-direction: column;
+  flex: 1;
+  margin-inline: auto;
+  list-style-type: none;
+  display: flex;
+}
+
+.IncodeAgeVerificationPage .IncodeAgeVerificationItem {
+  align-items: center;
+  gap: var(--spacing-16, var(--spacing-16, 16px));
+  display: flex;
+}
+
+.IncodeAgeVerificationPage .IncodeAgeVerificationIcon {
+  height: var(--spacing-64, var(--spacing-64, 64px));
+  width: var(--spacing-96, var(--spacing-96, 96px));
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeAgeVerificationPage .IncodeAgeVerificationIcon img {
+  width: 100%;
+  height: 100%;
+}
+
+.IncodeAgeVerificationPage .IncodeAgeVerificationText {
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h5-size);
+  font-weight: var(--typography-headline-h5-weight);
+  line-height: var(--typography-headline-h5-line-height);
+  letter-spacing: var(--typography-headline-h5-letter-spacing);
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+  flex: 1;
+}
+
+.IncodeAgeVerificationPage .IncodeAgeVerificationButton {
+  width: 100%;
+  max-width: var(--incode-form-max-w);
+  margin-inline: auto;
+}
+
+.IncodeIdTutorial {
+  --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 .IncodeIdManualCaptureTooltipContainer {
+  animation: .5s ease-out forwards slideUp;
+}
+
+.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));
+}
+
+.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;
+}
+
+.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(--font-family-dm-sans, var(--primitive-typography-family-dm-sans));
+  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(--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(--font-family-dm-sans, var(--primitive-typography-family-dm-sans));
+  font-size: var(--text-16, var(--primitive-typography-size-16));
+  --tw-leading: var(--spacing-16, var(--spacing-16, 16px));
+  line-height: var(--spacing-16, var(--spacing-16, 16px));
+  --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));
+  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));
+  --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));
+}
+
+.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 {
+  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));
+  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 {
+  cursor: pointer;
+  border-radius: var(--radius-full, var(--border-radius-full));
+  border-style: var(--tw-border-style);
+  border-width: var(--border-width-none, var(--primitive-border-width-0));
+  --tw-border-style: none;
+  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;
+  border-style: none;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  transition-duration: .2s;
+  display: inline-flex;
+}
+
+.IncodeManualUploadSlot .IncodeManualUploadSlotAction:hover:not(:disabled) {
+  background-color: var(--color-button-primary-surface-hover, var(--button-primary-surface-hover));
+}
+
+.IncodeManualUploadSlot .IncodeManualUploadSlotAction:disabled {
+  cursor: not-allowed;
+  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 .IncodeManualUploadSlotAction:hover:not(:disabled) {
+  padding: var(--spacing-0, var(--spacing-none, 0px));
+  color: var(--color-surface-status-positive-500, var(--surface-status-positive-500));
+  background-color: #0000;
+}
+
+.IncodeManualUploadSlot.IncodeManualUploadSlot--disabled {
+  opacity: .5;
+}
+
+.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 {
+  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);
+  position: relative;
+  overflow: hidden;
+}
+
+.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadProgressBar > span {
+  top: var(--spacing-0, var(--spacing-none, 0px));
+  left: var(--spacing-0, var(--spacing-none, 0px));
+  border-radius: var(--radius-full, var(--border-radius-full));
+  height: 100%;
+  transition-property: all;
+  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));
+  background-color: var(--color-icon-status-positive, var(--icon-status-positive));
+  position: absolute;
+}
+
+.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 {
+  border-style: var(--tw-border-style);
+  border-width: 0;
+  width: calc(100% + 4px);
+  height: calc(100% + 4px);
+  margin: -2px;
+}
+
+.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 .IncodePageTitleContainer {
+  margin: var(--spacing-0, var(--spacing-none, 0px));
+}
+
+.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 {
+  max-width: 480px;
+  margin-inline: auto;
+}
+
+@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%;
+  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: 420px;
+  padding-block: var(--spacing-12, var(--spacing-12, 12px));
+}
+
+.IncodeEkycPage .IncodeEkycRadioGroup {
+  width: 100%;
+  max-width: 420px;
+  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;
+}
+
+@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.IncodeEkycPageScrollable .IncodeEkycForm {
+    margin-left: var(--spacing-8, var(--spacing-8, 8px));
+  }
+
+  .IncodeEkycPage .IncodeEkycFooter {
+    flex-shrink: 0;
+  }
+}
+
+.IncodeEkybPage {
+  margin-inline: auto;
+}
+
+.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;
+  justify-content: space-between;
+  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 {
+  --max-width-bottom-nav: 390px;
+  align-items: center;
+  gap: var(--spacing-40, var(--spacing-40, 40px));
+  width: 100%;
+  max-width: var(--max-width-bottom-nav);
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectVerifiedBy {
+  justify-content: center;
+  align-items: center;
+  gap: var(--spacing-4, var(--spacing-4, 4px));
+  padding-top: var(--spacing-8, var(--spacing-8, 8px));
+  padding-bottom: var(--spacing-12, var(--spacing-12, 12px));
+  display: flex;
+}
+
+.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 {
+  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 .IncodePhoneInput, .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputContainer {
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+  display: flex;
+}
+
+.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputRow {
+  --max-width-phone-input-row: 340px;
+  align-items: stretch;
+  gap: var(--spacing-8, var(--spacing-8, 8px));
+  width: 100%;
+  max-width: var(--max-width-phone-input-row);
+  display: flex;
+  position: relative;
+}
+
+.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputWrapper {
+  border-radius: var(--radius-small, var(--border-radius-small));
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--color-input-border-default, var(--input-border-default));
+  background-color: var(--color-input-surface-default, var(--input-surface-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: 1;
+  align-items: center;
+  transition-duration: .2s;
+  display: flex;
+}
+
+.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputWrapper:focus-within {
+  border-color: var(--color-input-border-focused, var(--input-border-focused));
+}
+
+.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputWrapper.IncodePhoneInputWrapperError {
+  border-color: var(--color-input-border-negative, var(--input-border-negative));
+}
+
+.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputWrapper.IncodePhoneInputWrapperDisabled {
+  border-color: var(--color-input-border-disabled, var(--input-border-disabled));
+  background-color: var(--color-input-surface-disabled, var(--input-surface-disabled));
+}
+
+.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountrySelector {
+  --width-country-selector: 124px;
+  border-radius: var(--radius-small, var(--border-radius-small));
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--color-input-border-default, var(--input-border-default));
+  background-color: var(--color-input-surface-default, var(--input-surface-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;
+  width: var(--width-country-selector);
+  flex-shrink: 0;
+  transition-duration: .2s;
+  position: static;
+}
+
+.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountrySelector.IncodePhoneCountrySelectorOpen {
+  border-color: var(--color-input-border-focused, var(--input-border-focused));
+}
+
+.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountrySelector.IncodePhoneCountrySelectorDisabled {
+  border-color: var(--color-input-border-disabled, var(--input-border-disabled));
+  background-color: var(--color-input-surface-disabled, var(--input-surface-disabled));
+}
+
+.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryButton {
+  width: 100%;
+  height: 100%;
+  padding: var(--spacing-8, var(--spacing-8, 8px));
+  padding-left: var(--spacing-16, var(--spacing-16, 16px));
+  cursor: pointer;
+  border-style: var(--tw-border-style);
+  border-width: var(--border-width-none, var(--primitive-border-width-0));
+  --tw-border-style: none;
+  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-primary, var(--text-body-800-primary));
+  border-radius: var(--radius-small, var(--border-radius-small));
+  background-color: #0000;
+  border-style: none;
+  justify-content: center;
+  align-items: center;
+  font-family: inherit;
+  display: flex;
+}
+
+.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryButton:disabled {
+  cursor: not-allowed;
+  color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));
+}
+
+.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryButton:focus {
+  --tw-outline-style: none;
+  outline-style: none;
+}
+
+.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryFlag {
+  font-size: var(--text-24, var(--primitive-typography-size-24));
+  --tw-leading: 1;
+  line-height: 1;
+}
+
+.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryCode {
+  margin-left: var(--spacing-4, var(--spacing-4, 4px));
+  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));
+  white-space: nowrap;
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+}
+
+.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryArrow {
+  margin-left: var(--spacing-8, var(--spacing-8, 8px));
+  height: var(--spacing-24, var(--spacing-24, 24px));
+  width: var(--spacing-24, var(--spacing-24, 24px));
+  color: var(--color-icon-neutral-500, var(--icon-neutral-500));
+  transition-property: transform, translate, scale, rotate;
+  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;
+  transition-duration: .2s;
+}
+
+.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryArrowUp {
+  rotate: 180deg;
+}
+
+.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryButton:disabled .IncodePhoneCountryArrow {
+  color: var(--color-icon-neutral-300, var(--icon-neutral-300));
+}
+
+.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryDropdown {
+  --max-height-country-dropdown: 320px;
+  top: 100%;
+  right: var(--spacing-0, var(--spacing-none, 0px));
+  left: var(--spacing-0, var(--spacing-none, 0px));
+  z-index: 50;
+  margin-top: var(--spacing-8, var(--spacing-8, 8px));
+  border-radius: var(--radius-small, var(--border-radius-small));
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--color-input-border-default, var(--input-border-default));
+  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
+  padding: var(--spacing-8, var(--spacing-8, 8px));
+  max-height: var(--max-height-country-dropdown);
+  position: absolute;
+  overflow-y: auto;
+  box-shadow: 0 4px 16px #0000001f;
+}
+
+.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOption {
+  cursor: pointer;
+  align-items: center;
+  gap: var(--spacing-12, var(--spacing-12, 12px));
+  border-radius: var(--radius-small, var(--border-radius-small));
+  width: 100%;
+  padding-inline: var(--spacing-12, var(--spacing-12, 12px));
+  padding-block: var(--spacing-12, var(--spacing-12, 12px));
+  font-size: var(--text-16, var(--primitive-typography-size-16));
+  --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-primary, var(--text-body-800-primary));
+  border-style: var(--tw-border-style);
+  border-width: var(--border-width-none, var(--primitive-border-width-0));
+  --tw-border-style: none;
+  text-align: left;
+  background-color: #0000;
+  border-style: none;
+  font-family: inherit;
+  display: flex;
+}
+
+.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOption:hover {
+  background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));
+}
+
+.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOption:focus {
+  background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));
+  --tw-outline-style: none;
+  outline-style: none;
+}
+
+.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOptionSelected, .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOptionSelected:hover {
+  background-color: var(--color-surface-brand-50, var(--surface-brand-50));
+}
+
+.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOptionCode {
+  --min-width-country-code: 52px;
+  font-size: var(--text-16, var(--primitive-typography-size-16));
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
+  min-width: var(--min-width-country-code);
+}
+
+.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOptionName {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: var(--text-16, var(--primitive-typography-size-16));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+  flex: 1;
+  overflow: hidden;
+}
+
+.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputField {
+  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-16, var(--spacing-16, 16px));
+  padding-block: var(--spacing-16, var(--spacing-16, 16px));
+  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-input-text-field-default, var(--input-text-field-default));
+  --tw-outline-style: none;
+  border-radius: var(--radius-small, var(--border-radius-small));
+  background-color: #0000;
+  border-style: none;
+  outline-style: none;
+}
+
+.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputField::placeholder {
+  --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-input-text-field-placeholder, var(--input-text-field-placeholder));
+}
+
+.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputField:disabled {
+  cursor: not-allowed;
+  color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));
+}
+
+.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputError {
+  margin: var(--spacing-0, var(--spacing-none, 0px));
+  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(--color-input-text-helper-negative, var(--input-text-helper-negative));
+}
+
+.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectSmsSendButton {
+  --max-width-sms-button: 335px;
+  width: 100%;
+  max-width: var(--max-width-sms-button);
+}
+
+.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 {
+  --width-link-sent-actions: 335px;
+  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(--width-link-sent-actions);
+  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%;
+}
+
+.IncodeConsentPage .IncodePageInner {
+  padding: var(--spacing-24, var(--spacing-24, 24px));
+}
+
+.IncodeConsentPage .IncodePageContent {
+  min-height: var(--spacing-0, var(--spacing-none, 0px));
+}
+
+.IncodeConsentPage .IncodeConsentContent {
+  height: 100%;
+  min-height: var(--spacing-0, var(--spacing-none, 0px));
+  justify-content: space-between;
+  gap: var(--spacing-24, var(--spacing-24, 24px));
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeConsentPage .IncodeConsentBody {
+  min-height: var(--spacing-0, var(--spacing-none, 0px));
+  gap: var(--spacing-16, var(--spacing-16, 16px));
+  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-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);
+}
+
+.IncodeConsentPage .IncodeConsentTitle {
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h1-size);
+  font-weight: var(--typography-headline-h1-weight);
+  line-height: var(--typography-headline-h1-line-height);
+  letter-spacing: var(--typography-headline-h1-letter-spacing);
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+}
+
+.IncodeConsentPage .IncodeConsentSubtitle {
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
+}
+
+.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: var(--spacing-16, var(--spacing-16, 16px));
+}
+
+.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-text-body-primary, var(--text-body-800-primary));
+}
+
+.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-surface-brand-600, var(--surface-brand-600-static));
+}
+
+.IncodeConsentPage .IncodeConsentButton {
+  width: 100%;
+}
+
+.IncodeConsentPage .IncodeConsentActions {
+  align-items: center;
+  gap: var(--spacing-8, var(--spacing-8, 8px));
+  flex-direction: column;
+  width: 100%;
+  display: flex;
+}
+
+.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 .IncodeSignatureButtonContainer .IncodeButton.IncodeButtonPrimary {
+  transition: background-color .35s ease-out, color .35s ease-out, border-color .35s ease-out, opacity .35s ease-out, box-shadow .35s ease-out;
+}
+
+.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: 1px;
+  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;
+}
+
+.IncodeHome {
+  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
+  width: 100%;
+  height: 100%;
+  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
+  padding-top: var(--spacing-20, var(--spacing-20, 20px));
+  padding-bottom: var(--spacing-32, var(--spacing-32, 32px));
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeHome .IncodeHomeContent {
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  display: flex;
+}
+
+.IncodeHome .IncodeHomeHeader {
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: var(--spacing-16, var(--spacing-16, 16px));
+  display: flex;
+}
+
+.IncodeHome .IncodeHomeLanguage {
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeHome .IncodeHomeLanguageLabel {
+  margin: var(--spacing-0, var(--spacing-none, 0px));
+  font-family: var(--typography-label-family);
+  font-size: var(--typography-label-m-size);
+  font-weight: var(--typography-label-m-weight);
+  line-height: var(--typography-label-m-line-height);
+  letter-spacing: var(--typography-label-m-letter-spacing);
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+}
+
+.IncodeHome .IncodeHomeLanguageValue {
+  margin: var(--spacing-0, var(--spacing-none, 0px));
+  font-family: var(--typography-body-family);
+  font-size: var(--typography-body-m-regular-size);
+  font-weight: var(--typography-body-m-regular-weight);
+  line-height: var(--typography-body-m-regular-line-height);
+  letter-spacing: var(--typography-body-m-regular-letter-spacing);
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
+}
+
+.IncodeHome .IncodeHomeSettingsButton {
+  border-style: var(--tw-border-style);
+  border-width: var(--border-width-none, var(--primitive-border-width-0));
+  --tw-border-style: none;
+  padding: var(--spacing-0, var(--spacing-none, 0px));
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
+  background-color: #0000;
+  border-style: none;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeHome .IncodeHomeSettingsButton:focus-visible {
+  outline: var(--focus-outline-width) solid var(--border-status-focus);
+  outline-offset: var(--focus-outline-offset);
+}
+
+.IncodeHome .IncodeHomeCenterSection {
+  text-align: center;
+  flex-direction: column;
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeHome .IncodeHomeLogoContainer {
+  width: 100%;
+  max-width: var(--home-logo-container-max-width);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeHome .IncodeHomeLogo {
+  object-fit: contain;
+  width: 100%;
+  max-width: 100%;
+  height: auto;
+  max-height: var(--home-logo-max-height);
+}
+
+.IncodeHome .IncodeHomeSubtitle {
+  margin-top: var(--spacing-12, var(--spacing-12, 12px));
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h4-size);
+  font-weight: var(--typography-headline-h4-weight);
+  line-height: var(--typography-headline-h4-line-height);
+  letter-spacing: var(--typography-headline-h4-letter-spacing);
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
+  --tw-outline-style: none;
+  outline-style: none;
+}
+
+.IncodeHome .IncodeHomeStartButton {
+  margin-top: auto;
+}
+
+.IncodeHomeSettingsModal.IncodeModalRoot .IncodeModalDialog {
+  max-width: none;
+  height: 100%;
+  max-height: 100%;
+}
+
+.IncodeHomeSettingsModal.IncodeModalRoot .IncodeModalContent {
+  border-radius: var(--radius-none, var(--border-radius-none));
+  max-width: none;
+  height: 100%;
+  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
+  padding-block: var(--spacing-32, var(--spacing-32, 32px));
+  align-items: stretch;
+}
+
+.IncodeHomeSettingsModal .IncodeHomeSettingsContainer {
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+  display: flex;
+}
+
+.IncodeHomeSettingsModal .IncodeHomeSettingsBody {
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+}
+
+.IncodeHomeSettingsModal .IncodeHomeSettingsTitle {
+  margin: var(--spacing-0, var(--spacing-none, 0px));
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h2-size);
+  font-weight: var(--typography-headline-h2-weight);
+  line-height: var(--typography-headline-h2-line-height);
+  letter-spacing: var(--typography-headline-h2-letter-spacing);
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+  --tw-outline-style: none;
+  outline-style: none;
+}
+
+.IncodeHomeSettingsModal .IncodeHomeSettingsFooter {
+  margin-top: var(--spacing-24, var(--spacing-24, 24px));
+}
+
+.IncodeHomeSettingsModal .IncodeHomeSettingsBodyContent {
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeVerificationResult .IncodePageContent {
+  gap: var(--spacing-16, var(--spacing-16, 16px));
+  padding-bottom: var(--spacing-16, var(--spacing-16, 16px));
+  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+  animation-fill-mode: both;
+}
+
+.IncodeVerificationResult__center {
+  justify-content: center;
+  align-items: center;
+  gap: var(--spacing-16, var(--spacing-16, 16px));
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+  max-width: 420px;
+  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 {
+  gap: var(--spacing-12, var(--spacing-12, 12px));
+  flex-direction: column;
+  width: 100%;
+  max-width: 420px;
+  margin-inline: auto;
+  display: flex;
+}
+
+.IncodeFormField {
+  width: 100%;
+  margin-bottom: .75rem;
+}
+
+.IncodeUnsupportedModule {
+  min-height: 100vh;
+  padding: var(--spacing-16, var(--spacing-16, 16px));
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeUnsupportedModule .IncodeUnsupportedModuleContent, .IncodeUnsupportedModule .IncodeUnsupportedModuleContent .IncodeUnsupportedModuleContent {
+  max-width: var(--container-md, 28rem);
+  align-items: center;
+  gap: var(--spacing-16, var(--spacing-16, 16px));
+  text-align: center;
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeUnsupportedModule .IncodeUnsupportedModuleContent .IncodeUnsupportedModuleTitle {
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h2-size);
+  font-weight: var(--typography-headline-h2-weight);
+  line-height: var(--typography-headline-h2-line-height);
+  letter-spacing: var(--typography-headline-h2-letter-spacing);
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+}
+
+.IncodeUnsupportedModule .IncodeUnsupportedModuleContent .IncodeUnsupportedModuleMessage {
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h5-size);
+  font-weight: var(--typography-headline-h5-weight);
+  line-height: var(--typography-headline-h5-line-height);
+  letter-spacing: var(--typography-headline-h5-letter-spacing);
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
+}
+
+.IncodeUnsupportedModule .IncodeUnsupportedModuleContent .IncodeUnsupportedModuleButton {
+  margin-top: var(--spacing-8, var(--spacing-8, 8px));
+}
+
+.IncodeWorkflow {
+  width: 100%;
+  height: 100%;
+}
+
+@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);
+  }
+}