@incodetech/web 0.0.0-dev-20260911-d4e8be9f → 0.0.0-dev-20260911-c64b0a1f

package/dist/certificate-issuance/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n.IncodeCertificateIssuancePage {\n  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;\n  animation-fill-mode: both;\n}\n\n.IncodeCertificateIssuancePage .IncodePageInner {\n  height: 100%;\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeCertificateIssuancePage .IncodePageContent {\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  align-items: center;\n}\n\n.IncodeCertificateIssuanceContent {\n  margin-top: var(--spacing-32, var(--spacing-32, 32px));\n  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n  width: 100%;\n  height: 100%;\n  max-width: var(--incode-form-max-w);\n  flex-direction: column;\n  flex: 1;\n  display: flex;\n}\n\n.IncodeCertificateIssuanceContent .IncodeCertificateIssuancePasswordSection {\n  flex-direction: column;\n  flex: 1;\n  display: flex;\n}\n\n.IncodeCertificateIssuanceContent .IncodeCertificateIssuancePassword {\n  align-items: flex-start;\n  gap: var(--spacing-8, var(--spacing-8, 8px));\n  width: 100%;\n  color: var(--color-input-text-helper-default, var(--input-text-helper-default));\n  flex-direction: column;\n  display: flex;\n}\n\n.IncodeCertificateIssuanceScreenContent {\n  margin-top: var(--spacing-32, var(--spacing-32, 32px));\n  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n  width: 100%;\n  height: 100%;\n  max-width: var(--incode-form-max-w);\n  flex-direction: column;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeCertificateIssuanceScreenContent .IncodeCertificateIssuanceScreenArea {\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeCertificateIssuanceScreenContent .IncodeCertificateIssuanceScreenArea .IncodeCertificateIssuanceScreenText {\n  margin-top: var(--spacing-12, var(--spacing-12, 12px));\n  margin-bottom: var(--spacing-24, var(--spacing-24, 24px));\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n";

package/dist/consent/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n.IncodeConsentPage {\n  height: 100%;\n  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;\n  animation-fill-mode: both;\n}\n\n.IncodeConsentPage .IncodePageContent {\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeConsentPage .IncodeConsentContent {\n  margin-top: var(--spacing-24, var(--spacing-24, 24px));\n  height: 100%;\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  justify-content: space-between;\n  align-items: center;\n  gap: var(--spacing-24, var(--spacing-24, 24px));\n  flex-direction: column;\n  display: flex;\n}\n\n.IncodeConsentPage .IncodeConsentBody {\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  gap: var(--spacing-24, var(--spacing-24, 24px));\n  flex-direction: column;\n  flex: 1;\n  display: flex;\n  overflow-y: auto;\n}\n\n.IncodeConsentPage .IncodeConsentBody .IncodeRichText .IncodeRichTextMarkup h2, .IncodeConsentPage .IncodeConsentBody .IncodeRichText h2 {\n  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));\n  font-family: var(--typography-body-family);\n  font-size: var(--typography-body-m-regular-size);\n  font-weight: var(--typography-body-m-regular-weight);\n  line-height: var(--typography-body-m-regular-line-height);\n  letter-spacing: var(--typography-body-m-regular-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeConsentPage .IncodeConsentBody .IncodeRichText .IncodeRichTextMarkup a, .IncodeConsentPage .IncodeConsentBody .IncodeRichText a {\n  color: var(--color-icon-brand-600, var(--icon-brand-600));\n  text-decoration-line: underline;\n}\n\n.IncodeConsentPage .IncodeConsentSubtitle {\n  font-family: var(--typography-body-family);\n  font-size: var(--typography-body-m-regular-size);\n  font-weight: var(--typography-body-m-regular-weight);\n  line-height: var(--typography-body-m-regular-line-height);\n  letter-spacing: var(--typography-body-m-regular-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeConsentPage .IncodeConsentCheckboxList {\n  gap: var(--spacing-12, var(--spacing-12, 12px));\n  flex-direction: column;\n  display: flex;\n}\n\n.IncodeConsentPage .IncodeConsentCheckbox {\n  border-radius: var(--radius-medium, var(--border-radius-medium));\n  background-color: var(--color-surface-brand-50, var(--surface-brand-50));\n  width: 100%;\n  padding-inline: var(--spacing-16, var(--spacing-16, 16px));\n  padding-block: var(--spacing-20, var(--spacing-20, 20px));\n}\n\n.IncodeConsentPage .IncodeConsentCheckbox .IncodeCheckboxLabel {\n  align-items: flex-start;\n}\n\n.IncodeConsentPage .IncodeConsentCheckbox .IncodeCheckboxText {\n  font-family: var(--typography-checkbox-radio-family);\n  font-size: var(--typography-checkbox-radio-s-size);\n  font-weight: var(--typography-checkbox-radio-s-weight);\n  line-height: var(--typography-checkbox-radio-s-line-height);\n  letter-spacing: var(--typography-checkbox-radio-s-letter-spacing);\n}\n\n.IncodeConsentPage .IncodeConsentCheckboxLabel {\n  font-family: var(--typography-checkbox-radio-family);\n  font-size: var(--typography-checkbox-radio-s-size);\n  font-weight: var(--typography-checkbox-radio-s-weight);\n  line-height: var(--typography-checkbox-radio-s-line-height);\n  letter-spacing: var(--typography-checkbox-radio-s-letter-spacing);\n  color: var(--color-checkbox-text-default, var(--checkbox-text-default));\n}\n\n.IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText, .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText .IncodeRichTextMarkup {\n  display: inline;\n}\n\n.IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText .IncodeRichTextMarkup p, .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText p {\n  margin-bottom: var(--spacing-0, var(--spacing-none, 0px));\n  font-family: var(--typography-checkbox-radio-family);\n  font-size: var(--typography-checkbox-radio-s-size);\n  font-weight: var(--typography-checkbox-radio-s-weight);\n  line-height: var(--typography-checkbox-radio-s-line-height);\n  letter-spacing: var(--typography-checkbox-radio-s-letter-spacing);\n  display: inline;\n}\n\n.IncodeConsentPage .IncodeConsentButton {\n  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n  width: 100%;\n}\n\n.IncodeConsentPage .IncodeConsentActions {\n  align-items: center;\n  gap: var(--spacing-8, var(--spacing-8, 8px));\n  flex-direction: column;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeConsentPage .IncodeConsentSubmitError {\n  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));\n  margin-top: 0;\n}\n";

package/dist/curp-validation/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n.IncodeCurpValidationPage .IncodePageContent {\n  padding-top: var(--spacing-32, var(--spacing-32, 32px));\n  padding-bottom: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  align-items: center;\n  display: flex;\n}\n\n@media (min-width: 48rem) {\n  .IncodeCurpValidationPage.IncodeCurpGeneratePage.IncodePageContainer {\n    align-items: stretch;\n  }\n\n  .IncodeCurpValidationPage.IncodeCurpGeneratePage .IncodePageInner {\n    height: 100%;\n    min-height: var(--spacing-0, var(--spacing-none, 0px));\n  }\n\n  .IncodeCurpValidationPage.IncodeCurpGeneratePage .IncodePageContent {\n    min-height: var(--spacing-0, var(--spacing-none, 0px));\n  }\n}\n\n.IncodeCurpValidationPage .IncodeCurpValidation {\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  display: flex;\n}\n\n.IncodeCurpValidationPage .IncodeCurpInput {\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  gap: var(--spacing-12, var(--spacing-12, 12px));\n  flex-direction: column;\n  flex: 1;\n  display: flex;\n}\n\n.IncodeCurpValidationPage .IncodeCurpInput .IncodeButtonSecondary:focus {\n  text-decoration: none;\n}\n\n.IncodeCurpValidationPage .IncodeCurpInput .IncodeButtonSecondary:active {\n  color: var(--color-button-secondary-text-default, var(--button-secondary-text-default));\n}\n\n.IncodeCurpValidationPage .IncodeGenerateCurpForm {\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  flex-direction: column;\n  display: flex;\n}\n\n@media (min-width: 48rem) {\n  .IncodeCurpValidationPage .IncodeGenerateCurpForm {\n    min-height: var(--spacing-0, var(--spacing-none, 0px));\n  }\n}\n\n.IncodeCurpValidationPage .IncodeGenerateCurpFields {\n  gap: var(--spacing-8, var(--spacing-8, 8px));\n  flex-direction: column;\n  width: 100%;\n  display: flex;\n}\n\n@media (min-width: 48rem) {\n  .IncodeCurpValidationPage .IncodeGenerateCurpFields {\n    min-height: var(--spacing-0, var(--spacing-none, 0px));\n    padding-bottom: var(--spacing-8, var(--spacing-8, 8px));\n    flex: 1;\n    overflow-y: auto;\n  }\n}\n\n.IncodeCurpValidationPage .IncodeGenerateCurpFooter {\n  width: 100%;\n  padding-top: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n@media (min-width: 48rem) {\n  .IncodeCurpValidationPage .IncodeGenerateCurpFooter {\n    flex-shrink: 0;\n  }\n}\n\n.IncodeCurpValidationPage .IncodeCurpConfirm {\n  width: 100%;\n  max-width: var(--incode-curp-confirm-max-w);\n  flex-direction: column;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeCurpValidationPage .IncodeCurpConfirm .IncodeInput {\n  text-align: center;\n  font-family: var(--typography-input-dropdown-family);\n  font-size: var(--typography-input-dropdown-m-size);\n  font-weight: var(--typography-input-dropdown-m-weight);\n  line-height: var(--typography-input-dropdown-m-line-height);\n  letter-spacing: var(--typography-input-dropdown-m-letter-spacing);\n}\n\n.IncodeCurpValidationPage .IncodeCurpSuccess, .IncodeCurpValidationPage .IncodeCurpFailure {\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeCurpValidationPage .IncodeCurpSuccessTitle, .IncodeCurpValidationPage .IncodeCurpFailureTitle {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n  padding: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeCurpValidationPage .IncodeCurpFailureHint {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n";

package/dist/custom-fields/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n.IncodeCustomFieldsForm {\n  margin-top: var(--spacing-32, var(--spacing-32, 32px));\n  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  flex: 1;\n  width: 100%;\n  display: flex;\n  overflow-y: auto;\n}\n\n.IncodeCustomFieldsForm .IncodeCustomFieldsField {\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeCustomFieldsPage .IncodePageHeader {\n  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n}\n";

package/dist/document-capture/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    .IncodeComponent, .IncodeComponent *, .IncodeComponent :before, .IncodeComponent :after, .IncodeComponent ::backdrop {\n      --tw-border-style: solid;\n    }\n  }\n}\n\n.IncodeComponent .IncodeDocumentCaptureFileInput {\n  pointer-events: none;\n  border-style: var(--tw-border-style);\n  padding: var(--spacing-0, var(--spacing-none, 0px));\n  opacity: 0;\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border-width: 0;\n  position: absolute;\n  overflow: hidden;\n  width: 0 !important;\n  height: 0 !important;\n  margin: 0 !important;\n}\n\n.IncodeComponent .IncodeDocumentCaptureFileInput::file-selector-button {\n  display: none;\n}\n\n.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodePageContent {\n  flex-direction: column;\n  flex: 1;\n  display: flex;\n}\n\n.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent {\n  margin-block: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent .IncodeDocumentCaptureTutorialIllustration {\n  width: var(--document-capture-tutorial-illustration-width);\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  margin-inline: auto;\n  display: flex;\n}\n\n.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent .IncodeDocumentCaptureTutorialIllustration .IncodeDocumentCaptureTutorialImage {\n  width: 100%;\n}\n\n.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureError {\n  padding-inline: var(--spacing-16, var(--spacing-16, 16px));\n  text-align: center;\n  font-family: var(--typography-body-family);\n  font-size: var(--typography-body-m-regular-size);\n  font-weight: var(--typography-body-m-regular-weight);\n  line-height: var(--typography-body-m-regular-line-height);\n  letter-spacing: var(--typography-body-m-regular-letter-spacing);\n  color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));\n}\n\n.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureActions {\n  gap: var(--spacing-8, var(--spacing-8, 8px));\n  padding-inline: var(--spacing-8, var(--spacing-8, 8px));\n  padding-block: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  display: flex;\n}\n\n.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureActions .IncodeDocumentCaptureSkipWrapper {\n  padding-top: var(--spacing-8, var(--spacing-8, 8px));\n  justify-content: center;\n  display: flex;\n}\n\n.IncodeDocumentCaptureBottomSheetOptions {\n  width: 100%;\n  padding-top: var(--spacing-8, var(--spacing-8, 8px));\n  padding-bottom: var(--spacing-20, var(--spacing-20, 20px));\n  flex-direction: column;\n  align-items: flex-start;\n  display: flex;\n}\n\n.IncodeDocumentCaptureBottomSheetOptions .IncodeDocumentCaptureBottomSheetOption {\n  align-items: center;\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  border-style: var(--tw-border-style);\n  border-width: var(--border-width-none, var(--primitive-border-width-0));\n  --tw-border-style: none;\n  width: 100%;\n  padding-inline: var(--spacing-12, var(--spacing-12, 12px));\n  padding-block: var(--spacing-16, var(--spacing-16, 16px));\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  background-color: #0000;\n  border-style: none;\n  display: flex;\n}\n\n.IncodeDocumentCaptureBottomSheetOptions .IncodeDocumentCaptureBottomSheetOption svg {\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  flex-shrink: 0;\n}\n\n.IncodeDocumentCaptureCameraPage {\n  width: 100%;\n  height: 100%;\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewPage .IncodePageContent {\n  padding: var(--spacing-0, var(--spacing-none, 0px));\n  flex-direction: column;\n  flex: 1;\n  display: flex;\n  overflow: hidden;\n}\n\n@media (min-width: 48rem) {\n  .IncodeComponent .IncodeDocumentCaptureReviewPage .IncodePageInner {\n    padding: var(--spacing-24, var(--spacing-24, 24px));\n  }\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewLayout {\n  flex-direction: column;\n  flex: 1;\n  display: flex;\n  overflow: hidden;\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader {\n  height: var(--document-capture-review-header-height);\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader .IncodeDocumentCaptureReviewTitle {\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h2-size);\n  font-weight: var(--typography-headline-h2-weight);\n  line-height: var(--typography-headline-h2-line-height);\n  letter-spacing: var(--typography-headline-h2-letter-spacing);\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader .IncodeDocumentCaptureReviewSubtitle {\n  max-width: var(--incode-form-max-w);\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview {\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  flex-direction: column;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  overflow: hidden;\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview.IncodeDocumentCaptureReviewPreviewPdf {\n  padding-inline: var(--spacing-48, var(--spacing-48, 48px));\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImageContainer {\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  border-radius: var(--radius-medium, var(--border-radius-medium));\n  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));\n  flex: 1;\n  display: flex;\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImage {\n  border-radius: var(--radius-medium, var(--border-radius-medium));\n  object-fit: cover;\n  border-style: var(--tw-border-style);\n  border-width: 4px;\n  border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n  width: 100%;\n  max-height: 100%;\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImage.IncodeDocumentCaptureSuccessBorder {\n  border-color: var(--color-border-status-positive, var(--border-status-positive-static));\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeCaptureEncryptionLabel {\n  justify-content: center;\n  align-items: center;\n  gap: var(--spacing-4, var(--spacing-4, 4px));\n  display: flex;\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter {\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  justify-content: center;\n  align-self: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter.IncodeDocumentCaptureReviewFooterEmpty {\n  visibility: hidden;\n  height: var(--document-capture-review-empty-footer-height);\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter .IncodeDocumentCaptureActionRow {\n  gap: var(--spacing-12, var(--spacing-12, 12px));\n  width: 100%;\n  padding: var(--spacing-4, var(--spacing-4, 4px));\n  display: flex;\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter .IncodeDocumentCaptureActionRow .IncodeButton {\n  flex: 1;\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewCentered {\n  flex-direction: column;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeComponent .IncodeDocumentCapturePdfCard {\n  justify-content: center;\n  align-items: center;\n  gap: var(--spacing-24, var(--spacing-24, 24px));\n  border-radius: var(--radius-large, var(--border-radius-large));\n  border-style: var(--tw-border-style);\n  border-width: 1px;\n  border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));\n  width: 100%;\n  padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n  padding-block: var(--spacing-32, var(--spacing-32, 32px));\n  flex-direction: column;\n  display: flex;\n  overflow: hidden;\n}\n\n.IncodeComponent .IncodeDocumentCapturePdfCard .IncodeImageDocumentCapturePdfPreviewContainer {\n  height: var(--document-capture-pdf-preview-height);\n  width: var(--spacing-120, var(--spacing-120, 120px));\n  border-radius: var(--radius-small, var(--border-radius-small));\n  border-style: var(--tw-border-style);\n  border-width: 2px;\n  border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));\n  overflow: hidden;\n}\n\n.IncodeComponent .IncodeDocumentCapturePdfCard .IncodeImageDocumentCapturePdfPreviewContainer .IncodeImageDocumentCapturePdfPreview {\n  width: 100%;\n  height: 100%;\n}\n\n.IncodeComponent .IncodeDocumentCapturePdfCard .IncodeDocumentCapturePdfFileName {\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  overflow-wrap: break-word;\n}\n\n.IncodeDocumentCommonIssuesFullScreen .IncodeModalDialog {\n  max-width: none;\n  height: 100%;\n  max-height: none;\n}\n\n.IncodeDocumentCommonIssuesFullScreen .IncodeModalContent {\n  border-radius: var(--radius-none, var(--border-radius-none));\n  max-width: none;\n  height: 100%;\n  margin: auto;\n}\n\n.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesTitle {\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h2-size);\n  font-weight: var(--typography-headline-h2-weight);\n  line-height: var(--typography-headline-h2-line-height);\n  letter-spacing: var(--typography-headline-h2-letter-spacing);\n}\n\n.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCards {\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  gap: var(--spacing-32, var(--spacing-32, 32px));\n  padding-block: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  display: flex;\n}\n\n.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCard {\n  align-items: flex-start;\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  display: flex;\n}\n\n.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCardIcon {\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  flex-shrink: 0;\n}\n\n.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCardText {\n  gap: var(--spacing-4, var(--spacing-4, 4px));\n  flex-direction: column;\n  display: flex;\n}\n\n.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCardTitle {\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n}\n\n.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCardBody {\n  font-family: var(--typography-body-family);\n  font-size: var(--typography-body-m-regular-size);\n  font-weight: var(--typography-body-m-regular-weight);\n  line-height: var(--typography-body-m-regular-line-height);\n  letter-spacing: var(--typography-body-m-regular-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesButtons {\n  margin-top: auto;\n}\n\n.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesTryAgain {\n  width: 100%;\n}\n\n.IncodeDocumentCaptureLoadingPage .IncodePageContent {\n  flex: 1;\n  display: flex;\n}\n\n.IncodeDocumentCaptureLoadingPage .IncodeDocumentCaptureCentered {\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n";

package/dist/dynamic-forms/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n.IncodeDynamicFormsPage {\n  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;\n  animation-fill-mode: both;\n}\n\n.IncodeDynamicFormsPage .IncodePageTitleContainer {\n  margin-top: var(--spacing-24, var(--spacing-24, 24px));\n}\n\n@media (min-width: 48rem) {\n  .IncodeDynamicFormsPage.IncodePageContainer {\n    align-items: stretch;\n  }\n\n  .IncodeDynamicFormsPage .IncodePageInner {\n    height: 100%;\n    min-height: var(--spacing-0, var(--spacing-none, 0px));\n  }\n}\n\n.IncodeDynamicFormsPage .IncodePageContent {\n  padding-bottom: var(--spacing-16, var(--spacing-16, 16px));\n  align-items: center;\n}\n\n@media (min-width: 48rem) {\n  .IncodeDynamicFormsPage .IncodePageContent {\n    min-height: var(--spacing-0, var(--spacing-none, 0px));\n  }\n}\n\n.IncodeDynamicFormsPage .IncodeDynamicFormsProgress {\n  margin-bottom: var(--spacing-4, var(--spacing-4, 4px));\n  text-align: center;\n  font-size: var(--text-sm, .875rem);\n  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));\n  color: var(--text-secondary);\n}\n\n.IncodeDynamicFormsPage .IncodeDynamicFormsFields {\n  margin-top: var(--spacing-32, var(--spacing-32, 32px));\n  flex-direction: column;\n  width: 100%;\n  display: flex;\n}\n\n@media (min-width: 48rem) {\n  .IncodeDynamicFormsPage .IncodeDynamicFormsFields {\n    min-height: var(--spacing-0, var(--spacing-none, 0px));\n    padding-bottom: var(--spacing-8, var(--spacing-8, 8px));\n    flex: 1;\n    overflow-y: auto;\n  }\n}\n\n.IncodeDynamicFormsPage .IncodeDynamicFormsFields {\n  max-width: var(--incode-form-max-w);\n}\n\n.IncodeDynamicFormsPage .IncodeDynamicFormsField {\n  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeDynamicFormsPage .IncodeDynamicFormsField--prefilled .IncodeInputComposedLabel, .IncodeDynamicFormsPage .IncodeDynamicFormsField--prefilled .IncodeDropdownComposedLabel {\n  justify-content: space-between;\n  align-items: baseline;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeDynamicFormsPage .IncodeDynamicFormsField--prefilled .IncodeInputComposedLabelHint, .IncodeDynamicFormsPage .IncodeDynamicFormsField--prefilled .IncodeDropdownComposedLabelHint {\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeDynamicFormsPage .IncodeDynamicFormsFooter {\n  width: 100%;\n  padding-top: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n@media (min-width: 48rem) {\n  .IncodeDynamicFormsPage .IncodeDynamicFormsFooter {\n    flex-shrink: 0;\n  }\n}\n\n.IncodeDynamicFormsPage .IncodeDynamicFormsFooter {\n  max-width: var(--incode-form-max-w);\n}\n\n.IncodeDynamicFormsPage .IncodeSrOnly {\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border-width: 0;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  position: absolute;\n  overflow: hidden;\n}\n";

package/dist/ekyb/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n.IncodeEkybPage {\n  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;\n  margin-inline: auto;\n  animation-fill-mode: both;\n}\n\n.IncodeEkybPage .IncodeEkybSpinner {\n  flex: 1;\n}\n\n.IncodeEkybPage .IncodeEkybForm {\n  margin-top: var(--spacing-32, var(--spacing-32, 32px));\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  width: 100%;\n  display: flex;\n}\n\n@media (min-width: 48rem) {\n  .IncodeEkybPage .IncodeEkybForm {\n    min-height: var(--spacing-0, var(--spacing-none, 0px));\n    padding-bottom: var(--spacing-8, var(--spacing-8, 8px));\n    overflow-y: auto;\n  }\n}\n\n.IncodeEkybPage .IncodeEkybForm .IncodeInputComposed, .IncodeEkybPage .IncodeEkybForm .IncodeDropdownComposed, .IncodeEkybPage .IncodeEkybForm .IncodeCountrySelector, .IncodeEkybPage .IncodeEkybForm .IncodeFormField {\n  margin-inline: auto;\n}\n\n.IncodeEkybPage .IncodeEkybForm .IncodeFormField {\n  margin-bottom: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeEkybPage .IncodeEkybForm .IncodeAddressAutocomplete {\n  margin-inline: auto;\n}\n\n.IncodeEkybPage .IncodeEkybCountrySelector {\n  width: 100%;\n}\n\n.IncodeEkybPage .IncodeEkybUbos, .IncodeEkybPage .IncodeEkybUboEntry {\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  display: flex;\n}\n\n.IncodeEkybPage .IncodeEkybRemoveUbo {\n  font-family: var(--typography-body-family);\n  font-size: var(--typography-body-s-regular-size);\n  font-weight: var(--typography-body-s-regular-weight);\n  line-height: var(--typography-body-s-regular-line-height);\n  letter-spacing: var(--typography-body-s-regular-letter-spacing);\n  color: var(--color-text-status-negative, var(--text-status-negative));\n  text-decoration-line: none;\n}\n\n.IncodeEkybPage .IncodeEkybAddUbo {\n  text-align: center;\n  font-family: var(--typography-button-family);\n  font-size: var(--typography-button-m-underlined-size);\n  font-weight: var(--typography-button-m-underlined-weight);\n  line-height: var(--typography-button-m-underlined-line-height);\n  letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n  -webkit-text-decoration-skip-ink: none;\n  text-decoration-skip-ink: none;\n  color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));\n  text-decoration-line: underline;\n  text-decoration-style: solid;\n  text-decoration-thickness: auto;\n}\n\n.IncodeEkybPage .IncodeEkybAddUbo:hover {\n  opacity: .8;\n}\n\n.IncodeEkybPage .IncodeEkybSectionHeader {\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h3-size);\n  font-weight: var(--typography-headline-h3-weight);\n  line-height: var(--typography-headline-h3-line-height);\n  letter-spacing: var(--typography-headline-h3-letter-spacing);\n  color: var(--color-input-text-label-default, var(--input-text-label-default));\n  margin-inline: auto;\n  margin-top: var(--spacing-16, var(--spacing-16, 16px));\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  padding-block: var(--spacing-12, var(--spacing-12, 12px));\n}\n\n.IncodeEkybPage .IncodeEkybFooter {\n  margin-top: var(--spacing-24, var(--spacing-24, 24px));\n}\n\n@media (min-width: 48rem) {\n  .IncodeEkybPage .IncodeEkybFooter {\n    flex-shrink: 0;\n  }\n\n  .IncodeEkybPage.IncodePageContainer {\n    margin-top: var(--spacing-0, var(--spacing-none, 0px));\n    max-height: none;\n  }\n\n  .IncodeEkybPage.IncodeEkybPageScrollable {\n    max-width: var(--ekyb-scrollable-page);\n  }\n\n  .IncodeEkybPage .IncodePageContent {\n    min-height: var(--spacing-0, var(--spacing-none, 0px));\n  }\n}\n";

package/dist/ekyc/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n.IncodeEkycPage {\n  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;\n  margin-inline: auto;\n  animation-fill-mode: both;\n}\n\n@media (min-width: 48rem) {\n  .IncodeEkycPage .IncodePageInner {\n    height: 100%;\n    padding-inline: var(--spacing-0, var(--spacing-none, 0px));\n    padding-block: var(--spacing-0, var(--spacing-none, 0px));\n  }\n}\n\n.IncodeEkycPage .IncodeEkycSpinner {\n  flex: 1;\n}\n\n.IncodeEkycPage .IncodeEkycForm {\n  margin-top: var(--spacing-32, var(--spacing-32, 32px));\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  display: flex;\n}\n\n@media (min-width: 48rem) {\n  .IncodeEkycPage .IncodeEkycForm {\n    min-height: var(--spacing-0, var(--spacing-none, 0px));\n    padding-bottom: var(--spacing-8, var(--spacing-8, 8px));\n    overflow-y: auto;\n  }\n}\n\n.IncodeEkycPage .IncodeEkycForm .IncodeInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDropdownComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDateInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodePhoneInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeAddressAutocomplete {\n  margin-inline: auto;\n}\n\n.IncodeEkycPage .IncodeEkycForm .IncodeFormField {\n  margin-bottom: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeEkycPage .IncodeEkycSectionHeader {\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h3-size);\n  font-weight: var(--typography-headline-h3-weight);\n  line-height: var(--typography-headline-h3-line-height);\n  letter-spacing: var(--typography-headline-h3-letter-spacing);\n  color: var(--color-input-text-label-default, var(--input-text-label-default));\n  margin-inline: auto;\n  margin-top: var(--spacing-16, var(--spacing-16, 16px));\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  padding-block: var(--spacing-12, var(--spacing-12, 12px));\n}\n\n.IncodeEkycPage .IncodeEkycRadioGroup {\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  margin-inline: auto;\n}\n\n.IncodeEkycPage .IncodeEkycFooter {\n  margin-top: var(--spacing-24, var(--spacing-24, 24px));\n  align-items: center;\n  gap: var(--spacing-12, var(--spacing-12, 12px));\n  flex-direction: column;\n  display: flex;\n}\n\n@media (min-width: 48rem) {\n  .IncodeEkycPage .IncodeEkycFooter {\n    flex-shrink: 0;\n  }\n}\n\n.IncodeEkycPage .IncodeEkycFooter .IncodeEkycSubmitError {\n  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));\n  margin-top: 0;\n}\n\n.IncodeEkycPage .IncodeEkycFooter button {\n  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n@media (min-width: 48rem) {\n  .IncodeEkycPage.IncodePageContainer {\n    margin-top: var(--spacing-0, var(--spacing-none, 0px));\n    height: 100%;\n    max-height: none;\n  }\n\n  .IncodeEkycPage.IncodeEkycPageScrollable {\n    max-width: var(--ekyb-scrollable-page);\n  }\n\n  .IncodeEkycPage .IncodePageContent {\n    min-height: var(--spacing-0, var(--spacing-none, 0px));\n  }\n}\n";

package/dist/electronic-signature/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    .IncodeComponent, .IncodeComponent *, .IncodeComponent :before, .IncodeComponent :after, .IncodeComponent ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-border-style: solid;\n    }\n  }\n}\n\n.IncodeElectronicSignature .IncodeSrOnly {\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border-width: 0;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  position: absolute;\n  overflow: hidden;\n}\n\n.IncodeElectronicSignature .IncodePageContent {\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  padding-top: var(--spacing-32, var(--spacing-32, 32px));\n  justify-content: space-between;\n}\n\n.IncodeElectronicSignature .IncodePageContent:has(.IncodeElectronicSignatureUploadBody), .IncodeElectronicSignature .IncodePageContent:has(.IncodeElectronicSignatureDocViewHeader), .IncodeElectronicSignature .IncodePageContent:has(.IncodeElectronicSignatureApplicationFormHeader) {\n  padding-top: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeElectronicSignature .IncodePageTitleContainer {\n  max-width: var(--electronic-signature-title-max-w);\n}\n\n.IncodeElectronicSignature .IncodePageFooter {\n  padding-top: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureUploadBody {\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  flex-direction: column;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  container-type: size;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureIllustration {\n  aspect-ratio: 1;\n  width: var(--electronic-signature-illustration-max-w);\n  border-radius: var(--radius-full, var(--border-radius-full));\n  background-color: var(--color-surface-brand-50, var(--surface-brand-50));\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  overflow: visible;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureIllustration svg {\n  height: auto;\n  width: var(--electronic-signature-illustration-svg-w);\n  --tw-translate-y: calc(var(--electronic-signature-illustration-svg-shift) * -1);\n  translate: var(--tw-translate-x) var(--tw-translate-y);\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureFileInput {\n  opacity: 0;\n  width: 1px;\n  height: 1px;\n  position: absolute;\n  overflow: hidden;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureReviewBody {\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  justify-content: center;\n  align-items: center;\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  padding-inline: var(--spacing-48, var(--spacing-48, 48px));\n  flex-direction: column;\n  flex: 1;\n  margin-inline: auto;\n  display: flex;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureReviewCard {\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  align-items: center;\n  gap: var(--spacing-24, var(--spacing-24, 24px));\n  border-radius: var(--radius-large, var(--border-radius-large));\n  border-style: var(--tw-border-style);\n  border-width: 1px;\n  border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));\n  width: 100%;\n  padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n  padding-block: var(--spacing-20, var(--spacing-20, 20px));\n  flex-direction: column;\n  display: flex;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureDocPreview {\n  pointer-events: none;\n  aspect-ratio: 113 / 150;\n  max-height: var(--electronic-signature-doc-preview-max-h);\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  border-radius: var(--electronic-signature-doc-preview-radius);\n  border-style: var(--tw-border-style);\n  border-width: 1px;\n  border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n  flex: 1;\n  position: relative;\n  overflow: hidden;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureDocPreviewObject {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureDocName {\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  flex-shrink: 0;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureEncrypted {\n  justify-content: center;\n  align-items: center;\n  gap: var(--spacing-4, var(--spacing-4, 4px));\n  padding-block: var(--spacing-8, var(--spacing-8, 8px));\n  font-family: var(--typography-body-family);\n  font-size: var(--typography-body-m-regular-size);\n  font-weight: var(--typography-body-m-regular-weight);\n  line-height: var(--typography-body-m-regular-line-height);\n  letter-spacing: var(--typography-body-m-regular-letter-spacing);\n  white-space: nowrap;\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  display: flex;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureEncryptedIcon {\n  width: var(--spacing-16, var(--spacing-16, 16px));\n  height: var(--spacing-16, var(--spacing-16, 16px));\n  color: var(--color-icon-neutral-500, var(--icon-neutral-500));\n  flex-shrink: 0;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureSigningTop {\n  align-items: center;\n  gap: var(--spacing-12, var(--spacing-12, 12px));\n  flex-direction: column;\n  flex-shrink: 0;\n  display: flex;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureSigningBottom {\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  justify-content: flex-end;\n  align-items: center;\n  gap: var(--spacing-12, var(--spacing-12, 12px));\n  padding-top: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  flex: 1;\n  display: flex;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureDocContainer {\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  border-radius: var(--radius-medium, var(--border-radius-medium));\n  border-style: var(--tw-border-style);\n  border-width: 1px;\n  border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));\n  padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n  padding-block: var(--spacing-8, var(--spacing-8, 8px));\n  flex-direction: column;\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  overflow: clip;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureDocRow {\n  height: var(--electronic-signature-doc-row-h);\n  flex-shrink: 0;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureDocRowName {\n  font-family: var(--typography-button-family);\n  font-size: var(--typography-button-m-size);\n  font-weight: var(--typography-button-m-weight);\n  line-height: var(--typography-button-m-line-height);\n  letter-spacing: var(--typography-button-m-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureDocRowAction {\n  width: auto;\n  max-width: none;\n  height: auto;\n  padding: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureApplicationFormButton {\n  color: var(--color-text-link-default, var(--text-link-default));\n  align-self: center;\n  text-decoration-line: underline;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureConsents {\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  gap: var(--spacing-4, var(--spacing-4, 4px));\n  flex-direction: column;\n  display: flex;\n  overflow: auto;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureConsents .IncodeCheckbox {\n  border-radius: var(--radius-medium, var(--border-radius-medium));\n  background-color: var(--color-surface-brand-50, var(--surface-brand-50));\n  width: 100%;\n  padding-inline: var(--spacing-16, var(--spacing-16, 16px));\n  padding-block: var(--spacing-20, var(--spacing-20, 20px));\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureConsents .IncodeCheckboxText {\n  font-family: var(--typography-checkbox-radio-family);\n  font-size: var(--typography-checkbox-radio-s-size);\n  font-weight: var(--typography-checkbox-radio-s-weight);\n  line-height: var(--typography-checkbox-radio-s-line-height);\n  letter-spacing: var(--typography-checkbox-radio-s-letter-spacing);\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureConsents a {\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  text-decoration-line: underline;\n}\n\n.IncodeElectronicSignature.IncodeElectronicSignatureSuccess .IncodePageContent {\n  padding-top: var(--spacing-0, var(--spacing-none, 0px));\n  justify-content: center;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureSuccessCenter {\n  justify-content: center;\n  align-items: center;\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  flex: 1;\n  display: flex;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureSuccessTitle {\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h3-size);\n  font-weight: var(--typography-headline-h3-weight);\n  line-height: var(--typography-headline-h3-line-height);\n  letter-spacing: var(--typography-headline-h3-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureDownloadLink {\n  text-align: center;\n  font-family: var(--typography-button-family);\n  font-size: var(--typography-button-m-size);\n  font-weight: var(--typography-button-m-weight);\n  line-height: var(--typography-button-m-line-height);\n  letter-spacing: var(--typography-button-m-letter-spacing);\n  color: var(--color-text-link-default, var(--text-link-default));\n  text-decoration-line: underline;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureFooter {\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  justify-content: center;\n  align-items: center;\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  flex-shrink: 0;\n  align-self: center;\n  display: flex;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureDocViewHeader {\n  z-index: 10;\n  height: var(--page-header-height);\n  margin-top: var(--electronic-signature-doc-view-header-offset);\n  align-self: flex-start;\n  align-items: center;\n  display: flex;\n  position: relative;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureBackButton {\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureDocViewer {\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  border-style: var(--tw-border-style);\n  border-width: var(--border-width-none, var(--primitive-border-width-0));\n  --tw-border-style: none;\n  border-style: none;\n  flex: 1;\n  width: 100%;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureApplicationFormHeader {\n  min-height: var(--page-header-height);\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  align-items: center;\n  gap: var(--spacing-12, var(--spacing-12, 12px));\n  padding-block: var(--spacing-8, var(--spacing-8, 8px));\n  flex-shrink: 0;\n  margin-inline: auto;\n  display: flex;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureApplicationFormTitle {\n  min-width: var(--spacing-0, var(--spacing-none, 0px));\n  text-align: left;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h3-size);\n  font-weight: var(--typography-headline-h3-weight);\n  line-height: var(--typography-headline-h3-line-height);\n  letter-spacing: var(--typography-headline-h3-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  --tw-outline-style: none;\n  outline-style: none;\n  flex: 1;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureApplicationFormScroll {\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  border-radius: var(--radius-x-small, var(--border-radius-x-small));\n  padding-block: var(--spacing-16, var(--spacing-16, 16px));\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  flex: 1;\n  margin-inline: auto;\n  overflow-y: auto;\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureApplicationFormScroll:focus-visible {\n  outline: var(--focus-outline-width) solid var(--border-status-focus);\n  outline-offset: var(--focus-outline-offset);\n}\n\n.IncodeElectronicSignature .IncodeElectronicSignatureApplicationFormText {\n  font-family: var(--typography-body-family);\n  font-size: var(--typography-body-m-regular-size);\n  font-weight: var(--typography-body-m-regular-weight);\n  line-height: var(--typography-body-m-regular-line-height);\n  letter-spacing: var(--typography-body-m-regular-letter-spacing);\n  overflow-wrap: break-word;\n  white-space: pre-wrap;\n}\n\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n";

package/dist/email/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n.IncodeEmailInput, .IncodeEmailInputContainer {\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeEmailPage .IncodePageContent {\n  padding-top: var(--spacing-32, var(--spacing-32, 32px));\n  padding-bottom: var(--spacing-16, var(--spacing-16, 16px));\n}\n";

package/dist/face-match/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    .IncodeComponent, .IncodeComponent *, .IncodeComponent :before, .IncodeComponent :after, .IncodeComponent ::backdrop {\n      --tw-border-style: solid;\n      --tw-font-weight: initial;\n    }\n  }\n}\n\n@layer incode-theme, incode-utilities, incode-base, incode-components;\n\n@keyframes slideUp {\n  from {\n    transform: translateY(100%);\n  }\n\n  to {\n    transform: translateY(0);\n  }\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(8px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes incodeToastFadeInOut {\n  0% {\n    opacity: 0;\n    transform: translate(-50%, -20px);\n  }\n\n  15% {\n    opacity: 1;\n    transform: translate(-50%);\n  }\n\n  85% {\n    opacity: 1;\n    transform: translate(-50%);\n  }\n\n  100% {\n    opacity: 0;\n    transform: translate(-50%, -20px);\n  }\n}\n\n.IncodeFaceMatchPage {\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  display: flex;\n}\n\n.IncodeFaceMatchPage .IncodeFaceMatchContent {\n  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  flex: 1;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  position: relative;\n}\n\n.IncodeFaceMatchAnimationContainer {\n  width: 100%;\n  min-height: var(--face-match-animation-container-min-h);\n  flex: 1;\n  display: flex;\n  position: relative;\n  overflow: clip;\n}\n\n.IncodeFaceMatchContainer {\n  width: 100%;\n  height: 100%;\n  min-height: var(--face-match-container-min-h);\n  flex: 1;\n  position: relative;\n}\n\n.IncodeFaceMatchResultContainer {\n  top: var(--spacing-0, var(--spacing-none, 0px));\n  right: var(--spacing-0, var(--spacing-none, 0px));\n  bottom: var(--spacing-0, var(--spacing-none, 0px));\n  left: var(--spacing-0, var(--spacing-none, 0px));\n  justify-content: center;\n  align-items: center;\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  display: flex;\n  position: absolute;\n}\n\n.IncodeFaceMatchHeader {\n  flex-direction: column;\n  align-items: center;\n  transition: opacity .3s ease-out;\n  display: flex;\n}\n\n.IncodeFaceMatchHeaderHidden {\n  opacity: 0;\n  height: 0;\n  overflow: hidden;\n}\n\n.IncodeFaceMatchPhotoWrapper {\n  inset: var(--spacing-0, var(--spacing-none, 0px));\n  transition: opacity .3s ease-out;\n  position: absolute;\n}\n\n.IncodeFaceMatchPhotoWrapperHidden {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.IncodeFaceMatchResultVisible {\n  flex-direction: column;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  animation: .4s ease-out forwards resultFadeIn;\n  display: flex;\n  position: static;\n}\n\n.IncodeFaceMatchResultVisible .IncodeFaceMatchAnimatedIcon, .IncodeFaceMatchResultVisible .IncodeFaceMatchAnimatedResultTitle {\n  opacity: 1;\n  animation: none;\n}\n\n.IncodeFaceMatchResultIcon {\n  height: var(--spacing-40, var(--spacing-40, 40px));\n  width: var(--spacing-40, var(--spacing-40, 40px));\n}\n\n@keyframes resultFadeIn {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n.IncodeFaceMatchResultContent {\n  justify-content: center;\n  align-items: center;\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeFaceMatchShowResult {\n  flex: 1;\n  min-height: auto;\n}\n\n.IncodeFaceMatchLivenessContainer {\n  margin-bottom: var(--spacing-32, var(--spacing-32, 32px));\n  opacity: 0;\n  pointer-events: none;\n  justify-content: center;\n  width: 100%;\n  transition: opacity .4s ease-out, transform .4s ease-out;\n  display: flex;\n  transform: translateY(8px);\n}\n\n.IncodeFaceMatchLivenessVisible {\n  opacity: 1;\n  pointer-events: auto;\n  animation: .4s ease-out fadeIn;\n  transform: translateY(0);\n}\n\n.IncodeFaceMatchButtonContainer {\n  opacity: 0;\n  pointer-events: none;\n  width: 100%;\n  transition: opacity .4s ease-out, transform .4s ease-out;\n  transform: translateY(8px);\n}\n\n.IncodeFaceMatchButtonVisible {\n  opacity: 1;\n  pointer-events: auto;\n  animation: .4s ease-out fadeIn;\n  transform: translateY(0);\n}\n\n.IncodeFaceMatchTooltip {\n  padding-inline: var(--spacing-20, var(--spacing-20, 20px));\n  border-radius: var(--radius-medium, var(--border-radius-medium));\n  border-style: var(--tw-border-style);\n  border-width: 1px;\n  border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));\n  text-align: center;\n  font-family: var(--typography-tooltip-family);\n  font-size: var(--typography-tooltip-m-size);\n  font-weight: var(--typography-tooltip-m-weight);\n  line-height: var(--typography-tooltip-m-line-height);\n  letter-spacing: var(--typography-tooltip-m-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  height: var(--face-match-tooltip-height);\n  line-height: var(--face-match-tooltip-height);\n  display: inline-block;\n  position: relative;\n}\n\n.IncodeFaceMatchTooltip:after {\n  content: \"\";\n  border-left: var(--face-match-tooltip-arrow-size) solid transparent;\n  border-right: var(--face-match-tooltip-arrow-size) solid transparent;\n  border-top: var(--face-match-tooltip-arrow-size) solid var(--surface-neutral-50);\n  width: 0;\n  height: 0;\n  position: absolute;\n  bottom: -9px;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.IncodeFaceMatchTooltip:before {\n  content: \"\";\n  border-left: var(--face-match-tooltip-arrow-size) solid transparent;\n  border-right: var(--face-match-tooltip-arrow-size) solid transparent;\n  border-top: var(--face-match-tooltip-arrow-size) solid var(--border-neutral-100);\n  width: 0;\n  height: 0;\n  position: absolute;\n  bottom: -10px;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.IncodeFaceMatchAnimatedTitle {\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h2-size);\n  font-weight: var(--typography-headline-h2-weight);\n  line-height: var(--typography-headline-h2-line-height);\n  letter-spacing: var(--typography-headline-h2-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeFaceMatchContainer {\n  --animation-duration: .8s;\n  --transition-delay: .2s;\n  --transition-duration: .25s;\n  --entrance-duration: .8s;\n  --entrance-delay: .45s;\n  --tooltip-duration: 1.6s;\n  --tooltip-show-delay: 1.25s;\n  --animation-delay: 2.85s;\n}\n\n@keyframes leftEntrance {\n  from {\n    opacity: 0;\n    transform: translateX(-200px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes rightEntrance {\n  from {\n    opacity: 0;\n    transform: translateX(200px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes bottomEntrance {\n  from {\n    opacity: 0;\n    transform: translate(-50%, 200px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate(-50%);\n  }\n}\n\n@keyframes leftIn {\n  from {\n    opacity: 1;\n    left: 0;\n    transform: translateX(0);\n  }\n\n  to {\n    opacity: 0;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n}\n\n@keyframes rightIn {\n  from {\n    opacity: 1;\n    right: 0;\n    transform: translateX(0);\n  }\n\n  to {\n    opacity: 0;\n    right: 50%;\n    transform: translateX(50%);\n  }\n}\n\n@keyframes bottomUp {\n  from {\n    opacity: 1;\n    transform: translate(-50%);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate(-50%, -225px);\n  }\n}\n\n@keyframes tooltipShowHide {\n  0% {\n    opacity: 0;\n  }\n\n  50% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0;\n  }\n}\n\n@keyframes fadeInTitle {\n  from {\n    opacity: 0;\n    visibility: hidden;\n  }\n\n  to {\n    opacity: 1;\n    visibility: visible;\n  }\n}\n\n@keyframes fadeOutTitle {\n  from {\n    opacity: 1;\n    visibility: visible;\n  }\n\n  to {\n    opacity: 0;\n    visibility: hidden;\n  }\n}\n\n@keyframes simpleFadeInTitle {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes fadeInIcon {\n  from {\n    opacity: 0;\n    visibility: hidden;\n  }\n\n  to {\n    opacity: 1;\n    visibility: visible;\n  }\n}\n\n@keyframes slideUpButton {\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.IncodeFaceMatchPhotoContainer {\n  align-items: center;\n  gap: var(--face-match-photo-gap);\n  flex-direction: column;\n  display: flex;\n  position: absolute;\n  top: 0;\n}\n\n.IncodeFaceMatchPhotoContainerHidden {\n  visibility: hidden;\n}\n\n.IncodeFaceMatchPhotoContainer > .IncodeFaceMatchTooltip {\n  opacity: 0;\n  animation: tooltipShowHide var(--tooltip-duration, 1.6s) linear forwards;\n  animation-delay: var(--tooltip-show-delay, 1.25s);\n}\n\n.IncodeFaceMatchLeftPhoto {\n  z-index: 2;\n  opacity: 0;\n  will-change: transform, opacity;\n  animation: leftEntrance var(--entrance-duration, .8s) cubic-bezier(.25, .46, .45, .94) forwards, leftIn var(--animation-duration, .8s) cubic-bezier(.25, .46, .45, .94) forwards;\n  animation-delay: var(--entrance-delay, .45s), var(--animation-delay, 2.85s);\n  left: 0;\n  transform: translateX(-200px) translateZ(0);\n}\n\n.IncodeFaceMatchRightPhoto {\n  z-index: 1;\n  opacity: 0;\n  will-change: transform, opacity;\n  animation: rightEntrance var(--entrance-duration, .8s) cubic-bezier(.25, .46, .45, .94) forwards, rightIn var(--animation-duration, .8s) cubic-bezier(.25, .46, .45, .94) forwards;\n  animation-delay: var(--entrance-delay, .45s), var(--animation-delay, 2.85s);\n  right: 0;\n  transform: translateX(200px) translateZ(0);\n}\n\n.IncodeFaceMatchBottomPhotoContainer {\n  align-items: center;\n  gap: var(--face-match-photo-gap);\n  opacity: 0;\n  z-index: 3;\n  will-change: transform, opacity;\n  animation: bottomEntrance var(--entrance-duration, .8s) cubic-bezier(.25, .46, .45, .94) forwards, bottomUp var(--animation-duration, .8s) cubic-bezier(.25, .46, .45, .94) forwards;\n  animation-delay: var(--entrance-delay, .45s), var(--animation-delay, 2.85s);\n  flex-direction: column;\n  display: flex;\n  position: absolute;\n  top: 225px;\n  left: 50%;\n  transform: translate(-50%, 200px) translateZ(0);\n}\n\n.IncodeFaceMatchBottomPhotoContainerHidden {\n  visibility: hidden;\n}\n\n.IncodeFaceMatchBottomPhotoContainer > .IncodeFaceMatchTooltip {\n  opacity: 0;\n  animation: tooltipShowHide var(--tooltip-duration, 1.6s) linear forwards;\n  animation-delay: var(--tooltip-show-delay, 1.25s);\n}\n\n.IncodeFaceMatchCircularImage {\n  border-radius: var(--radius-full, var(--border-radius-full));\n  object-fit: cover;\n  width: var(--face-match-photo-size);\n  height: var(--face-match-photo-size);\n  background-color: var(--face-match-photo-placeholder-bg);\n}\n\n.IncodeFaceMatchAnimatedTitle {\n  animation: simpleFadeInTitle var(--transition-duration, .25s) ease-out forwards, fadeOutTitle var(--transition-duration, .25s) linear forwards;\n  animation-delay: 0s, calc(var(--animation-delay, 2.85s) + var(--animation-duration, .8s) + var(--transition-delay, .2s));\n  opacity: 0;\n}\n\n.IncodeFaceMatchAnimatedResultTitle {\n  text-align: center;\n  font-size: var(--text-2xl, 1.5rem);\n  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));\n  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n  line-height: var(--face-match-title-line-height);\n  color: var(--text-body-800-primary);\n  animation: fadeInTitle var(--transition-duration, .25s) linear forwards;\n  animation-delay: calc(var(--animation-delay, 2.85s) + var(--animation-duration, .8s) + var(--transition-delay, .2s));\n  opacity: 0;\n}\n\n.IncodeFaceMatchAnimatedIcon {\n  animation: fadeInIcon var(--transition-duration, .25s) linear forwards;\n  animation-delay: calc(var(--animation-delay, 2.85s) + var(--animation-duration, .8s) + var(--transition-delay, .2s));\n  opacity: 0;\n}\n\n.IncodeFaceMatchAnimatedButton {\n  animation: slideUpButton var(--transition-duration, .25s) cubic-bezier(.25, .46, .45, .94) forwards;\n  animation-delay: calc(var(--animation-delay, 2.85s) + var(--animation-duration, .8s) + var(--transition-delay, .2s));\n  opacity: 0;\n}\n\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false\n}\n";

package/dist/field-comparison/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n.IncodeFieldComparisonPage {\n  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;\n  animation-fill-mode: both;\n}\n\n.IncodeFieldComparisonPage .IncodeSrOnly {\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border-width: 0;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  position: absolute;\n  overflow: hidden;\n}\n\n.IncodeFieldComparisonPage .IncodeFieldComparisonForm {\n  margin-top: var(--spacing-32, var(--spacing-32, 32px));\n  justify-content: center;\n  align-items: center;\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  flex: 1;\n  width: 100%;\n  display: flex;\n}\n";

package/dist/fiscal-qr/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n.IncodeFiscalQrPage {\n  width: 100%;\n  height: 100%;\n  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;\n  animation-fill-mode: both;\n}\n\n.IncodeFiscalQrPage .IncodeSrOnly {\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border-width: 0;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  position: absolute;\n  overflow: hidden;\n}\n\n.IncodeFiscalQrPage .IncodeFiscalQrTutorialContent {\n  margin-top: var(--spacing-32, var(--spacing-32, 32px));\n  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n@media (min-width: 48rem) {\n  .IncodeFiscalQrPage.IncodeFiscalQrCapturePage {\n    background-color: var(--capture-page-backdrop-color);\n  }\n}\n\n.IncodeFiscalQrPage.IncodeFiscalQrCapturePage .IncodePageInner {\n  padding: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeFiscalQrPage.IncodeFiscalQrCapturePage .IncodeFiscalQrOverlay {\n  padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n  padding-block: var(--spacing-16, var(--spacing-16, 16px));\n  align-items: center;\n}\n\n.IncodeFiscalQrPage.IncodeFiscalQrCapturePage .IncodeFiscalQrOverlay .IncodeFiscalQrCaptureTopSection {\n  z-index: 10;\n  margin-top: var(--spacing-40, var(--spacing-40, 40px));\n  padding-top: var(--spacing-4, var(--spacing-4, 4px));\n  flex-direction: column;\n  flex: 1;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeFiscalQrPage.IncodeFiscalQrCapturePage .IncodeFiscalQrOverlay .IncodeFiscalQrCaptureBottomSection {\n  flex: 1;\n  justify-content: center;\n  align-items: flex-start;\n  display: flex;\n}\n\n.IncodeFiscalQrPage.IncodeFiscalQrCapturePage .IncodeFiscalQrOverlay .IncodeFiscalQrCaptureBottomSection .IncodeFiscalQrError {\n  z-index: 10;\n  margin-top: var(--spacing-8, var(--spacing-8, 8px));\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-status-negative, var(--text-status-negative));\n}\n\n.IncodeFiscalQrPage.IncodeFiscalQrCapturePage .IncodeFiscalQrButtonWrapper {\n  pointer-events: auto;\n  z-index: 10;\n}\n\n.IncodeFiscalQrPage.IncodeFiscalQrCapturePage .IncodeFiscalQrButtonWrapper .IncodeButtonLink {\n  color: var(--color-text-body-0-static, var(--text-body-0-static));\n}\n";

package/dist/flow/flow.es.js

@@ -354,6 +354,183 @@ function useFlowInitialization(options) {
 	return state;
 }
 //#endregion
+//#region src/modules/flow/loadFlowStylesheets.ts
+var loads = /* @__PURE__ */ new WeakMap();
+/** Keep module sheets after base.css, in CSS import order rather than fetch order. */
+function loadFlowStylesheet(load, order, nonce) {
+	let documentLoads = loads.get(document);
+	if (!documentLoads) {
+		documentLoads = /* @__PURE__ */ new Map();
+		loads.set(document, documentLoads);
+	}
+	const cached = documentLoads.get(load);
+	if (cached) return cached;
+	const promise = load().then(({ default: css }) => {
+		const style = document.createElement("style");
+		style.dataset.incodeFlowCss = String(order);
+		if (nonce) style.nonce = nonce;
+		style.textContent = css;
+		const owned = Array.from(document.head.querySelectorAll("style[data-incode-flow-css]"));
+		const next = owned.find((sheet) => Number(sheet.dataset.incodeFlowCss) > order);
+		const last = owned[owned.length - 1];
+		document.head.insertBefore(style, next ?? (last ? last.nextSibling : null));
+		if (!style.sheet) {
+			style.remove();
+			throw new Error("Flow stylesheet blocked; check the Content Security Policy and cssNonce");
+		}
+	}).catch((error) => {
+		documentLoads.delete(load);
+		throw error;
+	});
+	documentLoads.set(load, promise);
+	return promise;
+}
+//#endregion
+//#region src/modules/flow/flowStyles.ts
+var shell = () => import("./shell/styles.css.js");
+var moduleSheets = [
+	{
+		keys: [
+			"SELFIE",
+			"AUTHENTICATION",
+			"VIDEO_ONBOARDING"
+		],
+		load: () => import("../selfie/styles.css.js")
+	},
+	{
+		keys: ["PHONE"],
+		load: () => import("../phone/styles.css.js")
+	},
+	{
+		keys: ["EMAIL", "DYNAMIC_FORMS"],
+		load: () => import("../email/styles.css.js")
+	},
+	{
+		keys: ["FACE_MATCH"],
+		load: () => import("../face-match/styles.css.js")
+	},
+	{
+		keys: ["GOVT_VALIDATION_PROVISIONING", "INE_VALIDATION"],
+		load: () => import("../government-validation/styles.css.js")
+	},
+	{
+		keys: [
+			"ID",
+			"ID_CAPTURE",
+			"TUTORIAL_ID",
+			"SECOND_ID",
+			"VIDEO_ONBOARDING"
+		],
+		load: () => import("../id/styles.css.js")
+	},
+	{
+		keys: ["ID_OCR"],
+		load: () => import("../id-ocr/styles.css.js")
+	},
+	{
+		keys: ["DOCUMENT_CAPTURE", "ADDRESS"],
+		load: () => import("../document-capture/styles.css.js")
+	},
+	{
+		keys: ["CURP_VALIDATION"],
+		load: () => import("../curp-validation/styles.css.js")
+	},
+	{
+		keys: ["GEOLOCATION"],
+		load: () => import("../geolocation/styles.css.js")
+	},
+	{
+		keys: ["EXTERNAL_VERIFICATION"],
+		load: () => import("../ekyc/styles.css.js")
+	},
+	{
+		keys: ["EKYB"],
+		load: () => import("../ekyb/styles.css.js")
+	},
+	{
+		keys: ["REDIRECT_TO_MOBILE"],
+		load: () => import("../redirect-to-mobile/styles.css.js")
+	},
+	{
+		keys: [
+			"COMBINED_CONSENT",
+			"MANDATORY_CONSENT",
+			"ML_CONSENT"
+		],
+		load: () => import("../consent/styles.css.js")
+	},
+	{
+		keys: ["CUSTOM_FIELDS"],
+		load: () => import("../custom-fields/styles.css.js")
+	},
+	{
+		keys: ["DYNAMIC_FORMS"],
+		load: () => import("../dynamic-forms/styles.css.js")
+	},
+	{
+		keys: ["SIGNATURE"],
+		load: () => import("../signature/styles.css.js")
+	},
+	{
+		keys: ["FIELD_COMPARISON"],
+		load: () => import("../field-comparison/styles.css.js")
+	},
+	{
+		keys: ["WATCHLIST_BUSINESS"],
+		load: () => import("../watchlist-for-business/styles.css.js")
+	},
+	{
+		keys: ["AE_SIGNATURE", "QE_SIGNATURE"],
+		load: () => import("../electronic-signature/styles.css.js")
+	},
+	{
+		keys: ["CERTIFICATE_ISSUANCE"],
+		load: () => import("../certificate-issuance/styles.css.js")
+	},
+	{
+		keys: ["FISCAL_QR"],
+		load: () => import("../fiscal-qr/styles.css.js")
+	},
+	{
+		keys: ["VIDEO_ONBOARDING"],
+		load: () => import("../video-selfie/styles.css.js")
+	}
+];
+async function loadFlowStyles(moduleKey, nonce) {
+	const pending = [loadFlowStylesheet(shell, moduleSheets.length, nonce)];
+	if (moduleKey) moduleSheets.forEach((sheet, index) => {
+		if (sheet.keys.includes(moduleKey)) pending.push(loadFlowStylesheet(sheet.load, index, nonce));
+	});
+	await Promise.all(pending);
+}
+//#endregion
+//#region src/modules/flow/useFlowStyles.ts
+function useFlowStyles(enabled, onError, nonce) {
+	const [loaded, setLoaded] = d(false);
+	const [error, setError] = d(false);
+	const onErrorRef = A(onError);
+	onErrorRef.current = onError;
+	y(() => {
+		if (!enabled) return;
+		let cancelled = false;
+		loadFlowStyles(void 0, nonce).then(() => {
+			if (!cancelled) setLoaded(true);
+		}, (error) => {
+			if (!cancelled) {
+				setError(true);
+				onErrorRef.current?.(error instanceof Error ? error.message : "Failed to load flow styles");
+			}
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [enabled, nonce]);
+	return {
+		ready: !enabled || loaded,
+		error: enabled && error
+	};
+}
+//#endregion
 //#region src/modules/flow/flow.tsx
 var LazyHomeScreen = z(() => import("../homeScreen-DnSGezVj.js").then((module) => ({ default: module.HomeScreen })));
 var IncodeFlowContent = ({ config, onFinish, onError }) => {
@@ -373,7 +550,7 @@ var IncodeFlowContent = ({ config, onFinish, onError }) => {
 	const currentModuleKey = flowState.status === "ready" ? flowState.currentStep : void 0;
 	const moduleLoaderState = useModuleLoader({
 		moduleKey: lazyModuleKey,
-		modules: LAZY_UI_MODULES,
+		modules: T(() => config.injectCss ? Object.fromEntries(Object.entries(LAZY_UI_MODULES).map(([key, load]) => [key, () => Promise.all([load(), loadFlowStyles(key, config.cssNonce)]).then(([Component]) => Component)])) : LAZY_UI_MODULES, [config.injectCss, config.cssNonce]),
 		onModuleLoading: config.onModuleLoading,
 		onModuleLoaded: config.onModuleLoaded,
 		onError
@@ -508,6 +685,10 @@ var IncodeFlowContent = ({ config, onFinish, onError }) => {
 				onNext: () => flowManager.completeModule()
 			})
 		});
+		if (config.injectCss && moduleLoaderState.status === "error") return /* @__PURE__ */ u("div", {
+			class: "IncodeFlow",
+			children: /* @__PURE__ */ u(TerminalErrorPage, {})
+		});
 		if (moduleLoaderState.status === "idle" || moduleLoaderState.status === "loading" || moduleLoaderState.status === "error") {
 			if (!isModuleLoadingDelayed) return /* @__PURE__ */ u("div", { class: "IncodeFlow" });
 			return /* @__PURE__ */ u("div", {
@@ -895,6 +1076,9 @@ var IncodeFlowContent = ({ config, onFinish, onError }) => {
 	return null;
 };
 var IncodeFlow = ({ config, onFinish = () => {}, onError }) => {
+	const styles = useFlowStyles(config?.injectCss, onError, config?.cssNonce);
+	if (styles.error) return /* @__PURE__ */ u(IncodeComponent, { children: /* @__PURE__ */ u(TerminalErrorPage, {}) });
+	if (!styles.ready) return null;
 	return /* @__PURE__ */ u(IncodeComponent, { children: config ? /* @__PURE__ */ u(ResolvedConfigProvider, { children: /* @__PURE__ */ u(IncodeFlowContent, {
 		config,
 		onFinish,

package/dist/flow/shell/styles.css

@@ -0,0 +1,402 @@
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+@layer properties {
+  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
+    .IncodeComponent, .IncodeComponent *, .IncodeComponent :before, .IncodeComponent :after, .IncodeComponent ::backdrop {
+      --tw-border-style: solid;
+    }
+  }
+}
+
+.IncodeFlowStart {
+  width: 100%;
+  height: 100%;
+  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
+  padding-top: var(--spacing-20, var(--spacing-20, 20px));
+  padding-bottom: var(--spacing-32, var(--spacing-32, 32px));
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeFlowStartContent {
+  text-align: center;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  display: flex;
+}
+
+.IncodeFlowStartCenterSection {
+  flex-direction: column;
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  display: flex;
+}
+
+.IncodeFlowStartLogoContainer {
+  min-width: 100%;
+  max-height: var(--flow-start-logo-container-max-h);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeFlowStartLogo {
+  max-width: 100%;
+  max-height: 100%;
+  width: var(--flow-start-logo-width);
+  object-fit: contain;
+  height: auto;
+}
+
+@media screen and (max-width: 767px) {
+  .IncodeFlowStartLogo {
+    width: var(--flow-start-logo-width-mobile);
+  }
+}
+
+.IncodeFlowStartSubtitle {
+  margin-top: var(--spacing-8, var(--spacing-8, 8px));
+  text-align: center;
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h4-size);
+  font-weight: var(--typography-headline-h4-weight);
+  line-height: var(--typography-headline-h4-line-height);
+  letter-spacing: var(--typography-headline-h4-letter-spacing);
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
+}
+
+.IncodeFlowStartButton {
+  margin-top: auto;
+}
+
+@media screen and (min-width: 992px) {
+  .IncodeFlowStart {
+    padding: 5% 20% 15%;
+  }
+}
+
+.IncodeHome {
+  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
+  width: 100%;
+  height: 100%;
+  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
+  padding-top: var(--spacing-20, var(--spacing-20, 20px));
+  padding-bottom: var(--spacing-32, var(--spacing-32, 32px));
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeHome .IncodeHomeContent {
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  display: flex;
+}
+
+.IncodeHome .IncodeHomeHeader {
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: var(--spacing-16, var(--spacing-16, 16px));
+  display: flex;
+}
+
+.IncodeHome .IncodeHomeLanguage {
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeHome .IncodeHomeLanguageLabel {
+  margin: var(--spacing-0, var(--spacing-none, 0px));
+  font-family: var(--typography-label-family);
+  font-size: var(--typography-label-m-size);
+  font-weight: var(--typography-label-m-weight);
+  line-height: var(--typography-label-m-line-height);
+  letter-spacing: var(--typography-label-m-letter-spacing);
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+}
+
+.IncodeHome .IncodeHomeLanguageValue {
+  margin: var(--spacing-0, var(--spacing-none, 0px));
+  font-family: var(--typography-body-family);
+  font-size: var(--typography-body-m-regular-size);
+  font-weight: var(--typography-body-m-regular-weight);
+  line-height: var(--typography-body-m-regular-line-height);
+  letter-spacing: var(--typography-body-m-regular-letter-spacing);
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
+}
+
+.IncodeHome .IncodeHomeSettingsButton {
+  border-style: var(--tw-border-style);
+  border-width: var(--border-width-none, var(--primitive-border-width-0));
+  --tw-border-style: none;
+  padding: var(--spacing-0, var(--spacing-none, 0px));
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
+  background-color: #0000;
+  border-style: none;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeHome .IncodeHomeSettingsButton:focus-visible {
+  outline: var(--focus-outline-width) solid var(--border-status-focus);
+  outline-offset: var(--focus-outline-offset);
+}
+
+.IncodeHome .IncodeHomeCenterSection {
+  text-align: center;
+  flex-direction: column;
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeHome .IncodeHomeLogoContainer {
+  width: 100%;
+  max-width: var(--home-logo-container-max-width);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeHome .IncodeHomeLogo {
+  object-fit: contain;
+  width: 100%;
+  max-width: 100%;
+  height: auto;
+  max-height: var(--home-logo-max-height);
+}
+
+.IncodeHome .IncodeHomeSubtitle {
+  margin-top: var(--spacing-12, var(--spacing-12, 12px));
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h4-size);
+  font-weight: var(--typography-headline-h4-weight);
+  line-height: var(--typography-headline-h4-line-height);
+  letter-spacing: var(--typography-headline-h4-letter-spacing);
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
+  --tw-outline-style: none;
+  outline-style: none;
+}
+
+.IncodeHome .IncodeHomeStartButton {
+  margin-top: auto;
+}
+
+.IncodeHomeSettingsModal.IncodeModalRoot .IncodeModalDialog {
+  max-width: none;
+  height: 100%;
+  max-height: 100%;
+}
+
+.IncodeHomeSettingsModal.IncodeModalRoot .IncodeModalContent {
+  border-radius: var(--radius-none, var(--border-radius-none));
+  max-width: none;
+  height: 100%;
+  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
+  padding-block: var(--spacing-32, var(--spacing-32, 32px));
+  align-items: stretch;
+}
+
+.IncodeHomeSettingsModal .IncodeHomeSettingsContainer {
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+  display: flex;
+}
+
+.IncodeHomeSettingsModal .IncodeHomeSettingsBody {
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+}
+
+.IncodeHomeSettingsModal .IncodeHomeSettingsTitle {
+  margin: var(--spacing-0, var(--spacing-none, 0px));
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h2-size);
+  font-weight: var(--typography-headline-h2-weight);
+  line-height: var(--typography-headline-h2-line-height);
+  letter-spacing: var(--typography-headline-h2-letter-spacing);
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+  --tw-outline-style: none;
+  outline-style: none;
+}
+
+.IncodeHomeSettingsModal .IncodeHomeSettingsFooter {
+  margin-top: var(--spacing-24, var(--spacing-24, 24px));
+}
+
+.IncodeHomeSettingsModal .IncodeHomeSettingsBodyContent {
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeFlowCompleted {
+  width: 100%;
+  height: 100%;
+  padding: var(--spacing-20, var(--spacing-20, 20px));
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeComponent .IncodeFlowCompleted h1.IncodeFlowCompletedTitle {
+  margin-inline: var(--spacing-0, var(--spacing-none, 0px));
+  margin-block: var(--spacing-20, var(--spacing-20, 20px));
+  text-align: left;
+  width: 100%;
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h1-size);
+  font-weight: var(--typography-headline-h1-weight);
+  line-height: var(--typography-headline-h1-line-height);
+  letter-spacing: var(--typography-headline-h1-letter-spacing);
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+}
+
+.IncodeComponent .IncodeFlowCompleted p.IncodeFlowCompletedSubtitle {
+  margin-inline: var(--spacing-0, var(--spacing-none, 0px));
+  margin-block: var(--spacing-20, var(--spacing-20, 20px));
+  text-align: left;
+  width: 100%;
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h5-size);
+  font-weight: var(--typography-headline-h5-weight);
+  line-height: var(--typography-headline-h5-line-height);
+  letter-spacing: var(--typography-headline-h5-letter-spacing);
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
+}
+
+@media screen and (min-width: 992px) {
+  .IncodeComponent .IncodeFlowCompleted h1.IncodeFlowCompletedTitle, .IncodeComponent .IncodeFlowCompleted p.IncodeFlowCompletedSubtitle {
+    text-align: center;
+  }
+}
+
+.IncodeUnsupportedModule {
+  min-height: 100vh;
+  padding: var(--spacing-16, var(--spacing-16, 16px));
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeUnsupportedModule .IncodeUnsupportedModuleContent, .IncodeUnsupportedModule .IncodeUnsupportedModuleContent .IncodeUnsupportedModuleContent {
+  max-width: var(--container-md, 28rem);
+  align-items: center;
+  gap: var(--spacing-16, var(--spacing-16, 16px));
+  text-align: center;
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeUnsupportedModule .IncodeUnsupportedModuleContent .IncodeUnsupportedModuleTitle {
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h2-size);
+  font-weight: var(--typography-headline-h2-weight);
+  line-height: var(--typography-headline-h2-line-height);
+  letter-spacing: var(--typography-headline-h2-letter-spacing);
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+}
+
+.IncodeUnsupportedModule .IncodeUnsupportedModuleContent .IncodeUnsupportedModuleMessage {
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h5-size);
+  font-weight: var(--typography-headline-h5-weight);
+  line-height: var(--typography-headline-h5-line-height);
+  letter-spacing: var(--typography-headline-h5-letter-spacing);
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
+}
+
+.IncodeUnsupportedModule .IncodeUnsupportedModuleContent .IncodeUnsupportedModuleButton {
+  margin-top: var(--spacing-8, var(--spacing-8, 8px));
+}
+
+.IncodeVerificationResult .IncodePageContent {
+  gap: var(--spacing-16, var(--spacing-16, 16px));
+  padding-bottom: var(--spacing-16, var(--spacing-16, 16px));
+  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+  animation-fill-mode: both;
+}
+
+.IncodeVerificationResult__center {
+  width: 100%;
+  max-width: var(--incode-form-max-w);
+  flex-direction: column;
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+  margin-inline: auto;
+  display: flex;
+}
+
+.IncodeVerificationResult__title {
+  text-align: center;
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h2-size);
+  font-weight: var(--typography-headline-h2-weight);
+  line-height: var(--typography-headline-h2-line-height);
+  letter-spacing: var(--typography-headline-h2-letter-spacing);
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+}
+
+.IncodeVerificationResult__subtitle {
+  margin-top: var(--spacing-12, var(--spacing-12, 12px));
+  text-align: center;
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h5-size);
+  font-weight: var(--typography-headline-h5-weight);
+  line-height: var(--typography-headline-h5-line-height);
+  letter-spacing: var(--typography-headline-h5-letter-spacing);
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
+}
+
+.IncodeVerificationResult__actions {
+  width: 100%;
+  max-width: var(--incode-form-max-w);
+  gap: var(--spacing-12, var(--spacing-12, 12px));
+  flex-direction: column;
+  margin-inline: auto;
+  display: flex;
+}
+
+.IncodeFormField {
+  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
+  width: 100%;
+}
+
+incode-flow {
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
+.IncodeFlow {
+  width: 100%;
+  height: 100%;
+}
+
+.IncodeFlowModuleLoading {
+  text-align: center;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  display: flex;
+}
+
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}

package/dist/flow/shell/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    .IncodeComponent, .IncodeComponent *, .IncodeComponent :before, .IncodeComponent :after, .IncodeComponent ::backdrop {\n      --tw-border-style: solid;\n    }\n  }\n}\n\n.IncodeFlowStart {\n  width: 100%;\n  height: 100%;\n  padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n  padding-top: var(--spacing-20, var(--spacing-20, 20px));\n  padding-bottom: var(--spacing-32, var(--spacing-32, 32px));\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeFlowStartContent {\n  text-align: center;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  display: flex;\n}\n\n.IncodeFlowStartCenterSection {\n  flex-direction: column;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeFlowStartLogoContainer {\n  min-width: 100%;\n  max-height: var(--flow-start-logo-container-max-h);\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeFlowStartLogo {\n  max-width: 100%;\n  max-height: 100%;\n  width: var(--flow-start-logo-width);\n  object-fit: contain;\n  height: auto;\n}\n\n@media screen and (max-width: 767px) {\n  .IncodeFlowStartLogo {\n    width: var(--flow-start-logo-width-mobile);\n  }\n}\n\n.IncodeFlowStartSubtitle {\n  margin-top: var(--spacing-8, var(--spacing-8, 8px));\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h4-size);\n  font-weight: var(--typography-headline-h4-weight);\n  line-height: var(--typography-headline-h4-line-height);\n  letter-spacing: var(--typography-headline-h4-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeFlowStartButton {\n  margin-top: auto;\n}\n\n@media screen and (min-width: 992px) {\n  .IncodeFlowStart {\n    padding: 5% 20% 15%;\n  }\n}\n\n.IncodeHome {\n  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n  width: 100%;\n  height: 100%;\n  padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n  padding-top: var(--spacing-20, var(--spacing-20, 20px));\n  padding-bottom: var(--spacing-32, var(--spacing-32, 32px));\n  flex-direction: column;\n  display: flex;\n}\n\n.IncodeHome .IncodeHomeContent {\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  display: flex;\n}\n\n.IncodeHome .IncodeHomeHeader {\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  display: flex;\n}\n\n.IncodeHome .IncodeHomeLanguage {\n  flex-direction: column;\n  display: flex;\n}\n\n.IncodeHome .IncodeHomeLanguageLabel {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n  font-family: var(--typography-label-family);\n  font-size: var(--typography-label-m-size);\n  font-weight: var(--typography-label-m-weight);\n  line-height: var(--typography-label-m-line-height);\n  letter-spacing: var(--typography-label-m-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeHome .IncodeHomeLanguageValue {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n  font-family: var(--typography-body-family);\n  font-size: var(--typography-body-m-regular-size);\n  font-weight: var(--typography-body-m-regular-weight);\n  line-height: var(--typography-body-m-regular-line-height);\n  letter-spacing: var(--typography-body-m-regular-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeHome .IncodeHomeSettingsButton {\n  border-style: var(--tw-border-style);\n  border-width: var(--border-width-none, var(--primitive-border-width-0));\n  --tw-border-style: none;\n  padding: var(--spacing-0, var(--spacing-none, 0px));\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n  background-color: #0000;\n  border-style: none;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeHome .IncodeHomeSettingsButton:focus-visible {\n  outline: var(--focus-outline-width) solid var(--border-status-focus);\n  outline-offset: var(--focus-outline-offset);\n}\n\n.IncodeHome .IncodeHomeCenterSection {\n  text-align: center;\n  flex-direction: column;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeHome .IncodeHomeLogoContainer {\n  width: 100%;\n  max-width: var(--home-logo-container-max-width);\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeHome .IncodeHomeLogo {\n  object-fit: contain;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n  max-height: var(--home-logo-max-height);\n}\n\n.IncodeHome .IncodeHomeSubtitle {\n  margin-top: var(--spacing-12, var(--spacing-12, 12px));\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h4-size);\n  font-weight: var(--typography-headline-h4-weight);\n  line-height: var(--typography-headline-h4-line-height);\n  letter-spacing: var(--typography-headline-h4-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n  --tw-outline-style: none;\n  outline-style: none;\n}\n\n.IncodeHome .IncodeHomeStartButton {\n  margin-top: auto;\n}\n\n.IncodeHomeSettingsModal.IncodeModalRoot .IncodeModalDialog {\n  max-width: none;\n  height: 100%;\n  max-height: 100%;\n}\n\n.IncodeHomeSettingsModal.IncodeModalRoot .IncodeModalContent {\n  border-radius: var(--radius-none, var(--border-radius-none));\n  max-width: none;\n  height: 100%;\n  padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n  padding-block: var(--spacing-32, var(--spacing-32, 32px));\n  align-items: stretch;\n}\n\n.IncodeHomeSettingsModal .IncodeHomeSettingsContainer {\n  flex-direction: column;\n  flex: 1;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeHomeSettingsModal .IncodeHomeSettingsBody {\n  flex-direction: column;\n  flex: 1;\n  display: flex;\n}\n\n.IncodeHomeSettingsModal .IncodeHomeSettingsTitle {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h2-size);\n  font-weight: var(--typography-headline-h2-weight);\n  line-height: var(--typography-headline-h2-line-height);\n  letter-spacing: var(--typography-headline-h2-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  --tw-outline-style: none;\n  outline-style: none;\n}\n\n.IncodeHomeSettingsModal .IncodeHomeSettingsFooter {\n  margin-top: var(--spacing-24, var(--spacing-24, 24px));\n}\n\n.IncodeHomeSettingsModal .IncodeHomeSettingsBodyContent {\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeFlowCompleted {\n  width: 100%;\n  height: 100%;\n  padding: var(--spacing-20, var(--spacing-20, 20px));\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeComponent .IncodeFlowCompleted h1.IncodeFlowCompletedTitle {\n  margin-inline: var(--spacing-0, var(--spacing-none, 0px));\n  margin-block: var(--spacing-20, var(--spacing-20, 20px));\n  text-align: left;\n  width: 100%;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h1-size);\n  font-weight: var(--typography-headline-h1-weight);\n  line-height: var(--typography-headline-h1-line-height);\n  letter-spacing: var(--typography-headline-h1-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeComponent .IncodeFlowCompleted p.IncodeFlowCompletedSubtitle {\n  margin-inline: var(--spacing-0, var(--spacing-none, 0px));\n  margin-block: var(--spacing-20, var(--spacing-20, 20px));\n  text-align: left;\n  width: 100%;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n@media screen and (min-width: 992px) {\n  .IncodeComponent .IncodeFlowCompleted h1.IncodeFlowCompletedTitle, .IncodeComponent .IncodeFlowCompleted p.IncodeFlowCompletedSubtitle {\n    text-align: center;\n  }\n}\n\n.IncodeUnsupportedModule {\n  min-height: 100vh;\n  padding: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeUnsupportedModule .IncodeUnsupportedModuleContent, .IncodeUnsupportedModule .IncodeUnsupportedModuleContent .IncodeUnsupportedModuleContent {\n  max-width: var(--container-md, 28rem);\n  align-items: center;\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  text-align: center;\n  flex-direction: column;\n  display: flex;\n}\n\n.IncodeUnsupportedModule .IncodeUnsupportedModuleContent .IncodeUnsupportedModuleTitle {\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h2-size);\n  font-weight: var(--typography-headline-h2-weight);\n  line-height: var(--typography-headline-h2-line-height);\n  letter-spacing: var(--typography-headline-h2-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeUnsupportedModule .IncodeUnsupportedModuleContent .IncodeUnsupportedModuleMessage {\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeUnsupportedModule .IncodeUnsupportedModuleContent .IncodeUnsupportedModuleButton {\n  margin-top: var(--spacing-8, var(--spacing-8, 8px));\n}\n\n.IncodeVerificationResult .IncodePageContent {\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  padding-bottom: var(--spacing-16, var(--spacing-16, 16px));\n  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;\n  animation-fill-mode: both;\n}\n\n.IncodeVerificationResult__center {\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  flex-direction: column;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  margin-inline: auto;\n  display: flex;\n}\n\n.IncodeVerificationResult__title {\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h2-size);\n  font-weight: var(--typography-headline-h2-weight);\n  line-height: var(--typography-headline-h2-line-height);\n  letter-spacing: var(--typography-headline-h2-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeVerificationResult__subtitle {\n  margin-top: var(--spacing-12, var(--spacing-12, 12px));\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeVerificationResult__actions {\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  gap: var(--spacing-12, var(--spacing-12, 12px));\n  flex-direction: column;\n  margin-inline: auto;\n  display: flex;\n}\n\n.IncodeFormField {\n  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));\n  width: 100%;\n}\n\nincode-flow {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n\n.IncodeFlow {\n  width: 100%;\n  height: 100%;\n}\n\n.IncodeFlowModuleLoading {\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  display: flex;\n}\n\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n";

package/dist/geolocation/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    .IncodeComponent, .IncodeComponent *, .IncodeComponent :before, .IncodeComponent :after, .IncodeComponent ::backdrop {\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n    }\n  }\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(8px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.IncodeGeolocationPage {\n  animation: .4s ease-out fadeIn;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .IncodeGeolocationPage {\n    animation: none;\n  }\n}\n\n.IncodeGeolocationPage .IncodeGeolocationIconWrapper {\n  margin-top: var(--spacing-16, var(--spacing-16, 16px));\n  padding-block: var(--spacing-24, var(--spacing-24, 24px));\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeGeolocationPage .IncodeGeolocationButtonWrapper {\n  padding-block: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodePageInner {\n  max-width: var(--incode-form-max-w);\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodePageTitleContainer {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodePageTitle {\n  text-align: left;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionSections {\n  margin-top: var(--spacing-24, var(--spacing-24, 24px));\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  gap: var(--spacing-24, var(--spacing-24, 24px));\n  flex-direction: column;\n  align-self: center;\n  display: flex;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionSection {\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  display: flex;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionSectionTitle {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h4-size);\n  font-weight: var(--typography-headline-h4-weight);\n  line-height: var(--typography-headline-h4-line-height);\n  letter-spacing: var(--typography-headline-h4-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepsList {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n  gap: var(--spacing-12, var(--spacing-12, 12px));\n  padding: var(--spacing-0, var(--spacing-none, 0px));\n  flex-direction: column;\n  list-style-type: none;\n  display: flex;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStep {\n  align-items: center;\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  display: flex;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepIcon {\n  aspect-ratio: 1;\n  height: var(--spacing-40, var(--spacing-40, 40px));\n  min-height: var(--spacing-40, var(--spacing-40, 40px));\n  width: var(--spacing-40, var(--spacing-40, 40px));\n  min-width: var(--spacing-40, var(--spacing-40, 40px));\n  border-radius: var(--radius-small, var(--border-radius-small));\n  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepImg {\n  object-fit: contain;\n  width: 100%;\n  height: 100%;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepImgPaddedSettings {\n  padding: var(--spacing-8, var(--spacing-8, 8px));\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepImgPaddedBrowser {\n  padding: var(--geolocation-permission-step-padding);\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepText {\n  font-size: var(--text-16, var(--primitive-typography-size-16));\n  --tw-leading: var(--leading-snug, 1.375);\n  line-height: var(--leading-snug, 1.375);\n  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepTextBold {\n  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionArrow {\n  vertical-align: middle;\n  display: inline-block;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationSrOnly {\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border-width: 0;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  position: absolute;\n  overflow: hidden;\n}\n\n@property --tw-leading {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false\n}\n";

package/dist/government-validation/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n.IncodeGovtValidation {\n  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;\n  animation-fill-mode: both;\n}\n";

package/dist/id/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    .IncodeComponent, .IncodeComponent *, .IncodeComponent :before, .IncodeComponent :after, .IncodeComponent ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-border-style: solid;\n      --tw-outline-style: solid;\n      --tw-duration: initial;\n    }\n  }\n}\n\n.IncodeSrOnly {\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border-width: 0;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  position: absolute;\n  overflow: hidden;\n}\n\n.IncodeAgeVerificationPage .IncodePageInner {\n  padding-top: var(--spacing-8, var(--spacing-8, 8px));\n  padding-bottom: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeAgeVerificationPage .IncodePageHeader {\n  height: var(--page-header-height);\n  min-height: var(--page-header-height);\n}\n\n.IncodeAgeVerificationPage .IncodePageLogo {\n  height: var(--age-verification-logo-height);\n}\n\n.IncodeAgeVerificationPage .IncodePageTitleContainer {\n  max-width: none;\n}\n\n.IncodeAgeVerificationPage .IncodePageContent {\n  justify-content: center;\n}\n\n.IncodeAgeVerificationPage .IncodePageFooter {\n  padding-top: var(--spacing-12, var(--spacing-12, 12px));\n  padding-bottom: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeAgeVerificationPage .IncodeAgeVerificationContent {\n  justify-content: space-between;\n  align-items: center;\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  flex: 1;\n  display: flex;\n}\n\n.IncodeAgeVerificationPage .IncodeAgeVerificationList {\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  justify-content: center;\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  padding: var(--spacing-0, var(--spacing-none, 0px));\n  flex-direction: column;\n  flex: 1;\n  margin-inline: auto;\n  list-style-type: none;\n  display: flex;\n}\n\n.IncodeAgeVerificationPage .IncodeAgeVerificationItem {\n  align-items: center;\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  display: flex;\n}\n\n.IncodeAgeVerificationPage .IncodeAgeVerificationIcon {\n  height: var(--spacing-64, var(--spacing-64, 64px));\n  width: var(--spacing-96, var(--spacing-96, 96px));\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeAgeVerificationPage .IncodeAgeVerificationIcon img {\n  width: 100%;\n  height: 100%;\n}\n\n.IncodeAgeVerificationPage .IncodeAgeVerificationText {\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  flex: 1;\n}\n\n.IncodeAgeVerificationPage .IncodeAgeVerificationButton {\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  margin-inline: auto;\n}\n\n.IncodeIdTutorial .IncodePageTitleContainer {\n  padding-block: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeIdTutorial .IncodeBaseTutorialContainer {\n  margin: calc(var(--spacing-24, var(--spacing-24, 24px)) * -1);\n}\n\n.IncodeIdTutorial .IncodeBaseTutorialAnimationContainer {\n  padding: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeFlipAnimation {\n  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n  height: 100%;\n  padding: var(--spacing-24, var(--spacing-24, 24px));\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeIdFlipCardPage .IncodePageInner {\n  padding: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeIdFlipCardLayout {\n  width: 100%;\n  height: 100%;\n  padding: var(--spacing-24, var(--spacing-24, 24px));\n  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent {\n  z-index: 10;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  display: flex;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardTopArea {\n  justify-content: flex-end;\n  align-items: center;\n  gap: var(--spacing-24, var(--spacing-24, 24px));\n  padding-bottom: var(--spacing-40, var(--spacing-40, 40px));\n  z-index: 10;\n  flex-direction: column;\n  flex: 1;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCopy {\n  opacity: 0;\n  flex-direction: column;\n  align-items: center;\n  animation: .3s ease-out forwards incodeIdFlipCardFadeIn;\n  display: flex;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardTitle {\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h2-size);\n  font-weight: var(--typography-headline-h2-weight);\n  line-height: var(--typography-headline-h2-line-height);\n  letter-spacing: var(--typography-headline-h2-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardSubtitle {\n  max-width: var(--id-capture-flip-card-subtitle-max-w);\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame {\n  overflow: hidden;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical {\n  width: var(--id-capture-frame-vertical-width);\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame.IncodeIdFlipCardFrameFlipping {\n  --frame-border-color: var(--border-neutral-100);\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardScene {\n  perspective: 1200px;\n  width: 100%;\n  height: 100%;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCard {\n  width: 100%;\n  height: 100%;\n  transform-style: preserve-3d;\n  animation: 1s ease-in-out .6s forwards incodeIdFlipCardRotate;\n  position: relative;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCard {\n    animation: none;\n  }\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace {\n  inset: var(--spacing-0, var(--spacing-none, 0px));\n  backface-visibility: hidden;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace.IncodeIdFlipCardFaceBack {\n  transform: rotateY(180deg);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace.IncodeIdFlipCardFaceBack {\n    opacity: 0;\n    animation: 1s ease-in-out .6s forwards incodeIdFlipCardReducedMotionFadeIn;\n    transform: none;\n  }\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardImage {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  animation: 1s ease-in-out .6s forwards incodeIdFlipCardFrontFade;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardImage {\n    animation: 1s ease-in-out .6s forwards incodeIdFlipCardReducedMotionFadeOut;\n  }\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardAsset {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  padding: var(--spacing-4, var(--spacing-4, 4px));\n  display: block;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardBottomArea {\n  z-index: 10;\n  width: 100%;\n  max-width: var(--id-capture-bottom-area-max-w);\n  padding-top: var(--spacing-8, var(--spacing-8, 8px));\n  flex-direction: column;\n  flex: 1;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardBottomArea .IncodeCaptureEncryptionLabel {\n  justify-content: center;\n  align-items: center;\n  gap: var(--spacing-4, var(--spacing-4, 4px));\n  font-family: var(--typography-body-family);\n  font-size: var(--typography-body-m-regular-size);\n  font-weight: var(--typography-body-m-regular-weight);\n  line-height: var(--typography-body-m-regular-line-height);\n  letter-spacing: var(--typography-body-m-regular-letter-spacing);\n  white-space: nowrap;\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  display: flex;\n}\n\n@keyframes incodeIdFlipCardFadeIn {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes incodeIdFlipCardRotate {\n  from {\n    transform: rotateY(0);\n  }\n\n  to {\n    transform: rotateY(180deg);\n  }\n}\n\n@keyframes incodeIdFlipCardFrontFade {\n  0%, 20% {\n    opacity: 1;\n  }\n\n  50%, 100% {\n    opacity: 0;\n  }\n}\n\n@keyframes incodeIdFlipCardReducedMotionFadeIn {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes incodeIdFlipCardReducedMotionFadeOut {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n\n.IncodeCommonIssuesFullScreen .IncodeModalDialog {\n  max-width: none;\n  height: 100%;\n  max-height: none;\n}\n\n.IncodeCommonIssuesFullScreen .IncodeModalContent {\n  border-radius: var(--radius-none, var(--border-radius-none));\n  max-width: none;\n  height: 100%;\n  margin: auto;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesQuestionIcon {\n  flex-shrink: 0;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesTitle {\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h2-size);\n  font-weight: var(--typography-headline-h2-weight);\n  line-height: var(--typography-headline-h2-line-height);\n  letter-spacing: var(--typography-headline-h2-letter-spacing);\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesCards {\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  gap: var(--spacing-32, var(--spacing-32, 32px));\n  padding-block: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  display: flex;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesCard {\n  align-items: flex-start;\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  display: flex;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesCardIcon {\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  flex-shrink: 0;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesCardText {\n  gap: var(--spacing-4, var(--spacing-4, 4px));\n  flex-direction: column;\n  display: flex;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesCardTitle {\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesCardBody {\n  font-family: var(--typography-body-family);\n  font-size: var(--typography-body-m-regular-size);\n  font-weight: var(--typography-body-m-regular-weight);\n  line-height: var(--typography-body-m-regular-line-height);\n  letter-spacing: var(--typography-body-m-regular-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesButtons {\n  margin-top: auto;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesTakeManually {\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesTryAgain {\n  width: 100%;\n}\n\n.IncodeChooserPage .IncodePageContent {\n  padding-bottom: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeChooserPage .IncodePageTitle {\n  max-width: var(--incode-form-max);\n}\n\n.IncodeChooserPage .IncodeChooserContainer {\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  margin-top: auto;\n  display: flex;\n}\n\n.IncodeCaptureFrame {\n  border-radius: var(--radius-medium, var(--border-radius-medium));\n  --frame-border-color: var(--border-neutral-100);\n  border: var(--id-capture-frame-border-width) solid var(--frame-border-color);\n  justify-content: center;\n  align-self: center;\n  align-items: center;\n  transition: max-width .3s ease-out, border-color .3s ease-out;\n  display: flex;\n  position: relative;\n}\n\n.IncodeCaptureFrame.IncodeCaptureFrameHorizontal {\n  width: 100%;\n  max-width: var(--id-capture-frame-horizontal-max-width);\n  aspect-ratio: 35 / 22;\n}\n\n.IncodeCaptureFrame.IncodeCaptureFrameVertical {\n  width: 100%;\n  max-width: var(--id-capture-frame-vertical-max-width);\n  aspect-ratio: 22 / 35;\n}\n\n.IncodeCaptureFrame.IncodeCaptureFramePassport.IncodeCaptureFrameHorizontal {\n  aspect-ratio: 42 / 30;\n}\n\n.IncodeCaptureFrame.IncodeCaptureFramePassport.IncodeCaptureFrameVertical {\n  aspect-ratio: 30 / 42;\n}\n\n.IncodeCaptureFrame.IncodeCaptureFrameIdle {\n  --frame-border-color: var(--border-neutral-100);\n}\n\n.IncodeCaptureFrame.IncodeCaptureFrameCapturing, .IncodeCaptureFrame.IncodeCaptureFrameFocus {\n  --frame-border-color: var(--border-brand-500);\n}\n\n.IncodeCaptureFrame.IncodeCaptureFrameAnalyzing, .IncodeCaptureFrame.IncodeCaptureFrameSuccess {\n  --frame-border-color: var(--border-status-positive-static);\n}\n\n.IncodeCaptureFrame.IncodeCaptureFrameError {\n  --frame-border-color: var(--border-status-negative);\n}\n\n.IncodeIdCaptureStage {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n.IncodeIdCaptureStage > * {\n  inset: var(--spacing-0, var(--spacing-none, 0px));\n  position: absolute;\n}\n\n.IncodeIdCaptureStage > .IncodeIdCaptureStageResultExiting {\n  animation: incodeIdCaptureResultCrossfadeOut var(--id-capture-result-crossfade-duration) linear forwards;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .IncodeIdCaptureStage > .IncodeIdCaptureStageResultExiting {\n    animation-duration: 1ms;\n  }\n}\n\n.IncodeIdCaptureStage > .IncodeIdCaptureStageResultEntering {\n  animation: incodeIdCaptureResultCrossfadeIn var(--id-capture-result-crossfade-duration) linear forwards;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .IncodeIdCaptureStage > .IncodeIdCaptureStageResultEntering {\n    animation-duration: 1ms;\n  }\n}\n\n.IncodeIdCapturePage {\n  background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));\n}\n\n@media (min-width: 48rem) {\n  .IncodeIdCapturePage {\n    background-color: var(--capture-page-backdrop-color);\n  }\n}\n\n.IncodeIdCapturePage .IncodePageInner {\n  padding: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeIdCapturePage .IncodePageContent {\n  flex: 1;\n  position: relative;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing {\n  height: 100%;\n  color: var(--color-text-body-0, var(--text-body-0-static));\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo {\n  pointer-events: none;\n  inset: var(--spacing-0, var(--spacing-none, 0px));\n  position: absolute;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo.IncodeCaptureVideoLoading {\n  opacity: 0;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo .IncodeCaptureVideoElement {\n  inset: var(--spacing-0, var(--spacing-none, 0px));\n  object-fit: cover;\n  width: 100%;\n  max-width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureOverlay {\n  pointer-events: none;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureButton {\n  border-radius: var(--radius-button-primary, var(--button-primary-border-radius));\n  padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n  padding-block: var(--spacing-12, var(--spacing-12, 12px));\n  background-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));\n  color: var(--color-button-primary-text-default, var(--button-primary-text-default));\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureInitializing {\n  height: 100%;\n  color: var(--color-text-body-0, var(--text-body-0-static));\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureInitializing .IncodeCaptureInitializingText {\n  margin-top: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureUploading, .IncodeIdCapturePage .IncodeCaptureUploading {\n  height: 100%;\n  color: var(--color-text-body-0, var(--text-body-0-static));\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n@keyframes incodeIdCaptureResultCrossfadeOut {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n\n@keyframes incodeIdCaptureResultCrossfadeIn {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n.IncodeCaptureOverlayId {\n  padding: var(--spacing-24, var(--spacing-24, 24px));\n  align-items: center;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureTopSection {\n  justify-content: flex-end;\n  align-items: center;\n  gap: var(--spacing-24, var(--spacing-24, 24px));\n  padding-bottom: var(--spacing-40, var(--spacing-40, 40px));\n  z-index: 10;\n  flex-direction: column;\n  flex: 1;\n  display: flex;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureTopSection .IncodeCameraOverlayHeader {\n  padding-inline: var(--spacing-16, var(--spacing-16, 16px));\n  padding-top: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter {\n  flex: 1;\n  justify-content: space-between;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeCaptureFooterCaptureSection {\n  position: relative;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer {\n  pointer-events: none;\n  z-index: 1000;\n  --manual-capture-tooltip-button-gap: var(--spacing-4);\n  --manual-capture-tooltip-button-top-offset: var(--spacing-12);\n  --manual-capture-tooltip-button-center-offset: calc(var(--spacing-32) + var(--manual-capture-tooltip-button-gap));\n  width: max-content;\n  left: 50%;\n  bottom: calc(100% - ( var(--manual-capture-tooltip-button-top-offset) - var(--manual-capture-tooltip-button-gap) ));\n  animation: manualCaptureTooltipExit .35s ease-in var(--manual-capture-tooltip-dismiss-delay, 3.5s) forwards;\n  justify-content: center;\n  display: flex;\n  position: absolute;\n  transform: translateX(-50%);\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip {\n  border-radius: var(--radius-medium, var(--border-radius-medium));\n  background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));\n  padding: var(--spacing-16, var(--spacing-16, 16px));\n  animation: .5s ease-out forwards slideUp;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n  padding: var(--spacing-0, var(--spacing-none, 0px));\n  flex-direction: column;\n  align-items: center;\n  list-style-type: none;\n  display: flex;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList li {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n  font-family: var(--typography-tooltip-family);\n  font-size: var(--typography-tooltip-m-size);\n  font-weight: var(--typography-tooltip-m-weight);\n  line-height: var(--typography-tooltip-m-line-height);\n  letter-spacing: var(--typography-tooltip-m-letter-spacing);\n  text-wrap: nowrap;\n  color: var(--color-text-body-0-static, var(--text-body-0-static));\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer.IncodeIdManualCaptureTooltipContainerSrOnly {\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border-width: 0;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  animation: none;\n  position: absolute;\n  overflow: hidden;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer.IncodeIdManualCaptureTooltipContainerSrOnly .IncodeIdManualCaptureTooltip {\n  animation: none;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer.IncodeIdManualCaptureTooltipContainerAutoDismiss {\n  animation-name: manualCaptureTooltipExitAutoDismiss;\n}\n\n.IncodeCaptureOverlayId .IncodeCameraFrameHorizontal.IncodeCaptureFramePassport {\n  aspect-ratio: 42 / 30;\n}\n\n.IncodeCaptureOverlayId .IncodeCameraFrameVertical.IncodeCaptureFramePassport {\n  aspect-ratio: 30 / 42;\n}\n\n@keyframes manualCaptureTooltipExit {\n  from {\n    opacity: 1;\n    transform: translateX(-50%);\n  }\n\n  to {\n    opacity: 0;\n    transform: translate(-50%, calc(50% + var(--manual-capture-tooltip-button-center-offset)));\n  }\n}\n\n@keyframes manualCaptureTooltipExitAutoDismiss {\n  from {\n    opacity: 1;\n    transform: translateX(-50%) scale(1);\n  }\n\n  to {\n    opacity: .5;\n    transform: translate(-50%, calc(25% + var(--manual-capture-tooltip-button-center-offset))) scale(.5);\n  }\n}\n\n.IncodeIdManualCaptureButton {\n  bottom: var(--spacing-24, var(--spacing-24, 24px));\n  z-index: 100;\n  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n  width: 100%;\n  translate: var(--tw-translate-x) var(--tw-translate-y);\n  justify-content: center;\n  align-items: center;\n  gap: var(--spacing-4, var(--spacing-4, 4px));\n  flex-direction: column;\n  animation: .5s ease-out forwards slideUp;\n  display: flex;\n  position: absolute;\n  left: 50%;\n}\n\n.IncodeIdManualCaptureButton .IncodeButtonLink {\n  height: 100%;\n  padding: var(--spacing-0, var(--spacing-none, 0px));\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip {\n  border-radius: var(--radius-medium, var(--border-radius-medium));\n  background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));\n  padding: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n  padding: var(--spacing-0, var(--spacing-none, 0px));\n  flex-direction: column;\n  align-items: center;\n  list-style-type: none;\n  display: flex;\n}\n\n.IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList li {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n  font-family: var(--typography-tooltip-family);\n  font-size: var(--typography-tooltip-m-size);\n  font-weight: var(--typography-tooltip-m-weight);\n  line-height: var(--typography-tooltip-m-line-height);\n  letter-spacing: var(--typography-tooltip-m-letter-spacing);\n  text-wrap: nowrap;\n  color: var(--color-text-body-0-static, var(--text-body-0-static));\n}\n\n.IncodeIdManualCaptureButton .IncodeIdManualCaptureButtonContent .IncodeIdManualCaptureButtonButton svg {\n  transition: filter .2s, transform .2s;\n}\n\n.IncodeIdManualCaptureButton .IncodeIdManualCaptureButtonContent:active svg {\n  filter: brightness(.8);\n  transform: scale(.95);\n}\n\n@keyframes slideUpAndDown {\n  0%, 12% {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n\n  24% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  76% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  88%, 100% {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n}\n\n.IncodeIdHint {\n  inset: var(--spacing-0, var(--spacing-none, 0px));\n  z-index: 10;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: absolute;\n}\n\n.IncodeIdHint .IncodeIdHintAnimated {\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  animation: 3s ease-in-out forwards slideUpAndDown;\n  display: flex;\n  position: relative;\n}\n\n.IncodeIdHint .IncodeIdHintAnimated .IncodeIdHintSvg {\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeIdHint .IncodeIdHintAnimated .IncodeIdHintSvg svg {\n  width: var(--id-capture-hint-svg-size);\n  height: var(--id-capture-hint-svg-size);\n  min-width: var(--id-capture-hint-svg-size);\n  min-height: var(--id-capture-hint-svg-size);\n}\n\n.IncodeIdProcessingPage .IncodePageInner {\n  padding: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeIdProcessingLayout {\n  width: 100%;\n  height: 100%;\n  padding: var(--spacing-24, var(--spacing-24, 24px));\n  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent {\n  z-index: 10;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingTopArea {\n  justify-content: flex-end;\n  align-items: center;\n  gap: var(--spacing-24, var(--spacing-24, 24px));\n  padding-bottom: var(--spacing-40, var(--spacing-40, 40px));\n  z-index: 10;\n  flex-direction: column;\n  flex: 1;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame {\n  overflow: hidden;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical {\n  width: var(--id-capture-frame-vertical-width);\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical .IncodeIdProcessingOverlay {\n  left: -25%;\n  right: -25%;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingImage {\n  object-fit: cover;\n  width: 100%;\n  max-width: 100%;\n  height: 100%;\n  max-height: 100%;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingImage.IncodeIdProcessingImageBlurred {\n  filter: blur(var(--id-processing-image-blur-radius));\n  -webkit-backdrop-filter: blur(var(--id-processing-image-blur-radius));\n  backdrop-filter: blur(var(--id-processing-image-blur-radius));\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingOverlay {\n  pointer-events: none;\n  z-index: 10;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: absolute;\n  inset: 0 -10%;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingBottomArea {\n  width: 100%;\n  max-width: var(--id-capture-bottom-area-max-w);\n  padding-top: var(--spacing-8, var(--spacing-8, 8px));\n  z-index: 10;\n  flex-direction: column;\n  flex: 1;\n  justify-content: space-between;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingBottomArea .IncodeCaptureEncryptionLabel {\n  justify-content: center;\n  align-items: center;\n  gap: var(--spacing-4, var(--spacing-4, 4px));\n  padding-bottom: var(--spacing-12, var(--spacing-12, 12px));\n  font-family: var(--typography-body-family);\n  font-size: var(--typography-body-m-regular-size);\n  font-weight: var(--typography-body-m-regular-weight);\n  line-height: var(--typography-body-m-regular-line-height);\n  letter-spacing: var(--typography-body-m-regular-letter-spacing);\n  white-space: nowrap;\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  display: flex;\n}\n\n.IncodeIdProcessingLayout.IncodeIdProcessingLayoutNoImage .IncodeIdProcessingBottomArea {\n  justify-content: flex-end;\n}\n\n.IncodeIdProcessingLayout .IncodeAnalyzingContent {\n  flex-direction: column;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeProgressBarContainer {\n  margin-bottom: var(--spacing-24, var(--spacing-24, 24px));\n}\n\n.IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle {\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h2-size);\n  font-weight: var(--typography-headline-h2-weight);\n  line-height: var(--typography-headline-h2-line-height);\n  letter-spacing: var(--typography-headline-h2-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  text-align: center;\n  min-height: var(--typography-headline-h2-line-height);\n}\n\n.IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle .IncodeAnalyzingTitleText {\n  animation: IncodeAnalyzingTitleFade var(--id-capture-analyzing-title-fade-duration) ease-out both;\n  display: inline-block;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle .IncodeAnalyzingTitleText {\n    animation-duration: 1ms;\n  }\n}\n\n.IncodeIdProcessingLayout .IncodeAnalyzingLottie {\n  width: 100%;\n  max-width: none;\n}\n\n@keyframes IncodeAnalyzingTitleFade {\n  from {\n    opacity: 0;\n    transform: translateY(var(--id-capture-analyzing-title-fade-offset));\n  }\n\n  to {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingResultContent, .IncodeIdProcessingLayout .IncodeIdProcessingResultStatus {\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingResultTitle {\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h2-size);\n  font-weight: var(--typography-headline-h2-weight);\n  line-height: var(--typography-headline-h2-line-height);\n  letter-spacing: var(--typography-headline-h2-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  text-align: center;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingResultSubtitle {\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n  text-align: center;\n  max-width: var(--incode-form-max-w);\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainer {\n  margin-top: var(--spacing-24, var(--spacing-24, 24px));\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingResultAttempts {\n  padding-block: var(--spacing-12, var(--spacing-12, 12px));\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h4-size);\n  font-weight: var(--typography-headline-h4-weight);\n  line-height: var(--typography-headline-h4-line-height);\n  letter-spacing: var(--typography-headline-h4-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingResultContentExiting, .IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainerExiting {\n  animation: .3s ease-out forwards incodeIdProcessingResultFadeOut;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .IncodeIdProcessingLayout .IncodeIdProcessingResultContentExiting, .IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainerExiting {\n    animation-duration: 1ms;\n  }\n}\n\n@keyframes incodeIdProcessingResultFadeOut {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n\n.IncodeIdError {\n  inset: var(--spacing-0, var(--spacing-none, 0px));\n  z-index: 1000;\n  justify-content: center;\n  align-items: center;\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  position: fixed;\n}\n\n.IncodeIdError .IncodeIdErrorMessage {\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h4-size);\n  font-weight: var(--typography-headline-h4-weight);\n  line-height: var(--typography-headline-h4-line-height);\n  letter-spacing: var(--typography-headline-h4-letter-spacing);\n  color: var(--color-text-body-0, var(--text-body-0-static));\n  max-width: var(--incode-form-max-w);\n  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeIdNoAttemptsContent {\n  padding-inline: var(--spacing-20, var(--spacing-20, 20px));\n  max-height: var(--id-no-attempts-content-max-h);\n  max-width: var(--id-no-attempts-content-max-w);\n  flex-direction: column;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  margin: auto;\n  display: flex;\n}\n\n.IncodeIdNoAttemptsContent .IncodeIdNoAttemptsIcon {\n  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeIdNoAttemptsContent .IncodeIdNoAttemptsTitle {\n  text-align: center;\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeIdNoAttemptsContent .IncodeIdNoAttemptsSubtitle {\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n  text-align: center;\n  max-width: var(--incode-form-max-w);\n}\n\n.IncodeIdNoAttemptsContent .IncodeIdNoAttemptsButtonContainer {\n  bottom: var(--spacing-32, var(--spacing-32, 32px));\n  right: var(--spacing-0, var(--spacing-none, 0px));\n  left: var(--spacing-0, var(--spacing-none, 0px));\n  padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n  justify-content: center;\n  display: flex;\n  position: absolute;\n}\n\n.IncodeUnacceptedIdDocuments {\n  margin-top: var(--spacing-32, var(--spacing-32, 32px));\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeUnacceptedIdDocuments .IncodeUnacceptedIdDocumentsCountry {\n  margin-bottom: var(--spacing-32, var(--spacing-32, 32px));\n  align-items: center;\n  gap: var(--spacing-8, var(--spacing-8, 8px));\n  flex-direction: column;\n  display: flex;\n}\n\n.IncodeUnacceptedIdDocuments .IncodeUnacceptedIdDocumentsCountryHeading {\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h4-size);\n  font-weight: var(--typography-headline-h4-weight);\n  line-height: var(--typography-headline-h4-line-height);\n  letter-spacing: var(--typography-headline-h4-letter-spacing);\n}\n\n.IncodeUnacceptedIdDocuments .IncodeUnacceptedIdDocumentsCountryLabel {\n  align-items: center;\n  gap: var(--spacing-8, var(--spacing-8, 8px));\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h3-size);\n  font-weight: var(--typography-headline-h3-weight);\n  line-height: var(--typography-headline-h3-line-height);\n  letter-spacing: var(--typography-headline-h3-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  display: inline-flex;\n}\n\n.IncodeIdCaptureNotification {\n  top: var(--spacing-24, var(--spacing-24, 24px));\n  right: var(--spacing-24, var(--spacing-24, 24px));\n  left: var(--spacing-24, var(--spacing-24, 24px));\n  z-index: 100;\n  max-width: var(--incode-form-max-w);\n  padding-bottom: var(--spacing-32, var(--spacing-32, 32px));\n  align-items: flex-end;\n  margin: auto;\n  display: flex;\n  position: absolute;\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent {\n  z-index: 100;\n  border-radius: var(--radius-large, var(--border-radius-large));\n  border-style: var(--tw-border-style);\n  border-width: 2px;\n  border-color: var(--color-border-neutral-300, var(--border-neutral-300));\n  background-color: var(--color-surface-neutral-900-80, var(--surface-neutral-900-80));\n  width: 100%;\n  padding-inline: var(--spacing-20, var(--spacing-20, 20px));\n  box-shadow: var(--id-capture-notification-content-shadow);\n  display: flex;\n  overflow: hidden;\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText {\n  justify-content: center;\n  gap: var(--spacing-8, var(--spacing-8, 8px));\n  padding-top: var(--spacing-16, var(--spacing-16, 16px));\n  padding-bottom: var(--spacing-12, var(--spacing-12, 12px));\n  text-align: center;\n  color: var(--color-text-body-0-static, var(--text-body-0-static));\n  flex-direction: column;\n  display: flex;\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationTitle {\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h3-size);\n  font-weight: var(--typography-headline-h3-weight);\n  line-height: var(--typography-headline-h3-line-height);\n  letter-spacing: var(--typography-headline-h3-letter-spacing);\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationDescription {\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-tertiary-static, var(--text-body-300-tertiary-static));\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationAnimation {\n  height: var(--id-capture-notification-animation-height);\n  justify-content: center;\n  align-items: center;\n  width: auto;\n  display: flex;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadContainer {\n  width: 100%;\n  padding-block: var(--spacing-24, var(--spacing-24, 24px));\n  flex-direction: column;\n  display: flex;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadFooter {\n  margin-top: auto;\n  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n  row-gap: var(--spacing-24, var(--spacing-24, 24px));\n  width: 100%;\n  padding-top: var(--spacing-24, var(--spacing-24, 24px));\n  flex-direction: column;\n  display: flex;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadHintCard {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n  border-radius: var(--radius-x-small, var(--border-radius-x-small));\n  background-color: var(--color-surface-brand-50, var(--surface-brand-50));\n  width: 100%;\n  padding-block: var(--spacing-16, var(--spacing-16, 16px));\n  padding-right: var(--spacing-12, var(--spacing-12, 12px));\n  padding-left: var(--spacing-32, var(--spacing-32, 32px));\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  list-style-type: disc;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadHintCard li {\n  font-family: var(--typography-button-family);\n  font-size: var(--typography-button-s-size);\n  font-weight: var(--typography-button-s-weight);\n  line-height: var(--typography-button-s-line-height);\n  letter-spacing: var(--typography-button-s-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeManualUploadPage .IncodeManualUploadHintCard li + li {\n  margin-top: var(--spacing-4, var(--spacing-4, 4px));\n}\n\n.IncodeManualUploadPage .IncodeManualUploadTabsList {\n  width: 100%;\n  padding-inline: var(--spacing-16, var(--spacing-16, 16px));\n  align-self: center;\n  display: flex;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadTabTrigger {\n  cursor: pointer;\n  border-bottom-style: var(--tw-border-style);\n  border-bottom-width: var(--border-width-bold, var(--primitive-border-width-2));\n  --tw-border-style: solid;\n  padding-inline: var(--spacing-12, var(--spacing-12, 12px));\n  padding-block: var(--spacing-16, var(--spacing-16, 16px));\n  text-align: center;\n  font-family: var(--typography-checkbox-radio-family);\n  font-size: var(--typography-checkbox-radio-m-size);\n  font-weight: var(--typography-checkbox-radio-m-weight);\n  line-height: var(--typography-checkbox-radio-m-line-height);\n  letter-spacing: var(--typography-checkbox-radio-m-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n  background-color: #0000;\n  border-style: solid;\n  border-color: #0000;\n  flex: 1;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadTabTrigger:focus-visible {\n  border-radius: var(--radius-x-small, var(--border-radius-x-small));\n  outline-style: var(--tw-outline-style);\n  outline-offset: 2px;\n  outline-width: 2px;\n  outline-color: var(--color-border-status-focus, var(--border-status-focus));\n}\n\n.IncodeManualUploadPage .IncodeManualUploadTabTrigger--active {\n  border-bottom-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeManualUploadPage .IncodeManualUploadError {\n  align-items: flex-start;\n  gap: var(--spacing-4, var(--spacing-4, 4px));\n  width: 100%;\n  font-family: var(--typography-body-family);\n  font-size: var(--typography-body-m-regular-size);\n  font-weight: var(--typography-body-m-regular-weight);\n  line-height: var(--typography-body-m-regular-line-height);\n  letter-spacing: var(--typography-body-m-regular-letter-spacing);\n  color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));\n  display: flex;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadError p {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n  flex: 1;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadTab {\n  margin-top: var(--spacing-24, var(--spacing-24, 24px));\n  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeManualUploadSlot {\n  cursor: pointer;\n  align-items: center;\n  gap: var(--spacing-12, var(--spacing-12, 12px));\n  border-radius: var(--radius-medium, var(--border-radius-medium));\n  border-style: var(--tw-border-style);\n  border-width: var(--border-width-regular, var(--primitive-border-width-1));\n  --tw-border-style: solid;\n  border-style: solid;\n  border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));\n  width: 100%;\n  padding-block: var(--spacing-24, var(--spacing-24, 24px));\n  padding-right: var(--spacing-24, var(--spacing-24, 24px));\n  padding-left: var(--spacing-20, var(--spacing-20, 20px));\n  text-align: left;\n  display: flex;\n}\n\n.IncodeManualUploadSlot .IncodeManualUploadSlotIcon {\n  width: var(--spacing-24, var(--spacing-24, 24px));\n  height: var(--spacing-24, var(--spacing-24, 24px));\n  flex-shrink: 0;\n  justify-content: center;\n  display: flex;\n}\n\n.IncodeManualUploadSlot .IncodeManualUploadSlotIconHighlight {\n  fill: var(--color-icon-neutral-500, var(--icon-neutral-500));\n}\n\n.IncodeManualUploadSlot .IncodeManualUploadSlotLabel {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: left;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  flex: 1;\n  overflow: hidden;\n}\n\n.IncodeManualUploadSlot .IncodeManualUploadSlotAction {\n  border-radius: var(--radius-full, var(--border-radius-full));\n  background-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));\n  padding: var(--spacing-8, var(--spacing-8, 8px));\n  color: var(--color-button-primary-text-default, var(--button-primary-text-default));\n  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));\n  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));\n  --tw-duration: .2s;\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n  transition-duration: .2s;\n  display: inline-flex;\n}\n\n.IncodeManualUploadSlot:focus-visible {\n  outline-style: var(--tw-outline-style);\n  outline-offset: 2px;\n  outline-width: 2px;\n  outline-color: var(--color-border-status-focus, var(--border-status-focus));\n}\n\n.IncodeManualUploadSlot:hover:not(:disabled) .IncodeManualUploadSlotAction {\n  background-color: var(--color-button-primary-surface-hover, var(--button-primary-surface-hover));\n}\n\n.IncodeManualUploadSlot:disabled {\n  cursor: not-allowed;\n  opacity: .5;\n}\n\n.IncodeManualUploadSlot:disabled .IncodeManualUploadSlotAction {\n  background-color: var(--color-button-primary-surface-disabled, var(--button-primary-surface-disabled));\n  color: var(--color-button-primary-text-disabled, var(--button-primary-text-disabled));\n}\n\n.IncodeManualUploadSlot.IncodeManualUploadSlot--uploaded .IncodeManualUploadSlotAction, .IncodeManualUploadSlot.IncodeManualUploadSlot--uploaded:hover:not(:disabled) .IncodeManualUploadSlotAction {\n  padding: var(--spacing-0, var(--spacing-none, 0px));\n  color: var(--color-surface-status-positive-500, var(--surface-status-positive-500));\n  background-color: #0000;\n}\n\n.IncodeManualUploadSlot + .IncodeManualUploadSlotInput {\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border-width: 0;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  position: absolute;\n  overflow: hidden;\n}\n\n.IncodeDigitalIdUploadPage {\n  height: 100%;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadBody {\n  justify-content: center;\n  align-items: center;\n  row-gap: var(--spacing-16, var(--spacing-16, 16px));\n  width: 100%;\n  height: 100%;\n  max-width: var(--digital-id-content-max-w);\n  flex-direction: column;\n  margin-inline: auto;\n  display: flex;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewBody {\n  row-gap: var(--spacing-16, var(--spacing-16, 16px));\n  grid-template-columns: 1fr;\n  grid-template-rows: var(--spacing-24) var(--digital-id-preview-h) var(--spacing-24);\n  width: 100%;\n  height: 100%;\n  max-width: var(--digital-id-content-max-w);\n  align-content: center;\n  justify-items: center;\n  margin-inline: auto;\n  display: grid;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreStatusZone {\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  display: flex;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPostCaptionZone {\n  justify-content: center;\n  align-items: flex-start;\n  width: 100%;\n  height: 100%;\n  display: flex;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadFooter {\n  width: 100%;\n  margin-inline: auto;\n  margin-top: var(--spacing-24, var(--spacing-24, 24px));\n  margin-bottom: var(--spacing-8, var(--spacing-8, 8px));\n  justify-content: flex-end;\n  row-gap: var(--spacing-16, var(--spacing-16, 16px));\n  max-width: var(--digital-id-content-max-w);\n  min-height: var(--digital-id-footer-min-h);\n  flex-direction: column;\n  display: flex;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadHiddenInput {\n  display: none;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadTutorialIllustration {\n  width: 100%;\n  max-height: var(--digital-id-tutorial-illustration-max-h);\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  overflow: hidden;\n}\n\n.IncodeDigitalIdUploadPage .IncodeUploadIdScreenImage {\n  height: var(--digital-id-illustration-max-h);\n  aspect-ratio: 191 / 266;\n  width: auto;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewCard {\n  border-radius: var(--radius-medium, var(--border-radius-medium));\n  border-style: var(--tw-border-style);\n  --tw-border-style: solid;\n  border-style: solid;\n  border-width: 1px;\n  border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n  width: var(--digital-id-preview-w);\n  height: var(--digital-id-preview-h);\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  overflow: hidden;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadDocumentPreview {\n  width: var(--digital-id-preview-w);\n  height: var(--digital-id-preview-h);\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: relative;\n  overflow: visible;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadDocumentPreviewPdf {\n  border-radius: var(--radius-medium, var(--border-radius-medium));\n  border-style: var(--tw-border-style);\n  border-width: var(--border-width-bold, var(--primitive-border-width-2));\n  --tw-border-style: solid;\n  border-style: solid;\n  border-color: var(--color-border-status-positive, var(--border-status-positive-static));\n  object-fit: contain;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewPdf {\n  object-fit: contain;\n  width: 100%;\n  height: 100%;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadFileName {\n  text-align: center;\n  font-family: var(--typography-body-family);\n  font-size: var(--typography-body-m-regular-size);\n  font-weight: var(--typography-body-m-regular-weight);\n  line-height: var(--typography-body-m-regular-line-height);\n  letter-spacing: var(--typography-body-m-regular-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  max-width: var(--digital-id-file-name-max-w);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadProgressBar .IncodeProgressBar {\n  border-radius: var(--radius-full, var(--border-radius-full));\n  background-color: var(--color-surface-neutral-200, var(--surface-neutral-200));\n  width: var(--digital-id-progress-bar-w);\n  height: var(--digital-id-progress-bar-h);\n  overflow: hidden;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadProgressBar .IncodeProgressBarFill {\n  border-radius: var(--radius-full, var(--border-radius-full));\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadLaserOverlay {\n  pointer-events: none;\n  width: var(--digital-id-preview-w);\n  height: var(--digital-id-laser-h);\n  transform: translateX(-50%) scale(var(--digital-id-laser-scale));\n  position: absolute;\n  top: -2px;\n  left: 50%;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadLaserOverlay {\n    display: none;\n  }\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadSuccessIcon {\n  color: var(--color-icon-status-positive, var(--icon-status-positive));\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadErrorIcon {\n  margin-bottom: var(--spacing-8, var(--spacing-8, 8px));\n  color: var(--color-icon-status-negative, var(--icon-status-negative));\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadErrorPreview {\n  margin-top: var(--spacing-8, var(--spacing-8, 8px));\n  border-radius: var(--radius-medium, var(--border-radius-medium));\n  border-style: var(--tw-border-style);\n  --tw-border-style: solid;\n  border-style: solid;\n  border-width: 1px;\n  border-color: var(--color-border-status-negative, var(--border-status-negative));\n  padding: var(--spacing-4);\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadAttempts {\n  margin-top: var(--spacing-8, var(--spacing-8, 8px));\n  font-family: var(--typography-body-family);\n  font-size: var(--typography-body-s-regular-size);\n  font-weight: var(--typography-body-s-regular-weight);\n  line-height: var(--typography-body-s-regular-line-height);\n  letter-spacing: var(--typography-body-s-regular-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false\n}\n";

package/dist/id-ocr/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n.IncodeIdOcrPage {\n  width: 100%;\n  height: 100%;\n  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;\n  margin-inline: auto;\n  animation-fill-mode: both;\n}\n\n@media (min-width: 48rem) {\n  .IncodeIdOcrPage.IncodePageContainer {\n    align-items: stretch;\n  }\n}\n\n.IncodeIdOcrPage .IncodePageInner {\n  height: 100%;\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeIdOcrPage .IncodePageContent {\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeIdOcrPage .IncodeIdOcrForm {\n  margin-top: var(--spacing-32, var(--spacing-32, 32px));\n  height: 100%;\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeIdOcrPage .IncodeIdOcrFields {\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  justify-content: flex-start;\n  align-items: center;\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  flex: 1;\n  width: 100%;\n  display: flex;\n  overflow-y: auto;\n}\n\n.IncodeIdOcrPage .IncodeIdOcrButton {\n  width: 100%;\n  padding-top: var(--spacing-16, var(--spacing-16, 16px));\n  flex-shrink: 0;\n}\n\n.IncodeIdOcrPage .IncodeIdOcrRadioGroup {\n  max-width: var(--incode-form-max-w);\n}\n";

package/dist/phone/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n.IncodePhonePage .IncodePageContent {\n  padding-top: var(--spacing-32, var(--spacing-32, 32px));\n  padding-bottom: var(--spacing-16, var(--spacing-16, 16px));\n  align-items: center;\n}\n\n.IncodePhoneInputContainer {\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n}\n";

package/dist/redirect-to-mobile/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    .IncodeComponent, .IncodeComponent *, .IncodeComponent :before, .IncodeComponent :after, .IncodeComponent ::backdrop {\n      --tw-border-style: solid;\n      --tw-outline-style: solid;\n      --tw-font-weight: initial;\n    }\n  }\n}\n\n.IncodeRedirectRoot {\n  width: 100%;\n  height: 100%;\n}\n\n.IncodeRedirectRoot .IncodeRedirectLogo {\n  max-width: 100%;\n  max-height: 100%;\n}\n\n.IncodeRedirectRoot .IncodeRedirectContainer {\n  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));\n  justify-content: center;\n  align-items: safe center;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  position: relative;\n  overflow-y: auto;\n}\n\n.IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard {\n  border-radius: var(--radius-medium, var(--border-radius-medium));\n  border-style: var(--tw-border-style);\n  border-width: 1px;\n  border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n  width: 100%;\n  padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n  padding-block: var(--spacing-32, var(--spacing-32, 32px));\n  max-width: var(--redirect-card-max-width);\n  flex-direction: column;\n  align-items: center;\n  display: flex;\n  overflow-x: clip;\n}\n\n.IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTopGroup {\n  align-items: center;\n  gap: var(--spacing-32, var(--spacing-32, 32px));\n  flex-direction: column;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions {\n  margin-bottom: var(--spacing-32, var(--spacing-32, 32px));\n  width: 100%;\n  max-width: var(--redirect-options-max-width);\n  flex-direction: column;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectToast {\n  top: var(--spacing-16, var(--spacing-16, 16px));\n  z-index: 50;\n  animation: 3s ease-in-out forwards incodeToastFadeInOut;\n  position: absolute;\n  left: 50%;\n}\n\n.IncodeRedirectContainer .IncodeRedirectToastContent {\n  align-items: center;\n  gap: var(--spacing-12, var(--spacing-12, 12px));\n  display: inline-flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader {\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectLogoWrapper {\n  width: 100%;\n  min-height: var(--min-height-logo-wrapper);\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectLogo {\n  max-height: var(--logo-height, 44px);\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectTitle {\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h2-size);\n  font-weight: var(--typography-headline-h2-weight);\n  line-height: var(--typography-headline-h2-line-height);\n  letter-spacing: var(--typography-headline-h2-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectSubtitle {\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav {\n  width: 100%;\n  max-width: var(--redirect-form-column-max-width);\n  flex-direction: column;\n  flex: 1;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterContent {\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterContentText {\n  margin-block: var(--spacing-12, var(--spacing-12, 12px));\n  font-family: var(--Button-family, \"DM Sans\");\n  letter-spacing: 0;\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 100%;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterLogoWrapper {\n  padding-block: var(--spacing-8, var(--spacing-8, 8px));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs {\n  justify-content: center;\n  align-items: flex-end;\n  gap: var(--spacing-12, var(--spacing-12, 12px));\n  border-bottom-style: var(--tw-border-style);\n  border-bottom-width: 1px;\n  border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n  width: 100%;\n  max-width: var(--redirect-tabs-max-width);\n  display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab {\n  cursor: pointer;\n  border-bottom-style: var(--tw-border-style);\n  padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n  padding-block: var(--spacing-12, var(--spacing-12, 12px));\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n  background-color: #0000;\n  border-color: #0000;\n  border-bottom-width: 2px;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab:focus-visible {\n  border-radius: var(--radius-x-small, var(--border-radius-x-small));\n  outline-style: var(--tw-outline-style);\n  outline-offset: 2px;\n  outline-width: 2px;\n  outline-color: var(--color-border-status-focus, var(--border-status-focus));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab.IncodeRedirectTabActive {\n  border-color: var(--color-border-brand-500, var(--border-brand-500));\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions > [role=\"tabpanel\"] {\n  align-items: center;\n  gap: var(--spacing-32, var(--spacing-32, 32px));\n  flex-direction: column;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectTabDescription {\n  margin-top: var(--spacing-32, var(--spacing-32, 32px));\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n  max-width: var(--redirect-tab-description-max-width);\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectQrWrapper {\n  border-style: var(--tw-border-style);\n  border-width: 1px;\n  border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n  padding: var(--spacing-12, var(--spacing-12, 12px));\n  border-radius: var(--redirect-qr-wrapper-border-radius);\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputComposed {\n  --phone-input-country-code-width: var(--redirect-phone-input-country-code-width);\n  max-width: var(--redirect-form-column-max-width);\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectSmsSendButton {\n  width: 100%;\n  max-width: var(--redirect-form-column-max-width);\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent {\n  margin-top: var(--spacing-32, var(--spacing-32, 32px));\n  flex-direction: column;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentTitle {\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h2-size);\n  font-weight: var(--typography-headline-h2-weight);\n  line-height: var(--typography-headline-h2-line-height);\n  letter-spacing: var(--typography-headline-h2-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentPhone {\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentActions {\n  margin-block: var(--spacing-8, var(--spacing-8, 8px));\n  justify-content: center;\n  align-items: center;\n  gap: var(--spacing-4, var(--spacing-4, 4px));\n  font-family: var(--Button-family, \"DM Sans\");\n  letter-spacing: 0;\n  width: var(--redirect-form-column-max-width);\n  flex-wrap: wrap;\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 100%;\n  display: flex;\n}\n\n.IncodeRedirectFinishedContainer {\n  flex-direction: column;\n  justify-content: safe center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  overflow-y: auto;\n}\n\n.IncodeRedirectFinishedContainer .IncodeRedirectLogo {\n  max-height: var(--logo-height, 44px);\n}\n\n.IncodeRedirectFinishedContainer .IncodeRedirectFinishedTitle {\n  margin-block: var(--spacing-20, var(--spacing-20, 20px));\n  text-align: center;\n  font-size: var(--text-3xl, 1.875rem);\n  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));\n  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  width: var(--width-finished-title);\n}\n\n.IncodeRedirectFinishedContainer .IncodeRedirectFinishedSubtitle {\n  text-align: center;\n  font-size: var(--text-2xl, 1.5rem);\n  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));\n  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  width: var(--width-finished-subtitle);\n}\n\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false\n}\n";

package/dist/selfie/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    .IncodeComponent, .IncodeComponent *, .IncodeComponent :before, .IncodeComponent :after, .IncodeComponent ::backdrop {\n      --tw-border-style: solid;\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-duration: initial;\n      --tw-outline-style: solid;\n    }\n  }\n}\n\n@layer incode-theme, incode-utilities, incode-base, incode-components;\n\n@keyframes slideUp {\n  from {\n    transform: translateY(100%);\n  }\n\n  to {\n    transform: translateY(0);\n  }\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes incodeToastFadeInOut {\n  0% {\n    opacity: 0;\n    transform: translate(-50%, -20px);\n  }\n\n  15% {\n    opacity: 1;\n    transform: translate(-50%);\n  }\n\n  85% {\n    opacity: 1;\n    transform: translate(-50%);\n  }\n\n  100% {\n    opacity: 0;\n    transform: translate(-50%, -20px);\n  }\n}\n\n.IncodeCaptureContainer {\n  flex-direction: column;\n  flex: 1;\n  justify-content: flex-start;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  position: relative;\n  overflow: hidden;\n}\n\n.IncodeCaptureContainer .IncodeCaptureFrame {\n  aspect-ratio: 1;\n  width: 100%;\n  max-width: var(--face-capture-frame-max-w);\n  border-radius: var(--radius-full, var(--border-radius-full));\n  border-style: var(--tw-border-style);\n  border-width: 12px;\n  border-color: #0000;\n  position: relative;\n}\n\n.IncodeCaptureContainer .IncodeCaptureVideoWrapper {\n  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n  width: calc(100% - 24px);\n  height: calc(100% - 24px);\n  translate: var(--tw-translate-x) var(--tw-translate-y);\n  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );\n  border-radius: var(--radius-full, var(--border-radius-full));\n  background-color: var(--color-surface-neutral-100-static, var(--surface-neutral-100-static));\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  overflow: hidden;\n}\n\n.IncodeCaptureContainer .IncodeCaptureVideo {\n  z-index: 50;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.IncodeCaptureContainer .IncodeCaptureVideoElement {\n  inset: var(--spacing-0, var(--spacing-none, 0px));\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.IncodeCaptureContainer .IncodeCaptureVideoElement.IncodeMediaCoverPending {\n  opacity: 0;\n}\n\n.IncodeCaptureContainer .IncodeCaptureVideoElement.IncodeCaptureVideoMirrored {\n  transform: scaleX(-1);\n}\n\n.IncodeCaptureContainer .IncodeCaptureAvatarHost {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.IncodeCaptureContainer .IncodeCaptureAvatarElement {\n  inset: var(--spacing-0, var(--spacing-none, 0px));\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.IncodeCaptureContainer .IncodeCaptureAvatarElement.IncodeMediaCoverPending {\n  opacity: 0;\n}\n\n.IncodeCaptureContainer .IncodeCaptureAvatarElement.IncodeCaptureAvatarMirrored {\n  transform: scaleX(-1);\n}\n\n.IncodeCaptureVisuallyHidden {\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border-width: 0;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  position: absolute;\n  overflow: hidden;\n}\n\n.IncodeFaceOutline {\n  width: 100%;\n  height: 100%;\n}\n\n.IncodeLoadingBorder {\n  aspect-ratio: 1;\n  width: 100%;\n  max-width: var(--face-capture-frame-max-w);\n  position: absolute;\n}\n\n.IncodeLoadingBorder .IncodeLoadingBorderBase, .IncodeLoadingBorder .IncodeLoadingBorderForeground {\n  inset: var(--spacing-0, var(--spacing-none, 0px));\n  position: absolute;\n}\n\n.IncodeLoadingBorder .IncodeLoadingBorderForeground.IncodeLoadingBorderSpinning {\n  animation: var(--animate-spin, spin 1s linear infinite);\n}\n\n.IncodeLoadingBorder .IncodeLoadingBorderPath {\n  transition: all 1s ease-in-out;\n}\n\n.IncodeNotification {\n  flex-direction: column;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeNotification .IncodeNotificationText {\n  text-align: center;\n  font-family: var(--typography-feedback-family);\n  font-size: var(--typography-feedback-l-size);\n  font-weight: var(--typography-feedback-l-weight);\n  line-height: var(--typography-feedback-l-line-height);\n  letter-spacing: var(--typography-feedback-l-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeCameraButton {\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeCameraButton .IncodeCameraButtonBackground {\n  fill: var(--color-icon-neutral-800-static, var(--icon-neutral-800-static));\n}\n\n.IncodeCameraButton .IncodeCameraButtonRing, .IncodeCameraButton .IncodeCameraButtonPath {\n  fill: var(--color-icon-neutral-50, var(--icon-neutral-50-static));\n}\n\n.IncodeCaptureCapturingPage .IncodeCaptureCapturingActions {\n  justify-content: center;\n  margin-top: auto;\n  display: flex;\n}\n\n.IncodePrivacyLensBanner {\n  max-width: var(--privacy-lens-banner-max-w);\n  text-align: center;\n  color: var(--privacy-lens-banner-color);\n  font-size: var(--privacy-lens-banner-font-size);\n  line-height: var(--privacy-lens-banner-line-height);\n  padding: var(--privacy-lens-banner-padding);\n  margin-inline: auto;\n}\n\n.IncodeCaptureStatusPage .IncodeCaptureStatusContainer {\n  flex-direction: column;\n  flex: 1;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeCaptureStatusPage .IncodeCaptureStatusTitle {\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h2-size);\n  font-weight: var(--typography-headline-h2-weight);\n  line-height: var(--typography-headline-h2-line-height);\n  letter-spacing: var(--typography-headline-h2-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeSelfieManualCapture {\n  max-width: var(--manual-face-capture-max-w);\n  flex-direction: column;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeSelfieManualCaptureText {\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeSelfieManualCaptureButton {\n  padding: var(--spacing-0, var(--spacing-none, 0px));\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadContainer {\n  gap: var(--spacing-8, var(--spacing-8, 8px));\n  width: 100%;\n  padding-block: var(--spacing-24, var(--spacing-24, 24px));\n  flex-direction: column;\n  display: flex;\n}\n\n.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadFormats {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n  padding-inline: var(--spacing-4, var(--spacing-4, 4px));\n  font-family: var(--typography-body-family);\n  font-size: var(--typography-body-m-regular-size);\n  font-weight: var(--typography-body-m-regular-weight);\n  line-height: var(--typography-body-m-regular-line-height);\n  letter-spacing: var(--typography-body-m-regular-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadError {\n  align-items: flex-start;\n  gap: var(--spacing-4, var(--spacing-4, 4px));\n  width: 100%;\n  padding-inline: var(--spacing-4, var(--spacing-4, 4px));\n  font-family: var(--typography-body-family);\n  font-size: var(--typography-body-m-regular-size);\n  font-weight: var(--typography-body-m-regular-weight);\n  line-height: var(--typography-body-m-regular-line-height);\n  letter-spacing: var(--typography-body-m-regular-letter-spacing);\n  color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));\n  display: flex;\n}\n\n.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadError p {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n  flex: 1;\n}\n\n.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadFooter {\n  margin-top: auto;\n  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n  row-gap: var(--spacing-24, var(--spacing-24, 24px));\n  width: 100%;\n  padding-top: var(--spacing-24, var(--spacing-24, 24px));\n  flex-direction: column;\n  display: flex;\n}\n\n.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadHintCard {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n  border-radius: var(--radius-x-small, var(--border-radius-x-small));\n  background-color: var(--color-surface-brand-50, var(--surface-brand-50));\n  width: 100%;\n  padding-block: var(--spacing-16, var(--spacing-16, 16px));\n  padding-right: var(--spacing-12, var(--spacing-12, 12px));\n  padding-left: var(--spacing-32, var(--spacing-32, 32px));\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  list-style-type: disc;\n}\n\n.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadHintCard li {\n  font-family: var(--typography-button-family);\n  font-size: var(--typography-button-s-size);\n  font-weight: var(--typography-button-s-weight);\n  line-height: var(--typography-button-s-line-height);\n  letter-spacing: var(--typography-button-s-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeSelfieManualUploadPage .IncodeSelfieManualUploadHintCard li + li {\n  margin-top: var(--spacing-4, var(--spacing-4, 4px));\n}\n\n.IncodeSelfieUploadSlot {\n  cursor: pointer;\n  align-items: center;\n  gap: var(--spacing-12, var(--spacing-12, 12px));\n  border-radius: var(--radius-medium, var(--border-radius-medium));\n  border-style: var(--tw-border-style);\n  border-width: var(--border-width-regular, var(--primitive-border-width-1));\n  --tw-border-style: solid;\n  border-style: solid;\n  border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));\n  width: 100%;\n  padding-block: var(--spacing-24, var(--spacing-24, 24px));\n  padding-right: var(--spacing-24, var(--spacing-24, 24px));\n  padding-left: var(--spacing-20, var(--spacing-20, 20px));\n  text-align: left;\n  display: flex;\n}\n\n.IncodeSelfieUploadSlot .IncodeSelfieUploadSlotIcon {\n  width: var(--spacing-24, var(--spacing-24, 24px));\n  height: var(--spacing-24, var(--spacing-24, 24px));\n  color: var(--color-icon-neutral-500, var(--icon-neutral-500));\n  flex-shrink: 0;\n  justify-content: center;\n  display: flex;\n}\n\n.IncodeSelfieUploadSlot .IncodeSelfieUploadSlotLabel {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: left;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  flex: 1;\n  overflow: hidden;\n}\n\n.IncodeSelfieUploadSlot .IncodeSelfieUploadSlotAction {\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n  display: inline-flex;\n}\n\n.IncodeSelfieUploadSlot .IncodeSelfieUploadSlotPill {\n  align-items: center;\n  gap: var(--spacing-4, var(--spacing-4, 4px));\n  border-radius: var(--radius-full, var(--border-radius-full));\n  background-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));\n  padding-block: var(--spacing-8, var(--spacing-8, 8px));\n  padding-right: var(--spacing-8, var(--spacing-8, 8px));\n  padding-left: var(--spacing-16, var(--spacing-16, 16px));\n  font-family: var(--typography-button-family);\n  font-size: var(--typography-button-s-size);\n  font-weight: var(--typography-button-s-weight);\n  line-height: var(--typography-button-s-line-height);\n  letter-spacing: var(--typography-button-s-letter-spacing);\n  color: var(--color-button-primary-text-default, var(--button-primary-text-default));\n  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));\n  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));\n  --tw-duration: .2s;\n  transition-duration: .2s;\n  display: inline-flex;\n}\n\n.IncodeSelfieUploadSlot:focus-visible {\n  outline-style: var(--tw-outline-style);\n  outline-offset: 2px;\n  outline-width: 2px;\n  outline-color: var(--color-border-status-focus, var(--border-status-focus));\n}\n\n.IncodeSelfieUploadSlot:hover:not(:disabled) .IncodeSelfieUploadSlotPill {\n  background-color: var(--color-button-primary-surface-hover, var(--button-primary-surface-hover));\n}\n\n.IncodeSelfieUploadSlot:disabled {\n  cursor: not-allowed;\n  opacity: .5;\n}\n\n.IncodeSelfieUploadSlot + .IncodeSelfieUploadSlotInput {\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border-width: 0;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  position: absolute;\n  overflow: hidden;\n}\n\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-rotate-x {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-rotate-y {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-rotate-z {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-skew-x {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-skew-y {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n";

package/dist/signature/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    .IncodeComponent, .IncodeComponent *, .IncodeComponent :before, .IncodeComponent :after, .IncodeComponent ::backdrop {\n      --tw-border-style: solid;\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n    }\n  }\n}\n\n.IncodeSignature .IncodeSrOnly {\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border-width: 0;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  position: absolute;\n  overflow: hidden;\n}\n\n.IncodeSignature .IncodeSignatureContent {\n  width: 100%;\n  height: 100%;\n  padding-top: var(--spacing-32, var(--spacing-32, 32px));\n  flex-direction: column;\n  flex: 1;\n  display: flex;\n}\n\n.IncodeSignature .IncodeSignatureButtonContainer {\n  margin-block: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeSignature.IncodeSignatureFadeIn {\n  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;\n  animation-fill-mode: both;\n}\n\n.IncodeSignature .IncodeSignatureCanvasContainer {\n  width: 100%;\n  padding-inline: var(--spacing-16, var(--spacing-16, 16px));\n  padding-block: var(--spacing-8, var(--spacing-8, 8px));\n  border-radius: var(--radius-small, var(--border-radius-small));\n  border-style: var(--tw-border-style);\n  border-width: var(--border-width-regular, var(--primitive-border-width-1));\n  --tw-border-style: solid;\n  border-style: solid;\n  border-color: var(--color-input-border-default, var(--input-border-default));\n  background-color: var(--color-input-surface-default, var(--input-surface-default));\n  height: var(--signature-canvas-height);\n  max-width: var(--signature-canvas-max-width);\n  align-self: center;\n  position: relative;\n}\n\n.IncodeSignature .IncodeSignatureCanvas {\n  width: 100%;\n  height: 100%;\n  padding-block: var(--spacing-8, var(--spacing-8, 8px));\n}\n\n.IncodeSignature .IncodeSignatureCanvasPlaceholder {\n  font-family: var(--typography-input-dropdown-family);\n  font-size: var(--typography-input-dropdown-m-size);\n  font-weight: var(--typography-input-dropdown-m-weight);\n  line-height: var(--typography-input-dropdown-m-line-height);\n  letter-spacing: var(--typography-input-dropdown-m-letter-spacing);\n  color: var(--color-input-text-field-placeholder, var(--input-text-field-placeholder));\n  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n  translate: var(--tw-translate-x) var(--tw-translate-y);\n  pointer-events: none;\n  text-align: center;\n  -webkit-user-select: none;\n  user-select: none;\n  width: 100%;\n  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;\n  animation-fill-mode: both;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n}\n\n.IncodeSignature .IncodeSignatureSuccess {\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n";

package/dist/types/flow.d.ts

@@ -106,6 +106,13 @@ export declare type FlowConfig = FlowRuntimeConfig & FlowUiConfig;
 declare type FlowRuntimeConfig = TokenFlowRuntimeConfig | SelfLoadingFlowRuntimeConfig;
 
 declare type FlowUiConfig = {
+    /**
+     * Load flow and module stylesheets as screens become visible. Defaults to false.
+     * Keep the theme and base.css imports (base includes fonts); omit flow/styles.css.
+     */
+    injectCss?: boolean;
+    /** CSP nonce for style elements created by injectCss. */
+    cssNonce?: string;
     onModuleLoading?: (moduleKey: string) => void;
     onModuleLoaded?: (moduleKey: string) => void;
     /**

package/dist/video-selfie/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    .IncodeComponent, .IncodeComponent *, .IncodeComponent :before, .IncodeComponent :after, .IncodeComponent ::backdrop {\n      --tw-border-style: solid;\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n    }\n  }\n}\n\n@layer incode-theme, incode-utilities, incode-base, incode-components;\n\n@keyframes slideUp {\n  from {\n    transform: translateY(100%);\n  }\n\n  to {\n    transform: translateY(0);\n  }\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes incodeToastFadeInOut {\n  0% {\n    opacity: 0;\n    transform: translate(-50%, -20px);\n  }\n\n  15% {\n    opacity: 1;\n    transform: translate(-50%);\n  }\n\n  85% {\n    opacity: 1;\n    transform: translate(-50%);\n  }\n\n  100% {\n    opacity: 0;\n    transform: translate(-50%, -20px);\n  }\n}\n\n.IncodeCaptureContainer {\n  flex-direction: column;\n  flex: 1;\n  justify-content: flex-start;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  position: relative;\n  overflow: hidden;\n}\n\n.IncodeCaptureContainer .IncodeCaptureFrame {\n  aspect-ratio: 1;\n  width: 100%;\n  max-width: var(--face-capture-frame-max-w);\n  border-radius: var(--radius-full, var(--border-radius-full));\n  border-style: var(--tw-border-style);\n  border-width: 12px;\n  border-color: #0000;\n  position: relative;\n}\n\n.IncodeCaptureContainer .IncodeCaptureVideoWrapper {\n  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n  width: calc(100% - 24px);\n  height: calc(100% - 24px);\n  translate: var(--tw-translate-x) var(--tw-translate-y);\n  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );\n  border-radius: var(--radius-full, var(--border-radius-full));\n  background-color: var(--color-surface-neutral-100-static, var(--surface-neutral-100-static));\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  overflow: hidden;\n}\n\n.IncodeCaptureContainer .IncodeCaptureVideo {\n  z-index: 50;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.IncodeCaptureContainer .IncodeCaptureVideoElement {\n  inset: var(--spacing-0, var(--spacing-none, 0px));\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.IncodeCaptureContainer .IncodeCaptureVideoElement.IncodeMediaCoverPending {\n  opacity: 0;\n}\n\n.IncodeCaptureContainer .IncodeCaptureVideoElement.IncodeCaptureVideoMirrored {\n  transform: scaleX(-1);\n}\n\n.IncodeCaptureContainer .IncodeCaptureAvatarHost {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.IncodeCaptureContainer .IncodeCaptureAvatarElement {\n  inset: var(--spacing-0, var(--spacing-none, 0px));\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.IncodeCaptureContainer .IncodeCaptureAvatarElement.IncodeMediaCoverPending {\n  opacity: 0;\n}\n\n.IncodeCaptureContainer .IncodeCaptureAvatarElement.IncodeCaptureAvatarMirrored {\n  transform: scaleX(-1);\n}\n\n.IncodeCaptureVisuallyHidden {\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border-width: 0;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  position: absolute;\n  overflow: hidden;\n}\n\n.IncodeFaceOutline {\n  width: 100%;\n  height: 100%;\n}\n\n.IncodeLoadingBorder {\n  aspect-ratio: 1;\n  width: 100%;\n  max-width: var(--face-capture-frame-max-w);\n  position: absolute;\n}\n\n.IncodeLoadingBorder .IncodeLoadingBorderBase, .IncodeLoadingBorder .IncodeLoadingBorderForeground {\n  inset: var(--spacing-0, var(--spacing-none, 0px));\n  position: absolute;\n}\n\n.IncodeLoadingBorder .IncodeLoadingBorderForeground.IncodeLoadingBorderSpinning {\n  animation: var(--animate-spin, spin 1s linear infinite);\n}\n\n.IncodeLoadingBorder .IncodeLoadingBorderPath {\n  transition: all 1s ease-in-out;\n}\n\n.IncodeNotification {\n  flex-direction: column;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeNotification .IncodeNotificationText {\n  text-align: center;\n  font-family: var(--typography-feedback-family);\n  font-size: var(--typography-feedback-l-size);\n  font-weight: var(--typography-feedback-l-weight);\n  line-height: var(--typography-feedback-l-line-height);\n  letter-spacing: var(--typography-feedback-l-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeIdCaptureNotification {\n  top: var(--spacing-24, var(--spacing-24, 24px));\n  right: var(--spacing-24, var(--spacing-24, 24px));\n  left: var(--spacing-24, var(--spacing-24, 24px));\n  z-index: 100;\n  max-width: var(--incode-form-max-w);\n  padding-bottom: var(--spacing-32, var(--spacing-32, 32px));\n  align-items: flex-end;\n  margin: auto;\n  display: flex;\n  position: absolute;\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent {\n  z-index: 100;\n  border-radius: var(--radius-large, var(--border-radius-large));\n  border-style: var(--tw-border-style);\n  border-width: 2px;\n  border-color: var(--color-border-neutral-300, var(--border-neutral-300));\n  background-color: var(--color-surface-neutral-900-80, var(--surface-neutral-900-80));\n  width: 100%;\n  padding-inline: var(--spacing-20, var(--spacing-20, 20px));\n  box-shadow: var(--id-capture-notification-content-shadow);\n  display: flex;\n  overflow: hidden;\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText {\n  justify-content: center;\n  gap: var(--spacing-8, var(--spacing-8, 8px));\n  padding-top: var(--spacing-16, var(--spacing-16, 16px));\n  padding-bottom: var(--spacing-12, var(--spacing-12, 12px));\n  text-align: center;\n  color: var(--color-text-body-0-static, var(--text-body-0-static));\n  flex-direction: column;\n  display: flex;\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationTitle {\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h3-size);\n  font-weight: var(--typography-headline-h3-weight);\n  line-height: var(--typography-headline-h3-line-height);\n  letter-spacing: var(--typography-headline-h3-letter-spacing);\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationDescription {\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-tertiary-static, var(--text-body-300-tertiary-static));\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationAnimation {\n  height: var(--id-capture-notification-animation-height);\n  justify-content: center;\n  align-items: center;\n  width: auto;\n  display: flex;\n}\n\n.IncodeVideoSelfieCapturePage {\n  background-color: var(--capture-page-backdrop-color);\n}\n\n.IncodeVideoSelfieCapturePage .IncodePageInner {\n  padding: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeVideoSelfieCapturePage .IncodePageContent {\n  flex: 1;\n  position: relative;\n}\n\n.IncodeVideoSelfieOverlay {\n  pointer-events: none;\n  inset: var(--spacing-0, var(--spacing-none, 0px));\n  z-index: 10;\n  flex-direction: column;\n  align-items: center;\n  display: flex;\n  position: absolute;\n  container-type: inline-size;\n}\n\n.IncodeVideoSelfieSwitchingCameraPage {\n  background-color: var(--color-surface-neutral-900-static, var(--surface-neutral-900-static));\n}\n\n.IncodeVideoSelfieSwitchingCameraPage .IncodePageInner {\n  padding: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeVideoSelfieSwitchingCameraPage .IncodePageContent {\n  flex: 1;\n  position: relative;\n}\n\n.IncodeVideoSelfieSwitchingCameraPage .IncodeVideoSelfieSwitchingCamera {\n  width: 100%;\n  height: 100%;\n  padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: relative;\n}\n\n.IncodeVideoSelfieSwitchingCameraPage .IncodeVideoSelfieSwitchingCameraContent {\n  align-items: center;\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  text-align: center;\n  flex-direction: column;\n  display: flex;\n}\n\n.IncodeVideoSelfieSwitchingCameraPage .IncodeVideoSelfieSwitchingCameraIcon {\n  width: var(--spacing-40, var(--spacing-40, 40px));\n  height: var(--spacing-40, var(--spacing-40, 40px));\n}\n\n.IncodeVideoSelfieSwitchingCameraPage .IncodeVideoSelfieSwitchingCameraTitle {\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h2-size);\n  font-weight: var(--typography-headline-h2-weight);\n  line-height: var(--typography-headline-h2-line-height);\n  letter-spacing: var(--typography-headline-h2-letter-spacing);\n  color: var(--color-text-body-0-static, var(--text-body-0-static));\n}\n\n.IncodeVideoSelfieTutorialPage .IncodePageContent {\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeVideoSelfieTutorialBody {\n  margin-top: var(--spacing-24, var(--spacing-24, 24px));\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  flex: 1;\n  overflow-y: auto;\n}\n\n.IncodeVideoSelfieTutorialSteps {\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  gap: var(--spacing-8, var(--spacing-8, 8px));\n  flex-direction: column;\n  margin-inline: auto;\n  display: flex;\n}\n\n.IncodeVideoSelfieTutorialStep {\n  align-items: center;\n  gap: var(--spacing-12, var(--spacing-12, 12px));\n  display: flex;\n}\n\n.IncodeVideoSelfieTutorialStepIcon {\n  width: var(--spacing-40, var(--spacing-40, 40px));\n  height: var(--spacing-40, var(--spacing-40, 40px));\n  border-radius: var(--radius-small, var(--border-radius-small));\n  border-style: var(--tw-border-style);\n  border-width: 2px;\n  border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: relative;\n}\n\n.IncodeVideoSelfieTutorialStepIcon svg {\n  height: var(--spacing-24, var(--spacing-24, 24px));\n  width: var(--spacing-24, var(--spacing-24, 24px));\n}\n\n.IncodeVideoSelfieTutorialStep:not(:last-child) .IncodeVideoSelfieTutorialStepIcon:after {\n  content: \"\";\n  height: var(--spacing-8, var(--spacing-8, 8px));\n  width: var(--spacing-2, var(--spacing-2, 2px));\n  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n  translate: var(--tw-translate-x) var(--tw-translate-y);\n  background-color: var(--color-border-neutral-100, var(--border-neutral-100));\n  position: absolute;\n  top: 100%;\n  left: 50%;\n}\n\n.IncodeVideoSelfieTutorialStepLabel {\n  text-align: left;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h4-size);\n  font-weight: var(--typography-headline-h4-weight);\n  line-height: var(--typography-headline-h4-line-height);\n  letter-spacing: var(--typography-headline-h4-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeVideoSelfieTutorialActions {\n  bottom: var(--spacing-0, var(--spacing-none, 0px));\n  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n  width: 100%;\n  padding-top: var(--spacing-24, var(--spacing-24, 24px));\n  padding-bottom: var(--spacing-24, var(--spacing-24, 24px));\n  flex-shrink: 0;\n  display: flex;\n  position: sticky;\n}\n\n.IncodeVideoSelfieTutorialStartButton {\n  max-width: var(--incode-form-max-w);\n  margin: auto;\n}\n\n.IncodeVsStepsHeader {\n  inset-inline: var(--spacing-0, var(--spacing-none, 0px));\n  top: var(--spacing-0, var(--spacing-none, 0px));\n  gap: var(--spacing-2, var(--spacing-2, 2px));\n  width: 100%;\n  padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n  padding-top: var(--spacing-24, var(--spacing-24, 24px));\n  color: var(--color-text-body-0-static, var(--text-body-0-static));\n  z-index: var(--video-selfie-chrome-z-index);\n  background-color: #0000;\n  list-style-type: none;\n  display: flex;\n  position: absolute;\n}\n\n.IncodeVsStepsHeader .IncodeVsStepsHeaderStep {\n  align-items: center;\n  gap: var(--spacing-8, var(--spacing-8, 8px));\n  width: 100%;\n  height: var(--video-selfie-stepper-height);\n  flex-direction: column;\n  flex: 1;\n  display: flex;\n  position: relative;\n}\n\n.IncodeVsStepsHeader .IncodeVsStepsHeaderStep img {\n  width: var(--spacing-32, var(--spacing-32, 32px));\n  height: var(--spacing-32, var(--spacing-32, 32px));\n}\n\n.IncodeVsStepsHeader .IncodeVsStepsHeaderPill {\n  border-radius: var(--radius-full, var(--border-radius-full));\n  background-color: var(--color-surface-neutral-200, var(--surface-neutral-200));\n  width: 100%;\n  height: var(--video-selfie-stepper-pill-height);\n  opacity: .25;\n  transition: opacity .3s ease-in-out;\n}\n\n.IncodeVsStepsHeader .IncodeVsStepsHeaderStepCompleted .IncodeVsStepsHeaderPill {\n  opacity: .5;\n}\n\n.IncodeVsStepsHeader .IncodeVsStepsHeaderStepCurrent .IncodeVsStepsHeaderPill {\n  opacity: 1;\n}\n\n.IncodeVsStepsHeader.IncodeVsStepsHeaderFinished .IncodeVsStepsHeaderPill {\n  background-color: var(--border-status-positive-static);\n  opacity: 1;\n}\n\n.IncodeVsSelfieManualCapture {\n  pointer-events: auto;\n}\n\n.IncodeVideoSelfieOverlay .IncodeVsSelfieMask {\n  border-radius: var(--radius-full, var(--border-radius-full));\n  z-index: var(--video-selfie-mask-z-index);\n  width: 86cqw;\n  height: 86cqw;\n  box-shadow: var(--video-selfie-mask-vignette-shadow);\n  position: absolute;\n  top: calc(50% - 7cqw);\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.IncodeVideoSelfieOverlay .IncodeVsSelfieMask .IncodeVsSelfieMaskRing {\n  inset: var(--spacing-0, var(--spacing-none, 0px));\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  overflow: visible;\n}\n\n.IncodeVideoSelfieOverlay .IncodeVsSelfieMaskFeedback {\n  inset-inline: var(--spacing-0, var(--spacing-none, 0px));\n  align-items: center;\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  text-align: center;\n  width: 100%;\n  z-index: var(--video-selfie-chrome-z-index);\n  max-width: var(--video-selfie-feedback-max-width);\n  flex-direction: column;\n  margin-inline: auto;\n  display: flex;\n  position: absolute;\n  top: calc(50% + 36cqw + 40px);\n}\n\n.IncodeVideoSelfieOverlay .IncodeVsSelfieMaskIcon {\n  width: var(--spacing-32, var(--spacing-32, 32px));\n  height: var(--spacing-32, var(--spacing-32, 32px));\n}\n\n.IncodeVideoSelfieOverlay .IncodeVsSelfieMaskText {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h2-size);\n  font-weight: var(--typography-headline-h2-weight);\n  line-height: var(--typography-headline-h2-line-height);\n  letter-spacing: var(--typography-headline-h2-letter-spacing);\n  color: var(--color-text-body-0-static, var(--text-body-0-static));\n}\n\n.IncodeVsIdMask {\n  z-index: 50;\n  padding-inline: var(--spacing-24);\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: absolute;\n  inset: 0;\n}\n\n.IncodeVsIdMask .IncodeVsIdManualCapture {\n  bottom: var(--spacing-32);\n  z-index: 60;\n  pointer-events: auto;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.IncodeVsIdMask .IncodeIdCaptureNotification {\n  top: calc(var(--spacing-24) + var(--video-selfie-stepper-height) + var(--spacing-16));\n}\n\n.IncodeVsIdMask .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent {\n  background-color: var(--surface-neutral-900-static);\n}\n\n.IncodeVsIdMask .IncodeVsIdFeedback {\n  z-index: 100;\n  justify-content: center;\n  align-items: center;\n  gap: var(--spacing-12, var(--spacing-12, 12px));\n  border-radius: var(--radius-medium, var(--border-radius-medium));\n  padding: var(--spacing-32, var(--spacing-32, 32px));\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h2-size);\n  font-weight: var(--typography-headline-h2-weight);\n  line-height: var(--typography-headline-h2-line-height);\n  letter-spacing: var(--typography-headline-h2-letter-spacing);\n  color: var(--color-text-body-0-static, var(--text-body-0-static));\n  background-color: var(--surface-neutral-900-static);\n  border: var(--border-width-regular) solid var(--border-neutral-100-static);\n  width: max-content;\n  max-width: var(--video-selfie-id-feedback-max-width);\n  flex-direction: column;\n  display: flex;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  overflow: hidden;\n  transform: translate(-50%, -50%);\n}\n\n.IncodeVsIdMask .IncodeVsIdFeedback.IncodeVsIdFeedbackError {\n  width: var(--video-selfie-id-feedback-width);\n}\n\n.IncodeVsIdMask .IncodeVsIdFeedback.IncodeVsIdFeedbackProcessing {\n  gap: var(--spacing-16);\n  color: var(--text-body-50-static);\n  width: var(--video-selfie-id-processing-feedback-width);\n  height: var(--video-selfie-id-processing-feedback-height);\n}\n\n.IncodeVsIdMask .IncodeVsIdFeedback.IncodeVsIdFeedbackProcessing p {\n  white-space: nowrap;\n}\n\n.IncodeVsIdMask .IncodeVsIdFeedback .IncodeVsIdFeedbackSpinnerPrimary {\n  fill: var(--spinner-surface-primary);\n}\n\n.IncodeVsIdMask .IncodeVsIdFeedback .IncodeVsIdFeedbackSpinnerSecondary {\n  fill: var(--surface-brand-900-static);\n}\n\n.IncodeVsIdFlipModal .IncodeModalDialog {\n  max-width: none;\n  height: 100%;\n}\n\n.IncodeVsIdFlipModal .IncodeModalContent {\n  border-radius: var(--radius-none, var(--border-radius-none));\n  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n  max-width: none;\n  height: 100%;\n  padding: var(--spacing-24, var(--spacing-24, 24px));\n  justify-content: center;\n  gap: var(--video-selfie-id-flip-gap);\n}\n\n.IncodeVsIdFlipModal .IncodeModalTitleSectionCenter {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeVsIdFlipModal .IncodeVsIdFlipAnimation {\n  height: var(--video-selfie-id-flip-animation-height);\n  width: var(--video-selfie-id-flip-animation-width);\n  overflow: hidden;\n}\n\n.IncodeVsFinalSuccess {\n  justify-content: center;\n  align-items: center;\n  gap: var(--spacing-12, var(--spacing-12, 12px));\n  padding-block: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  flex: 1;\n  display: flex;\n}\n\n.IncodeVsFinalSuccess .IncodeVsFinalSuccessTitle {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h2-size);\n  font-weight: var(--typography-headline-h2-weight);\n  line-height: var(--typography-headline-h2-line-height);\n  letter-spacing: var(--typography-headline-h2-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeVsPoaMask {\n  pointer-events: none;\n  z-index: 50;\n  position: absolute;\n  inset: 0;\n}\n\n.IncodeVsPoaBanner {\n  top: var(--spacing-0, var(--spacing-none, 0px));\n  right: var(--spacing-0, var(--spacing-none, 0px));\n  left: var(--spacing-0, var(--spacing-none, 0px));\n  background-color: var(--color-surface-neutral-1000-80-static, var(--surface-neutral-1000-80-static));\n  padding-inline: var(--spacing-16, var(--spacing-16, 16px));\n  padding-top: var(--poa-mask-banner-padding-top);\n  padding-bottom: var(--spacing-16, var(--spacing-16, 16px));\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: absolute;\n}\n\n.IncodeVsPoaBannerText {\n  text-align: center;\n  color: var(--poa-mask-banner-text-color);\n  margin: 0;\n  font-size: 1.5rem;\n  font-weight: 700;\n  line-height: 1.4;\n}\n\n.IncodeVsPoaBannerEmphasis {\n  color: var(--poa-mask-emphasis-color);\n}\n\n.IncodeVsPoaActions {\n  right: var(--spacing-16, var(--spacing-16, 16px));\n  bottom: var(--spacing-16, var(--spacing-16, 16px));\n  left: var(--spacing-16, var(--spacing-16, 16px));\n  justify-content: center;\n  display: flex;\n  position: absolute;\n}\n\n.IncodeVsPoaButton {\n  pointer-events: auto;\n  width: 100%;\n}\n\n.IncodeVsVoicePanel {\n  pointer-events: auto;\n  z-index: var(--video-selfie-mask-z-index);\n  align-items: center;\n  gap: var(--spacing-12);\n  padding: var(--spacing-20) var(--spacing-16);\n  border-radius: var(--border-radius-large);\n  background: var(--surface-neutral-0-static);\n  color: var(--text-body-800-primary-static);\n  border: var(--video-selfie-voice-panel-border-width) solid transparent;\n  box-shadow: var(--video-selfie-voice-vignette-shadow);\n  flex-direction: column;\n  transition: border-color .3s ease-in-out;\n  display: flex;\n  position: absolute;\n  bottom: 10px;\n  left: 10px;\n  right: 10px;\n}\n\n.IncodeVsVoicePanel.IncodeVsVoicePanelActive {\n  border-color: var(--border-brand-500);\n}\n\n.IncodeVsVoicePanel.IncodeVsVoicePanelProcessing {\n  border-style: var(--tw-border-style);\n  left: var(--spacing-8);\n  right: var(--spacing-8);\n  bottom: var(--spacing-8);\n  justify-content: center;\n  align-items: center;\n  gap: var(--spacing-16);\n  height: var(--video-selfie-voice-processing-height);\n  min-height: var(--video-selfie-voice-processing-height);\n  padding: var(--spacing-24) var(--spacing-16);\n  border-width: 0;\n}\n\n.IncodeVsVoicePanel .IncodeVsVoicePanelProcessingTitle {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h2-size);\n  font-weight: var(--typography-headline-h2-weight);\n  line-height: var(--typography-headline-h2-line-height);\n  letter-spacing: var(--typography-headline-h2-letter-spacing);\n  color: var(--color-spinner-text-title, var(--spinner-text-title));\n}\n\n.IncodeVsVoicePanel .IncodeVsVoicePanelLabel {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h4-size);\n  font-weight: var(--typography-headline-h4-weight);\n  line-height: var(--typography-headline-h4-line-height);\n  letter-spacing: var(--typography-headline-h4-letter-spacing);\n  color: var(--text-body-500-secondary-static);\n}\n\n.IncodeVsVoicePanel .IncodeVsVoicePanelTitle {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n  padding-inline: var(--spacing-16, var(--spacing-16, 16px));\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h2-size);\n  font-weight: var(--typography-headline-h2-weight);\n  line-height: var(--typography-headline-h2-line-height);\n  letter-spacing: var(--typography-headline-h2-letter-spacing);\n  color: var(--text-body-800-primary-static);\n}\n\n.IncodeVsVoicePanel .IncodeVsVoicePanelButton {\n  width: 100%;\n}\n\n.IncodeVsVoicePanel .IncodeVsVoiceStepper {\n  margin: var(--spacing-0, var(--spacing-none, 0px));\n  gap: var(--spacing-8, var(--spacing-8, 8px));\n  width: 100%;\n  padding: var(--spacing-0, var(--spacing-none, 0px));\n  list-style-type: none;\n  display: flex;\n}\n\n.IncodeVsVoicePanel .IncodeVsVoiceStep {\n  height: var(--spacing-4);\n  border-radius: var(--border-radius-full);\n  background: var(--surface-neutral-100-static);\n  flex: 1;\n}\n\n.IncodeVsVoicePanel .IncodeVsVoiceStepActive {\n  background: var(--surface-brand-500-static);\n}\n\n.IncodeVsVoicePanel .IncodeVsVoiceMic {\n  width: var(--spacing-16);\n  height: var(--spacing-16);\n  border-radius: var(--border-radius-full);\n  background: var(--icon-status-negative);\n  animation: 1.2s ease-in-out infinite IncodeVsVoiceMicPulse;\n}\n\n@keyframes IncodeVsVoiceMicPulse {\n  0%, 100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  50% {\n    opacity: .4;\n    transform: scale(.8);\n  }\n}\n\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-rotate-x {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-rotate-y {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-rotate-z {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-skew-x {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-skew-y {\n  syntax: \"*\";\n  inherits: false\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n";

package/dist/watchlist-for-business/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n.IncodeWatchlistForBusinessPage {\n  height: 100%;\n}\n\n.IncodeWatchlistForBusinessPage .IncodeWatchlistForBusinessForm {\n  margin-top: var(--spacing-32, var(--spacing-32, 32px));\n  align-items: center;\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  display: flex;\n}\n\n.IncodeWatchlistForBusinessPage .IncodeWatchlistForBusinessForm button {\n  margin-top: auto;\n}\n";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260911-d4e8be9f",
+  "version": "0.0.0-dev-20260911-c64b0a1f",
   "license": "ISC",
   "repository": {
     "type": "git",
@@ -287,7 +287,7 @@
   ],
   "dependencies": {
     "preact": "^10.27.2",
-    "@incodetech/core": "0.0.0-dev-20260911-d4e8be9f"
+    "@incodetech/core": "0.0.0-dev-20260911-c64b0a1f"
   },
   "devDependencies": {
     "@fontsource/dm-sans": "^5.2.8",