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

.IncodeElectronicSignature .IncodePageContent {
  min-height: var(--spacing-0, var(--spacing-none, 0px));
  padding-top: var(--spacing-32, var(--spacing-32, 32px));
  justify-content: space-between;
}

.IncodeElectronicSignature .IncodePageContent:has(.IncodeElectronicSignatureUploadBody), .IncodeElectronicSignature .IncodePageContent:has(.IncodeElectronicSignatureDocViewHeader) {
  padding-top: var(--spacing-0, var(--spacing-none, 0px));
}

.IncodeElectronicSignature .IncodePageTitleContainer {
  max-width: 600px;
}

.IncodeElectronicSignature .IncodePageFooter {
  padding-top: var(--spacing-16, var(--spacing-16, 16px));
}

.IncodeElectronicSignatureUploadBody {
  min-height: var(--spacing-0, var(--spacing-none, 0px));
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  container-type: size;
}

.IncodeElectronicSignatureIllustration {
  aspect-ratio: 1;
  border-radius: var(--radius-full, var(--border-radius-full));
  background-color: var(--color-surface-brand-50, var(--surface-brand-50));
  justify-content: center;
  align-items: center;
  width: min(100cqw, 100cqh - 32px, 297px);
  display: flex;
  overflow: visible;
}

.IncodeElectronicSignatureIllustration svg {
  --tw-translate-y: calc(3% * -1);
  width: 80%;
  height: auto;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.IncodeElectronicSignatureFileInput {
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.IncodeElectronicSignatureReviewBody {
  min-height: var(--spacing-0, var(--spacing-none, 0px));
  justify-content: center;
  align-items: center;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  width: 100%;
  max-width: 420px;
  padding-inline: var(--spacing-48, var(--spacing-48, 48px));
  flex-direction: column;
  flex: 1;
  margin-inline: auto;
  display: flex;
}

.IncodeElectronicSignatureReviewCard {
  min-height: var(--spacing-0, var(--spacing-none, 0px));
  align-items: center;
  gap: var(--spacing-24, var(--spacing-24, 24px));
  border-radius: var(--radius-large, var(--border-radius-large));
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));
  width: 100%;
  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
  padding-block: var(--spacing-20, var(--spacing-20, 20px));
  flex-direction: column;
  display: flex;
}

.IncodeElectronicSignatureDocPreview {
  pointer-events: none;
  aspect-ratio: 113 / 150;
  max-height: 150px;
  min-height: var(--spacing-0, var(--spacing-none, 0px));
  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));
  border-radius: 6px;
  flex: 1;
  position: relative;
  overflow: hidden;
}

.IncodeElectronicSignatureDocPreviewObject {
  width: 100%;
  height: 100%;
  display: block;
}

.IncodeElectronicSignatureDocName {
  text-align: center;
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h5-size);
  font-weight: var(--typography-headline-h5-weight);
  line-height: var(--typography-headline-h5-line-height);
  letter-spacing: var(--typography-headline-h5-letter-spacing);
  color: var(--color-text-body-primary, var(--text-body-800-primary));
  flex-shrink: 0;
}

.IncodeElectronicSignatureEncrypted {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, var(--spacing-4, 4px));
  padding-block: 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-primary, var(--text-body-800-primary));
  display: flex;
}

.IncodeElectronicSignatureEncryptedIcon {
  width: var(--spacing-16, var(--spacing-16, 16px));
  height: var(--spacing-16, var(--spacing-16, 16px));
  color: var(--color-icon-neutral-500, var(--icon-neutral-500));
}

.IncodeElectronicSignatureSigningTop {
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.IncodeElectronicSignatureSigningBottom {
  min-height: var(--spacing-0, var(--spacing-none, 0px));
  justify-content: flex-end;
  align-items: center;
  gap: var(--spacing-12, var(--spacing-12, 12px));
  padding-top: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  flex: 1;
  display: flex;
}

.IncodeElectronicSignatureDocContainer {
  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-50, var(--surface-neutral-50));
  width: 100%;
  max-width: 420px;
  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
  padding-block: var(--spacing-8, var(--spacing-8, 8px));
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: clip;
}

.IncodeElectronicSignatureDocRow {
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 56px;
  display: flex;
}

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

.IncodeElectronicSignatureDocRowAction {
  width: auto;
  max-width: none;
  height: auto;
  padding: var(--spacing-0, var(--spacing-none, 0px));
}

.IncodeElectronicSignatureConsents {
  min-height: var(--spacing-0, var(--spacing-none, 0px));
  gap: var(--spacing-4, var(--spacing-4, 4px));
  flex-direction: column;
  width: 100%;
  max-width: 420px;
  display: flex;
  overflow: auto;
}

.IncodeElectronicSignatureConsents .IncodeCheckbox {
  border-radius: var(--radius-medium, var(--border-radius-medium));
  background-color: var(--color-surface-brand-50, var(--surface-brand-50));
  width: 100%;
  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
  padding-block: var(--spacing-20, var(--spacing-20, 20px));
}

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

.IncodeElectronicSignatureConsents a {
  color: var(--color-text-link-default, var(--text-link-default));
  text-decoration-line: underline;
}

.IncodeElectronicSignatureSuccess .IncodePageContent {
  padding-top: var(--spacing-0, var(--spacing-none, 0px));
  justify-content: center;
}

.IncodeElectronicSignatureSuccessCenter {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  flex: 1;
  display: flex;
}

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

.IncodeElectronicSignatureDownloadLink {
  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-link-default, var(--text-link-default));
  text-decoration-line: underline;
}

.IncodeElectronicSignatureFooter {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  flex-shrink: 0;
  align-self: center;
  width: 100%;
  max-width: 420px;
  display: flex;
}

.IncodeElectronicSignatureDocViewHeader {
  z-index: 10;
  height: var(--page-header-height);
  margin-top: calc(-1 * var(--page-header-height));
  align-self: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.IncodeElectronicSignatureBackButton {
  color: var(--color-text-body-primary, var(--text-body-800-primary));
}

.IncodeElectronicSignatureDocViewer {
  min-height: 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;
  border-style: none;
  flex: 1;
  width: 100%;
}

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