@incodetech/web 0.0.0-dev-20260928-d24f59d8 → 0.0.0-dev-20260928-d449de76

package/dist/base.css

@@ -5661,16 +5661,24 @@
 }
 
 .IncodeCameraFrame .IncodeCaptureCounter {
+  display: grid;
+}
+
+.IncodeCameraFrame .IncodeCaptureCounterDigit {
   border-radius: var(--radius-medium, var(--border-radius-medium));
   background-color: var(--color-countdown-surface-default, var(--countdown-surface-default));
   padding-inline: var(--spacing-32, var(--spacing-32, 32px));
   padding-block: var(--spacing-20, var(--spacing-20, 20px));
+  text-align: center;
   font-family: var(--typography-display-family);
   font-size: var(--typography-display-d2-size);
   font-weight: var(--typography-display-d2-weight);
   line-height: var(--typography-display-d2-line-height);
   letter-spacing: var(--typography-display-d2-letter-spacing);
   color: var(--color-countdown-text-default, var(--countdown-text-default));
+  opacity: 0;
+  animation: incodeCaptureCounterDigit var(--capture-countdown-step) step-end calc(var(--capture-countdown-step) * var(--capture-countdown-index)) forwards;
+  grid-area: 1 / 1;
 }
 
 .IncodeCameraFrame .IncodeCaptureResultImage {
@@ -5697,7 +5705,7 @@
   z-index: 20;
   background-color: var(--surface-neutral-0-static);
   box-shadow: var(--camera-frame-capture-result-flash-shadow);
-  animation: incodeCaptureResultFlash var(--id-capture-result-flash-duration) ease-out forwards;
+  animation: incodeCaptureResultFlash var(--id-capture-result-flash-duration) ease-out var(--capture-result-flash-delay, 0s) both;
   position: absolute;
   overflow: hidden;
 }
@@ -5718,6 +5726,16 @@
   }
 }
 
+@keyframes incodeCaptureCounterDigit {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
 @keyframes incodeCaptureResultFlash {
   0% {
     opacity: 0;
@@ -5879,6 +5897,7 @@
   width: var(--progress-bar-width);
   border-radius: var(--radius-x-small, var(--border-radius-x-small));
   background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));
+  position: relative;
   overflow: hidden;
 }
 
@@ -5895,6 +5914,27 @@
   transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
 }
 
+.IncodeProgressBar .IncodeProgressBarSimulated {
+  inset: var(--spacing-0, var(--spacing-none, 0px));
+  border-radius: var(--radius-x-small, var(--border-radius-x-small));
+  background-color: var(--color-icon-status-positive, var(--icon-status-positive));
+  animation: incodeProgressBarSimulated 5s ease-out var(--progress-bar-simulated-delay, 0s) both;
+  position: absolute;
+  transform: translateX(-100%);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .IncodeProgressBar .IncodeProgressBarSimulated {
+    animation: none;
+  }
+}
+
+@keyframes incodeProgressBarSimulated {
+  to {
+    transform: translateX(-95%);
+  }
+}
+
 .IncodeProgressBarLabel {
   text-align: center;
   font-family: var(--typography-headline-family);

package/dist/document-capture/document-capture.es.js

@@ -1,2 +1,2 @@
-import { t as DocumentCapture } from "../documentCapture-CaX3Jpmq.js";
+import { t as DocumentCapture } from "../documentCapture-CEBwwnVZ.js";
 export { DocumentCapture };

package/dist/{documentCapture-CaX3Jpmq.js → documentCapture-CEBwwnVZ.js}

@@ -7,7 +7,7 @@ import { a as LockIcon, r as SuccessIcon, s as FileIcon, v as CameraIcon, x as B
 import { t as AutoFocusTitle } from "./autoFocusTitle-Mhw9ii46.js";
 import { t as Modal } from "./modal-C4JMNno2.js";
 import { t as ErrorContent } from "./errorContent-BQBCSo_U.js";
-import { n as CaptureFooter, r as ProgressBar, t as useCaptureHelpButton } from "./useCaptureHelpButton-Cba1DODg.js";
+import { n as CaptureFooter, r as ProgressBar, t as useCaptureHelpButton } from "./useCaptureHelpButton-BoUNa8-b.js";
 import { t as BottomSheet } from "./bottomSheet-FRtF2m9j.js";
 import { n as CameraFrame, t as CameraView } from "./cameraView-bsXpJ9g9.js";
 import { n as CameraOverlay, t as CameraOverlayHeader } from "./cameraOverlayHeader-Cpzdt7gL.js";

package/dist/documentCapture-Dh3phhOf.js

@@ -0,0 +1,2 @@
+import { t as DocumentCapture } from "./documentCapture-CEBwwnVZ.js";
+export { DocumentCapture };

package/dist/ekyc/ekyc.es.js

@@ -1,2 +1,2 @@
-import { t as EkycModule } from "../ekycModule-szfkUWtN.js";
+import { t as EkycModule } from "../ekycModule-LPocoxh5.js";
 export { EkycModule };

package/dist/ekyc/styles.css

@@ -34,7 +34,7 @@
   }
 }
 
-.IncodeEkycPage .IncodeEkycForm .IncodeInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDropdownComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDateInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodePhoneInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeAddressAutocomplete {
+.IncodeEkycPage .IncodeEkycForm .IncodeInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDropdownComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDateInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodePhoneInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodePasswordInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeAddressAutocomplete {
   margin-inline: auto;
 }
 

package/dist/ekyc/styles.css.js

@@ -1 +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";
+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 .IncodePasswordInputComposed, .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/ekycModule-CiDUWz-q.js

@@ -0,0 +1,2 @@
+import { t as EkycModule } from "./ekycModule-LPocoxh5.js";
+export { EkycModule };

package/dist/{ekycModule-szfkUWtN.js → ekycModule-LPocoxh5.js}

@@ -4,6 +4,7 @@ import { C as useManager, c as Page, i as withStandaloneModuleBootstrap, t as In
 import { t as Spinner } from "./spinner-Gnctncvs.js";
 import { x as Button } from "./icons-DrOzoEs-.js";
 import { t as VerificationResult } from "./verificationResult-BiQ5T8yF.js";
+import { t as PasswordInputComposed } from "./passwordInputComposed-BMTrYSW5.js";
 import { n as translateError, t as FormField } from "./formField--i2tg0RO.js";
 import { t as PhoneInputComposed } from "./phoneInputComposed-De-TAUKY.js";
 import { t as DropdownComposed } from "./dropdownComposed--ujBqTic.js";
@@ -32,6 +33,12 @@ var EKYC_AUTOCOMPLETE_TOKENS = {
 	dateOfBirth: "bday"
 };
 var getEkycAutocomplete = (name) => EKYC_AUTOCOMPLETE_TOKENS[name];
+/**
+* Sensitive ID fields rendered as a masked input with a show/hide toggle,
+* keyed by `fieldsCountry`.
+*/
+var EKYC_MASKED_FIELDS = { US: ["ssn"] };
+var isMaskedEkycField = (name, country) => EKYC_MASKED_FIELDS[country]?.includes(name) ?? false;
 var EkycContent = ({ config, manager: externalManager, onFinish }) => {
 	const { t } = useTranslation();
 	const [state, manager] = useManager(() => {
@@ -210,6 +217,30 @@ var EkycForm = ({ state, manager }) => {
 					onChange: (next) => manager.setField(field.name, next),
 					onBlur: () => manager.validateField(field.name)
 				})] }, field.name);
+				if (isMaskedEkycField(field.name, fieldsCountry)) return /* @__PURE__ */ u("div", { children: [sectionHeader, /* @__PURE__ */ u("div", {
+					className: "IncodeFormField",
+					children: /* @__PURE__ */ u(PasswordInputComposed, {
+						id: field.name,
+						name: field.name,
+						label: field.displayLabel ?? t(field.label),
+						value: fieldValue,
+						placeholder: field.placeholder ? t(field.placeholder, field.placeholderParams) : void 0,
+						inputMode: "numeric",
+						autoComplete: "off",
+						readOnly: isReadonly,
+						required: isFieldRequired,
+						maxLength: field.maxLength,
+						error: translateError$1(fieldError),
+						showPasswordAriaLabel: t("verification.labels.showSsn"),
+						hidePasswordAriaLabel: t("verification.labels.hideSsn"),
+						onInput: (e) => {
+							const target = e.target;
+							manager.setField(field.name, target.value);
+						},
+						onBlur: () => manager.validateField(field.name),
+						"data-testid": `form-field-${field.name}`
+					})
+				})] }, field.name);
 				return /* @__PURE__ */ u("div", {
 					ref: field.name === "postalCode" ? postalCodeFieldRef : void 0,
 					children: [sectionHeader, /* @__PURE__ */ u(FormField, {

package/dist/extensibility.es.js

@@ -10,7 +10,7 @@ import { t as Modal } from "./modal-C4JMNno2.js";
 import { t as ErrorContent } from "./errorContent-BQBCSo_U.js";
 import { t as VerificationResult } from "./verificationResult-BiQ5T8yF.js";
 import { t as ConnectionError } from "./connectionError-BIjPwMt4.js";
-import { n as CaptureFooter, r as ProgressBar } from "./useCaptureHelpButton-Cba1DODg.js";
+import { n as CaptureFooter, r as ProgressBar } from "./useCaptureHelpButton-BoUNa8-b.js";
 import { n as Input, t as InputComposed } from "./inputComposed-f6bDTL-D.js";
 import { t as FieldLabelHint } from "./fieldLabelHint-CxjArYkQ.js";
 import "./inputComposed-DYqjGYjm.js";
@@ -26,7 +26,7 @@ import { t as DateInputComposed } from "./dateInputComposed-BDX0Q6R3.js";
 import "./dateInputComposed-BrEXfXcX.js";
 import { n as RadioButtonComposed, t as RadioGroupComposed } from "./radioGroupComposed-BBfp4fC6.js";
 import "./radioGroupComposed-DxAO8DHp.js";
-import { b as VerificationOptionCard, c as IdExpired, i as Capture, l as IdError, n as Chooser, r as Tutorial, t as FlipAnimation, x as VerificationOptionCardList } from "./flipAnimation-CkquBkNA.js";
+import { b as VerificationOptionCard, c as IdExpired, i as Capture, l as IdError, n as Chooser, r as Tutorial, t as FlipAnimation, x as VerificationOptionCardList } from "./flipAnimation-C3o9NjGW.js";
 import { t as BottomSheet } from "./bottomSheet-FRtF2m9j.js";
 import { n as CameraFrame, t as CameraView } from "./cameraView-bsXpJ9g9.js";
 import { n as CameraOverlay, t as CameraOverlayHeader } from "./cameraOverlayHeader-Cpzdt7gL.js";

package/dist/{flipAnimation-CkquBkNA.js → flipAnimation-C3o9NjGW.js}

@@ -6,7 +6,7 @@ import { o as TypographyP, r as TypographyH3, t as Title } from "./typography-Cw
 import { t as Spinner } from "./spinner-Gnctncvs.js";
 import { a as LockIcon, f as ChevronRightIcon, t as SvgLightningIcon, x as Button } from "./icons-DrOzoEs-.js";
 import { t as Modal } from "./modal-C4JMNno2.js";
-import { n as CaptureFooter, r as ProgressBar, t as useCaptureHelpButton } from "./useCaptureHelpButton-Cba1DODg.js";
+import { n as CaptureFooter, r as ProgressBar, t as useCaptureHelpButton } from "./useCaptureHelpButton-BoUNa8-b.js";
 import { n as getCountryDisplayName, t as countryFlagEmoji } from "./countries-5e8kwG_m.js";
 import { n as CameraFrame, t as CameraView } from "./cameraView-bsXpJ9g9.js";
 import { n as CameraOverlay, t as CameraOverlayHeader } from "./cameraOverlayHeader-Cpzdt7gL.js";
@@ -369,10 +369,11 @@ var useCaptureResultPreview = (state) => {
 * is deliberately still on screen.
 */
 function getCaptureStageView(state, phase) {
-	if (!state.previewImageUrl) return "live";
+	const isCommitted = state.captureStatus === "capturing" || state.captureStatus === "uploading";
+	if (!state.previewImageUrl) return isCommitted ? "analyzing" : "live";
 	if (phase === "exiting") return "crossfade";
 	if (phase === "present") return "live";
-	return state.captureStatus === "capturing" || state.captureStatus === "uploading" ? "analyzing" : "live";
+	return isCommitted ? "analyzing" : "live";
 }
 function getCaptureMode(state) {
 	return state.currentMode === "passport" ? "passport" : "id";
@@ -649,15 +650,16 @@ var CaptureFrame = ({ orientation, mode, state, children, className }) => {
 };
 //#endregion
 //#region src/modules/id/processing/idProcessingLayout.tsx
-var IdProcessingLayout = ({ imageUrl, orientation, mode, borderState, topContent, bottomContent, overlayContent, blurImage }) => {
+var IdProcessingLayout = ({ imageUrl, orientation, mode, borderState, topContent, bottomContent, overlayContent, imagePending = false, blurImage }) => {
 	const { t } = useTranslation();
 	const frameMode = mode === "id" ? "front" : mode;
+	const hasFrame = Boolean(imageUrl) || imagePending;
 	return /* @__PURE__ */ u(Page, {
 		hideHeader: true,
 		hideFooterBranding: true,
 		className: "IncodeIdProcessingPage",
 		children: /* @__PURE__ */ u("div", {
-			class: cn("IncodeIdProcessingLayout", !imageUrl && "IncodeIdProcessingLayoutNoImage"),
+			class: cn("IncodeIdProcessingLayout", !hasFrame && "IncodeIdProcessingLayoutNoImage"),
 			children: /* @__PURE__ */ u("div", {
 				class: "IncodeIdProcessingLayoutContent",
 				children: [
@@ -665,11 +667,11 @@ var IdProcessingLayout = ({ imageUrl, orientation, mode, borderState, topContent
 						class: "IncodeIdProcessingTopArea",
 						children: topContent
 					}),
-					imageUrl && /* @__PURE__ */ u(CaptureFrame, {
+					hasFrame && /* @__PURE__ */ u(CaptureFrame, {
 						orientation,
 						mode: frameMode,
 						state: borderState,
-						children: [/* @__PURE__ */ u("img", {
+						children: imageUrl ? /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u("img", {
 							src: imageUrl,
 							alt: "",
 							"aria-hidden": "true",
@@ -678,11 +680,14 @@ var IdProcessingLayout = ({ imageUrl, orientation, mode, borderState, topContent
 							class: "IncodeIdProcessingOverlay",
 							"aria-hidden": "true",
 							children: overlayContent
-						})]
+						})] }) : /* @__PURE__ */ u("div", {
+							class: "IncodeIdProcessingPlaceholder",
+							"aria-hidden": "true"
+						})
 					}),
 					/* @__PURE__ */ u("div", {
 						class: "IncodeIdProcessingBottomArea",
-						children: [imageUrl && /* @__PURE__ */ u("div", {
+						children: [hasFrame && /* @__PURE__ */ u("div", {
 							class: "IncodeCaptureEncryptionLabel",
 							children: [/* @__PURE__ */ u(LockIcon, { className: "IncodeCaptureEncryptionIcon" }), /* @__PURE__ */ u("span", { children: t("idv2.capture.allDataIsEncrypted") })]
 						}), bottomContent]
@@ -720,8 +725,9 @@ function getAnalyzingTitleKey(resultPreviewEnabled, progress) {
 }
 //#endregion
 //#region src/modules/id/processing/idAnalyzing.tsx
-var IdAnalyzing = ({ imageUrl, progress, orientation, mode, blurImage, autoFocusTitle = true, resultPreviewEnabled = false }) => {
+var IdAnalyzing = ({ imageUrl, progress, orientation, mode, blurImage, autoFocusTitle = true, resultPreviewEnabled = false, simulatedProgressDelayMs = 0 }) => {
 	const { t } = useTranslation();
+	const [simulatedDelayMs] = d(simulatedProgressDelayMs);
 	const titleRef = A(null);
 	const isHorizontal = orientation !== "vertical";
 	const titleKey = getAnalyzingTitleKey(resultPreviewEnabled, progress);
@@ -737,9 +743,11 @@ var IdAnalyzing = ({ imageUrl, progress, orientation, mode, blurImage, autoFocus
 		blurImage,
 		topContent: /* @__PURE__ */ u("div", {
 			class: "IncodeAnalyzingContent",
+			style: { "--progress-bar-simulated-delay": `${simulatedDelayMs}ms` },
 			children: [/* @__PURE__ */ u(ProgressBar, {
 				progress,
-				labelledById: "analyzing-title"
+				labelledById: "analyzing-title",
+				simulated: true
 			}), /* @__PURE__ */ u(Title, {
 				ref: titleRef,
 				id: "analyzing-title",
@@ -758,7 +766,8 @@ var IdAnalyzing = ({ imageUrl, progress, orientation, mode, blurImage, autoFocus
 			loop: true,
 			autoStop: true,
 			class: "IncodeAnalyzingLottie"
-		})
+		}),
+		imagePending: !imageUrl
 	});
 };
 //#endregion
@@ -1176,6 +1185,24 @@ var IdNoAttempts = ({ manager }) => {
 	});
 };
 //#endregion
+//#region src/modules/id/capture/captureResultFlash.tsx
+var FLASH_ANIMATION_NAME = "incodeCaptureResultFlash";
+/**
+* One-shot white "shutter" flash: on the `uxp_idc_exp05_show_result`
+* treatment's result preview, and at the end of the countdown. Plays on mount
+* (after `delayMs`) and reports `animationend` so its parent can remove and
+* re-arm it for the next capture.
+*/
+var CaptureResultFlash = ({ delayMs, onAnimationEnd }) => /* @__PURE__ */ u("div", {
+	class: "IncodeCaptureResultFlash",
+	"aria-hidden": "true",
+	style: delayMs ? { "--capture-result-flash-delay": `${delayMs}ms` } : void 0,
+	onAnimationEnd: (event) => {
+		if (event.animationName !== FLASH_ANIMATION_NAME) return;
+		onAnimationEnd?.();
+	}
+});
+//#endregion
 //#region src/modules/id/capture/idHint.tsx
 var FrontHorizontalHintSvg = z(() => import("./front-horizontal-hint-BT8qdBtW.js"));
 var FrontVerticalHintSvg = z(() => import("./front-vertical-hint-G1GpsGS2.js"));
@@ -1244,31 +1271,21 @@ var IdHint = ({ mode, orientation, onAnimationEnd }) => {
 };
 //#endregion
 //#region src/modules/id/capture/captureLiveFrameContent.tsx
-var CaptureLiveFrameContent = ({ isCapturing, counterValue, showIdHint, mode, orientation, onIdHintAnimationEnd }) => /* @__PURE__ */ u(k, { children: [isCapturing && counterValue > 0 && /* @__PURE__ */ u("div", {
+var CaptureLiveFrameContent = ({ countdownStart, countdownStepMs, showIdHint, mode, orientation, onIdHintAnimationEnd }) => /* @__PURE__ */ u(k, { children: [countdownStart > 0 && /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u("div", {
 	class: "IncodeCaptureCounter",
-	children: counterValue
-}), showIdHint && /* @__PURE__ */ u(IdHint, {
+	"aria-hidden": "true",
+	style: { "--capture-countdown-step": `${countdownStepMs}ms` },
+	children: Array.from({ length: countdownStart }, (_, index) => /* @__PURE__ */ u("span", {
+		class: "IncodeCaptureCounterDigit",
+		style: { "--capture-countdown-index": index },
+		children: countdownStart - index
+	}, index))
+}), /* @__PURE__ */ u(CaptureResultFlash, { delayMs: countdownStart * countdownStepMs })] }), showIdHint && /* @__PURE__ */ u(IdHint, {
 	mode,
 	orientation: orientation ?? "horizontal",
 	onAnimationEnd: onIdHintAnimationEnd
 })] });
 //#endregion
-//#region src/modules/id/capture/captureResultFlash.tsx
-var FLASH_ANIMATION_NAME = "incodeCaptureResultFlash";
-/**
-* `uxp_idc_exp05_show_result` treatment: one-shot white "shutter" flash.
-* Plays on mount and reports `animationend` so its parent can remove and
-* re-arm it for the next capture.
-*/
-var CaptureResultFlash = ({ onAnimationEnd }) => /* @__PURE__ */ u("div", {
-	class: "IncodeCaptureResultFlash",
-	"aria-hidden": "true",
-	onAnimationEnd: (event) => {
-		if (event.animationName !== FLASH_ANIMATION_NAME) return;
-		onAnimationEnd?.();
-	}
-});
-//#endregion
 //#region src/modules/id/capture/captureResultPreview.tsx
 var CaptureResultPreview = ({ resultPreview, onFlashAnimationEnd }) => {
 	const [hasFlashed, setHasFlashed] = d(false);
@@ -1350,7 +1367,7 @@ function useCaptureAutoFocus() {
 //#endregion
 //#region src/modules/id/capture/captureOverlay.tsx
 var MANUAL_CAPTURE_TOOLTIP_EXIT_ANIMATIONS = ["manualCaptureTooltipExit", "manualCaptureTooltipExitAutoDismiss"];
-var CaptureOverlay = D(({ mode, orientation, detectionStatus, counterValue, isCapturing, showManualCapture, onCapture, onOpenHelp, helpButtonRef, captureButtonRef, hideFooterActions, resultPreview, manualTooltipUx }, ref) => {
+var CaptureOverlay = D(({ mode, orientation, detectionStatus, counterValue, countdownStart, countdownStepMs, isCapturing, showManualCapture, onCapture, onOpenHelp, helpButtonRef, captureButtonRef, hideFooterActions, resultPreview, manualTooltipUx }, ref) => {
 	const { t } = useTranslation();
 	const autoFocus = useCaptureAutoFocus();
 	usePreloadCaptureAnimations();
@@ -1450,8 +1467,8 @@ var CaptureOverlay = D(({ mode, orientation, detectionStatus, counterValue, isCa
 				frameState,
 				className: cn(isPassport && "IncodeCaptureFramePassport"),
 				children: resultPreview ? /* @__PURE__ */ u(CaptureResultPreview, { resultPreview }) : /* @__PURE__ */ u(CaptureLiveFrameContent, {
-					isCapturing,
-					counterValue,
+					countdownStart,
+					countdownStepMs,
 					showIdHint,
 					mode,
 					orientation,
@@ -1493,8 +1510,13 @@ var Capture = ({ manager, state }) => {
 	const stageView = getCaptureStageView(state, resultPreviewPhase);
 	const isCrossfadeStage = stageView === "crossfade";
 	const isLiveStage = stageView === "live";
+	const isCapturing = !isResultPreview && (state.captureStatus === "capturing" || state.detectionStatus === "capturing");
+	const countdownStartRef = A(0);
+	if (!isCapturing) countdownStartRef.current = 0;
+	else if (countdownStartRef.current === 0) countdownStartRef.current = state.counterValue;
+	const countdownStart = countdownStartRef.current;
+	const countdownEndMs = countdownStart * state.countdownStepMs;
 	if (state.captureStatus === "holdOn") return /* @__PURE__ */ u(TransitionSpinner, { subtitleKey: "idv2.capture.holdOn.subtitle" });
-	if ((state.captureStatus === "capturing" || state.captureStatus === "uploading") && !state.previewImageUrl) return /* @__PURE__ */ u(TransitionSpinner, { subtitleKey: "idv2.capture.holdOn.subtitle" });
 	if (state.captureStatus === "success" && (state.previewImageUrl || state.barcodeFastPathCaptured)) return /* @__PURE__ */ u(IdSuccess, {
 		manager,
 		state,
@@ -1505,18 +1527,22 @@ var Capture = ({ manager, state }) => {
 		state,
 		blurImage: state.ageAssurance
 	});
+	const isAnalyzingPending = isLiveStage && countdownStart > 0;
+	const isAnalyzingHidden = isCrossfadeStage || isAnalyzingPending;
 	let idAnalyzingSlot = null;
-	if (state.previewImageUrl && !isLiveStage) idAnalyzingSlot = /* @__PURE__ */ u("div", {
-		class: cn("IncodeIdCaptureStageAnalyzing", isCrossfadeStage && "IncodeIdCaptureStageResultEntering"),
-		"aria-hidden": isCrossfadeStage || void 0,
-		inert: isCrossfadeStage || void 0,
+	if (!isLiveStage || isAnalyzingPending) idAnalyzingSlot = /* @__PURE__ */ u("div", {
+		class: cn("IncodeIdCaptureStageAnalyzing", isCrossfadeStage && "IncodeIdCaptureStageResultEntering", isAnalyzingPending && "IncodeIdCaptureStageAnalyzingPending"),
+		style: isAnalyzingPending ? { "--capture-countdown-end": `${countdownEndMs}ms` } : void 0,
+		"aria-hidden": isAnalyzingHidden || void 0,
+		inert: isAnalyzingHidden || void 0,
 		children: /* @__PURE__ */ u(IdAnalyzing, {
 			imageUrl: state.previewImageUrl,
 			progress: state.uploadProgress ?? 0,
 			orientation: state.orientation,
 			mode: getCaptureMode(state),
 			blurImage: state.ageAssurance,
-			autoFocusTitle: !isCrossfadeStage,
+			autoFocusTitle: !isAnalyzingHidden,
+			simulatedProgressDelayMs: countdownEndMs,
 			resultPreviewEnabled
 		})
 	}, "analyzing");
@@ -1527,6 +1553,8 @@ var Capture = ({ manager, state }) => {
 		children: /* @__PURE__ */ u(CaptureView, {
 			manager,
 			state,
+			isCapturing,
+			countdownStart,
 			isResultPreview,
 			resultPreviewImageUrl,
 			hideFooterActions: !isLiveStage,
@@ -1538,7 +1566,7 @@ var Capture = ({ manager, state }) => {
 		children: [idAnalyzingSlot, captureViewSlot]
 	});
 };
-var CaptureView = ({ manager, state, isResultPreview, resultPreviewImageUrl, hideFooterActions, manualTooltipUx }) => {
+var CaptureView = ({ manager, state, isCapturing, countdownStart, isResultPreview, resultPreviewImageUrl, hideFooterActions, manualTooltipUx }) => {
 	const frameRef = A(null);
 	const helpButtonRef = A(null);
 	const captureButtonRef = A(null);
@@ -1557,7 +1585,6 @@ var CaptureView = ({ manager, state, isResultPreview, resultPreviewImageUrl, hid
 	}, [manager]);
 	useEventListener("resize", reportFrame);
 	useResizeObserver(frameRef, reportFrame);
-	const isCapturing = !isResultPreview && (state.captureStatus === "capturing" || state.detectionStatus === "capturing");
 	const showManualCapture = isManualCaptureShown(state);
 	const resultPreview = isResultPreview && resultPreviewImageUrl ? {
 		imageUrl: resultPreviewImageUrl,
@@ -1597,6 +1624,8 @@ var CaptureView = ({ manager, state, isResultPreview, resultPreviewImageUrl, hid
 					orientation: state.orientation,
 					detectionStatus: state.detectionStatus,
 					counterValue: state.counterValue,
+					countdownStart,
+					countdownStepMs: state.countdownStepMs,
 					isCapturing,
 					showManualCapture,
 					onCapture: handleCapture,

package/dist/flow/flow.es.js

@@ -4,7 +4,7 @@ import { C as useManager, a as ResolvedConfigProvider, d as TransitionSpinner, s
 import { b as ErrorIcon } from "../icons-DrOzoEs-.js";
 import { t as StatusPage } from "../statusPage-D9r5USJx.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-CODDnk9s.js";
-import { a as LAZY_UI_MODULES, c as initializeFlowManager, f as warmupWasmIfNeeded, i as HEADLESS_FLOW_MODULE_KEYS, l as preloadFirstModule, m as resolveSessionLanguage, n as extractIncodeStatus, o as createFlowManager, r as UnsupportedModule, s as fetchTheme, t as resolveApiKey, u as preloadHomeScreen } from "../resolveApiKey-D7KeErCo.js";
+import { a as LAZY_UI_MODULES, c as initializeFlowManager, f as warmupWasmIfNeeded, i as HEADLESS_FLOW_MODULE_KEYS, l as preloadFirstModule, m as resolveSessionLanguage, n as extractIncodeStatus, o as createFlowManager, r as UnsupportedModule, s as fetchTheme, t as resolveApiKey, u as preloadHomeScreen } from "../resolveApiKey-CoAgpRM9.js";
 import { i as usePrefetchNextModule, n as useModuleLoader, r as useModulePreloader } from "../useModuleLoader-DpcbSKBH.js";
 import { bootstrapSession, refreshQrUrlUuid } from "@incodetech/core/session";
 import { getNextRequiredWasmPipelines } from "@incodetech/core/flow";

package/dist/flow/styles.css

@@ -1445,6 +1445,19 @@
   }
 }
 
+.IncodeIdCaptureStage > .IncodeIdCaptureStageAnalyzingPending {
+  pointer-events: none;
+  z-index: 1001;
+  opacity: 0;
+  animation: incodeIdCaptureAnalyzingReveal .2s ease-out calc(var(--capture-countdown-end) + var(--id-capture-result-flash-duration)) forwards;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .IncodeIdCaptureStage > .IncodeIdCaptureStageAnalyzingPending {
+    animation-duration: 1ms;
+  }
+}
+
 .IncodeIdCaptureStage > .IncodeIdCaptureStageResultEntering {
   animation: incodeIdCaptureResultCrossfadeIn var(--id-capture-result-crossfade-duration) linear forwards;
   pointer-events: none;
@@ -1540,6 +1553,16 @@
   display: flex;
 }
 
+@keyframes incodeIdCaptureAnalyzingReveal {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
 @keyframes incodeIdCaptureResultCrossfadeOut {
   from {
     opacity: 1;
@@ -1970,6 +1993,12 @@
   backdrop-filter: blur(var(--id-processing-image-blur-radius));
 }
 
+.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingPlaceholder {
+  background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));
+  width: 100%;
+  height: 100%;
+}
+
 .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingOverlay {
   pointer-events: none;
   z-index: 10;
@@ -3148,7 +3177,7 @@
   }
 }
 
-.IncodeEkycPage .IncodeEkycForm .IncodeInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDropdownComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDateInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodePhoneInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeAddressAutocomplete {
+.IncodeEkycPage .IncodeEkycForm .IncodeInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDropdownComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDateInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodePhoneInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodePasswordInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeAddressAutocomplete {
   margin-inline: auto;
 }
 

package/dist/id/id.es.js

@@ -8,8 +8,8 @@ import { t as AutoFocusTitle } from "../autoFocusTitle-Mhw9ii46.js";
 import { t as Processing } from "../processing-CVgaZdi3.js";
 import { t as Modal } from "../modal-C4JMNno2.js";
 import { t as VerificationResult } from "../verificationResult-BiQ5T8yF.js";
-import { n as CaptureFooter, r as ProgressBar } from "../useCaptureHelpButton-Cba1DODg.js";
-import { _ as ID_CAPTURE_LOADING_PHASE, a as CaptureAutoFocusProvider, c as IdExpired, d as CaptureFrame, f as useIdExperiment, g as EXPERIMENT_LIFECYCLE_STATUS, h as CONTINUING_TUTORIAL_PHASES, i as Capture, l as IdError, m as CAMERA_WARMUP_LOADING_PHASES, n as Chooser, o as getCaptureFrameTitle, p as CAMERA_PERMISSION_UX, r as Tutorial, s as IdNoAttempts, t as FlipAnimation, u as canFlipCapturedCard, v as ID_CAPTURE_STATUS, y as PERMISSION_DIALOG_STATUS } from "../flipAnimation-CkquBkNA.js";
+import { n as CaptureFooter, r as ProgressBar } from "../useCaptureHelpButton-BoUNa8-b.js";
+import { _ as ID_CAPTURE_LOADING_PHASE, a as CaptureAutoFocusProvider, c as IdExpired, d as CaptureFrame, f as useIdExperiment, g as EXPERIMENT_LIFECYCLE_STATUS, h as CONTINUING_TUTORIAL_PHASES, i as Capture, l as IdError, m as CAMERA_WARMUP_LOADING_PHASES, n as Chooser, o as getCaptureFrameTitle, p as CAMERA_PERMISSION_UX, r as Tutorial, s as IdNoAttempts, t as FlipAnimation, u as canFlipCapturedCard, v as ID_CAPTURE_STATUS, y as PERMISSION_DIALOG_STATUS } from "../flipAnimation-C3o9NjGW.js";
 import { t as BottomSheet } from "../bottomSheet-FRtF2m9j.js";
 import { n as CameraFrame, t as CameraView } from "../cameraView-bsXpJ9g9.js";
 import { n as CameraOverlay, t as CameraOverlayHeader } from "../cameraOverlayHeader-Cpzdt7gL.js";

package/dist/id/styles.css

@@ -516,6 +516,19 @@
   }
 }
 
+.IncodeIdCaptureStage > .IncodeIdCaptureStageAnalyzingPending {
+  pointer-events: none;
+  z-index: 1001;
+  opacity: 0;
+  animation: incodeIdCaptureAnalyzingReveal .2s ease-out calc(var(--capture-countdown-end) + var(--id-capture-result-flash-duration)) forwards;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .IncodeIdCaptureStage > .IncodeIdCaptureStageAnalyzingPending {
+    animation-duration: 1ms;
+  }
+}
+
 .IncodeIdCaptureStage > .IncodeIdCaptureStageResultEntering {
   animation: incodeIdCaptureResultCrossfadeIn var(--id-capture-result-crossfade-duration) linear forwards;
   pointer-events: none;
@@ -611,6 +624,16 @@
   display: flex;
 }
 
+@keyframes incodeIdCaptureAnalyzingReveal {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
 @keyframes incodeIdCaptureResultCrossfadeOut {
   from {
     opacity: 1;
@@ -1041,6 +1064,12 @@
   backdrop-filter: blur(var(--id-processing-image-blur-radius));
 }
 
+.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingPlaceholder {
+  background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));
+  width: 100%;
+  height: 100%;
+}
+
 .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingOverlay {
   pointer-events: none;
   z-index: 10;

package/dist/id/styles.css.js

@@ -1 +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.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  min-height: var(--spacing-0, var(--spacing-none, 0px));\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  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  width: 100%;\n  max-height: var(--id-capture-chooser-list-max-h);\n  max-width: var(--id-capture-chooser-list-max-w);\n  padding: var(--id-capture-chooser-list-scroll-padding);\n  scroll-padding-block: var(--id-capture-chooser-list-scroll-padding);\n  margin-inline: auto;\n  flex-direction: column;\n  align-items: center;\n  margin-top: auto;\n  display: flex;\n  overflow-y: auto;\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.IncodeComponent .IncodePermissionInCameraPage .IncodePermissionInCameraContent {\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  animation: incodePermissionInCameraReveal var(--id-tutorial-to-permission-transition-duration) ease-out var(--id-permission-in-camera-reveal-delay) forwards;\n  flex-direction: column;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeComponent .IncodePermissionInCameraPage .IncodePermissionInCameraReservedFooter {\n  visibility: hidden;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .IncodeComponent .IncodePermissionInCameraPage .IncodePermissionInCameraContent {\n    animation-duration: 1ms;\n    animation-delay: 0s;\n  }\n}\n\n@keyframes incodePermissionInCameraReveal {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n.IncodeComponent .IncodePermissionInCameraFlowStage {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n.IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowCaptureLayer, .IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowPermissionLayer, .IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowTutorialLayer {\n  inset: var(--spacing-0, var(--spacing-none, 0px));\n  position: absolute;\n}\n\n.IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowCaptureLayer {\n  z-index: 10;\n}\n\n.IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowPermissionLayer {\n  z-index: 20;\n}\n\n.IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowTutorialLayer {\n  z-index: 30;\n}\n\n.IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowPermissionLayerExiting {\n  pointer-events: none;\n  animation: incodePermissionInCameraToCaptureExit var(--id-permission-in-camera-to-capture-transition-duration) ease-in var(--id-permission-in-camera-to-capture-transition-duration) forwards;\n}\n\n.IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowPermissionLayerExiting .IncodePermissionInCameraHeading {\n  animation: incodePermissionInCameraHeadingExit var(--id-permission-in-camera-to-capture-transition-duration) ease-in forwards;\n}\n\n.IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowTutorialLayerExiting {\n  pointer-events: none;\n  animation: incodeTutorialToPermissionInCameraExit var(--id-tutorial-to-permission-transition-duration) ease-in forwards;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .IncodeComponent .IncodePermissionInCameraFlowPermissionLayerExiting {\n    animation-duration: 1ms;\n    animation-delay: 0s;\n  }\n\n  .IncodeComponent .IncodePermissionInCameraFlowPermissionLayerExiting .IncodePermissionInCameraHeading, .IncodeComponent .IncodePermissionInCameraFlowTutorialLayerExiting {\n    animation-duration: 1ms;\n  }\n}\n\n@keyframes incodeTutorialToPermissionInCameraExit {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n\n@keyframes incodePermissionInCameraHeadingExit {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n\n@keyframes incodePermissionInCameraToCaptureExit {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\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  background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));\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  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  top: var(--incode-overlay-top-inset, var(--spacing-24));\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.IncodeIdCaptureNotificationContent--minimal {\n  justify-content: center;\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.IncodeIdCaptureNotificationContent--minimal .IncodeIdCaptureNotificationText {\n  gap: var(--spacing-4, var(--spacing-4, 4px));\n  padding-block: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent.IncodeIdCaptureNotificationContent--minimal .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationTitle {\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.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent.IncodeIdCaptureNotificationContent--minimal .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationDescription {\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}\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.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";
+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.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  min-height: var(--spacing-0, var(--spacing-none, 0px));\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  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  width: 100%;\n  max-height: var(--id-capture-chooser-list-max-h);\n  max-width: var(--id-capture-chooser-list-max-w);\n  padding: var(--id-capture-chooser-list-scroll-padding);\n  scroll-padding-block: var(--id-capture-chooser-list-scroll-padding);\n  margin-inline: auto;\n  flex-direction: column;\n  align-items: center;\n  margin-top: auto;\n  display: flex;\n  overflow-y: auto;\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 > .IncodeIdCaptureStageAnalyzingPending {\n  pointer-events: none;\n  z-index: 1001;\n  opacity: 0;\n  animation: incodeIdCaptureAnalyzingReveal .2s ease-out calc(var(--capture-countdown-end) + var(--id-capture-result-flash-duration)) forwards;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .IncodeIdCaptureStage > .IncodeIdCaptureStageAnalyzingPending {\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 incodeIdCaptureAnalyzingReveal {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\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.IncodeComponent .IncodePermissionInCameraPage .IncodePermissionInCameraContent {\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  animation: incodePermissionInCameraReveal var(--id-tutorial-to-permission-transition-duration) ease-out var(--id-permission-in-camera-reveal-delay) forwards;\n  flex-direction: column;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeComponent .IncodePermissionInCameraPage .IncodePermissionInCameraReservedFooter {\n  visibility: hidden;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .IncodeComponent .IncodePermissionInCameraPage .IncodePermissionInCameraContent {\n    animation-duration: 1ms;\n    animation-delay: 0s;\n  }\n}\n\n@keyframes incodePermissionInCameraReveal {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n.IncodeComponent .IncodePermissionInCameraFlowStage {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n.IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowCaptureLayer, .IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowPermissionLayer, .IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowTutorialLayer {\n  inset: var(--spacing-0, var(--spacing-none, 0px));\n  position: absolute;\n}\n\n.IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowCaptureLayer {\n  z-index: 10;\n}\n\n.IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowPermissionLayer {\n  z-index: 20;\n}\n\n.IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowTutorialLayer {\n  z-index: 30;\n}\n\n.IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowPermissionLayerExiting {\n  pointer-events: none;\n  animation: incodePermissionInCameraToCaptureExit var(--id-permission-in-camera-to-capture-transition-duration) ease-in var(--id-permission-in-camera-to-capture-transition-duration) forwards;\n}\n\n.IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowPermissionLayerExiting .IncodePermissionInCameraHeading {\n  animation: incodePermissionInCameraHeadingExit var(--id-permission-in-camera-to-capture-transition-duration) ease-in forwards;\n}\n\n.IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowTutorialLayerExiting {\n  pointer-events: none;\n  animation: incodeTutorialToPermissionInCameraExit var(--id-tutorial-to-permission-transition-duration) ease-in forwards;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .IncodeComponent .IncodePermissionInCameraFlowPermissionLayerExiting {\n    animation-duration: 1ms;\n    animation-delay: 0s;\n  }\n\n  .IncodeComponent .IncodePermissionInCameraFlowPermissionLayerExiting .IncodePermissionInCameraHeading, .IncodeComponent .IncodePermissionInCameraFlowTutorialLayerExiting {\n    animation-duration: 1ms;\n  }\n}\n\n@keyframes incodeTutorialToPermissionInCameraExit {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n\n@keyframes incodePermissionInCameraHeadingExit {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n\n@keyframes incodePermissionInCameraToCaptureExit {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\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  background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));\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 .IncodeIdProcessingPlaceholder {\n  background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));\n  width: 100%;\n  height: 100%;\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  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  top: var(--incode-overlay-top-inset, var(--spacing-24));\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.IncodeIdCaptureNotificationContent--minimal {\n  justify-content: center;\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.IncodeIdCaptureNotificationContent--minimal .IncodeIdCaptureNotificationText {\n  gap: var(--spacing-4, var(--spacing-4, 4px));\n  padding-block: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent.IncodeIdCaptureNotificationContent--minimal .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationTitle {\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.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent.IncodeIdCaptureNotificationContent--minimal .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationDescription {\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}\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.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";

package/dist/{resolveApiKey-D7KeErCo.js → resolveApiKey-CoAgpRM9.js}

@@ -102,10 +102,10 @@ var LAZY_UI_MODULES = {
 	GOVT_VALIDATION_PROVISIONING: () => import("./government-validation/government-validation.es.js").then((m) => m.GovernmentValidation),
 	INE_VALIDATION: () => import("./government-validation/government-validation.es.js").then((m) => m.GovernmentValidation),
 	GEOLOCATION: () => import("./geolocation/geolocation.es.js").then((m) => m.Geolocation),
-	EXTERNAL_VERIFICATION: () => import("./ekycModule-DMHPh6n8.js").then((m) => m.EkycModule),
+	EXTERNAL_VERIFICATION: () => import("./ekycModule-CiDUWz-q.js").then((m) => m.EkycModule),
 	EKYB: () => import("./ekybModule-XTatnIX9.js").then((m) => m.EkybModule),
-	DOCUMENT_CAPTURE: () => import("./documentCapture-CbmHY_9J.js").then((m) => m.DocumentCapture),
-	ADDRESS: () => import("./documentCapture-CbmHY_9J.js").then((m) => m.DocumentCapture),
+	DOCUMENT_CAPTURE: () => import("./documentCapture-Dh3phhOf.js").then((m) => m.DocumentCapture),
+	ADDRESS: () => import("./documentCapture-Dh3phhOf.js").then((m) => m.DocumentCapture),
 	COMBINED_CONSENT: () => import("./consent/consent.es.js").then((m) => m.Consent),
 	MANDATORY_CONSENT: () => import("./mandatoryConsent-B8lmqB0W.js").then((m) => m.MandatoryConsent),
 	ML_CONSENT: () => import("./mandatoryConsent-B8lmqB0W.js").then((m) => m.MandatoryConsent),

package/dist/types/extensibility.d.ts

@@ -972,6 +972,12 @@ declare type ProgressBarProps = {
     label?: string;
     className?: string;
     labelledById?: string;
+    /**
+     * Also creep the bar forward on its own for a few seconds, in CSS, while
+     * `progress` has not moved yet. The bar shows whichever fill is longer.
+     * Starts after `--progress-bar-simulated-delay` (default 0s).
+     */
+    simulated?: boolean;
 };
 
 export declare const RadioButtonComposed: FunctionalComponent<PropsWithoutRef<RadioButtonComposedProps> & {

package/dist/{useCaptureHelpButton-Cba1DODg.js → useCaptureHelpButton-BoUNa8-b.js}

@@ -4,7 +4,7 @@ import { d as cn, t as Spacer } from "./spacer-Ce93Ypvp.js";
 import { _ as CaptureButtonIcon, a as LockIcon } from "./icons-DrOzoEs-.js";
 import { r as HelpButton } from "./cameraOverlayHeader-Cpzdt7gL.js";
 //#region src/shared/progressBar/progressBar.tsx
-var ProgressBar = ({ progress, label, className, labelledById }) => /* @__PURE__ */ u("div", {
+var ProgressBar = ({ progress, label, className, labelledById, simulated = false }) => /* @__PURE__ */ u("div", {
 	class: cn("IncodeProgressBarContainer", className),
 	children: [/* @__PURE__ */ u("div", {
 		class: "IncodeProgressBar",
@@ -14,10 +14,13 @@ var ProgressBar = ({ progress, label, className, labelledById }) => /* @__PURE__
 		"aria-valuemax": 100,
 		"aria-label": labelledById ? void 0 : label,
 		"aria-labelledby": labelledById,
-		children: /* @__PURE__ */ u("div", {
+		children: [simulated && /* @__PURE__ */ u("div", {
+			class: "IncodeProgressBarSimulated",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ u("div", {
 			class: "IncodeProgressBarFill",
 			style: { width: `${progress}%` }
-		})
+		})]
 	}), label ? /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u(Spacer, { size: 24 }), /* @__PURE__ */ u("p", {
 		class: "IncodeProgressBarLabel",
 		children: label

package/dist/workflow/styles.css

@@ -1820,6 +1820,19 @@
   }
 }
 
+.IncodeIdCaptureStage > .IncodeIdCaptureStageAnalyzingPending {
+  pointer-events: none;
+  z-index: 1001;
+  opacity: 0;
+  animation: incodeIdCaptureAnalyzingReveal .2s ease-out calc(var(--capture-countdown-end) + var(--id-capture-result-flash-duration)) forwards;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .IncodeIdCaptureStage > .IncodeIdCaptureStageAnalyzingPending {
+    animation-duration: 1ms;
+  }
+}
+
 .IncodeIdCaptureStage > .IncodeIdCaptureStageResultEntering {
   animation: incodeIdCaptureResultCrossfadeIn var(--id-capture-result-crossfade-duration) linear forwards;
   pointer-events: none;
@@ -1915,6 +1928,16 @@
   display: flex;
 }
 
+@keyframes incodeIdCaptureAnalyzingReveal {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
 @keyframes incodeIdCaptureResultCrossfadeOut {
   from {
     opacity: 1;
@@ -2345,6 +2368,12 @@
   backdrop-filter: blur(var(--id-processing-image-blur-radius));
 }
 
+.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingPlaceholder {
+  background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));
+  width: 100%;
+  height: 100%;
+}
+
 .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingOverlay {
   pointer-events: none;
   z-index: 10;
@@ -3611,7 +3640,7 @@
   }
 }
 
-.IncodeEkycPage .IncodeEkycForm .IncodeInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDropdownComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDateInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodePhoneInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeAddressAutocomplete {
+.IncodeEkycPage .IncodeEkycForm .IncodeInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDropdownComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDateInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodePhoneInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodePasswordInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeAddressAutocomplete {
   margin-inline: auto;
 }
 

package/dist/workflow/workflow.es.js

@@ -4,7 +4,7 @@ import { i as fetchAndApplyTheme } from "../dashboardTheme-CFpHx2RR.js";
 import { C as useManager, a as ResolvedConfigProvider, c as Page, d as TransitionSpinner, s as TerminalErrorPage, t as IncodeComponent, w as withSessionExpiry } from "../incodeComponent-BlRJfZjh.js";
 import { t as AutoFocusTitle } from "../autoFocusTitle-Mhw9ii46.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-CODDnk9s.js";
-import { a as LAZY_UI_MODULES, d as setupSDK, m as resolveSessionLanguage, n as extractIncodeStatus, p as isDesktopOrEmulated, r as UnsupportedModule, t as resolveApiKey } from "../resolveApiKey-D7KeErCo.js";
+import { a as LAZY_UI_MODULES, d as setupSDK, m as resolveSessionLanguage, n as extractIncodeStatus, p as isDesktopOrEmulated, r as UnsupportedModule, t as resolveApiKey } from "../resolveApiKey-CoAgpRM9.js";
 import { a as HEADLESS_WORKFLOW_MODULE_KEYS, n as useModuleLoader } from "../useModuleLoader-DpcbSKBH.js";
 import { resolveWasmConfigForPipelines, setWasmConfig, upgradeToWasmHttpClient, warmupWasm } from "@incodetech/core/wasm";
 import { bootstrapSession, getFinishStatus, refreshQrUrlUuid } from "@incodetech/core/session";

package/package.json

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

package/dist/documentCapture-CbmHY_9J.js

@@ -1,2 +0,0 @@
-import { t as DocumentCapture } from "./documentCapture-CaX3Jpmq.js";
-export { DocumentCapture };

package/dist/ekycModule-DMHPh6n8.js

@@ -1,2 +0,0 @@
-import { t as EkycModule } from "./ekycModule-szfkUWtN.js";
-export { EkycModule };