/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    .IncodeComponent, .IncodeComponent *, .IncodeComponent :before, .IncodeComponent :after, .IncodeComponent ::backdrop {
      --tw-border-style: solid;
    }
  }
}

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

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

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

.IncodeFlowStartLogoContainer {
  min-width: 100%;
  max-height: var(--flow-start-logo-container-max-h);
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeFlowStartLogo {
  max-width: 100%;
  max-height: 100%;
  width: var(--flow-start-logo-width);
  object-fit: contain;
  height: auto;
}

@media screen and (max-width: 767px) {
  .IncodeFlowStartLogo {
    width: var(--flow-start-logo-width-mobile);
  }
}

.IncodeFlowStartSubtitle {
  margin-top: var(--spacing-8, var(--spacing-8, 8px));
  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));
}

.IncodeFlowStartButton {
  margin-top: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.IncodeComponent .IncodeFlowCompleted h1.IncodeFlowCompletedTitle {
  margin-inline: var(--spacing-0, var(--spacing-none, 0px));
  margin-block: var(--spacing-20, var(--spacing-20, 20px));
  text-align: left;
  width: 100%;
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h1-size);
  font-weight: var(--typography-headline-h1-weight);
  line-height: var(--typography-headline-h1-line-height);
  letter-spacing: var(--typography-headline-h1-letter-spacing);
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeComponent .IncodeFlowCompleted p.IncodeFlowCompletedSubtitle {
  margin-inline: var(--spacing-0, var(--spacing-none, 0px));
  margin-block: var(--spacing-20, var(--spacing-20, 20px));
  text-align: left;
  width: 100%;
  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));
}

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

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

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

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

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

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

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

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

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

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

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

.IncodeFormField {
  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
  width: 100%;
}

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

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

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

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