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

@font-face {
  font-family: DM Sans;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./assets/dm-sans-latin-400-normal.woff2") format("woff2");
}

@font-face {
  font-family: DM Sans;
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("./assets/dm-sans-latin-500-normal.woff2") format("woff2");
}

@font-face {
  font-family: DM Sans;
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("./assets/dm-sans-latin-600-normal.woff2") format("woff2");
}

@font-face {
  font-family: DM Sans;
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("./assets/dm-sans-latin-700-normal.woff2") format("woff2");
}

@font-face {
  font-family: Rethink Sans;
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url("./assets/rethink-sans-latin-800-normal.woff2") format("woff2");
}

.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, incode-utilities, incode-base, incode-components;

@keyframes slideUp {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes incodeToastFadeInOut {
  0% {
    opacity: 0;
    transform: translate(-50%, -20px);
  }

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

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

  100% {
    opacity: 0;
    transform: translate(-50%, -20px);
  }
}

.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;
  height: var(--inline-arrow-icon-size);
  width: var(--inline-arrow-icon-size);
  margin-inline: var(--inline-arrow-icon-margin-x);
  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 .IncodeButtonLoadingLabel {
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

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

.IncodeButton.IncodeButtonL {
  width: 100%;
  max-width: var(--incode-form-max-w);
  height: var(--primitive-scale-56);
  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 {
  height: var(--button-s-height);
  border-radius: var(--radius-full, var(--border-radius-full));
  width: auto;
  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.IncodeButtonInline {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  min-height: var(--spacing-24, var(--spacing-24, 24px));
  min-width: var(--spacing-24, var(--spacing-24, 24px));
  padding: var(--spacing-0, var(--spacing-none, 0px));
  vertical-align: baseline;
  align-items: center;
  width: auto;
  height: auto;
  display: inline-flex;
}

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

.IncodeButton.IncodeButtonLink.IncodeButtonInline {
  font-family: var(--typography-button-family);
  font-size: var(--typography-button-m-underlined-size);
  font-weight: var(--typography-button-m-underlined-weight);
  line-height: var(--typography-button-m-underlined-line-height);
  letter-spacing: var(--typography-button-m-underlined-letter-spacing);
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  color: var(--color-button-tertiary-text-default, var(--button-tertiary-text-default));
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: auto;
}

.IncodeButton.IncodeButtonLink.IncodeButtonInline:active {
  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);
  text-decoration-line: none;
}

.IncodeButton.IncodeButtonLink.IncodeButtonInline: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;
}

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

.IncodeCheckboxLabel {
  align-items: center;
  gap: var(--spacing-12, var(--spacing-12, 12px));
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  display: inline-flex;
  position: relative;
}

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

.IncodeCheckboxControl {
  display: inline-flex;
  position: relative;
}

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

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

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

.IncodeCheckboxVisual {
  height: var(--incode-checkbox-input-size);
  min-height: var(--incode-checkbox-input-size);
  width: var(--incode-checkbox-input-size);
  min-width: var(--incode-checkbox-input-size);
  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));
  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));
}

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

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

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

.IncodeCheckboxLabelHint {
  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-text-body-secondary, var(--text-body-500-secondary));
}

.IncodeCheckboxMessageWrapper {
  margin-top: var(--spacing-8, var(--spacing-8, 8px));
  margin-left: var(--spacing-40, var(--spacing-40, 40px));
  align-items: center;
  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-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;
}

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

.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 .IncodeRadioButtonControl {
  display: inline-flex;
  position: relative;
}

.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 .IncodeRadioButtonTextM {
  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 .IncodeRadioButtonTextS {
  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-s-size);
  font-weight: var(--typography-checkbox-radio-s-weight);
  line-height: var(--typography-checkbox-radio-s-line-height);
  letter-spacing: var(--typography-checkbox-radio-s-letter-spacing);
}

.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);
  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);
  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: var(--incode-form-max-w);
  height: var(--primitive-scale-56);
  min-height: var(--primitive-scale-56);
  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:hover:not(:disabled):not(:focus) {
  background-color: var(--color-input-surface-hover, var(--input-surface-hover));
}

.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"], .IncodeInput[aria-invalid="true"]:focus, .IncodeInput[aria-invalid="true"]:active:not(:disabled) {
  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));
  padding-right: var(--date-input-padding-right);
  text-align: start;
}

.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: var(--incode-form-max-w);
  min-height: var(--text-area-input-min-h);
  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: var(--incode-form-max-w);
}

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

.IncodePasswordInputComposed {
  width: 100%;
  max-width: var(--incode-form-max-w);
  gap: var(--spacing-8, var(--spacing-8, 8px));
  flex-direction: column;
  display: flex;
}

.IncodePasswordInputComposed .IncodePasswordInputComposedToggle {
  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);
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: var(--border-width-none, var(--primitive-border-width-0));
  --tw-border-style: none;
  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;
  justify-content: center;
  align-items: center;
  transition-duration: .2s;
  display: flex;
  position: absolute;
}

.IncodePasswordInputComposed .IncodePasswordInputComposedToggle:hover {
  opacity: .7;
}

.IncodePasswordInputComposed .IncodePasswordInputComposedToggle:active {
  opacity: .5;
}

.IncodePasswordInputComposed .IncodePasswordInputComposedToggle:focus-visible {
  border-radius: var(--radius-x-small, var(--border-radius-x-small));
  outline-style: var(--tw-outline-style);
  outline-offset: 2px;
  outline-width: 2px;
  outline-color: var(--color-input-border-focused, var(--input-border-focused));
}

.IncodePasswordInputComposed .IncodePasswordInputComposedRequirements {
  gap: var(--spacing-8, var(--spacing-8, 8px));
  flex-direction: column;
  display: flex;
}

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

.IncodePasswordInputComposed .IncodePasswordInputComposedRequirementsHeading[data-invalid="true"] {
  color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
}

.IncodePasswordInputComposed .IncodePasswordInputComposedRequirementsHeadingIcon {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodePasswordInputComposed .IncodePasswordInputComposedRequirementsList {
  margin: var(--spacing-0, var(--spacing-none, 0px));
  gap: var(--spacing-8, var(--spacing-8, 8px));
  padding: var(--spacing-0, var(--spacing-none, 0px));
  flex-direction: column;
  list-style-type: none;
  display: flex;
}

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

.IncodePasswordInputComposed .IncodePasswordInputComposedRequirementIcon {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

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

.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-x-small, var(--border-radius-x-small));
  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-x-small, var(--border-radius-x-small));
  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: var(--incode-form-max-w);
}

.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);
  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: var(--incode-form-max-w);
  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);
  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);
  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: var(--primitive-scale-56);
  min-height: var(--primitive-scale-56);
  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));
  background-color: var(--color-dropdown-surface-hover, var(--dropdown-surface-hover));
}

.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 {
  font-family: var(--typography-input-dropdown-family);
  font-size: var(--typography-input-dropdown-m-size);
  font-weight: var(--typography-input-dropdown-m-weight);
  line-height: var(--typography-input-dropdown-m-line-height);
  letter-spacing: var(--typography-input-dropdown-m-letter-spacing);
  color: var(--color-dropdown-text-input-default, var(--dropdown-text-input-default));
}

.IncodeDropdownComposedTriggerPlaceholder {
  font-family: var(--typography-input-dropdown-family);
  font-size: var(--typography-input-dropdown-m-size);
  font-weight: var(--typography-input-dropdown-m-weight);
  line-height: var(--typography-input-dropdown-m-line-height);
  letter-spacing: var(--typography-input-dropdown-m-letter-spacing);
  color: var(--color-dropdown-text-input-placeholder, var(--dropdown-text-input-placeholder));
}

.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));
  max-height: var(--dropdown-list-max-h);
  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));
  box-shadow: var(--dropdown-box-shadow);
  flex-direction: column;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.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-outline-style: none;
  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));
  --tw-duration: .2s;
  background-color: #0000;
  border-style: none;
  outline-style: none;
  transition-duration: .2s;
}

.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-x-small, var(--border-radius-x-small));
  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:not(:disabled), .IncodeDropdownComposedOption[data-highlighted="true"] {
  background-color: var(--color-dropdown-surface-hover, var(--dropdown-surface-hover));
}

.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));
  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-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-helper-negative, var(--dropdown-text-helper-negative));
  font-family: inherit;
  display: inline-block;
}

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

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

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

.IncodeOtpInput.IncodeOtpInputComposed {
  width: 100%;
}

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

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

.IncodeOtpInput .IncodeOtpInputResendText.IncodeOtpInputResendTextDisabled {
  margin-block: var(--spacing-8, var(--spacing-8, 8px));
  color: var(--color-button-tertiary-text-disabled, var(--button-tertiary-text-disabled));
}

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

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

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

.IncodeAssetRaw {
  display: block;
}

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

.IncodeLoadingIconOverride {
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.IncodeLoadingIconOverride > *, .IncodeLoadingIconOverride svg, .IncodeLoadingIconOverride img {
  width: 100%;
  height: 100%;
}

.IncodeBaseTutorialContainer {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  margin: auto;
  display: flex;
}

.IncodeBaseTutorialAnimationContainer {
  height: 100%;
  max-width: var(--incode-tutorial-animation-container-max-w);
  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
  justify-content: center;
  align-items: center;
  margin: auto;
  display: flex;
}

.IncodeBaseTutorialDisclaimer {
  padding-inline: var(--spacing-8, var(--spacing-8, 8px));
  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 {
  align-items: center;
  gap: var(--spacing-12, var(--spacing-12, 12px));
  padding-inline: var(--spacing-8, var(--spacing-8, 8px));
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  margin: auto;
  display: flex;
}

.IncodeBaseTutorialActionsSlot {
  width: 100%;
  max-width: var(--incode-form-max-w);
  justify-content: center;
  display: flex;
}

.IncodeBaseTutorialButton {
  max-width: var(--incode-form-max-w);
  margin: auto;
}

.IncodeBaseTutorialSecondaryAction {
  margin: auto;
  margin-top: var(--spacing-16, var(--spacing-16, 16px));
  justify-content: center;
  display: flex;
}

.IncodeBaseTutorialAnimation {
  height: 100%;
}

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

.IncodeBaseTutorialAnimationContainerScaled {
  min-height: var(--spacing-0, var(--spacing-none, 0px));
  flex: 1;
}

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

.IncodeSpinner.IncodeSpinnerAlwaysDark {
  background-color: var(--spinner-always-dark-background);
  width: 100%;
  height: 100%;
}

.IncodeSpinner.IncodeSpinnerAlwaysDark .IncodeSpinnerAlwaysDarkLoadingPrimary {
  fill: var(--surface-brand-400-static);
}

.IncodeSpinner.IncodeSpinnerAlwaysDark .IncodeSpinnerAlwaysDarkLoadingSecondary {
  fill: var(--surface-brand-900-static);
}

.IncodeSpinner.IncodeSpinnerAlwaysDark .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(--spinner-always-dark-title);
}

.IncodeSpinner.IncodeSpinnerAlwaysDark .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(--spinner-always-dark-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;
}

.IncodeManualCaptureVideo.IncodeMediaCoverPending {
  opacity: 0;
}

.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 {
  width: 100%;
  max-width: var(--overlay-container-max-w);
  flex-direction: column;
  flex: 1;
  margin-inline: auto;
  display: flex;
}

.IncodeOverlay .IncodeOverlayHeader {
  height: var(--page-header-height);
  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));
  position: absolute;
}

.IncodeModalRoot .IncodeModalBackdrop:before {
  content: "";
  z-index: 0;
  background-color: var(--surface-neutral-1000-80-static);
  opacity: 0;
  pointer-events: none;
  animation: .3s cubic-bezier(.16, 1, .3, 1) forwards IncodeModalBackdropFadeIn;
  position: absolute;
  inset: 0;
}

.IncodeModalRoot .IncodeModalDialog {
  pointer-events: auto;
  z-index: 1;
  max-height: var(--modal-dialog-max-h);
  width: 100%;
  max-width: var(--modal-dialog-max-w);
  --tw-outline-style: none;
  outline-style: none;
  justify-content: center;
  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;
}

@keyframes IncodeModalBackdropFadeIn {
  to {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .IncodeModalBackdrop:before {
    opacity: 1;
    animation: none;
  }
}

.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));
  width: var(--spacing-64, var(--spacing-64, 64px));
  height: var(--spacing-64, var(--spacing-64, 64px));
  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));
  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(--capture-page-backdrop-color);
  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;
}

.IncodeCameraView .IncodeCameraViewVideo .IncodeCameraViewVideoElement.IncodeMediaCoverPending {
  opacity: 0;
}

.IncodeCameraView .IncodeCameraViewVideo .IncodeCameraViewVideoElement.IncodeCameraViewVideoMirrored {
  transform: scaleX(-1);
}

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

@media (prefers-reduced-motion: reduce) {
  .IncodeCameraOverlayHeader {
    transition-duration: 1ms;
  }
}

.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 {
  border-radius: var(--radius-medium, var(--border-radius-medium));
  --frame-border-color: var(--border-neutral-100);
  border: var(--id-capture-frame-border-width) solid var(--frame-border-color);
  box-shadow: var(--camera-frame-overlay-shadow);
  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 {
    box-shadow: var(--camera-frame-overlay-shadow-active);
  }
}

.IncodeCameraFrame.IncodeCameraFrameFill {
  border-color: var(--camera-frame-fill-border-color);
  flex: 1;
  align-self: stretch;
}

.IncodeCameraFrame.IncodeCameraFrameLocked {
  border-radius: var(--radius-medium, var(--border-radius-medium));
}

.IncodeCameraFrame.IncodeCameraFrameHorizontal {
  width: 100%;
  max-width: var(--id-capture-frame-horizontal-max-width);
  aspect-ratio: 35 / 22;
}

.IncodeCameraFrame.IncodeCameraFrameVertical {
  width: 100%;
  max-width: var(--id-capture-frame-vertical-max-width);
  aspect-ratio: 22 / 35;
}

.IncodeCameraFrame.IncodeCameraFrameIdle {
  --frame-border-color: var(--border-neutral-100);
}

.IncodeCameraFrame.IncodeCameraFrameCapturing, .IncodeCameraFrame.IncodeCameraFrameFocus {
  --frame-border-color: var(--border-brand-500);
}

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

.IncodeCameraFrame .IncodeCaptureResultImage {
  inset: var(--spacing-0, var(--spacing-none, 0px));
  background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));
  object-fit: cover;
  z-index: 10;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
}

.IncodeCameraFrame .IncodeCaptureResultImage.IncodeCaptureResultImageBlurred {
  filter: blur(var(--id-processing-image-blur-radius));
  -webkit-backdrop-filter: blur(var(--id-processing-image-blur-radius));
  backdrop-filter: blur(var(--id-processing-image-blur-radius));
}

.IncodeCameraFrame .IncodeCaptureResultFlash {
  inset: var(--spacing-0, var(--spacing-none, 0px));
  border-radius: var(--radius-medium, var(--border-radius-medium));
  pointer-events: none;
  z-index: 20;
  background-color: var(--surface-neutral-0-static);
  box-shadow: var(--camera-frame-capture-result-flash-shadow);
  animation: incodeCaptureResultFlash var(--id-capture-result-flash-duration) ease-out forwards;
  position: absolute;
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .IncodeCameraFrame .IncodeCaptureResultFlash {
    animation-duration: 1ms;
  }
}

.IncodeCaptureResultHeaderReveal {
  animation: incodeCaptureResultHeaderReveal var(--id-capture-result-flash-duration) ease-out both;
}

@media (prefers-reduced-motion: reduce) {
  .IncodeCaptureResultHeaderReveal {
    animation-duration: 1ms;
  }
}

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

  16% {
    opacity: 1;
  }

  40% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes incodeCaptureResultHeaderReveal {
  0%, 40% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.IncodeErrorContent {
  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
}

.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 {
  max-width: var(--incode-form-max-w);
  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));
}

.IncodeErrorContent .IncodeErrorContentDescription {
  max-width: var(--incode-form-max-w);
  text-align: center;
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h5-size);
  font-weight: var(--typography-headline-h5-weight);
  line-height: var(--typography-headline-h5-line-height);
  letter-spacing: var(--typography-headline-h5-letter-spacing);
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
}

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

.IncodeIdExpiredPage .IncodeIdExpiredContent {
  max-height: var(--incode-page-max-h);
  max-width: var(--incode-page-max-w);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeIdExpiredPage .IncodeIdExpiredIcon {
  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
}

.IncodeIdExpiredPage .IncodeIdExpiredTitle {
  text-align: center;
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeIdExpiredPage .IncodeIdExpiredSubtitle {
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h5-size);
  font-weight: var(--typography-headline-h5-weight);
  line-height: var(--typography-headline-h5-line-height);
  letter-spacing: var(--typography-headline-h5-letter-spacing);
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
  text-align: center;
  max-width: var(--incode-form-max-w);
}

.IncodeIdExpiredPage .IncodeIdExpiredAttemptsCounter {
  margin-bottom: 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-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));
  text-align: center;
}

.IncodeProgressBarContainer {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.IncodeProgressBar {
  height: var(--spacing-8, var(--spacing-8, 8px));
  width: var(--progress-bar-width);
  border-radius: var(--radius-x-small, var(--border-radius-x-small));
  background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));
  overflow: hidden;
}

.IncodeProgressBar .IncodeProgressBarFill {
  border-radius: var(--radius-x-small, var(--border-radius-x-small));
  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));
}

.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 .IncodeRichTextMarkup {
  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 .IncodeRichTextMarkup 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 .IncodeRichTextMarkup 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 .IncodeRichTextMarkup 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 .IncodeRichTextMarkup 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 .IncodeRichTextMarkup ul {
  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
  padding-left: var(--spacing-20, var(--spacing-20, 20px));
  list-style-type: disc;
}

.IncodeRichText .IncodeRichTextMarkup ol {
  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
  padding-left: var(--spacing-20, var(--spacing-20, 20px));
  list-style-type: decimal;
}

.IncodeRichText .IncodeRichTextMarkup 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 .IncodeRichTextMarkup 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;
  top: var(--incode-visual-viewport-offset-top, 0);
  height: var(--incode-visual-viewport-height, 100vh);
  position: fixed;
}

.IncodeBottomSheetOverlay:before {
  content: "";
  z-index: 0;
  background-color: var(--surface-neutral-1000-20-static);
  opacity: 0;
  pointer-events: none;
  animation: .3s cubic-bezier(.16, 1, .3, 1) forwards IncodeBottomSheetOverlayFadeIn;
  position: absolute;
  inset: 0;
  transform: translate3d(0, 0, 0);
}

.IncodeBottomSheetOverlay.IncodeBottomSheetOverlay--closing:before {
  animation: .3s cubic-bezier(.16, 1, .3, 1) forwards IncodeBottomSheetOverlayFadeOut;
}

.IncodeBottomSheetOverlay .IncodeBottomSheetContainer {
  z-index: 1;
  min-height: 100%;
  padding-inline: var(--spacing-0, var(--spacing-none, 0px));
  flex-direction: column;
  justify-content: flex-end;
  margin-inline: auto;
  display: flex;
  position: relative;
}

@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;
  display: flex;
  position: relative;
}

.IncodeBottomSheetOverlay .IncodeBottomSheetContainer .IncodeBottomSheet .IncodeBottomSheetHandle {
  top: var(--spacing-8, var(--spacing-8, 8px));
  z-index: 1;
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  background-color: var(--color-surface-neutral-200, var(--surface-neutral-200));
  height: var(--bottom-sheet-handle-height);
  width: var(--bottom-sheet-handle-width);
  border-radius: var(--bottom-sheet-handle-radius);
  display: block;
  position: absolute;
  left: 50%;
}

.IncodeBottomSheetOverlay .IncodeBottomSheetContainer .IncodeBottomSheet:not(.IncodeBottomSheet--closing) {
  animation: .35s cubic-bezier(.16, 1, .3, 1) .1s forwards IncodeSlideUp;
  transform: translateY(100%);
}

.IncodeBottomSheetOverlay .IncodeBottomSheetContainer .IncodeBottomSheet.IncodeBottomSheet--closing {
  animation: .35s cubic-bezier(.16, 1, .3, 1) forwards IncodeSlideDown;
  transform: translateY(0);
}

@keyframes IncodeBottomSheetOverlayFadeIn {
  to {
    opacity: 1;
  }
}

@keyframes IncodeBottomSheetOverlayFadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes IncodeSlideUp {
  to {
    transform: translateY(0);
  }
}

@keyframes IncodeSlideDown {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .IncodeBottomSheetOverlay:before {
    opacity: 1;
    animation: none;
  }

  .IncodeBottomSheetOverlay.IncodeBottomSheetOverlay--closing:before {
    opacity: 0;
    animation: none;
  }

  .IncodeBottomSheetOverlay .IncodeBottomSheetContainer .IncodeBottomSheet:not(.IncodeBottomSheet--closing) {
    animation: none;
    transform: translateY(0);
  }

  .IncodeBottomSheetOverlay .IncodeBottomSheetContainer .IncodeBottomSheet.IncodeBottomSheet--closing {
    animation: none;
    transform: translateY(100%);
  }
}

.IncodeStatusPage .IncodeStatusPageContainer {
  height: 100%;
  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  animation-fill-mode: both;
  display: flex;
}

.IncodeStatusPage .IncodeStatusPageTitle, .IncodeStatusPage .IncodeStatusPageSubtitle, .IncodeStatusPage .IncodeStatusPageActions {
  max-width: var(--incode-form-max-w);
}

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

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

.IncodeStatusPage .IncodeStatusPageActions {
  gap: var(--spacing-12, var(--spacing-12, 12px));
  flex-direction: column;
  width: 100%;
  margin-inline: auto;
  display: flex;
}

.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 {
  margin-inline: auto;
  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
  width: 100%;
  max-width: var(--incode-form-max-w);
  flex-direction: column;
  display: flex;
}

.IncodeBrowserNotSupported {
  position: relative;
}

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

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

.IncodeBrowserNotSupported .IncodeBrowserNotSupportedText {
  text-align: center;
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
}

.IncodeBrowserNotSupported .IncodeBrowserNotSupportedText span {
  cursor: pointer;
  color: var(--color-text-link-default, var(--text-link-default));
}

.IncodeBrowserNotSupported .IncodeBrowserNotSupportedLink {
  width: 100%;
  max-width: var(--incode-form-max-w);
  padding-block: var(--spacing-12, var(--spacing-12, 12px));
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
  justify-content: center;
  display: flex;
}

.IncodeBrowserNotSupported .IncodeBrowserNotSupportedLinkText {
  min-width: var(--spacing-0, var(--spacing-none, 0px));
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.IncodeBrowserNotSupported .IncodeBrowserNotSupportedWrapper {
  gap: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  width: 100%;
  display: flex;
}

.IncodeBrowserNotSupported .IncodeBrowserNotSupportedSnackbar {
  top: var(--spacing-16, var(--spacing-16, 16px));
  z-index: 50;
  animation: 3s ease-in-out forwards incodeToastFadeInOut;
  position: absolute;
  left: 50%;
}

.IncodeBrowserNotSupported .IncodeBrowserNotSupportedSnackbarContent {
  align-items: center;
  gap: var(--spacing-12, var(--spacing-12, 12px));
  display: inline-flex;
}

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

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

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

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

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

.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: var(--autocomplete-list-max-h);
  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));
  box-shadow: var(--dropdown-box-shadow);
  list-style-type: none;
  position: absolute;
  top: 100%;
  overflow-y: auto;
}

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

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

.IncodePdfViewer .IncodePdfViewerCanvas {
  max-width: 100%;
  display: block;
}

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

.IncodePdfViewer.IncodePdfViewerThumbnail {
  pointer-events: none;
  overflow: hidden;
}

.IncodePdfViewer.IncodePdfViewerThumbnail .IncodePdfViewerPages {
  justify-content: center;
  height: 100%;
}

.IncodePdfViewer.IncodePdfViewerThumbnail .IncodePdfViewerCanvas {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.IncodePdfViewer.IncodePdfViewerFull {
  overflow: auto;
}

.IncodePdfViewer.IncodePdfViewerFull .IncodePdfViewerPages {
  gap: var(--spacing-4, var(--spacing-4, 4px));
  padding-block: var(--spacing-4, var(--spacing-4, 4px));
}

.IncodePdfViewer .IncodePdfViewerStatus {
  pointer-events: none;
  inset: var(--spacing-0, var(--spacing-none, 0px));
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

:is(.IncodePermissionsPage, .IncodeModalRoot).IncodePermissionsPage {
  background-color: var(--color-surface-neutral-900-static, var(--surface-neutral-900-static));
  margin: auto;
  position: relative;
}

:is(.IncodePermissionsPage, .IncodeModalRoot).IncodePermissionsPage .IncodePageInner {
  padding: var(--spacing-0, var(--spacing-none, 0px));
}

:is(.IncodePermissionsPage, .IncodeModalRoot) .IncodePermissionsModalTitle {
  max-width: var(--permissions-modal-title-max-width);
}

.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 {
  vertical-align: middle;
  height: var(--inline-arrow-icon-size);
  width: var(--inline-arrow-icon-size);
  margin-inline: var(--inline-arrow-icon-margin-x);
  display: inline-block;
}

.IncodeDeniedPage .IncodePageInner {
  max-width: var(--incode-form-max-w);
}

@media (min-width: 48rem) {
  .IncodeDeniedPage .IncodePageInner {
    padding-inline: var(--spacing-0, var(--spacing-none, 0px));
    padding-top: var(--spacing-0, var(--spacing-none, 0px));
    padding-bottom: var(--spacing-24, var(--spacing-24, 24px));
  }
}

.IncodeDeniedPage .IncodePageInner .IncodeTitle {
  text-align: left;
}

.IncodeDeniedPage .IncodePageInner .IncodeDeniedContainer {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-24, var(--spacing-24, 24px));
  flex-direction: column;
  flex: 1;
  display: flex;
}

@media (min-width: 48rem) {
  .IncodeDeniedPage .IncodePageInner .IncodeDeniedContainer {
    margin-bottom: var(--spacing-24, var(--spacing-24, 24px));
  }
}

.IncodeDeniedPage .IncodePageInner .IncodeDeniedInstructionsContainer {
  width: 100%;
}

.IncodeDeniedPage .IncodePageInner .IncodeDeniedStepsList {
  gap: var(--spacing-12, var(--spacing-12, 12px));
  flex-direction: column;
  display: flex;
}

@media (min-width: 48rem) {
  .IncodeDeniedPage .IncodePageInner .IncodeDeniedStepsList {
    gap: var(--spacing-16, var(--spacing-16, 16px));
  }
}

.IncodeDeniedPage .IncodePageInner .IncodeDeniedStepItem {
  align-items: center;
  gap: var(--spacing-12, var(--spacing-12, 12px));
  width: 100%;
  display: flex;
}

.IncodeDeniedPage .IncodePageInner .IncodeDeniedStepIconContainer {
  flex-shrink: 0;
}

.IncodeDeniedPage .IncodePageInner .IncodeDeniedStepTextContainer {
  align-items: center;
  gap: var(--spacing-4, var(--spacing-4, 4px));
  flex-wrap: wrap;
  flex: 1;
  display: flex;
}

.IncodeDeniedPage .IncodePageInner .IncodeDeniedStepTextContainer .IncodeDeniedStepTextSilent {
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
}

.IncodeDeniedPage .IncodePageInner .IncodeDeniedStepTextContainer .IncodeDeniedStepSubtext {
  display: inline;
}

.IncodeDeniedPage .IncodePageInner .IncodeDeniedStepText {
  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));
}

.IncodeDeniedPage .IncodePageInner .IncodeDeniedStepsList strong {
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeDeniedPage .IncodePageInner .IncodeDeniedActions {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: auto;
  display: flex;
}

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

.IncodeDeniedDesktopContainer .IncodeDeniedDesktopStep {
  align-items: center;
  gap: var(--spacing-8, var(--spacing-8, 8px));
  display: flex;
}

.IncodeDeniedDesktopContainer .IncodeDeniedDesktopStepNumberColumn {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.IncodeDeniedDesktopContainer .IncodeDeniedDesktopStepNumberColumn > .IncodeNumberedStepConnector {
  position: absolute;
  top: 100%;
}

.IncodeDeniedDesktopContainer .IncodeNumberedStepConnector {
  height: var(--spacing-8, var(--spacing-8, 8px));
  width: var(--spacing-2, var(--spacing-2, 2px));
  background-color: var(--color-border-neutral-100, var(--border-neutral-100));
}

.IncodeLearnMorePage .IncodePageContent {
  max-width: var(--incode-form-max-w);
  margin-inline: auto;
}

.IncodeLearnMorePage .IncodePageContent .IncodeLearnMoreContainer {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-32, var(--spacing-32, 32px));
  flex-direction: column;
  flex: 1;
  display: flex;
}

.IncodeLearnMorePage .IncodePageContent .IncodeLearnMoreTitleContainer {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  width: 100%;
  display: flex;
}

.IncodeLearnMorePage .IncodePageContent .IncodeLearnMoreInstructionsContainer {
  align-items: center;
  gap: var(--spacing-24, var(--spacing-24, 24px));
  flex-direction: column;
  display: flex;
}

.IncodeLearnMorePage .IncodePageContent .IncodeLearnMoreInstruction {
  align-items: center;
  gap: var(--spacing-12, var(--spacing-12, 12px));
  width: 100%;
  display: flex;
}

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

.IncodeLearnMorePage .IncodePageContent .IncodeLearnMoreActions {
  align-items: center;
  gap: var(--spacing-12, var(--spacing-12, 12px));
  flex-direction: column;
  width: 100%;
  margin-top: auto;
  display: flex;
}

.IncodeNumberedStep {
  height: var(--spacing-40, var(--spacing-40, 40px));
  min-height: var(--spacing-40, var(--spacing-40, 40px));
  width: var(--spacing-40, var(--spacing-40, 40px));
  min-width: var(--spacing-40, var(--spacing-40, 40px));
  border-radius: var(--radius-small, var(--border-radius-small));
  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;
  display: flex;
}

.IncodeNumberedStep .IncodeNumberedStepText {
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h4-size);
  font-weight: var(--typography-headline-h4-weight);
  line-height: var(--typography-headline-h4-line-height);
  letter-spacing: var(--typography-headline-h4-letter-spacing);
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodePermissionsBottomSheet {
  padding-inline: var(--spacing-12, var(--spacing-12, 12px));
  opacity: 0;
}

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

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

.IncodeBottomSheet:not(.IncodeBottomSheet--closing) .IncodePermissionsBottomSheet {
  animation: .3s ease-out .1s forwards IncodePermissionsBottomSheetFadeIn;
}

.IncodeBottomSheet.IncodeBottomSheet--closing .IncodePermissionsBottomSheet {
  animation: .2s ease-in forwards IncodePermissionsBottomSheetFadeOut;
}

@keyframes IncodePermissionsBottomSheetFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes IncodePermissionsBottomSheetFadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .IncodeBottomSheet:not(.IncodeBottomSheet--closing) .IncodePermissionsBottomSheet {
    opacity: 1;
    animation: none;
  }

  .IncodeBottomSheet.IncodeBottomSheet--closing .IncodePermissionsBottomSheet {
    opacity: 0;
    animation: none;
  }
}

.IncodeHowItWorksOverlay {
  gap: var(--spacing-8, var(--spacing-8, 8px));
  width: 100%;
  padding-inline: var(--spacing-12, var(--spacing-12, 12px));
  padding-bottom: var(--spacing-24, var(--spacing-24, 24px));
  flex-direction: column;
  display: flex;
}

.IncodeHowItWorksOverlay .IncodeHowItWorksOverlayTitle {
  text-align: left;
  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));
}

.IncodeHowItWorksOverlay .IncodeHowItWorksOverlaySubtitle {
  text-align: left;
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h5-size);
  font-weight: var(--typography-headline-h5-weight);
  line-height: var(--typography-headline-h5-line-height);
  letter-spacing: var(--typography-headline-h5-letter-spacing);
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
}

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

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

.IncodeHowItWorksOverlayInstruction {
  align-items: center;
  gap: var(--spacing-8, var(--spacing-8, 8px));
  width: 100%;
  font-family: var(--typography-body-family);
  font-size: var(--typography-body-m-bold-size);
  font-weight: var(--typography-body-m-bold-weight);
  line-height: var(--typography-body-m-bold-line-height);
  letter-spacing: var(--typography-body-m-bold-letter-spacing);
  color: var(--color-text-body-primary, var(--text-body-800-primary));
  display: flex;
}

.IncodeHowItWorksOverlayInstructionIcon {
  height: var(--spacing-24, var(--spacing-24, 24px));
  width: var(--spacing-24, var(--spacing-24, 24px));
  border-radius: var(--radius-full, var(--border-radius-full));
  color: var(--color-icon-neutral-300, var(--icon-neutral-300));
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeHowItWorksOverlayActions {
  width: 100%;
  padding-top: var(--spacing-24, var(--spacing-24, 24px));
  padding-bottom: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  align-items: center;
  display: flex;
}

.IncodeHowItWorksOverlayActionButton {
  max-width: var(--incode-form-max-w);
  margin: auto;
}

.IncodeHowItWorksOverlayFooter {
  width: 100%;
  padding-block: var(--spacing-4, var(--spacing-4, 4px));
  justify-content: center;
  display: flex;
}

[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;
  padding: var(--landscape-blocker-padding);
  font-weight: var(--landscape-blocker-font-weight);
  width: 100dvw;
  height: 100dvh;
  width: var(--landscape-blocker-viewport-width-fallback);
  height: var(--landscape-blocker-viewport-height-fallback);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.IncodeLandscapeBlocker-icon {
  height: var(--landscape-blocker-icon-height);
  margin-bottom: var(--landscape-blocker-icon-margin-bottom);
}

.IncodeLandscapeBlocker-text {
  font-size: var(--landscape-blocker-text-font-size);
  margin: 0;
  display: block;
}

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

.IncodeVerificationOptionCardList .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: var(--incode-form-max-w);
  display: flex;
  position: relative;
}

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

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

.IncodeVerificationOptionCardList .IncodeVerificationOptionCard:only-child {
  border-radius: var(--radius-medium, var(--border-radius-medium));
}

.IncodeVerificationOptionCardList .IncodeVerificationOptionCard + :is(.IncodeVerificationOptionCardList .IncodeVerificationOptionCard) {
  border-top-style: var(--tw-border-style);
  border-top-width: var(--border-width-none, var(--primitive-border-width-0));
}

.IncodeVerificationOptionCardList .IncodeVerificationOptionCard:focus-visible {
  z-index: 1;
  outline-style: var(--tw-outline-style);
  outline-offset: 2px;
  outline-width: 2px;
  outline-color: var(--color-border-status-focus, var(--border-status-focus));
}

.IncodeVerificationOptionCardList .IncodeVerificationOptionCard:disabled {
  cursor: not-allowed;
  opacity: .6;
}

.IncodeVerificationOptionCardList .IncodeVerificationOptionCard .IncodeVerificationOptionCardIcon {
  width: var(--id-capture-verification-option-card-size);
  height: var(--id-capture-verification-option-card-size);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeVerificationOptionCardList .IncodeVerificationOptionCard .IncodeVerificationOptionCardIcon svg {
  width: 100%;
  height: auto;
}

.IncodeVerificationOptionCardList .IncodeVerificationOptionCard .IncodeVerificationOptionCardIcon .IncodeIdCardIconFill, .IncodeVerificationOptionCardList .IncodeVerificationOptionCard .IncodeVerificationOptionCardIcon .IncodeUploadIdIconFill, .IncodeVerificationOptionCardList .IncodeVerificationOptionCard .IncodeVerificationOptionCardIcon .IncodePassportIconFill, .IncodeVerificationOptionCardList .IncodeVerificationOptionCard .IncodeVerificationOptionCardIcon .IncodeDeviceWalletsIconFill, .IncodeVerificationOptionCardList .IncodeVerificationOptionCard .IncodeVerificationOptionCardIcon .IncodeDigitalIdIconFill {
  fill: var(--color-surface-brand-500, var(--surface-brand-500-static));
}

.IncodeVerificationOptionCardList .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-600, var(--icon-brand-600));
  display: flex;
}

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

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

.IncodeVerificationOptionCardList .IncodeVerificationOptionCard .IncodeVerificationOptionCardContent {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.IncodeVerificationOptionCardList .IncodeVerificationOptionCard .IncodeVerificationOptionCardContent .IncodeVerificationOptionCardArrow {
  color: var(--color-icon-neutral-500, var(--icon-neutral-500));
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.IncodeAcceptedDocumentCard .IncodeAcceptedDocumentCardContainer {
  border-radius: var(--radius-medium, var(--border-radius-medium));
  border-style: var(--tw-border-style);
  border-width: var(--border-width-regular, var(--primitive-border-width-1));
  --tw-border-style: solid;
  border-style: solid;
  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
  width: 100%;
  padding-inline: var(--spacing-20, var(--spacing-20, 20px));
  padding-block: var(--spacing-12, var(--spacing-12, 12px));
  flex-direction: column;
  display: flex;
}

.IncodeAcceptedDocumentCard .IncodeAcceptedDocumentCardContainer.IncodeAcceptedDocumentCardContainerEmpty {
  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));
  padding-block: var(--spacing-40, var(--spacing-40, 40px));
}

.IncodeAcceptedDocumentCard .IncodeAcceptedDocumentCardList {
  flex-direction: column;
  display: flex;
}

.IncodeAcceptedDocumentCard .IncodeAcceptedDocumentCardItem {
  margin-bottom: var(--spacing-8, var(--spacing-8, 8px));
  align-items: center;
  gap: var(--spacing-8, var(--spacing-8, 8px));
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: var(--border-width-regular, var(--primitive-border-width-1));
  --tw-border-style: solid;
  border-style: solid;
  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
  padding-top: var(--spacing-12, var(--spacing-12, 12px));
  padding-bottom: var(--spacing-20, var(--spacing-20, 20px));
  color: var(--color-text-body-primary, var(--text-body-800-primary));
  display: flex;
}

.IncodeAcceptedDocumentCard .IncodeAcceptedDocumentCardItem:last-child {
  margin-bottom: 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;
  padding-block: var(--spacing-12, var(--spacing-12, 12px));
  border-style: none;
}

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

.IncodeAcceptedDocumentCard .IncodeAcceptedDocumentCardEmptyState {
  align-items: center;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  text-align: center;
  flex-direction: column;
  display: flex;
}

.IncodeAcceptedDocumentCard .IncodeAcceptedDocumentCardEmptyStateIcon {
  margin-top: var(--spacing-20, var(--spacing-20, 20px));
  height: var(--spacing-32, var(--spacing-32, 32px));
  width: var(--spacing-32, var(--spacing-32, 32px));
}

.IncodeAcceptedDocumentCard .IncodeAcceptedDocumentCardEmptyStateIcon path {
  fill: var(--color-icon-neutral-500, var(--icon-neutral-500));
}

.IncodeAcceptedDocumentCard .IncodeAcceptedDocumentCardEmptyStateText {
  margin-bottom: var(--spacing-20, var(--spacing-20, 20px));
  max-width: var(--accepted-document-card-content-max-w);
  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));
}

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

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

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

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

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

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}