/*! 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-font-weight: initial;
      --tw-duration: initial;
      --tw-leading: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-tracking: initial;
      --tw-ease: initial;
    }
  }
}

@font-face {
  font-family: DM Sans;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("data:font/woff2;base64, ") format("woff2"), url("data:font/woff;base64, ") format("woff");
}

@font-face {
  font-family: DM Sans;
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("data:font/woff2;base64, ") format("woff2"), url("data:font/woff;base64, ") format("woff");
}

@font-face {
  font-family: DM Sans;
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("data:font/woff2;base64, ") format("woff2"), url("data:font/woff;base64, ") format("woff");
}

@font-face {
  font-family: DM Sans;
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("data:font/woff2;base64, ") format("woff2"), url("data:font/woff;base64, ") format("woff");
}

@font-face {
  font-family: Rethink Sans;
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url("data:font/woff2;base64, ") format("woff2"), url("data:font/woff;base64, ") format("woff");
}

.IncodeComponent, .IncodeComponent * {
  box-sizing: border-box;
  font-family: var(--primitive-typography-family-dm-sans), system-ui, sans-serif;
}

.IncodeComponent {
  font-family: var(--primitive-typography-family-dm-sans), system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  color: var(--text-body-800-primary);
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow-y: auto;
}

.IncodeComponent *, .IncodeComponent :after, .IncodeComponent :before, .IncodeComponent ::backdrop {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0;
}

.IncodeComponent ::file-selector-button {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0;
}

.IncodeComponent h1, .IncodeComponent h2, .IncodeComponent h3, .IncodeComponent h4, .IncodeComponent h5, .IncodeComponent h6 {
  font-size: inherit;
  font-weight: inherit;
  outline: none;
  margin: 0;
  padding: 0;
}

.IncodeComponent ol, .IncodeComponent ul, .IncodeComponent menu {
  list-style: none;
}

.IncodeComponent img, .IncodeComponent svg, .IncodeComponent video, .IncodeComponent canvas, .IncodeComponent audio, .IncodeComponent iframe, .IncodeComponent embed, .IncodeComponent object {
  vertical-align: middle;
  display: block;
}

.IncodeComponent img, .IncodeComponent video {
  max-width: 100%;
  height: auto;
}

.IncodeComponent img {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  touch-action: none;
  -webkit-touch-callout: none;
}

@layer incode-theme;

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

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

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

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .incode-container {
    width: 100%;
  }

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

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

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

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

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

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

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

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

  .container {
    width: 100%;
  }

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

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

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

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

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

  .m-auto {
    margin: auto;
  }

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

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

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

  .w-full {
    width: 100%;
  }

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

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

  .flex-1 {
    flex: 1;
  }

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

  .resize {
    resize: both;
  }

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

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

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

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

  .text-button-m-underlined {
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    font-family: var(--typography-button-family);
    font-size: var(--typography-button-m-underlined-size);
    font-weight: var(--typography-button-m-underlined-weight);
    line-height: var(--typography-button-m-underlined-line-height);
    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
    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;
  }

  to {
    opacity: 1;
  }
}

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

.IncodeTransArrow {
  vertical-align: middle;
  width: .8em;
  height: .8em;
  margin-inline: .2em;
  display: inline-block;
}

.IncodeButton {
  cursor: pointer;
  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;
  touch-action: manipulation;
  transition-duration: .2s;
}

.IncodeButton svg {
  display: block;
}

.IncodeButton:focus-visible {
  outline: 2px solid var(--border-status-focus);
  outline-offset: 2px;
}

.IncodeButton.IncodeButtonL {
  width: 100%;
  max-width: 420px;
  height: 56px;
  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
  border-radius: var(--radius-medium, var(--border-radius-medium));
  font-family: var(--typography-button-family);
  font-size: var(--typography-button-m-size);
  font-weight: var(--typography-button-m-weight);
  line-height: var(--typography-button-m-line-height);
  letter-spacing: var(--typography-button-m-letter-spacing);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-8, var(--spacing-8, 8px));
  margin-inline: auto;
  display: flex;
}

.IncodeButton.IncodeButtonM {
  width: var(--spacing-40, var(--spacing-40, 40px));
  height: var(--spacing-40, var(--spacing-40, 40px));
  border-radius: var(--radius-full, var(--border-radius-full));
  padding: var(--spacing-0, var(--spacing-none, 0px));
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeButton.IncodeButtonS {
  border-radius: var(--radius-full, var(--border-radius-full));
  width: auto;
  height: 30px;
  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
  padding-block: var(--spacing-8, var(--spacing-8, 8px));
  font-family: var(--typography-button-family);
  font-size: var(--typography-button-s-size);
  font-weight: var(--typography-button-s-weight);
  line-height: var(--typography-button-s-line-height);
  letter-spacing: var(--typography-button-s-letter-spacing);
  color: var(--color-button-primary-text-default, var(--button-primary-text-default));
  justify-content: center;
  align-items: center;
  gap: var(--spacing-8, var(--spacing-8, 8px));
  display: inline-flex;
}

.IncodeButton.IncodeButtonS.IncodeButtonIconOnly {
  width: var(--spacing-icon-small, var(--icon-size-small));
  height: var(--spacing-icon-small, var(--icon-size-small));
  padding: var(--spacing-0, var(--spacing-none, 0px));
  flex-shrink: 0;
}

.IncodeButton.IncodeButtonPrimary {
  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));
  border-style: var(--tw-border-style);
  border-width: var(--border-width-medium, var(--primitive-border-width-1-5));
  border-color: var(--color-button-primary-border-default, var(--button-primary-border-default));
}

.IncodeButton.IncodeButtonPrimary:active {
  background-color: var(--color-button-primary-surface-pressed, var(--button-primary-surface-pressed));
}

.IncodeButton.IncodeButtonPrimary:not(.IncodeButtonLoading):disabled {
  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));
  cursor: not-allowed;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-button-primary-border-disabled, var(--button-primary-border-disabled));
}

.IncodeButton.IncodeButtonPrimary.IncodeButtonLoading {
  pointer-events: none;
  cursor: not-allowed;
}

.IncodeButton.IncodeButtonPrimary.IncodeButtonLoading .IncodeLoadingIconPrimaryIcon {
  fill: var(--button-primary-text-default);
}

.IncodeButton.IncodeButtonPrimary.IncodeButtonLoading .IncodeLoadingIconSecondaryIcon {
  fill: var(--surface-brand-400-static);
}

.IncodeButton.IncodeButtonSecondary {
  color: var(--color-button-secondary-text-default, var(--button-secondary-text-default));
  border-style: var(--tw-border-style);
  border-width: var(--border-width-medium, var(--primitive-border-width-1-5));
  border-color: var(--color-button-secondary-border-default, var(--button-secondary-border-default));
  background-color: #0000;
}

.IncodeButton.IncodeButtonSecondary:active {
  border-color: var(--color-button-secondary-border-pressed, var(--button-secondary-border-pressed));
}

.IncodeButton.IncodeButtonSecondary:hover {
  border-color: var(--color-button-secondary-border-hover, var(--button-secondary-border-hover));
}

.IncodeButton.IncodeButtonSecondary:focus {
  border-style: var(--tw-border-style);
  border-width: var(--border-width-bold, var(--primitive-border-width-2));
  border-color: var(--color-border-status-focus, var(--border-status-focus));
}

.IncodeButton.IncodeButtonSecondary:not(.IncodeButtonLoading):disabled {
  color: var(--color-button-secondary-text-disabled, var(--button-secondary-text-disabled));
  cursor: not-allowed;
  border-color: var(--color-button-secondary-border-disabled, var(--button-secondary-border-disabled));
}

.IncodeButton.IncodeButtonSecondary.IncodeButtonLoading {
  pointer-events: none;
  cursor: not-allowed;
}

.IncodeButton.IncodeButtonSecondary.IncodeButtonLoading .IncodeLoadingIconPrimaryIcon {
  fill: var(--button-secondary-text-default);
}

.IncodeButton.IncodeButtonSecondary.IncodeButtonLoading .IncodeLoadingIconSecondaryIcon {
  fill: var(--button-secondary-border-disabled);
}

.IncodeButton.IncodeButtonLink {
  border-style: var(--tw-border-style);
  border-width: var(--border-width-none, var(--primitive-border-width-0));
  --tw-border-style: 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);
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  color: var(--color-text-link-default, var(--text-link-default));
  background-color: #0000;
  border-style: none;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: auto;
}

.IncodeButton.IncodeButtonLink:active {
  background-color: #0000;
}

.IncodeButton.IncodeButtonLink:not(.IncodeButtonLoading):disabled {
  cursor: not-allowed;
  font-family: var(--typography-button-family);
  font-size: var(--typography-button-m-size);
  font-weight: var(--typography-button-m-weight);
  line-height: var(--typography-button-m-line-height);
  letter-spacing: var(--typography-button-m-letter-spacing);
  color: var(--color-button-tertiary-text-disabled, var(--button-tertiary-text-disabled));
  text-decoration-line: none;
}

.IncodeButton.IncodeButtonLink.IncodeButtonLoading {
  pointer-events: none;
  cursor: not-allowed;
}

.IncodeButton.IncodeButtonLink.IncodeButtonLoading .IncodeLoadingIconPrimaryIcon {
  fill: var(--button-tertiary-text-default);
}

.IncodeButton.IncodeButtonLink.IncodeButtonLoading .IncodeLoadingIconSecondaryIcon {
  fill: var(--surface-brand-400-static);
}

.IncodeCheckbox {
  flex-direction: column;
  display: inline-flex;
}

.IncodeCheckboxLabel {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  gap: 10px;
  display: inline-flex;
  position: relative;
}

.IncodeCheckboxLabel.IncodeCheckboxLabelDisabled {
  cursor: not-allowed;
}

.IncodeCheckboxInput {
  opacity: 0;
  width: 28px;
  height: 28px;
  margin: var(--spacing-0, var(--spacing-none, 0px));
  cursor: pointer;
  z-index: 1;
  position: absolute;
}

.IncodeCheckboxInput:disabled {
  cursor: not-allowed;
}

.IncodeCheckboxInput:focus-visible + .IncodeCheckboxVisual {
  outline: 2px solid var(--border-status-focus);
  outline-offset: 2px;
}

.IncodeCheckboxVisual {
  border-radius: var(--radius-checkbox, var(--checkbox-border-radius));
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-checkbox-border-default, var(--checkbox-border-default));
  background-color: var(--color-checkbox-surface-default, var(--checkbox-surface-default));
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  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));
  --tw-duration: .2s;
  justify-content: center;
  align-items: center;
  transition-duration: .2s;
  display: inline-flex;
  position: relative;
}

.IncodeCheckboxVisualChecked {
  background-color: var(--color-checkbox-surface-selected, var(--checkbox-surface-selected));
  border-color: #0000;
}

.IncodeCheckboxVisualDisabled, .IncodeCheckboxVisualChecked.IncodeCheckboxVisualDisabled {
  background-color: var(--color-checkbox-surface-disabled, var(--checkbox-surface-disabled));
  border-color: var(--color-checkbox-border-disabled, var(--checkbox-border-disabled));
}

.IncodeCheckboxVisualError {
  border-color: var(--color-checkbox-border-negative, var(--checkbox-border-negative));
}

.IncodeCheckboxText {
  color: var(--color-checkbox-text-default, var(--checkbox-text-default));
  --tw-leading: 1.5;
  line-height: 1.5;
  font-family: var(--primitive-typography-family-dm-sans), system-ui, sans-serif;
}

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

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

.IncodeCheckboxTextDisabled {
  color: var(--color-checkbox-text-disabled, var(--checkbox-text-disabled));
}

.IncodeCheckboxLabelHint {
  margin-left: var(--spacing-4, var(--spacing-4, 4px));
  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));
}

.IncodeCheckboxMessageWrapper {
  margin-top: var(--spacing-8, var(--spacing-8, 8px));
  align-items: center;
  margin-left: 38px;
  display: flex;
}

.IncodeCheckboxIconWrapper {
  margin-right: var(--spacing-8, var(--spacing-8, 8px));
  display: inline-block;
}

.IncodeCheckboxErrorText {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  color: var(--color-checkbox-text-negative, var(--checkbox-text-negative));
  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);
  font-family: inherit;
  display: inline-block;
}

.IncodeCheckboxHelperText {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
  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);
  font-family: inherit;
  display: inline-block;
}

.IncodeRadioButton {
  flex-direction: column;
  display: inline-flex;
}

.IncodeRadioButton .IncodeRadioButtonLabel {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  gap: var(--radio-button-label-gap);
  display: inline-flex;
  position: relative;
}

.IncodeRadioButton .IncodeRadioButtonLabel.IncodeRadioButtonLabelDisabled {
  cursor: not-allowed;
}

.IncodeRadioButton .IncodeRadioButtonInput {
  opacity: 0;
  margin: var(--spacing-0, var(--spacing-none, 0px));
  cursor: pointer;
  z-index: 1;
  width: var(--radio-button-size);
  height: var(--radio-button-size);
  position: absolute;
}

.IncodeRadioButton .IncodeRadioButtonInput:disabled {
  cursor: not-allowed;
}

.IncodeRadioButton .IncodeRadioButtonInput:focus-visible + .IncodeRadioButtonVisual {
  outline: var(--focus-outline-width) solid var(--border-status-focus);
  outline-offset: var(--focus-outline-offset);
}

.IncodeRadioButton .IncodeRadioButtonVisual {
  border-radius: var(--radius-full, var(--border-radius-full));
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-radio-button-border-default, var(--radio-button-border-default));
  background-color: var(--color-radio-button-surface-default, var(--radio-button-surface-default));
  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));
  --tw-duration: .2s;
  width: var(--radio-button-size);
  height: var(--radio-button-size);
  min-width: var(--radio-button-size);
  min-height: var(--radio-button-size);
  justify-content: center;
  align-items: center;
  transition-duration: .2s;
  display: inline-flex;
  position: relative;
}

.IncodeRadioButton .IncodeRadioButtonVisualChecked {
  background-color: var(--color-radio-button-surface-selected, var(--radio-button-surface-selected));
  border-color: var(--color-button-primary-border-default, var(--button-primary-border-default));
}

.IncodeRadioButton .IncodeRadioButtonVisualDisabled {
  background-color: var(--color-radio-button-surface-disabled, var(--radio-button-surface-disabled));
  border-color: var(--color-radio-button-border-disabled, var(--radio-button-border-disabled));
  opacity: .6;
}

.IncodeRadioButton .IncodeRadioButtonVisualChecked.IncodeRadioButtonVisualDisabled {
  background-color: var(--color-radio-button-surface-disabled, var(--radio-button-surface-disabled));
  border-color: var(--color-radio-button-border-disabled, var(--radio-button-border-disabled));
}

.IncodeRadioButton .IncodeRadioButtonVisualError {
  border-color: var(--color-radio-button-border-negative, var(--radio-button-border-negative));
}

.IncodeRadioButton .IncodeRadioButtonVisual:not(.IncodeRadioButtonVisualDisabled):not(.IncodeRadioButtonVisualChecked):hover {
  background-color: var(--color-surface-brand-50, var(--surface-brand-50));
}

.IncodeRadioButton .IncodeRadioButtonDot {
  border-radius: var(--radius-full, var(--border-radius-full));
  background-color: var(--color-radio-button-icon-default, var(--radio-button-icon-default));
  opacity: 0;
  transition-property: opacity;
  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: .15s;
  width: var(--radio-button-dot-size);
  height: var(--radio-button-dot-size);
  transition-duration: .15s;
  display: block;
}

.IncodeRadioButton .IncodeRadioButtonDot.IncodeRadioButtonDotVisible {
  opacity: 1;
}

.IncodeRadioButton .IncodeRadioButtonText {
  color: var(--color-radio-button-text-default, var(--radio-button-text-default));
  font-family: var(--typography-checkbox-radio-family);
  font-size: var(--typography-checkbox-radio-m-size);
  font-weight: var(--typography-checkbox-radio-m-weight);
  line-height: var(--typography-checkbox-radio-m-line-height);
  letter-spacing: var(--typography-checkbox-radio-m-letter-spacing);
}

.IncodeRadioButton .IncodeRadioButtonTextDisabled {
  color: var(--color-radio-button-text-disabled, var(--radio-button-text-disabled));
}

.IncodeRadioButton .IncodeRadioButtonLabelHint {
  margin-left: var(--spacing-4, var(--spacing-4, 4px));
  font-family: var(--typography-checkbox-radio-family);
  font-size: var(--typography-checkbox-radio-m-size);
  font-weight: var(--typography-checkbox-radio-m-weight);
  line-height: var(--typography-checkbox-radio-m-line-height);
  letter-spacing: var(--typography-checkbox-radio-m-letter-spacing);
  --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));
}

.IncodeRadioButton .IncodeRadioButtonMessageWrapper {
  margin-top: var(--spacing-8, var(--spacing-8, 8px));
  margin-left: var(--radio-button-message-offset);
  align-items: center;
  display: flex;
}

.IncodeRadioButton .IncodeRadioButtonIconWrapper {
  margin-right: var(--spacing-8, var(--spacing-8, 8px));
  display: inline-block;
}

.IncodeRadioButton .IncodeRadioButtonErrorText {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  color: var(--color-radio-button-text-negative, var(--radio-button-text-negative));
  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);
  display: inline-block;
}

.IncodeRadioButton .IncodeRadioButtonHelperText {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
  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);
  display: inline-block;
}

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

.IncodeRadioGroupComposed .IncodeRadioGroupComposedLabel {
  margin-bottom: var(--spacing-8, var(--spacing-8, 8px));
  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);
  --tw-leading: 1;
  color: var(--color-input-text-label-default, var(--input-text-label-default));
  line-height: 1;
  display: block;
}

.IncodeRadioGroupComposed .IncodeRadioGroupComposedLabelHint {
  margin-left: var(--spacing-4, var(--spacing-4, 4px));
  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);
  --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));
}

.IncodeRadioGroupComposed .IncodeRadioGroupComposedOptions {
  display: flex;
}

.IncodeRadioGroupComposed .IncodeRadioGroupComposedOptions[data-orientation="row"] {
  gap: var(--spacing-24, var(--spacing-24, 24px));
  flex-direction: row;
}

.IncodeRadioGroupComposed .IncodeRadioGroupComposedOptions[data-orientation="column"] {
  gap: var(--spacing-12, var(--spacing-12, 12px));
  flex-direction: column;
}

.IncodeRadioGroupComposed .IncodeRadioGroupComposedError {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  margin-top: var(--spacing-8, var(--spacing-8, 8px));
  font-family: var(--typography-body-family);
  font-size: var(--typography-body-m-regular-size);
  font-weight: var(--typography-body-m-regular-weight);
  line-height: var(--typography-body-m-regular-line-height);
  letter-spacing: var(--typography-body-m-regular-letter-spacing);
  color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
  display: inline-block;
}

.IncodeRadioGroupComposed .IncodeRadioGroupComposedHelper {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  margin-top: var(--spacing-8, var(--spacing-8, 8px));
  font-family: var(--typography-body-family);
  font-size: var(--typography-body-m-regular-size);
  font-weight: var(--typography-body-m-regular-weight);
  line-height: var(--typography-body-m-regular-line-height);
  letter-spacing: var(--typography-body-m-regular-letter-spacing);
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
  display: inline-block;
}

.IncodeInput {
  width: 100%;
  max-width: 420px;
  height: 56px;
  min-height: 56px;
  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);
  background-color: var(--color-input-surface-default, var(--input-surface-default));
  color: var(--color-input-text-field-default, var(--input-text-field-default));
  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));
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
  padding-right: var(--spacing-12, var(--spacing-12, 12px));
  padding-left: var(--spacing-16, var(--spacing-16, 16px));
  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;
  --tw-outline-style: none;
  outline-style: none;
  transition-duration: .2s;
}

.IncodeInput::placeholder {
  color: var(--color-input-text-field-placeholder, var(--input-text-field-placeholder));
}

.IncodeInput:disabled {
  border-color: var(--color-input-border-disabled, var(--input-border-disabled));
  background-color: var(--color-input-surface-disabled, var(--input-surface-disabled));
  cursor: not-allowed;
  color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));
  opacity: 1;
}

.IncodeInput:focus {
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-input-border-focused, var(--input-border-focused));
  background-color: var(--color-input-surface-focused, var(--input-surface-focused));
}

.IncodeInput:active:not(:disabled) {
  border-color: var(--color-input-border-focused, var(--input-border-focused));
  background-color: var(--color-input-surface-focused, var(--input-surface-focused));
}

.IncodeInput[aria-invalid="true"] {
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-input-border-negative, var(--input-border-negative));
}

.IncodeInput[type="date"] {
  appearance: none;
  -moz-appearance: textfield;
  color: var(--color-input-text-field-default, var(--input-text-field-default));
  text-align: start;
  padding-right: 44px;
}

.IncodeInput[type="date"]::-webkit-date-and-time-value {
  text-align: start;
}

.IncodeInput[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
}

.IncodeInput[type="date"]::-webkit-inner-spin-button {
  display: none;
}

.IncodeInput[type="date"]::-webkit-clear-button {
  display: none;
}

.IncodeInput[type="date"]::-webkit-datetime-edit {
  opacity: 1;
  color: var(--color-input-text-field-placeholder, var(--input-text-field-placeholder));
}

.IncodeInput[type="date"]:focus::-webkit-datetime-edit {
  color: var(--color-input-text-field-default, var(--input-text-field-default));
}

.IncodeInput[type="date"][data-has-value="true"]::-webkit-datetime-edit {
  color: var(--color-input-text-field-default, var(--input-text-field-default));
}

.IncodeInput[type="date"][data-has-value="true"] {
  color: var(--color-input-text-field-default, var(--input-text-field-default));
}

.IncodeInput[type="date"]:disabled {
  color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));
}

.IncodeInput[type="date"]:disabled::-webkit-datetime-edit {
  color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));
}

.IncodeInput[type="date"]:disabled::-webkit-date-and-time-value {
  color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));
}

.IncodeTextArea {
  width: 100%;
  max-width: 420px;
  min-height: 56px;
  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);
  background-color: var(--color-input-surface-default, var(--input-surface-default));
  color: var(--color-input-text-field-default, var(--input-text-field-default));
  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));
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
  padding-right: var(--spacing-12, var(--spacing-12, 12px));
  padding-left: var(--spacing-16, var(--spacing-16, 16px));
  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;
  --tw-outline-style: none;
  resize: vertical;
  outline-style: none;
  transition-duration: .2s;
}

.IncodeTextArea::placeholder {
  color: var(--color-input-text-field-placeholder, var(--input-text-field-placeholder));
}

.IncodeTextArea:disabled {
  border-color: var(--color-input-border-disabled, var(--input-border-disabled));
  background-color: var(--color-input-surface-disabled, var(--input-surface-disabled));
  cursor: not-allowed;
  color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));
  resize: none;
  opacity: 1;
}

.IncodeTextArea:focus {
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-input-border-focused, var(--input-border-focused));
  background-color: var(--color-input-surface-focused, var(--input-surface-focused));
}

.IncodeTextArea:active:not(:disabled) {
  border-color: var(--color-input-border-focused, var(--input-border-focused));
  background-color: var(--color-input-surface-focused, var(--input-surface-focused));
}

.IncodeTextArea[aria-invalid="true"] {
  border-color: var(--color-input-border-negative, var(--input-border-negative));
}

.IncodeTextArea[aria-invalid="true"]:focus {
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-input-border-negative, var(--input-border-negative));
}

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

.IncodeInputComposedLabel {
  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-input-text-label-default, var(--input-text-label-default));
  margin: var(--spacing-0, var(--spacing-none, 0px));
  margin-bottom: var(--spacing-8, var(--spacing-8, 8px));
  padding: var(--spacing-0, var(--spacing-none, 0px));
  display: inline-block;
}

.IncodeInputComposedLabelHint {
  margin-left: var(--spacing-4, var(--spacing-4, 4px));
  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);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-input-text-helper-default, var(--input-text-helper-default));
}

.IncodeInputComposedWrapper {
  position: relative;
}

.IncodeInputComposedClearButton {
  top: 50%;
  right: var(--spacing-12, var(--spacing-12, 12px));
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  border-style: var(--tw-border-style);
  border-width: var(--border-width-none, var(--primitive-border-width-0));
  --tw-border-style: none;
  cursor: pointer;
  padding-inline: var(--spacing-4, var(--spacing-4, 4px));
  z-index: 10000;
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  background-color: #0000;
  border-style: none;
  transition-duration: .2s;
  position: absolute;
}

.IncodeInputComposedClearButton:hover {
  opacity: .7;
}

.IncodeInputComposedClearButton:active {
  opacity: .5;
}

.IncodeInputComposedErrorWrapper, .IncodeInputComposedHelperWrapper {
  margin-top: var(--spacing-8, var(--spacing-8, 8px));
  align-items: center;
  display: flex;
}

.IncodeInputComposedIconWrapper {
  margin-right: var(--spacing-8, var(--spacing-8, 8px));
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeInputComposedError {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
  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);
  font-family: inherit;
  display: inline-block;
}

.IncodeInputComposedHelper {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  color: var(--color-input-text-helper-default, var(--input-text-helper-default));
  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);
  font-family: inherit;
  display: inline-block;
}

.IncodeDateInputComposedIconButton {
  top: var(--spacing-0, var(--spacing-none, 0px));
  right: var(--spacing-0, var(--spacing-none, 0px));
  z-index: 10;
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: var(--border-width-none, var(--primitive-border-width-0));
  --tw-border-style: none;
  height: 100%;
  padding-block: var(--spacing-0, var(--spacing-none, 0px));
  padding-right: var(--spacing-12, var(--spacing-12, 12px));
  padding-left: var(--spacing-0, var(--spacing-none, 0px));
  --tw-outline-style: none;
  background-color: #0000;
  border-style: none;
  outline-style: none;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
}

.IncodeDateInputComposedIconButton:focus-visible .IncodeDateInputComposedIcon {
  border-radius: var(--radius-xs, .125rem);
  outline-style: var(--tw-outline-style);
  outline-offset: 2px;
  outline-width: 2px;
  outline-color: var(--color-input-border-focused, var(--input-border-focused));
}

.IncodeDateInputComposedIconButton:hover:not([data-disabled="true"]) {
  opacity: .8;
}

.IncodeDateInputComposedIconButton[data-disabled="true"] {
  pointer-events: none;
  cursor: not-allowed;
  opacity: .5;
}

.IncodeDateInputComposedIconButton .IncodeDateInputComposedIcon {
  padding-inline: var(--spacing-4, var(--spacing-4, 4px));
  color: var(--icon-neutral-500, var(--color-icon-neutral-500));
}

.IncodeSegmentedDateInput .IncodeSegmentedDateInputField {
  width: 100%;
  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);
  background-color: var(--color-input-surface-default, var(--input-surface-default));
  color: var(--color-input-text-field-default, var(--input-text-field-default));
  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));
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
  padding-left: var(--spacing-16, var(--spacing-16, 16px));
  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;
  --tw-outline-style: none;
  cursor: text;
  max-width: var(--incode-form-max-w);
  height: var(--segmented-date-input-height);
  min-height: var(--segmented-date-input-height);
  padding-right: var(--segmented-date-input-icon-space);
  text-align: start;
  font-variant-numeric: tabular-nums;
  outline-style: none;
  align-items: center;
  transition-duration: .2s;
  display: flex;
}

.IncodeSegmentedDateInput .IncodeSegmentedDateInputField:focus-within:not([data-disabled="true"]) {
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-input-border-focused, var(--input-border-focused));
  background-color: var(--color-input-surface-focused, var(--input-surface-focused));
}

.IncodeSegmentedDateInput .IncodeSegmentedDateInputField[aria-invalid="true"] {
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-input-border-negative, var(--input-border-negative));
}

.IncodeSegmentedDateInput .IncodeSegmentedDateInputField[data-disabled="true"] {
  border-color: var(--color-input-border-disabled, var(--input-border-disabled));
  background-color: var(--color-input-surface-disabled, var(--input-surface-disabled));
  cursor: not-allowed;
  color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));
}

.IncodeSegmentedDateInput .IncodeSegmentedDateInputField[data-disabled="true"] .IncodeSegmentedDateInputSeparator {
  color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));
}

.IncodeSegmentedDateInput .IncodeSegmentedDateInputSegment {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  padding: var(--spacing-0, var(--spacing-none, 0px));
  border-style: var(--tw-border-style);
  border-width: var(--border-width-none, var(--primitive-border-width-0));
  --tw-border-style: none;
  --tw-outline-style: none;
  font: inherit;
  color: inherit;
  text-align: center;
  -moz-appearance: textfield;
  background-color: #0000;
  border-style: none;
  outline-style: none;
}

.IncodeSegmentedDateInput .IncodeSegmentedDateInputSegment::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.IncodeSegmentedDateInput .IncodeSegmentedDateInputSegment::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.IncodeSegmentedDateInput .IncodeSegmentedDateInputSegment::placeholder {
  color: var(--color-input-text-field-placeholder, var(--input-text-field-placeholder));
  opacity: 1;
}

.IncodeSegmentedDateInput .IncodeSegmentedDateInputSegment:disabled {
  cursor: not-allowed;
  color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));
  -webkit-text-fill-color: var(--input-text-field-disabled);
}

.IncodeSegmentedDateInput .IncodeSegmentedDateInputSegment--mm, .IncodeSegmentedDateInput .IncodeSegmentedDateInputSegment--dd {
  min-width: var(--segmented-date-input-mm-dd-width);
  width: var(--segmented-date-input-mm-dd-width);
}

.IncodeSegmentedDateInput .IncodeSegmentedDateInputSegment--yyyy {
  min-width: var(--segmented-date-input-yyyy-width);
  width: var(--segmented-date-input-yyyy-width);
}

.IncodeSegmentedDateInput .IncodeSegmentedDateInputSeparator {
  -webkit-user-select: none;
  user-select: none;
  color: inherit;
  pointer-events: none;
}

.IncodeSegmentedDateInput .IncodeSegmentedDateInputHiddenNative {
  inset: var(--spacing-0, var(--spacing-none, 0px));
  margin: var(--spacing-0, var(--spacing-none, 0px));
  padding: var(--spacing-0, var(--spacing-none, 0px));
  border-style: var(--tw-border-style);
  border-width: var(--border-width-none, var(--primitive-border-width-0));
  --tw-border-style: none;
  opacity: 0;
  pointer-events: none;
  appearance: none;
  background-color: #0000;
  border-style: none;
  position: absolute;
}

.IncodeSegmentedDateInput .IncodeSegmentedDateInputIconButton {
  top: var(--spacing-0, var(--spacing-none, 0px));
  right: var(--spacing-0, var(--spacing-none, 0px));
  z-index: 10;
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: var(--border-width-none, var(--primitive-border-width-0));
  --tw-border-style: none;
  height: 100%;
  padding-block: var(--spacing-0, var(--spacing-none, 0px));
  padding-right: var(--spacing-12, var(--spacing-12, 12px));
  padding-left: var(--spacing-0, var(--spacing-none, 0px));
  --tw-outline-style: none;
  background-color: #0000;
  border-style: none;
  outline-style: none;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
}

.IncodeSegmentedDateInput .IncodeSegmentedDateInputIconButton:focus-visible .IncodeSegmentedDateInputIcon {
  border-radius: var(--radius-xs, .125rem);
  outline-style: var(--tw-outline-style);
  outline-offset: 2px;
  outline-width: 2px;
  outline-color: var(--color-input-border-focused, var(--input-border-focused));
}

.IncodeSegmentedDateInput .IncodeSegmentedDateInputIconButton:hover:not(:disabled) {
  opacity: .8;
}

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

.IncodeSegmentedDateInput .IncodeSegmentedDateInputIconButton .IncodeSegmentedDateInputIcon {
  padding-inline: var(--spacing-4, var(--spacing-4, 4px));
  color: var(--icon-neutral-500, var(--color-icon-neutral-500));
}

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

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

.IncodeTextAreaComposedLabel {
  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-input-text-label-default, var(--input-text-label-default));
  margin: var(--spacing-0, var(--spacing-none, 0px));
  margin-bottom: var(--spacing-8, var(--spacing-8, 8px));
  padding: var(--spacing-0, var(--spacing-none, 0px));
  display: inline-block;
}

.IncodeTextAreaComposedLabelHint {
  margin-left: var(--spacing-4, var(--spacing-4, 4px));
  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);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-input-text-helper-default, var(--input-text-helper-default));
}

.IncodeTextAreaComposedWrapper {
  position: relative;
}

.IncodeTextAreaComposedErrorWrapper, .IncodeTextAreaComposedHelperWrapper {
  margin-top: var(--spacing-8, var(--spacing-8, 8px));
  align-items: center;
  display: flex;
}

.IncodeTextAreaComposedIconWrapper {
  margin-right: var(--spacing-8, var(--spacing-8, 8px));
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeTextAreaComposedError {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
  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);
  display: inline-block;
}

.IncodeTextAreaComposedHelper {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  color: var(--color-input-text-helper-default, var(--input-text-helper-default));
  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);
  display: inline-block;
}

.IncodeDropdownComposed {
  width: 100%;
  max-width: 420px;
  position: relative;
}

.IncodeDropdownComposedLabel {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  margin-bottom: var(--spacing-8, var(--spacing-8, 8px));
  padding: 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-dropdown-text-label-default, var(--dropdown-text-label-default));
  display: inline-block;
}

.IncodeDropdownComposedLabelHint {
  margin-left: var(--spacing-4, var(--spacing-4, 4px));
  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);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-dropdown-text-helper-default, var(--dropdown-text-helper-default));
}

.IncodeDropdownComposedWrapper {
  position: relative;
}

.IncodeDropdownComposedTriggerRow {
  display: flex;
}

.IncodeDropdownComposedTriggerRowWithSibling {
  gap: var(--spacing-8, var(--spacing-8, 8px));
}

.IncodeDropdownComposedSibling {
  flex: 1;
  width: 100%;
}

.IncodeDropdownComposedTrigger {
  cursor: pointer;
  border-radius: var(--radius-small, var(--border-radius-small));
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-dropdown-border-default, var(--dropdown-border-default));
  background-color: var(--color-dropdown-surface-default, var(--dropdown-surface-default));
  width: 100%;
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
  padding-right: var(--spacing-12, var(--spacing-12, 12px));
  padding-left: var(--spacing-16, var(--spacing-16, 16px));
  text-align: left;
  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);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  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;
  --tw-outline-style: none;
  height: 56px;
  min-height: 56px;
  color: var(--color-dropdown-text-input-default, var(--dropdown-text-input-default));
  outline-style: none;
  justify-content: space-between;
  align-items: center;
  transition-duration: .2s;
  display: flex;
}

.IncodeDropdownComposedTrigger:hover:not(:disabled) {
  border-color: var(--color-dropdown-border-focused, var(--dropdown-border-focused));
}

.IncodeDropdownComposedTrigger[data-focused="true"] {
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-dropdown-border-focused, var(--dropdown-border-focused));
  background-color: var(--color-dropdown-surface-focused, var(--dropdown-surface-focused));
}

.IncodeDropdownComposedTrigger[data-error="true"], .IncodeDropdownComposedTrigger[data-error="true"][data-focused="true"] {
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-dropdown-border-negative, var(--dropdown-border-negative));
  background-color: var(--color-dropdown-surface-negative, var(--dropdown-surface-negative));
}

.IncodeDropdownComposedTrigger:disabled {
  cursor: not-allowed;
  border-color: var(--color-dropdown-border-disabled, var(--dropdown-border-disabled));
  background-color: var(--color-dropdown-surface-disabled, var(--dropdown-surface-disabled));
  color: var(--color-dropdown-text-input-disabled, var(--dropdown-text-input-disabled));
}

.IncodeDropdownComposedTriggerText {
  color: var(--color-dropdown-text-input-default, var(--dropdown-text-input-default));
}

.IncodeDropdownComposedTriggerPlaceholder {
  color: var(--color-dropdown-text-input-placeholder, var(--dropdown-text-input-placeholder));
  font-weight: 500;
}

.IncodeDropdownComposedTriggerIcon {
  margin-left: var(--spacing-8, var(--spacing-8, 8px));
  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;
  color: var(--text-body-300-tertiary, var(--color-text-body-tertiary));
  flex-shrink: 0;
  transition-duration: .2s;
  display: flex;
}

.IncodeDropdownComposedTriggerIcon[data-open="true"] {
  transform: rotate(180deg);
}

.IncodeDropdownComposedList {
  top: 100%;
  right: var(--spacing-0, var(--spacing-none, 0px));
  left: var(--spacing-0, var(--spacing-none, 0px));
  z-index: 20;
  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-dropdown-border-default, var(--dropdown-border-default));
  background-color: var(--color-dropdown-surface-default, var(--dropdown-surface-default));
  flex-direction: column;
  max-height: 320px;
  display: flex;
  position: absolute;
  overflow: hidden;
  box-shadow: 0 2px 8px #00000026;
}

.IncodeDropdownComposedList[data-error="true"] {
  border-color: var(--color-dropdown-border-negative, var(--dropdown-border-negative));
}

.IncodeDropdownComposedSearchWrapper {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-dropdown-border-default, var(--dropdown-border-default));
  padding: var(--spacing-8, var(--spacing-8, 8px));
  flex-shrink: 0;
}

.IncodeDropdownComposedSearchInner {
  position: relative;
}

.IncodeDropdownComposedSearchInput {
  box-sizing: border-box;
  border-style: var(--tw-border-style);
  border-width: var(--border-width-none, var(--primitive-border-width-0));
  --tw-border-style: none;
  width: 100%;
  padding-block: var(--spacing-8, var(--spacing-8, 8px));
  padding-right: var(--spacing-40, var(--spacing-40, 40px));
  padding-left: var(--spacing-12, var(--spacing-12, 12px));
  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);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  --tw-outline-style: none;
  color: var(--color-dropdown-text-input-default, var(--dropdown-text-input-default));
  background-color: #0000;
  border-style: none;
  outline-style: none;
}

.IncodeDropdownComposedSearchInput::placeholder {
  color: var(--color-dropdown-text-input-placeholder, var(--dropdown-text-input-placeholder));
}

.IncodeDropdownComposedSearchIcon {
  pointer-events: none;
  top: 50%;
  right: var(--spacing-16, var(--spacing-16, 16px));
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  align-items: center;
  display: flex;
  position: absolute;
}

.IncodeDropdownComposedCloseIconButton {
  pointer-events: auto;
  top: 50%;
  right: var(--spacing-16, var(--spacing-16, 16px));
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: var(--border-width-none, var(--primitive-border-width-0));
  --tw-border-style: none;
  background-color: #0000;
  border-style: none;
  align-items: center;
  display: flex;
  position: absolute;
}

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

.IncodeDropdownComposedCloseIconButton:hover {
  opacity: .8;
}

.IncodeDropdownComposedCheckmarkIcon {
  pointer-events: none;
}

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

.IncodeDropdownComposedOption {
  cursor: pointer;
  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
  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-dropdown-text-input-default, var(--dropdown-text-input-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));
  justify-content: space-between;
  display: flex;
}

.IncodeDropdownComposedOption:disabled {
  cursor: not-allowed;
  background-color: var(--color-dropdown-surface-disabled, var(--dropdown-surface-disabled));
  color: var(--color-dropdown-text-input-disabled, var(--dropdown-text-input-disabled));
}

.IncodeDropdownComposedOption[aria-selected="true"] {
  background-color: var(--dropdown-surface-selected, var(--color-dropdown-surface-selected));
}

.IncodeDropdownComposedOption:hover, .IncodeDropdownComposedOption[data-highlighted="true"] {
  background-color: var(--surface-neutral-200, var(--color-surface-neutral-200));
}

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

.IncodeDropdownComposedNoResults {
  padding: var(--spacing-16, var(--spacing-16, 16px));
  text-align: center;
  font-size: var(--text-16, var(--primitive-typography-size-16));
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-dropdown-text-input-placeholder, var(--dropdown-text-input-placeholder));
}

.IncodeDropdownComposedErrorWrapper, .IncodeDropdownComposedHelperWrapper {
  margin-top: var(--spacing-8, var(--spacing-8, 8px));
  align-items: center;
  display: flex;
}

.IncodeDropdownComposedIconWrapper {
  margin-right: var(--spacing-8, var(--spacing-8, 8px));
  display: inline-block;
}

.IncodeDropdownComposedError {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  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-dropdown-text-helper-negative, var(--dropdown-text-helper-negative));
  font-family: inherit;
  display: inline-block;
}

.IncodeDropdownComposedHelper {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  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-dropdown-text-helper-default, var(--dropdown-text-helper-default));
  font-family: inherit;
  display: inline-block;
}

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

.IncodePhoneInputComposed {
  width: 100%;
  max-width: var(--incode-form-max-w);
  position: relative;
}

.IncodePhoneInputComposed .IncodePhoneInputComposedLabel {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  margin-bottom: var(--spacing-8, var(--spacing-8, 8px));
  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);
  display: inline-block;
}

.IncodePhoneInputComposed .IncodePhoneInputComposedLabelHint {
  margin-left: var(--spacing-4, var(--spacing-4, 4px));
  font-family: var(--typography-body-family);
  font-size: var(--typography-body-m-regular-size);
  font-weight: var(--typography-body-m-regular-weight);
  line-height: var(--typography-body-m-regular-line-height);
  letter-spacing: var(--typography-body-m-regular-letter-spacing);
  color: var(--color-input-text-helper-default, var(--input-text-helper-default));
}

.IncodePhoneInputComposed .IncodePhoneInputComposedDropdown {
  max-width: none;
}

.IncodePhoneInputComposed .IncodePhoneInputComposedDropdown .IncodeDropdownComposedTrigger {
  width: var(--phone-input-country-code-width);
  flex-shrink: 0;
}

.IncodePhoneInputComposed .IncodePhoneInputComposedDropdown .IncodeDropdownComposedSibling .IncodeInputComposed, .IncodePhoneInputComposed .IncodePhoneInputComposedDropdown .IncodeDropdownComposedSibling .IncodeInput {
  max-width: none;
}

.IncodePhoneInputComposed .IncodePhoneInputComposedErrorWrapper, .IncodePhoneInputComposed .IncodePhoneInputComposedHelperWrapper {
  margin-top: var(--spacing-8, var(--spacing-8, 8px));
  align-items: center;
  display: flex;
}

.IncodePhoneInputComposed .IncodePhoneInputComposedIconWrapper {
  margin-right: var(--spacing-8, var(--spacing-8, 8px));
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodePhoneInputComposed .IncodePhoneInputComposedError {
  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-input-text-helper-negative, var(--input-text-helper-negative));
  display: inline-block;
}

.IncodePhoneInputComposed .IncodePhoneInputComposedHelper {
  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-input-text-helper-default, var(--input-text-helper-default));
  display: inline-block;
}

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

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

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

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

.IncodeOtpInputActions {
  max-width: var(--incode-form-max-w);
  flex-direction: column;
  align-items: center;
  display: flex;
}

.IncodeOtpInputTimerText {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  padding-block: var(--spacing-20, var(--spacing-20, 20px));
  text-align: center;
  font-family: var(--typography-button-family);
  font-size: var(--typography-button-m-size);
  font-weight: var(--typography-button-m-weight);
  line-height: var(--typography-button-m-line-height);
  letter-spacing: var(--typography-button-m-letter-spacing);
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
}

.IncodeOtpInputResendText {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  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-primary, var(--text-body-800-primary));
}

.IncodeOtpInputResendTextDisabled {
  color: var(--color-button-tertiary-text-disabled, var(--button-tertiary-text-disabled));
}

.IncodeOtpInputLink {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  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-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-button-primary-surface-default, var(--button-primary-surface-default));
  background-color: #0000;
  border-style: none;
  font-family: inherit;
  text-decoration-line: underline;
}

.IncodeOtpInputLink:hover {
  color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
}

.IncodeOtpInputLink:disabled {
  cursor: not-allowed;
  color: var(--color-button-tertiary-text-disabled, var(--button-tertiary-text-disabled));
}

.IncodeOtpInputComposed {
  width: 100%;
}

.IncodeOtpInputComposed .IncodeOtpSingleInput input {
  text-align: center;
  font-family: var(--typography-input-dropdown-family);
  font-size: var(--typography-input-dropdown-l-size);
  font-weight: var(--typography-input-dropdown-l-weight);
  line-height: var(--typography-input-dropdown-l-line-height);
  letter-spacing: var(--typography-input-dropdown-l-letter-spacing);
}

.IncodePageContainer {
  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
  width: 100%;
  height: 100%;
  display: flex;
}

@media (min-width: 48rem) {
  .IncodePageContainer {
    justify-content: center;
    align-items: center;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.IncodePageContainer .IncodePageInner {
  width: 100%;
}

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

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

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

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

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

.IncodePageContainer .IncodePageInner {
  height: 100%;
  margin: auto;
}

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

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

.IncodePageContainer .IncodePageInner {
  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
  padding-block: var(--spacing-8, var(--spacing-8, 8px));
  flex-direction: column;
  flex: 1;
  display: flex;
}

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

.IncodePageContainer .IncodePageHeader {
  width: 100%;
  padding-inline: var(--spacing-8, var(--spacing-8, 8px));
  height: var(--page-header-height);
  min-height: var(--page-header-height);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.IncodePageContainer .IncodePageLogo {
  max-height: 100%;
}

.IncodePageContainer .IncodePageTitleContainer {
  margin-inline: auto;
  margin-block: var(--spacing-0, var(--spacing-none, 0px));
  max-width: var(--incode-form-max-w);
}

.IncodePageContainer .IncodePageTitleTopSlot {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodePageContainer .IncodePageTitle {
  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));
  --tw-outline-style: none;
  outline-style: none;
}

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

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

.IncodePageContainer .IncodePageFooter {
  padding-top: var(--spacing-8, var(--spacing-8, 8px));
  padding-bottom: var(--spacing-12, var(--spacing-12, 12px));
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodePageContainer .IncodePageFooterInner {
  max-height: var(--spacing-40, var(--spacing-40, 40px));
}

.IncodePageContainer .IncodePageFooterInner svg {
  max-width: 100%;
  height: auto;
}

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

.IncodeComponent .IncodeTitle {
  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: 115%;
  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
  line-height: 115%;
  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));
  --tw-outline-style: none;
  outline-style: none;
}

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

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

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

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

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

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

.IncodeSuccessIcon {
  flex-shrink: 0;
}

.IncodeErrorIcon, .IncodeCloseIcon {
  display: inline-block;
}

.IncodeSpacerFlex {
  flex: 1;
}

.IncodeSpacerVertical0 {
  height: var(--spacing-0, var(--spacing-none, 0px));
  width: 100%;
}

.IncodeSpacerVertical2 {
  height: var(--spacing-2, var(--spacing-2, 2px));
  width: 100%;
}

.IncodeSpacerVertical4 {
  height: var(--spacing-4, var(--spacing-4, 4px));
  width: 100%;
}

.IncodeSpacerVertical8 {
  height: var(--spacing-8, var(--spacing-8, 8px));
  width: 100%;
}

.IncodeSpacerVertical12 {
  height: var(--spacing-12, var(--spacing-12, 12px));
  width: 100%;
}

.IncodeSpacerVertical16 {
  height: var(--spacing-16, var(--spacing-16, 16px));
  width: 100%;
}

.IncodeSpacerVertical20 {
  height: var(--spacing-20, var(--spacing-20, 20px));
  width: 100%;
}

.IncodeSpacerVertical24 {
  height: var(--spacing-24, var(--spacing-24, 24px));
  width: 100%;
}

.IncodeSpacerVertical32 {
  height: var(--spacing-32, var(--spacing-32, 32px));
  width: 100%;
}

.IncodeSpacerVertical40 {
  height: var(--spacing-40, var(--spacing-40, 40px));
  width: 100%;
}

.IncodeSpacerVertical48 {
  height: var(--spacing-48, var(--spacing-48, 48px));
  width: 100%;
}

.IncodeSpacerVertical64 {
  height: var(--spacing-64, var(--spacing-64, 64px));
  width: 100%;
}

.IncodeSpacerVertical80 {
  height: var(--spacing-80, var(--spacing-80, 80px));
  width: 100%;
}

.IncodeSpacerVertical96 {
  height: var(--spacing-96, var(--spacing-96, 96px));
  width: 100%;
}

.IncodeSpacerVertical104 {
  height: var(--spacing-104, var(--spacing-104, 104px));
  width: 100%;
}

.IncodeSpacerVertical120 {
  height: var(--spacing-120, var(--spacing-120, 120px));
  width: 100%;
}

.IncodeSpacerVertical200 {
  height: var(--spacing-200, var(--spacing-200, 200px));
  width: 100%;
}

.IncodeSpacerHorizontal0 {
  height: 100%;
  width: var(--spacing-0, var(--spacing-none, 0px));
}

.IncodeSpacerHorizontal2 {
  height: 100%;
  width: var(--spacing-2, var(--spacing-2, 2px));
}

.IncodeSpacerHorizontal4 {
  height: 100%;
  width: var(--spacing-4, var(--spacing-4, 4px));
}

.IncodeSpacerHorizontal8 {
  height: 100%;
  width: var(--spacing-8, var(--spacing-8, 8px));
}

.IncodeSpacerHorizontal12 {
  height: 100%;
  width: var(--spacing-12, var(--spacing-12, 12px));
}

.IncodeSpacerHorizontal16 {
  height: 100%;
  width: var(--spacing-16, var(--spacing-16, 16px));
}

.IncodeSpacerHorizontal20 {
  height: 100%;
  width: var(--spacing-20, var(--spacing-20, 20px));
}

.IncodeSpacerHorizontal24 {
  height: 100%;
  width: var(--spacing-24, var(--spacing-24, 24px));
}

.IncodeSpacerHorizontal32 {
  height: 100%;
  width: var(--spacing-32, var(--spacing-32, 32px));
}

.IncodeSpacerHorizontal40 {
  height: 100%;
  width: var(--spacing-40, var(--spacing-40, 40px));
}

.IncodeSpacerHorizontal48 {
  height: 100%;
  width: var(--spacing-48, var(--spacing-48, 48px));
}

.IncodeSpacerHorizontal64 {
  height: 100%;
  width: var(--spacing-64, var(--spacing-64, 64px));
}

.IncodeSpacerHorizontal80 {
  height: 100%;
  width: var(--spacing-80, var(--spacing-80, 80px));
}

.IncodeSpacerHorizontal96 {
  height: 100%;
  width: var(--spacing-96, var(--spacing-96, 96px));
}

.IncodeSpacerHorizontal104 {
  height: 100%;
  width: var(--spacing-104, var(--spacing-104, 104px));
}

.IncodeSpacerHorizontal120 {
  height: 100%;
  width: var(--spacing-120, var(--spacing-120, 120px));
}

.IncodeSpacerHorizontal200 {
  height: 100%;
  width: var(--spacing-200, var(--spacing-200, 200px));
}

.IncodeLoadingIcon {
  animation: var(--animate-spin, spin 1s linear infinite);
  display: inline-block;
  position: relative;
}

@media (prefers-reduced-motion: reduce) {
  .IncodeLoadingIcon {
    animation-duration: 2.5s;
  }
}

.IncodeLoadingIcon .IncodeLoadingIconPrimary, .IncodeLoadingIcon .IncodeLoadingIconSecondary {
  inset: var(--spacing-0, var(--spacing-none, 0px));
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.IncodeLoadingIcon .IncodeLoadingIconPrimaryIcon {
  fill: var(--color-spinner-surface-primary, var(--spinner-surface-primary));
}

.IncodeLoadingIcon .IncodeLoadingIconSecondaryIcon {
  fill: var(--color-spinner-surface-secondary, var(--spinner-surface-secondary));
}

.IncodeBaseTutorialContainer {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  margin: auto;
  display: flex;
}

.IncodeBaseTutorialAnimationContainer {
  max-width: 400px;
  height: 100%;
  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
  margin: auto;
}

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

.IncodeBaseTutorialButtonContainer {
  padding-inline: var(--spacing-8, var(--spacing-8, 8px));
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
  margin: auto;
}

.IncodeBaseTutorialAnimation {
  height: 100%;
}

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

.IncodeSpinner.IncodeSpinnerFullScreen {
  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
  opacity: 1;
  width: 100%;
  height: 100%;
}

.IncodeSpinner .IncodeSpinnerContent {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeSpinner .IncodeSpinnerText {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.IncodeSpinner .IncodeSpinnerTitle {
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h2-size);
  font-weight: var(--typography-headline-h2-weight);
  line-height: var(--typography-headline-h2-line-height);
  letter-spacing: var(--typography-headline-h2-letter-spacing);
  color: var(--color-spinner-text-title, var(--spinner-text-title));
}

.IncodeSpinner .IncodeSpinnerSubtitle {
  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-spinner-text-subtitle, var(--spinner-text-subtitle));
}

.IncodeManualCapture {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.IncodeManualCaptureVideoContainer {
  flex: 1;
  position: relative;
  overflow: hidden;
}

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

.IncodeManualCaptureButtonContainer {
  padding: var(--spacing-16, var(--spacing-16, 16px));
  justify-content: center;
  display: flex;
}

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

.IncodeOverlay {
  inset: var(--spacing-0, var(--spacing-none, 0px));
  z-index: 1000;
  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
  flex-direction: column;
  display: flex;
  position: fixed;
  overflow-y: auto;
}

.IncodeOverlay .IncodeOverlayContainer {
  flex-direction: column;
  flex: 1;
  width: 100%;
  max-width: 468px;
  margin-inline: auto;
  display: flex;
}

.IncodeOverlay .IncodeOverlayHeader {
  height: 44px;
  padding-inline: var(--spacing-20, var(--spacing-20, 20px));
  padding-block: var(--spacing-8, var(--spacing-8, 8px));
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.IncodeOverlay .IncodeOverlayCloseButton {
  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));
  color: var(--color-text-body-primary, var(--text-body-800-primary));
  background-color: #0000;
  border-style: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeOverlay .IncodeOverlayBody {
  padding: var(--spacing-24, var(--spacing-24, 24px));
  flex-direction: column;
  flex: 1;
  align-items: center;
  display: flex;
}

.IncodeModalScrollLock {
  overflow: hidden;
}

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

.IncodeModalRoot .IncodeModalBackdrop {
  pointer-events: auto;
  inset: var(--spacing-0, var(--spacing-none, 0px));
  background-color: var(--color-surface-neutral-1000-80-static, var(--surface-neutral-1000-80-static));
  position: absolute;
}

.IncodeModalRoot .IncodeModalDialog {
  pointer-events: auto;
  z-index: 1;
  --tw-outline-style: none;
  outline-style: none;
  justify-content: center;
  width: 100%;
  max-width: 468px;
  max-height: min(100vh, 100%);
  display: flex;
  position: relative;
  overflow-y: auto;
}

.IncodeModalRoot .IncodeModalContent {
  border-radius: var(--radius-large, var(--border-radius-large));
  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
  width: 100%;
  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
  padding-block: var(--spacing-24, var(--spacing-24, 24px));
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

@media (min-width: 48rem) {
  .IncodeModalRoot .IncodeModalContent {
    max-width: var(--dialog-content-max-width);
  }
}

.IncodeModalRoot .IncodeModalClose {
  top: var(--spacing-16, var(--spacing-16, 16px));
  right: var(--spacing-16, var(--spacing-16, 16px));
  z-index: 2;
  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-8, var(--spacing-8, 8px));
  background-color: #0000;
  border-style: none;
  position: absolute;
}

.IncodeModalRoot .IncodeModalIcon {
  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
  width: 100%;
  padding: var(--spacing-8, var(--spacing-8, 8px));
  justify-content: center;
  display: flex;
}

.IncodeModalRoot .IncodeModalTitleSectionCenter, .IncodeModalRoot .IncodeModalTitleSectionLeft {
  margin-bottom: var(--spacing-24, var(--spacing-24, 24px));
  align-items: center;
  gap: var(--spacing-12, var(--spacing-12, 12px));
  flex-direction: column;
  width: 100%;
  display: flex;
}

.IncodeModalRoot .IncodeModalTitle {
  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;
}

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

.IncodeModalRoot .IncodeModalTitleSectionLeft {
  align-items: flex-start;
}

.IncodeModalRoot .IncodeModalTitleSectionLeft .IncodeModalTitle, .IncodeModalRoot .IncodeModalTitleSectionLeft .IncodeModalSubtitle {
  text-align: left;
}

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

.IncodeModalRoot .IncodeModalTitleSectionCenter .IncodeModalTitle, .IncodeModalRoot .IncodeModalTitleSectionCenter .IncodeModalSubtitle {
  text-align: center;
}

.IncodeModalRoot .IncodeModalActionsVertical {
  align-items: stretch;
  gap: var(--spacing-12, var(--spacing-12, 12px));
  flex-direction: column;
  width: 100%;
  display: flex;
}

.IncodeModalRoot .IncodeModalActionsHorizontal {
  align-items: stretch;
  gap: var(--spacing-12, var(--spacing-12, 12px));
  flex-direction: row;
  width: 100%;
  display: flex;
}

.IncodeCaptureFooter {
  z-index: 1000;
  width: 100%;
  padding-top: var(--spacing-8, var(--spacing-8, 8px));
  pointer-events: auto;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.IncodeCaptureFooter .IncodeCaptureFooterEncryption {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, var(--spacing-4, 4px));
  font-family: var(--typography-body-family);
  font-size: var(--typography-body-m-regular-size);
  font-weight: var(--typography-body-m-regular-weight);
  line-height: var(--typography-body-m-regular-line-height);
  letter-spacing: var(--typography-body-m-regular-letter-spacing);
  white-space: nowrap;
  color: var(--color-text-body-0-static, var(--text-body-0-static));
  display: flex;
}

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

.IncodeCaptureFooter .IncodeCaptureFooterCaptureSection .IncodeCaptureFooterCaptureButton {
  margin-top: var(--spacing-12, var(--spacing-12, 12px));
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: var(--border-width-none, var(--primitive-border-width-0));
  --tw-border-style: none;
  width: 64px;
  height: 64px;
  padding: var(--spacing-0, var(--spacing-none, 0px));
  background-color: #0000;
  border-style: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeCaptureFooter .IncodeCaptureFooterHelp {
  right: var(--spacing-0, var(--spacing-none, 0px));
  bottom: var(--spacing-0, var(--spacing-none, 0px));
  z-index: 20;
  pointer-events: auto;
  position: absolute;
}

.IncodeCaptureFooter .IncodeCaptureFooterHelp .IncodeCaptureFooterHelpButton {
  height: 100%;
  padding: var(--spacing-0, var(--spacing-none, 0px));
  color: var(--color-text-body-0-static, var(--text-body-0-static));
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeCameraView {
  background-color: var(--color-black, #000);
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.IncodeCameraView .IncodeCameraViewVideo {
  pointer-events: none;
  inset: var(--spacing-0, var(--spacing-none, 0px));
  z-index: 1;
  position: absolute;
}

.IncodeCameraView .IncodeCameraViewVideo .IncodeCameraViewVideoElement {
  inset: var(--spacing-0, var(--spacing-none, 0px));
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: absolute;
}

.IncodeCameraOverlay {
  inset: var(--spacing-0, var(--spacing-none, 0px));
  z-index: 10;
  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
  padding-top: var(--spacing-16, var(--spacing-16, 16px));
  padding-bottom: var(--spacing-24, var(--spacing-24, 24px));
  pointer-events: none;
  flex-direction: column;
  display: flex;
  position: absolute;
}

.IncodeCameraOverlayHeader {
  z-index: 20;
  align-items: center;
  gap: var(--spacing-8, var(--spacing-8, 8px));
  opacity: 1;
  transition-property: opacity;
  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: .3s;
  pointer-events: auto;
  flex-direction: column;
  transition-duration: .3s;
  display: flex;
}

.IncodeCameraOverlayHeader.IncodeCameraOverlayHeaderHidden {
  opacity: 0;
}

.IncodeCameraOverlayHeader .IncodeCameraOverlayHeaderTitle {
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h2-size);
  font-weight: var(--typography-headline-h2-weight);
  line-height: var(--typography-headline-h2-line-height);
  letter-spacing: var(--typography-headline-h2-letter-spacing);
  color: var(--color-text-body-0, var(--text-body-0-static));
  text-align: center;
  min-height: var(--typography-headline-h2-line-height);
}

.IncodeCameraOverlayHeader .IncodeCameraOverlayHeaderSubtitle {
  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));
  text-align: center;
  min-height: var(--typography-headline-h5-line-height);
}

.IncodeCameraFrame {
  --frame-border-color: var(--border-neutral-100);
  --overlay-opacity: .8;
  border: 4px solid var(--frame-border-color);
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, var(--overlay-opacity));
  border-radius: 10px;
  justify-content: center;
  align-self: center;
  align-items: center;
  transition: max-width .35s cubic-bezier(.2, .8, .2, 1), aspect-ratio .35s cubic-bezier(.2, .8, .2, 1), border-color .3s ease-out;
  display: flex;
  position: relative;
}

@media (min-width: 48rem) {
  .IncodeCameraFrame {
    --overlay-opacity: 1;
  }
}

.IncodeCameraFrame.IncodeCameraFrameFill {
  border-color: #fff6;
  flex: 1;
  align-self: stretch;
}

.IncodeCameraFrame.IncodeCameraFrameLocked {
  border-radius: var(--radius-medium, var(--border-radius-medium));
}

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

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

.IncodeCameraFrame.IncodeCameraFrameIdle {
  --frame-border-color: var(--border-neutral-100);
}

.IncodeCameraFrame.IncodeCameraFrameCapturing, .IncodeCameraFrame.IncodeCameraFrameFocus {
  --frame-border-color: var(--border-status-focus);
}

.IncodeCameraFrame.IncodeCameraFrameAnalyzing, .IncodeCameraFrame.IncodeCameraFrameSuccess {
  --frame-border-color: var(--border-status-positive-static);
}

.IncodeCameraFrame.IncodeCameraFrameError {
  --frame-border-color: var(--border-status-negative);
}

.IncodeCameraFrame .IncodeCaptureCounter {
  border-radius: var(--radius-medium, var(--border-radius-medium));
  background-color: var(--color-countdown-surface-default, var(--countdown-surface-default));
  padding-inline: var(--spacing-32, var(--spacing-32, 32px));
  padding-block: var(--spacing-20, var(--spacing-20, 20px));
  font-family: var(--typography-display-family);
  font-size: var(--typography-display-d2-size);
  font-weight: var(--typography-display-d2-weight);
  line-height: var(--typography-display-d2-line-height);
  letter-spacing: var(--typography-display-d2-letter-spacing);
  color: var(--color-countdown-text-default, var(--countdown-text-default));
}

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

.IncodeErrorContent .IncodeModalDialog {
  width: 100%;
  max-width: none;
  height: 100%;
  overflow-y: auto;
}

.IncodeErrorContent .IncodeErrorContentContent {
  border-radius: var(--radius-none, var(--border-radius-none));
  width: 100%;
  max-width: none;
  height: 100%;
  padding: var(--spacing-0, var(--spacing-none, 0px));
}

.IncodeErrorContent .IncodeErrorContentPage {
  width: 100%;
  height: 100%;
}

.IncodeErrorContent .IncodeErrorContentContainer {
  width: 100%;
  height: 100%;
  min-width: var(--spacing-80, var(--spacing-80, 80px));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

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

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

.IncodeErrorContent .IncodeErrorContentAttemptsContainer {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.IncodeErrorContent .IncodeErrorContentAttemptsText {
  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));
}

.IncodeIdExpiredContent {
  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;
}

.IncodeIdExpiredIcon {
  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
}

.IncodeIdExpiredTitle {
  text-align: center;
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeIdExpiredSubtitle {
  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;
}

.IncodeIdExpiredAttemptsCounter {
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
  text-align: center;
}

.IncodeIdExpiredButtonContainer {
  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;
}

.IncodeProgressBarContainer {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.IncodeProgressBar {
  height: var(--spacing-8, var(--spacing-8, 8px));
  background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));
  border-radius: 4px;
  width: 143px;
  overflow: hidden;
}

.IncodeProgressBar .IncodeProgressBarFill {
  background-color: var(--color-icon-status-positive, var(--icon-status-positive));
  height: 100%;
  transition-property: width;
  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: .5s;
  --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
  transition-duration: .5s;
  transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
  border-radius: 4px;
}

.IncodeProgressBarLabel {
  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);
}

.IncodeRichText {
  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));
  font-feature-settings: "liga" off, "clig" off;
}

.IncodeRichText .markup {
  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));
}

.IncodeRichText .markup h1 {
  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
  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);
}

.IncodeRichText .markup 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);
}

.IncodeRichText .markup h3 {
  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
  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);
}

.IncodeRichText .markup p {
  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
  font-family: var(--typography-body-family);
  font-size: var(--typography-body-m-regular-size);
  font-weight: var(--typography-body-m-regular-weight);
  line-height: var(--typography-body-m-regular-line-height);
  letter-spacing: var(--typography-body-m-regular-letter-spacing);
}

.IncodeRichText .markup ul {
  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
  padding-left: var(--spacing-20, var(--spacing-20, 20px));
  list-style-type: disc;
}

.IncodeRichText .markup ol {
  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
  padding-left: var(--spacing-20, var(--spacing-20, 20px));
  list-style-type: decimal;
}

.IncodeRichText .markup a {
  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-link-default, var(--text-link-default));
  text-decoration-line: none;
}

.IncodeRichText .markup hr {
  margin-block: var(--spacing-16, var(--spacing-16, 16px));
  border-color: var(--color-border-neutral-300, var(--border-neutral-300));
}

.IncodeBottomSheetOverlay {
  inset-inline: var(--spacing-0, var(--spacing-none, 0px));
  z-index: 999999;
  background-color: var(--color-surface-neutral-1000-80-static, var(--surface-neutral-1000-80-static));
  top: var(--incode-visual-viewport-offset-top, 0);
  height: var(--incode-visual-viewport-height, 100vh);
  position: fixed;
}

.IncodeBottomSheetOverlay .IncodeBottomSheetContainer {
  min-height: 100%;
  padding-inline: var(--spacing-0, var(--spacing-none, 0px));
  flex-direction: column;
  justify-content: flex-end;
  margin-inline: auto;
  display: flex;
}

@media (min-width: 48rem) {
  .IncodeBottomSheetOverlay .IncodeBottomSheetContainer {
    max-width: var(--dialog-content-max-width);
  }
}

.IncodeBottomSheetOverlay .IncodeBottomSheetContainer .IncodeBottomSheet {
  border-top-left-radius: var(--radius-x-large, var(--border-radius-x-large));
  border-top-right-radius: var(--radius-x-large, var(--border-radius-x-large));
  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
  padding-inline: var(--spacing-12, var(--spacing-12, 12px));
  padding-top: var(--spacing-32, var(--spacing-32, 32px));
  flex-direction: column;
  animation: .35s cubic-bezier(.16, 1, .3, 1) .1s forwards IncodeSlideUp;
  display: flex;
  position: relative;
  transform: translateY(100%);
}

@keyframes IncodeSlideUp {
  to {
    transform: translateY(0);
  }
}

.IncodeStatusPage .IncodeStatusPageContainer {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.IncodeStatusPage .IncodeStatusPageTitle {
  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));
}

.IncodeStatusPage .IncodeStatusPageSubtitle {
  text-align: center;
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
}

.IncodeTerminalErrorPage .IncodePageContent {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.IncodeTerminalErrorPage .IncodeTerminalErrorPageBody {
  flex-direction: column;
  flex: 1;
  width: 100%;
  display: flex;
}

.IncodeTerminalErrorPage .IncodeTerminalErrorPageStatus {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  text-align: center;
  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  flex: 1;
  display: flex;
}

.IncodeTerminalErrorPage .IncodeTerminalErrorPageTitle {
  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;
}

.IncodeTerminalErrorPage .IncodeTerminalErrorPageMessage {
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h5-size);
  font-weight: var(--typography-headline-h5-weight);
  line-height: var(--typography-headline-h5-line-height);
  letter-spacing: var(--typography-headline-h5-letter-spacing);
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
  overflow-wrap: break-word;
  max-width: var(--incode-form-max-w);
}

.IncodeTerminalErrorPage .IncodeTerminalErrorPageFooter {
  width: 100%;
  max-width: var(--incode-form-max-w);
  flex-direction: column;
  margin-inline: auto;
  display: flex;
}

.IncodeVerificationResult .IncodePageContent {
  gap: var(--spacing-16, var(--spacing-16, 16px));
  padding-bottom: var(--spacing-16, var(--spacing-16, 16px));
  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
  animation-fill-mode: both;
}

.IncodeVerificationResult__center {
  width: 100%;
  max-width: var(--incode-form-max-w);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  flex: 1;
  margin-inline: auto;
  display: flex;
}

.IncodeVerificationResult__title {
  text-align: center;
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h2-size);
  font-weight: var(--typography-headline-h2-weight);
  line-height: var(--typography-headline-h2-line-height);
  letter-spacing: var(--typography-headline-h2-letter-spacing);
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeVerificationResult__actions {
  width: 100%;
  max-width: var(--incode-form-max-w);
  gap: var(--spacing-12, var(--spacing-12, 12px));
  flex-direction: column;
  margin-inline: auto;
  display: flex;
}

.IncodeAddressAutocomplete {
  width: 100%;
  position: relative;
}

.IncodeAddressAutocomplete .IncodeAddressAutocompleteSuggestions {
  right: var(--spacing-0, var(--spacing-none, 0px));
  left: var(--spacing-0, var(--spacing-none, 0px));
  z-index: 10;
  margin-top: var(--spacing-8, var(--spacing-8, 8px));
  max-height: 200px;
  padding: var(--spacing-0, var(--spacing-none, 0px));
  border-radius: var(--radius-small, var(--border-radius-small));
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-dropdown-border-default, var(--dropdown-border-default));
  background-color: var(--color-dropdown-surface-default, var(--dropdown-surface-default));
  list-style-type: none;
  position: absolute;
  top: 100%;
  overflow-y: auto;
  box-shadow: 0 2px 8px #00000026;
}

.IncodeAddressAutocomplete .IncodeAddressAutocompleteSuggestion {
  cursor: pointer;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-dropdown-border-default, var(--dropdown-border-default));
  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
  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-dropdown-text-input-default, var(--dropdown-text-input-default));
}

.IncodeAddressAutocomplete .IncodeAddressAutocompleteSuggestion:last-child {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0;
}

.IncodeAddressAutocomplete .IncodeAddressAutocompleteSuggestion:hover, .IncodeAddressAutocomplete .IncodeAddressAutocompleteSuggestionActive {
  background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));
}

.IncodeAddressAutocomplete .IncodeAddressAutocompleteModalHeader {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-dropdown-border-default, var(--dropdown-border-default));
  padding-inline: var(--spacing-12, var(--spacing-12, 12px));
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.IncodeAddressAutocomplete .IncodeAddressAutocompleteModalHeader h3 {
  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-input-text-label-default, var(--input-text-label-default));
}

.IncodeAddressAutocomplete .IncodeAddressAutocompleteModalHeader .IncodeAddressAutocompleteModalClose {
  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-input-dropdown-family);
  font-size: var(--typography-input-dropdown-l-size);
  font-weight: var(--typography-input-dropdown-l-weight);
  line-height: var(--typography-input-dropdown-l-line-height);
  letter-spacing: var(--typography-input-dropdown-l-letter-spacing);
  --tw-leading: 1;
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
  background-color: #0000;
  border-style: none;
  line-height: 1;
}

.IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody {
  padding-inline: var(--spacing-12, var(--spacing-12, 12px));
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
  flex: 1;
  overflow-y: auto;
}

.IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody .IncodeAddressAutocompleteModalInput {
  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
  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));
  width: 100%;
  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
  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-input-text-field-default, var(--input-text-field-default));
  --tw-outline-style: none;
  outline-style: none;
}

.IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody .IncodeAddressAutocompleteModalInput::placeholder {
  color: var(--color-input-text-field-placeholder, var(--input-text-field-placeholder));
}

.IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody .IncodeAddressAutocompleteModalInput:focus {
  border-color: var(--color-input-border-focused, var(--input-border-focused));
}

.IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody .IncodeAddressAutocompleteModalSuggestions {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  padding: var(--spacing-0, var(--spacing-none, 0px));
  list-style-type: none;
}

.IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody .IncodeAddressAutocompleteModalSuggestion {
  cursor: pointer;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-dropdown-border-default, var(--dropdown-border-default));
  padding-block: var(--spacing-12, var(--spacing-12, 12px));
  font-family: var(--typography-body-family);
  font-size: var(--typography-body-m-regular-size);
  font-weight: var(--typography-body-m-regular-weight);
  line-height: var(--typography-body-m-regular-line-height);
  letter-spacing: var(--typography-body-m-regular-letter-spacing);
  color: var(--color-dropdown-text-input-default, var(--dropdown-text-input-default));
}

.IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody .IncodeAddressAutocompleteModalSuggestionActive {
  background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));
}

.IncodeAddressAutocomplete .IncodeAddressAutocompleteModalBody .IncodeAddressAutocompleteEnterManually {
  margin-top: var(--spacing-12, var(--spacing-12, 12px));
  cursor: pointer;
  border-radius: var(--radius-small, var(--border-radius-small));
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-button-secondary-border-default, var(--button-secondary-border-default));
  width: 100%;
  padding: var(--spacing-12, var(--spacing-12, 12px));
  text-align: center;
  font-family: var(--typography-button-family);
  font-size: var(--typography-button-s-size);
  font-weight: var(--typography-button-s-weight);
  line-height: var(--typography-button-s-line-height);
  letter-spacing: var(--typography-button-s-letter-spacing);
  color: var(--color-button-secondary-text-default, var(--button-secondary-text-default));
  background-color: #0000;
}

.IncodeSnackbar {
  align-items: center;
  gap: var(--spacing-12, var(--spacing-12, 12px));
  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
  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-snackbar-border-neutral, var(--snackbar-border-neutral));
  background-color: var(--color-snackbar-surface-neutral, var(--snackbar-surface-neutral));
  color: var(--color-snackbar-text-neutral, var(--snackbar-text-neutral));
  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);
  box-shadow: var(--snackbar-shadow);
  display: inline-flex;
}

.IncodeSnackbar.IncodeSnackbar--positive {
  border-color: var(--color-snackbar-border-positive, var(--snackbar-border-positive));
  background-color: var(--color-snackbar-surface-positive, var(--snackbar-surface-positive));
}

.IncodeSnackbar.IncodeSnackbar--negative {
  border-color: var(--color-snackbar-border-negative, var(--snackbar-border-negative));
  background-color: var(--color-snackbar-surface-negative, var(--snackbar-surface-negative));
}

.IncodeSnackbar.IncodeSnackbar--warning {
  border-color: var(--color-snackbar-border-warning, var(--snackbar-border-warning));
  background-color: var(--color-snackbar-surface-warning, var(--snackbar-surface-warning));
}

.IncodeSnackbar .IncodeSnackbarContent {
  align-items: center;
  display: inline-flex;
}

.IncodePdfViewer {
  width: 100%;
  height: 100%;
  position: relative;
}

.IncodePdfViewerThumbnail {
  pointer-events: none;
  overflow: hidden;
}

.IncodePdfViewerFull {
  overflow: auto;
}

.IncodePdfViewerPages {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.IncodePdfViewerThumbnail .IncodePdfViewerPages {
  justify-content: center;
  height: 100%;
}

.IncodePdfViewerFull .IncodePdfViewerPages {
  gap: var(--spacing-4, var(--spacing-4, 4px));
  padding-block: var(--spacing-4, var(--spacing-4, 4px));
}

.IncodePdfViewerCanvas {
  max-width: 100%;
  display: block;
}

.IncodePdfViewerThumbnail .IncodePdfViewerCanvas {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.IncodePdfViewerStatus {
  pointer-events: none;
  inset: var(--spacing-0, var(--spacing-none, 0px));
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.IncodePermissionsPage {
  background-color: var(--color-surface-neutral-900-static, var(--surface-neutral-900-static));
  margin: auto;
  position: relative;
}

.IncodePermissionsPage .IncodePageInner {
  padding: var(--spacing-0, var(--spacing-none, 0px));
}

.IncodeBoldWithArrow {
  --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));
  display: inline;
}

.IncodeComponent .IncodeBoldWithArrowIcon {
  margin-inline: .2em;
  width: .8em;
  height: .8em;
  margin-bottom: .125rem;
  display: inline-block;
}

.IncodeDeniedPage .IncodePageInner {
  max-width: 468px;
  padding-bottom: var(--spacing-24, var(--spacing-24, 24px));
}

.IncodeDeniedPage .IncodeTitle {
  text-align: left;
}

.IncodeDeniedContainer {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-24, var(--spacing-24, 24px));
  flex-direction: column;
  flex: 1;
  display: flex;
}

.IncodeDeniedInstructionsContainer {
  width: 100%;
  max-width: 420px;
}

.IncodeDeniedStepsList {
  gap: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  display: flex;
}

.IncodeDeniedStepItem {
  align-items: center;
  gap: var(--spacing-12, var(--spacing-12, 12px));
  width: 100%;
  display: flex;
}

.IncodeDeniedStepIconContainer {
  flex-shrink: 0;
}

.IncodeDeniedStepTextContainer {
  align-items: center;
  gap: var(--spacing-4, var(--spacing-4, 4px));
  flex-wrap: wrap;
  flex: 1;
  display: flex;
}

.IncodeDeniedStepTextContainer .IncodeDeniedStepTextSilent {
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
}

.IncodeDeniedStepTextContainer .IncodeDeniedStepSubtext {
  display: inline;
}

.IncodeDeniedStepText {
  font-size: var(--text-18, var(--primitive-typography-size-18));
  --tw-leading: 114%;
  --tw-font-weight: var(--font-weight-normal, 400);
  line-height: 114%;
  font-weight: var(--font-weight-normal, 400);
  --tw-tracking: -.5px;
  letter-spacing: -.5px;
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
}

.IncodeDeniedStepsList strong {
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeDeniedActions {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: auto;
  display: flex;
}

.IncodeSrOnly {
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.IncodeDeniedDesktopContainer {
  gap: var(--spacing-8, var(--spacing-8, 8px));
  flex-direction: column;
  display: flex;
}

.IncodeDeniedDesktopStep {
  align-items: center;
  gap: var(--spacing-8, var(--spacing-8, 8px));
  display: flex;
}

.IncodeDeniedDesktopStepNumberColumn {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.IncodeDeniedDesktopStepNumberColumn > .IncodeNumberedStepConnector {
  position: absolute;
  top: 100%;
}

.IncodeLearnMorePage .IncodePageContent {
  max-width: 420px;
  padding-bottom: var(--spacing-24, var(--spacing-24, 24px));
  margin-inline: auto;
}

.IncodeLearnMoreContainer {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-32, var(--spacing-32, 32px));
  flex-direction: column;
  flex: 1;
  display: flex;
}

.IncodeLearnMoreTitleContainer {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-12, var(--spacing-12, 12px));
  flex-direction: column;
  width: 100%;
  display: flex;
}

.IncodeLearnMoreInstructionsContainer {
  align-items: center;
  gap: var(--spacing-24, var(--spacing-24, 24px));
  flex-direction: column;
  display: flex;
}

.IncodeLearnMoreInstruction {
  align-items: center;
  gap: var(--spacing-12, var(--spacing-12, 12px));
  width: 100%;
  display: flex;
}

.IncodeLearnMoreInstructionIcon {
  height: var(--spacing-32, var(--spacing-32, 32px));
  width: var(--spacing-32, var(--spacing-32, 32px));
  color: var(--color-icon-neutral-500, var(--icon-neutral-500));
}

.IncodeLearnMoreActions {
  align-items: center;
  gap: var(--spacing-12, var(--spacing-12, 12px));
  flex-direction: column;
  width: 100%;
  margin-top: auto;
  display: flex;
}

.IncodeNumberedStep {
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border-style: solid;
  border-width: 2px;
  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
  justify-content: center;
  align-items: center;
  width: 46px;
  min-width: 46px;
  height: 46px;
  min-height: 46px;
  display: flex;
}

.IncodeNumberedStepText {
  font-size: var(--text-18, var(--primitive-typography-size-18));
  --tw-font-weight: var(--font-weight-semibold, var(--primitive-typography-weight-semibold));
  font-weight: var(--font-weight-semibold, var(--primitive-typography-weight-semibold));
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeNumberedStepConnector {
  height: var(--spacing-12, var(--spacing-12, 12px));
  width: var(--spacing-2, var(--spacing-2, 2px));
  background-color: var(--color-border-neutral-100, var(--border-neutral-100));
}

.IncodePermissionsBottomSheet {
  padding-inline: var(--spacing-12, var(--spacing-12, 12px));
}

.IncodePermissionsBottomSheet .IncodePermissionsBottomSheetTitleContainer {
  gap: var(--spacing-12, var(--spacing-12, 12px));
  width: 100%;
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  display: flex;
}

.IncodePermissionsBottomSheet .IncodePermissionsBottomSheetTitle {
  text-align: left;
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodePermissionsBottomSheet .IncodePermissionsBottomSheetSubtitle {
  text-align: left;
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
}

.IncodePermissionsBottomSheet .IncodePermissionsBottomSheetActions {
  align-items: center;
  gap: var(--spacing-12, var(--spacing-12, 12px));
  width: 100%;
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: row;
  display: flex;
}

.IncodePermissionsBottomSheet .IncodePermissionsBottomSheetActions .IncodeButton {
  margin: var(--spacing-0, var(--spacing-none, 0px));
}

[data-incode-landscape-portal] {
  z-index: 999999999;
  pointer-events: none;
  position: fixed;
  inset: 0;
  overflow: visible;
}

[data-incode-landscape-portal] > * {
  pointer-events: auto;
}

.IncodeLandscapeBlocker {
  background: var(--incode-landscape-bg, #fff);
  text-align: center;
  z-index: 999999999;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding: 50px;
  font-weight: 700;
  display: flex;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.IncodeLandscapeBlocker-icon {
  height: 90px;
  margin-bottom: 25px;
}

.IncodeLandscapeBlocker-text {
  margin: 0;
  font-size: 22px;
  display: block;
}

.IncodeVerificationOptionCardList {
  flex-direction: column;
  width: 100%;
  max-width: 26.25rem;
  display: flex;
}

.IncodeVerificationOptionCard {
  cursor: pointer;
  touch-action: manipulation;
  align-items: flex-start;
  gap: var(--spacing-12, var(--spacing-12, 12px));
  border-radius: var(--radius-none, var(--border-radius-none));
  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: 100%;
  padding-inline: var(--spacing-12, var(--spacing-12, 12px));
  padding-block: var(--spacing-8, var(--spacing-8, 8px));
  max-width: 26.25rem;
  display: flex;
  position: relative;
}

.IncodeVerificationOptionCard:first-child {
  border-top-left-radius: var(--radius-medium, var(--border-radius-medium));
  border-top-right-radius: var(--radius-medium, var(--border-radius-medium));
}

.IncodeVerificationOptionCard:last-child {
  border-bottom-right-radius: var(--radius-medium, var(--border-radius-medium));
  border-bottom-left-radius: var(--radius-medium, var(--border-radius-medium));
}

.IncodeVerificationOptionCard:only-child {
  border-radius: var(--radius-medium, var(--border-radius-medium));
}

.IncodeVerificationOptionCard + .IncodeVerificationOptionCard {
  border-top-style: var(--tw-border-style);
  border-top-width: var(--border-width-none, var(--primitive-border-width-0));
}

.IncodeVerificationOptionCard:focus-visible {
  z-index: 1;
  outline-width: 1px;
  outline-style: var(--tw-outline-style);
  outline-offset: 2px;
  outline-width: 2px;
  outline-color: var(--color-border-status-focus, var(--border-status-focus));
}

.IncodeVerificationOptionCard:disabled {
  cursor: not-allowed;
  opacity: .6;
}

.IncodeVerificationOptionCard .IncodeVerificationOptionCardIcon {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 3.75rem;
  height: 3.75rem;
  display: flex;
}

.IncodeVerificationOptionCard .IncodeVerificationOptionCardIcon svg {
  width: 100%;
  height: auto;
}

.IncodeVerificationOptionCard .IncodeVerificationOptionCardIcon .IncodeIdCardIconFill, .IncodeVerificationOptionCard .IncodeVerificationOptionCardIcon .IncodeUploadIdIconFill, .IncodeVerificationOptionCard .IncodeVerificationOptionCardIcon .IncodePassportIconFill, .IncodeVerificationOptionCard .IncodeVerificationOptionCardIcon .IncodeDeviceWalletsIconFill, .IncodeVerificationOptionCard .IncodeVerificationOptionCardIcon .IncodeDigitalIdIconFill {
  fill: var(--color-surface-brand-500, var(--surface-brand-500-static));
}

.IncodeVerificationOptionCard .IncodeVerificationOptionCardTag {
  align-items: center;
  gap: var(--spacing-2, var(--spacing-2, 2px));
  border-radius: var(--radius-small, var(--border-radius-small));
  background-color: var(--color-surface-brand-50, var(--surface-brand-50));
  width: fit-content;
  padding-inline: var(--spacing-8, var(--spacing-8, 8px));
  padding-block: var(--spacing-2, var(--spacing-2, 2px));
  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-icon-brand-500-static, var(--icon-brand-500-static));
  display: flex;
}

.IncodeVerificationOptionCard .IncodeVerificationOptionCardTitleTagContainer {
  gap: var(--spacing-8, var(--spacing-8, 8px));
  color: var(--color-text-body-primary, var(--text-body-800-primary));
  flex-direction: column;
  display: flex;
}

.IncodeVerificationOptionCard .IncodeVerificationOptionCardTitle {
  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);
}

.IncodeVerificationOptionCard .IncodeVerificationOptionCardContent {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.IncodeVerificationOptionCard .IncodeVerificationOptionCardContent .IncodeVerificationOptionCardArrow {
  color: var(--color-icon-neutral-500, var(--icon-neutral-500));
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-leading {
  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-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
