/*! 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-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-border-style: solid;
    }
  }
}

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

.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: var(--electronic-signature-title-max-w);
}

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

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

.IncodeElectronicSignature .IncodeElectronicSignatureIllustration {
  aspect-ratio: 1;
  width: var(--electronic-signature-illustration-max-w);
  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;
  display: flex;
  overflow: visible;
}

.IncodeElectronicSignature .IncodeElectronicSignatureIllustration svg {
  height: auto;
  width: var(--electronic-signature-illustration-svg-w);
  --tw-translate-y: calc(var(--electronic-signature-illustration-svg-shift) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

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

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

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

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

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

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

.IncodeElectronicSignature .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);
  white-space: nowrap;
  color: var(--color-text-body-primary, var(--text-body-800-primary));
  display: flex;
}

.IncodeElectronicSignature .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));
  flex-shrink: 0;
}

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

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

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

.IncodeElectronicSignature .IncodeElectronicSignatureDocRow {
  height: var(--electronic-signature-doc-row-h);
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

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

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

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

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

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

.IncodeElectronicSignature .IncodeElectronicSignatureConsents a {
  color: var(--color-text-body-primary, var(--text-body-800-primary));
  text-decoration-line: underline;
}

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

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

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

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

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

.IncodeElectronicSignature .IncodeElectronicSignatureDocViewHeader {
  z-index: 10;
  height: var(--page-header-height);
  margin-top: var(--electronic-signature-doc-view-header-offset);
  align-self: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

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

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