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

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

.IncodeRedirectRoot .IncodeRedirectLogo {
  max-width: 100%;
  max-height: 100%;
}

.IncodeRedirectRoot .IncodeRedirectContainer {
  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));
  justify-content: center;
  align-items: safe center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow-y: auto;
}

.IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard {
  border-radius: var(--radius-medium, var(--border-radius-medium));
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
  width: 100%;
  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
  padding-block: var(--spacing-32, var(--spacing-32, 32px));
  max-width: var(--redirect-card-max-width);
  flex-direction: column;
  align-items: center;
  display: flex;
  overflow-x: clip;
}

.IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTopGroup {
  align-items: center;
  gap: var(--spacing-32, var(--spacing-32, 32px));
  flex-direction: column;
  width: 100%;
  display: flex;
}

.IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions {
  margin-bottom: var(--spacing-32, var(--spacing-32, 32px));
  width: 100%;
  max-width: var(--redirect-options-max-width);
  flex-direction: column;
  align-items: center;
  display: flex;
}

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

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

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

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

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

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

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

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectLogoWrapper {
  --min-height-logo-wrapper: 44px;
  width: 100%;
  min-height: var(--min-height-logo-wrapper);
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectLogo {
  max-height: var(--logo-height, 44px);
}

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

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectSubtitle {
  text-align: center;
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h5-size);
  font-weight: var(--typography-headline-h5-weight);
  line-height: var(--typography-headline-h5-line-height);
  letter-spacing: var(--typography-headline-h5-letter-spacing);
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav {
  width: 100%;
  max-width: var(--redirect-form-column-max-width);
  flex-direction: column;
  flex: 1;
  align-items: center;
  display: flex;
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterContent {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterContentText {
  margin-block: var(--spacing-12, var(--spacing-12, 12px));
  font-family: var(--Button-family, "DM Sans");
  letter-spacing: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterLogoWrapper {
  padding-block: var(--spacing-8, var(--spacing-8, 8px));
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs {
  justify-content: center;
  align-items: flex-end;
  gap: var(--spacing-12, var(--spacing-12, 12px));
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
  width: 100%;
  max-width: var(--redirect-tabs-max-width);
  display: flex;
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab {
  cursor: pointer;
  border-bottom-style: var(--tw-border-style);
  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
  padding-block: var(--spacing-12, var(--spacing-12, 12px));
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h5-size);
  font-weight: var(--typography-headline-h5-weight);
  line-height: var(--typography-headline-h5-line-height);
  letter-spacing: var(--typography-headline-h5-letter-spacing);
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
  background-color: #0000;
  border-color: #0000;
  border-bottom-width: 2px;
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab:focus-visible {
  border-radius: var(--radius-xs, .125rem);
  outline-style: var(--tw-outline-style);
  outline-offset: 2px;
  outline-width: 2px;
  outline-color: var(--color-border-status-focus, var(--border-status-focus));
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab.IncodeRedirectTabActive {
  border-color: var(--color-border-brand-500, var(--border-brand-500));
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions > [role="tabpanel"] {
  align-items: center;
  gap: var(--spacing-32, var(--spacing-32, 32px));
  flex-direction: column;
  width: 100%;
  display: flex;
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectTabDescription {
  margin-top: var(--spacing-32, var(--spacing-32, 32px));
  text-align: center;
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h5-size);
  font-weight: var(--typography-headline-h5-weight);
  line-height: var(--typography-headline-h5-line-height);
  letter-spacing: var(--typography-headline-h5-letter-spacing);
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
  max-width: var(--redirect-tab-description-max-width);
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectQrWrapper {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
  padding: var(--spacing-12, var(--spacing-12, 12px));
  border-radius: var(--redirect-qr-wrapper-border-radius);
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputComposed {
  --phone-input-country-code-width: var(--redirect-phone-input-country-code-width);
  max-width: var(--redirect-form-column-max-width);
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectSmsSendButton {
  width: 100%;
  max-width: var(--redirect-form-column-max-width);
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent {
  margin-top: var(--spacing-32, var(--spacing-32, 32px));
  flex-direction: column;
  align-items: center;
  display: flex;
}

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

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentPhone {
  text-align: center;
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h5-size);
  font-weight: var(--typography-headline-h5-weight);
  line-height: var(--typography-headline-h5-line-height);
  letter-spacing: var(--typography-headline-h5-letter-spacing);
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
}

.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentActions {
  margin-block: var(--spacing-8, var(--spacing-8, 8px));
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, var(--spacing-4, 4px));
  font-family: var(--Button-family, "DM Sans");
  letter-spacing: 0;
  width: var(--redirect-form-column-max-width);
  flex-wrap: wrap;
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
  display: flex;
}

.IncodeRedirectFinishedContainer {
  flex-direction: column;
  justify-content: safe center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow-y: auto;
}

.IncodeRedirectFinishedContainer .IncodeRedirectLogo {
  max-height: var(--logo-height, 44px);
}

.IncodeRedirectFinishedContainer .IncodeRedirectFinishedTitle {
  --width-finished-title: 500px;
  margin-block: var(--spacing-20, var(--spacing-20, 20px));
  text-align: center;
  font-size: var(--text-3xl, 1.875rem);
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
  color: var(--color-text-body-primary, var(--text-body-800-primary));
  width: var(--width-finished-title);
}

.IncodeRedirectFinishedContainer .IncodeRedirectFinishedSubtitle {
  --width-finished-subtitle: 400px;
  text-align: center;
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
  color: var(--color-text-body-primary, var(--text-body-800-primary));
  width: var(--width-finished-subtitle);
}

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

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

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