@incodetech/web 0.0.0-dev-20260916-b81d875b → 0.0.0-dev-20260916-75ca5ecb

package/dist/base.css

@@ -4512,6 +4512,51 @@
   }
 }
 
+@media (min-width: 40rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 40rem;
+  }
+}
+
+@media (min-width: 48rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 48rem;
+  }
+}
+
+@media (min-width: 64rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 64rem;
+  }
+}
+
+@media (min-width: 80rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 80rem;
+  }
+}
+
+@media (min-width: 96rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 96rem;
+  }
+}
+
+@media (min-width: 48rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-height: var(--incode-page-max-h);
+    max-width: var(--incode-page-max-w);
+  }
+
+  @media not all and (min-width: 80rem) {
+    @media (orientation: landscape) {
+      .IncodePageContainer .IncodePageInner {
+        max-height: var(--incode-page-max-h-landscape);
+      }
+    }
+  }
+}
+
 .IncodePageContainer .IncodePageInner {
   width: 100%;
 }
@@ -5345,6 +5390,14 @@
   }
 }
 
+.IncodeButton.IncodeButtonL.IncodeHelpButton {
+  margin: var(--spacing-0, var(--spacing-none, 0px));
+  width: auto;
+  max-width: none;
+  height: auto;
+  padding: var(--spacing-0, var(--spacing-none, 0px));
+}
+
 .IncodeCaptureFooter {
   z-index: 1000;
   width: 100%;
@@ -5448,11 +5501,31 @@
   padding-top: var(--spacing-16, var(--spacing-16, 16px));
   padding-bottom: var(--spacing-24, var(--spacing-24, 24px));
   pointer-events: none;
+  --incode-overlay-top-inset: var(--spacing-24);
   flex-direction: column;
   display: flex;
   position: absolute;
 }
 
+.IncodeCameraOverlay:has(.IncodeCameraOverlayTopControl) {
+  --incode-overlay-top-inset: calc(var(--spacing-24) + var(--icon-size-medium) + var(--spacing-24));
+}
+
+.IncodeCameraOverlay .IncodeCameraOverlayHelpButton {
+  top: var(--spacing-24, var(--spacing-24, 24px));
+  z-index: 20;
+  pointer-events: auto;
+  position: absolute;
+}
+
+.IncodeCameraOverlay .IncodeCameraOverlayHelpButton.IncodeCameraOverlayHelpButtonTopLeft {
+  left: var(--spacing-24, var(--spacing-24, 24px));
+}
+
+.IncodeCameraOverlay .IncodeCameraOverlayHelpButton.IncodeCameraOverlayHelpButtonTopRight {
+  right: var(--spacing-24, var(--spacing-24, 24px));
+}
+
 .IncodeCameraOverlayHeader {
   z-index: 20;
   align-items: center;

package/dist/cameraOverlay-BaWF8SJQ.js

@@ -0,0 +1,2 @@
+import "./cameraView-Dquo1xOJ.js";
+import "./cameraOverlayHeader-nlevm08C.js";

package/dist/cameraOverlayHeader-nlevm08C.js

@@ -0,0 +1,69 @@
+import { _ as y, c as A, i as D, v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { d as cn } from "./spacer-CPt4HyL0.js";
+import { t as Title } from "./typography-Bd5_vWx-.js";
+import { o as HelpIcon, x as Button } from "./icons-ChbeiU1F.js";
+//#region src/shared/helpButton/helpButton.tsx
+/**
+* The "?" button that opens the capture common-issues modal. Purely
+* presentational — shared by `CaptureFooter`'s and `CameraOverlay`'s slots
+* so both render the same markup and test id.
+*/
+var HelpButton = D(({ onClick, ariaLabel, class: className }, ref) => {
+	return /* @__PURE__ */ u(Button, {
+		ref,
+		variant: "link",
+		onClick,
+		"aria-label": ariaLabel,
+		class: cn("IncodeHelpButton", className),
+		"data-testid": "capture-help-button",
+		children: /* @__PURE__ */ u(HelpIcon, {})
+	});
+});
+//#endregion
+//#region src/shared/cameraOverlay/cameraOverlay.tsx
+/**
+* Absolute-positioned flex-column overlay that sits on top of the camera video.
+*
+* Expected child order:
+*  1. (optional) Module-specific header extras (e.g. CaptureNotification)
+*  2. CameraOverlayHeader
+*  3. CameraFrame
+*  4. CaptureFooter
+*/
+var CameraOverlay = ({ children, className, floatingHelpButton }) => {
+	return /* @__PURE__ */ u("div", {
+		class: cn("IncodeCameraOverlay", className),
+		children: [floatingHelpButton && /* @__PURE__ */ u("div", {
+			class: cn("IncodeCameraOverlayTopControl", "IncodeCameraOverlayHelpButton", floatingHelpButton.position === "topLeft" ? "IncodeCameraOverlayHelpButtonTopLeft" : "IncodeCameraOverlayHelpButtonTopRight"),
+			children: /* @__PURE__ */ u(HelpButton, {
+				ref: floatingHelpButton.buttonRef,
+				onClick: floatingHelpButton.onOpenHelp,
+				ariaLabel: floatingHelpButton.ariaLabel
+			})
+		}), children]
+	});
+};
+//#endregion
+//#region src/shared/cameraOverlay/cameraOverlayHeader.tsx
+var CameraOverlayHeader = ({ title, subtitle, visible = true, className, titleId, titleRef }) => {
+	const fallbackTitleRef = A(null);
+	const resolvedTitleRef = titleRef ?? fallbackTitleRef;
+	y(() => {
+		resolvedTitleRef.current?.focus();
+	}, [resolvedTitleRef]);
+	return /* @__PURE__ */ u("div", {
+		class: cn("IncodeCameraOverlayHeader", !visible && "IncodeCameraOverlayHeaderHidden", className),
+		children: [/* @__PURE__ */ u(Title, {
+			ref: resolvedTitleRef,
+			id: titleId,
+			className: "IncodeCameraOverlayHeaderTitle",
+			tabIndex: -1,
+			children: title
+		}), /* @__PURE__ */ u("p", {
+			class: "IncodeCameraOverlayHeaderSubtitle",
+			children: subtitle
+		})]
+	});
+};
+//#endregion
+export { CameraOverlay as n, HelpButton as r, CameraOverlayHeader as t };

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

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

package/dist/documentCapture-BwjP0oSt.js

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

package/dist/{documentCapture-DQ20IS1D.js → documentCapture-DVyNrAaa.js}

@@ -7,10 +7,10 @@ import { a as LockIcon, r as SuccessIcon, s as FileIcon, v as CameraIcon, x as B
 import { t as AutoFocusTitle } from "./autoFocusTitle-CLL6_ZUS.js";
 import { t as Modal } from "./modal-DkFsdSC8.js";
 import { t as ErrorContent } from "./errorContent-BigJWZzO.js";
-import { n as ProgressBar, t as CaptureFooter } from "./captureFooter-DerfRvcS.js";
+import { n as CaptureFooter, r as ProgressBar, t as useCaptureHelpButton } from "./useCaptureHelpButton-D7viKbWI.js";
 import { t as BottomSheet } from "./bottomSheet-CVZGrdQw.js";
 import { n as CameraFrame, t as CameraView } from "./cameraView-Dquo1xOJ.js";
-import { n as CameraOverlay, t as CameraOverlayHeader } from "./cameraOverlayHeader-BdTPxRY9.js";
+import { n as CameraOverlay, t as CameraOverlayHeader } from "./cameraOverlayHeader-nlevm08C.js";
 import { t as Permissions } from "./permissions-Im1wwvAx.js";
 import { t as registerIncodeModuleElement } from "./incodeModule-D4WcMjSz.js";
 import { createDocumentCaptureManager } from "@incodetech/core/document-capture";
@@ -28,6 +28,11 @@ function captureFrameFromVideo(video) {
 var DocumentCameraView = ({ stream, manager, onOpenHelp, helpButtonRef }) => {
 	const { t } = useTranslation();
 	const videoRef = A(null);
+	const helpButton = useCaptureHelpButton({
+		onOpenHelp,
+		ariaLabel: t("documentCapture.needHelp.open"),
+		buttonRef: helpButtonRef
+	});
 	const handleCapture = q(() => {
 		const video = videoRef.current;
 		if (!video) return;
@@ -43,23 +48,27 @@ var DocumentCameraView = ({ stream, manager, onOpenHelp, helpButtonRef }) => {
 			stream,
 			videoRef,
 			"data-testid": "document-capture-camera",
-			children: /* @__PURE__ */ u(CameraOverlay, { children: [
-				/* @__PURE__ */ u(CameraOverlayHeader, {
-					title: t("documentCapture.camera.title"),
-					subtitle: t("documentCapture.camera.subtitle")
-				}),
-				/* @__PURE__ */ u(Spacer, { size: 16 }),
-				/* @__PURE__ */ u(CameraFrame, { variant: "fill" }),
-				/* @__PURE__ */ u(CaptureFooter, {
-					onOpenHelp,
-					helpButtonRef,
-					onCapture: handleCapture,
-					isManualCapture: true,
-					captureAriaLabel: t("manualCapture.ariaLabel"),
-					helpAriaLabel: t("documentCapture.needHelp.open"),
-					encryptionLabel: t("encryptionLabel.encryptedPhotos")
-				})
-			] })
+			children: /* @__PURE__ */ u(CameraOverlay, {
+				floatingHelpButton: helpButton.floating,
+				children: [
+					/* @__PURE__ */ u(CameraOverlayHeader, {
+						title: t("documentCapture.camera.title"),
+						subtitle: t("documentCapture.camera.subtitle")
+					}),
+					/* @__PURE__ */ u(Spacer, { size: 16 }),
+					/* @__PURE__ */ u(CameraFrame, { variant: "fill" }),
+					/* @__PURE__ */ u(CaptureFooter, {
+						onOpenHelp,
+						helpButtonRef,
+						onCapture: handleCapture,
+						isManualCapture: true,
+						captureAriaLabel: t("manualCapture.ariaLabel"),
+						helpAriaLabel: helpButton.footer?.ariaLabel,
+						showHelpButton: Boolean(helpButton.footer),
+						encryptionLabel: t("encryptionLabel.encryptedPhotos")
+					})
+				]
+			})
 		})
 	});
 };

package/dist/extensibility.es.js

@@ -10,7 +10,7 @@ import { t as Modal } from "./modal-DkFsdSC8.js";
 import { t as ErrorContent } from "./errorContent-BigJWZzO.js";
 import { t as VerificationResult } from "./verificationResult-Og71vbzN.js";
 import { t as ConnectionError } from "./connectionError-BHmmESyy.js";
-import { n as ProgressBar, t as CaptureFooter } from "./captureFooter-DerfRvcS.js";
+import { n as CaptureFooter, r as ProgressBar } from "./useCaptureHelpButton-D7viKbWI.js";
 import { n as Input, t as InputComposed } from "./inputComposed-B3HKwHUe.js";
 import { t as FieldLabelHint } from "./fieldLabelHint-CxjArYkQ.js";
 import "./inputComposed-DmzpSYEl.js";
@@ -26,12 +26,12 @@ import { t as DateInputComposed } from "./dateInputComposed-0sgVTVDS.js";
 import "./dateInputComposed-DL1Sy-oV.js";
 import { n as RadioButtonComposed, t as RadioGroupComposed } from "./radioGroupComposed-zFPuAjVe.js";
 import "./radioGroupComposed-ReViqCTL.js";
-import { _ as VerificationOptionCard, i as Capture, n as Chooser, o as IdExpired, r as Tutorial, s as IdError, t as FlipAnimation, v as VerificationOptionCardList } from "./flipAnimation-DSbbOoYU.js";
+import { _ as VerificationOptionCard, i as Capture, n as Chooser, o as IdExpired, r as Tutorial, s as IdError, t as FlipAnimation, v as VerificationOptionCardList } from "./flipAnimation-ntts3556.js";
 import { t as BottomSheet } from "./bottomSheet-CVZGrdQw.js";
 import { n as CameraFrame, t as CameraView } from "./cameraView-Dquo1xOJ.js";
-import { n as CameraOverlay, t as CameraOverlayHeader } from "./cameraOverlayHeader-BdTPxRY9.js";
+import { n as CameraOverlay, t as CameraOverlayHeader } from "./cameraOverlayHeader-nlevm08C.js";
 import { c as useCoverMedia } from "./denied-5I0K3X1V.js";
-import "./cameraOverlay-BuRzkJoF.js";
+import "./cameraOverlay-BaWF8SJQ.js";
 import { t as BaseTutorial } from "./baseTutorial-OhjVzcAt.js";
 import { t as Permissions } from "./permissions-Im1wwvAx.js";
 import { n as Capture$1, t as Tutorial$1 } from "./tutorial-qTeHmK5f.js";

package/dist/fiscal-qr/fiscal-qr.es.js

@@ -5,9 +5,9 @@ import { t as Spacer } from "../spacer-CPt4HyL0.js";
 import { x as Button } from "../icons-ChbeiU1F.js";
 import { t as VerificationResult } from "../verificationResult-Og71vbzN.js";
 import { n as CameraFrame, t as CameraView } from "../cameraView-Dquo1xOJ.js";
-import { n as CameraOverlay, t as CameraOverlayHeader } from "../cameraOverlayHeader-BdTPxRY9.js";
+import { n as CameraOverlay, t as CameraOverlayHeader } from "../cameraOverlayHeader-nlevm08C.js";
 import { t as Denied } from "../denied-5I0K3X1V.js";
-import "../cameraOverlay-BuRzkJoF.js";
+import "../cameraOverlay-BaWF8SJQ.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-D4WcMjSz.js";
 import { createFiscalQrManager } from "@incodetech/core/fiscal-qr";
 //#region src/modules/fiscal-qr/fiscalQrCapture.tsx

package/dist/{flipAnimation-DSbbOoYU.js → flipAnimation-ntts3556.js}

@@ -6,10 +6,10 @@ import { o as TypographyP, r as TypographyH3, t as Title } from "./typography-Bd
 import { t as Spinner } from "./spinner-CfMsNujU.js";
 import { a as LockIcon, f as ChevronRightIcon, t as SvgLightningIcon, x as Button } from "./icons-ChbeiU1F.js";
 import { t as Modal } from "./modal-DkFsdSC8.js";
-import { n as ProgressBar, t as CaptureFooter } from "./captureFooter-DerfRvcS.js";
+import { n as CaptureFooter, r as ProgressBar, t as useCaptureHelpButton } from "./useCaptureHelpButton-D7viKbWI.js";
 import { n as getCountryDisplayName, t as countryFlagEmoji } from "./countries-5e8kwG_m.js";
 import { n as CameraFrame, t as CameraView } from "./cameraView-Dquo1xOJ.js";
-import { n as CameraOverlay, t as CameraOverlayHeader } from "./cameraOverlayHeader-BdTPxRY9.js";
+import { n as CameraOverlay, t as CameraOverlayHeader } from "./cameraOverlayHeader-nlevm08C.js";
 import { t as BaseTutorial } from "./baseTutorial-OhjVzcAt.js";
 import { n as RedStrikeIcon, t as ExpiredId } from "./expiredId-CZRW7Ybn.js";
 import { i as usePreloadCaptureAnimations, n as CaptureNotification } from "./manualCaptureButton-C_xl28Dq.js";
@@ -1308,6 +1308,12 @@ var MANUAL_CAPTURE_TOOLTIP_EXIT_ANIMATIONS = ["manualCaptureTooltipExit", "manua
 var CaptureOverlay = D(({ mode, orientation, detectionStatus, counterValue, isCapturing, showManualCapture, onCapture, onOpenHelp, helpButtonRef, captureButtonRef, hideFooterActions, resultPreview, manualTooltipUx }, ref) => {
 	const { t } = useTranslation();
 	usePreloadCaptureAnimations();
+	const helpButton = useCaptureHelpButton({
+		onOpenHelp,
+		ariaLabel: t("idv2.needHelp.open"),
+		buttonRef: helpButtonRef,
+		hidden: hideFooterActions
+	});
 	const isResultPreview = resultPreview !== void 0;
 	const isTooltipRemoved = manualTooltipUx.variant === MANUAL_TOOLTIP.REMOVE;
 	const hasShownIdHintRef = A(false);
@@ -1368,6 +1374,7 @@ var CaptureOverlay = D(({ mode, orientation, detectionStatus, counterValue, isCa
 	});
 	return /* @__PURE__ */ u(CameraOverlay, {
 		className: "IncodeCaptureOverlayId",
+		floatingHelpButton: helpButton.floating,
 		children: [
 			/* @__PURE__ */ u("div", {
 				class: "IncodeCaptureTopSection",
@@ -1411,6 +1418,8 @@ var CaptureOverlay = D(({ mode, orientation, detectionStatus, counterValue, isCa
 				isManualCapture: showManualCapture,
 				captureAriaLabel,
 				helpButtonRef,
+				helpAriaLabel: helpButton.footer?.ariaLabel,
+				showHelpButton: Boolean(helpButton.footer),
 				captureButtonRef,
 				captureAriaDescribedBy: showManualCaptureNode ? "manual-capture-tooltip" : void 0,
 				hideActions: hideFooterActions,

package/dist/flow/flow.es.js

@@ -4,7 +4,7 @@ import { S as useManager, a as ResolvedConfigProvider, d as TransitionSpinner, s
 import { b as ErrorIcon } from "../icons-ChbeiU1F.js";
 import { t as StatusPage } from "../statusPage-Cid6zFEq.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-D4WcMjSz.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-BMuguJP1.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-BBWLeik4.js";
 import { i as usePrefetchNextModule, n as useModuleLoader, r as useModulePreloader } from "../useModuleLoader-DpcbSKBH.js";
 import { getNextRequiredWasmPipelines } from "@incodetech/core/flow";
 import { bootstrapSession, refreshQrUrlUuid } from "@incodetech/core/session";

package/dist/flow/styles.css

@@ -4997,12 +4997,12 @@
 }
 
 .IncodeIdCaptureNotification {
-  top: var(--spacing-24, var(--spacing-24, 24px));
   right: var(--spacing-24, var(--spacing-24, 24px));
   left: var(--spacing-24, var(--spacing-24, 24px));
   z-index: 100;
   max-width: var(--incode-form-max-w);
   padding-bottom: var(--spacing-32, var(--spacing-32, 32px));
+  top: var(--incode-overlay-top-inset, var(--spacing-24));
   align-items: flex-end;
   margin: auto;
   display: flex;

package/dist/id/id.es.js

@@ -10,8 +10,8 @@ import { t as Processing } from "../processing-BvkU2cgP.js";
 import { t as Modal } from "../modal-DkFsdSC8.js";
 import { t as ErrorContent } from "../errorContent-BigJWZzO.js";
 import { t as VerificationResult } from "../verificationResult-Og71vbzN.js";
-import { n as ProgressBar } from "../captureFooter-DerfRvcS.js";
-import { a as IdNoAttempts, c as canFlipCapturedCard, d as CAMERA_PERMISSION_UX, f as CONTINUING_TUTORIAL_PHASES, g as PERMISSION_DIALOG_STATUS, h as ID_CAPTURE_STATUS, i as Capture, l as CaptureFrame, m as ID_CAPTURE_LOADING_PHASE, n as Chooser, o as IdExpired, p as EXPERIMENT_LIFECYCLE_STATUS, r as Tutorial, s as IdError, t as FlipAnimation, u as useIdExperiment } from "../flipAnimation-DSbbOoYU.js";
+import { r as ProgressBar } from "../useCaptureHelpButton-D7viKbWI.js";
+import { a as IdNoAttempts, c as canFlipCapturedCard, d as CAMERA_PERMISSION_UX, f as CONTINUING_TUTORIAL_PHASES, g as PERMISSION_DIALOG_STATUS, h as ID_CAPTURE_STATUS, i as Capture, l as CaptureFrame, m as ID_CAPTURE_LOADING_PHASE, n as Chooser, o as IdExpired, p as EXPERIMENT_LIFECYCLE_STATUS, r as Tutorial, s as IdError, t as FlipAnimation, u as useIdExperiment } from "../flipAnimation-ntts3556.js";
 import { t as BottomSheet } from "../bottomSheet-CVZGrdQw.js";
 import { i as SvgReloadIcon, n as SvgCheckV2Icon, r as SvgPersonCardIcon } from "../denied-5I0K3X1V.js";
 import { n as PermissionsDialog, t as Permissions } from "../permissions-Im1wwvAx.js";

package/dist/id/styles.css

@@ -1187,12 +1187,12 @@
 }
 
 .IncodeIdCaptureNotification {
-  top: var(--spacing-24, var(--spacing-24, 24px));
   right: var(--spacing-24, var(--spacing-24, 24px));
   left: var(--spacing-24, var(--spacing-24, 24px));
   z-index: 100;
   max-width: var(--incode-form-max-w);
   padding-bottom: var(--spacing-32, var(--spacing-32, 32px));
+  top: var(--incode-overlay-top-inset, var(--spacing-24));
   align-items: flex-end;
   margin: auto;
   display: flex;

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

package/dist/id-selfie-flow/styles.css

@@ -199,12 +199,12 @@
 }
 
 .IncodeIdCaptureNotification {
-  top: var(--spacing-24, var(--spacing-24, 24px));
   right: var(--spacing-24, var(--spacing-24, 24px));
   left: var(--spacing-24, var(--spacing-24, 24px));
   z-index: 100;
   max-width: var(--incode-form-max-w);
   padding-bottom: var(--spacing-32, var(--spacing-32, 32px));
+  top: var(--incode-overlay-top-inset, var(--spacing-24));
   align-items: flex-end;
   margin: auto;
   display: flex;

package/dist/{resolveApiKey-BMuguJP1.js → resolveApiKey-BBWLeik4.js}

@@ -104,8 +104,8 @@ var LAZY_UI_MODULES = {
 	GEOLOCATION: () => import("./geolocation/geolocation.es.js").then((m) => m.Geolocation),
 	EXTERNAL_VERIFICATION: () => import("./ekycModule-BHctZRnI.js").then((m) => m.EkycModule),
 	EKYB: () => import("./ekybModule-CkgPRkOG.js").then((m) => m.EkybModule),
-	DOCUMENT_CAPTURE: () => import("./documentCapture-BRiSRQud.js").then((m) => m.DocumentCapture),
-	ADDRESS: () => import("./documentCapture-BRiSRQud.js").then((m) => m.DocumentCapture),
+	DOCUMENT_CAPTURE: () => import("./documentCapture-BwjP0oSt.js").then((m) => m.DocumentCapture),
+	ADDRESS: () => import("./documentCapture-BwjP0oSt.js").then((m) => m.DocumentCapture),
 	COMBINED_CONSENT: () => import("./consent/consent.es.js").then((m) => m.Consent),
 	MANDATORY_CONSENT: () => import("./mandatoryConsent-DFHk3udM.js").then((m) => m.MandatoryConsent),
 	ML_CONSENT: () => import("./mandatoryConsent-DFHk3udM.js").then((m) => m.MandatoryConsent),

package/dist/types/extensibility.d.ts

@@ -189,6 +189,7 @@ declare type CameraOverlayHeaderProps = {
 declare type CameraOverlayProps = {
     children: ComponentChildren;
     className?: string;
+    floatingHelpButton?: FloatingHelpButton;
 };
 
 export declare const CameraView: FC<CameraViewProps>;
@@ -223,6 +224,14 @@ declare type CaptureFooterProps = {
     encryptionLabel?: string;
     children?: ComponentChildren;
     hideActions?: boolean;
+    showHelpButton?: boolean;
+};
+
+/** Everything the help button needs, independent of where it mounts. */
+declare type CaptureHelpButton = {
+    onOpenHelp: () => void;
+    ariaLabel: string;
+    buttonRef?: Ref<HTMLButtonElement>;
 };
 
 declare type CaptureProps = {
@@ -466,6 +475,13 @@ declare type FlipAnimationProps = {
     direction: 'toBack' | 'toFront';
 };
 
+declare type FloatingHelpButton = CaptureHelpButton & {
+    position: FloatingHelpButtonPosition;
+};
+
+/** Placements that render outside `CaptureFooter`, on the camera overlay. */
+declare type FloatingHelpButtonPosition = 'topRight' | 'topLeft';
+
 export declare const FormField: FC<FormFieldProps>;
 
 declare type FormFieldProps = {
@@ -496,6 +512,13 @@ export declare function getCountryByCallingCode(callingCode: string): CountryDat
 
 export declare function getCountryByCode(code: string | undefined): CountryData | undefined;
 
+/**
+ * Where the capture help button renders. `topLeft`/`topRight` float outside
+ * the footer — the footer's own box only covers the bottom of the screen, so
+ * a top offset inside it would land mid-screen, not near the header.
+ */
+export declare type HelpButtonPosition = 'bottomRight' | 'topRight' | 'topLeft';
+
 export declare const HelpIcon: FC<HelpIconProps>;
 
 declare type HelpIconProps = {
@@ -1214,6 +1237,12 @@ export declare type UiConfig = {
      * {@link SpinnerPresentation}.
      */
     spinner?: SpinnerPresentation;
+    /**
+     * Where the ID/document capture help button (opens the common-issues
+     * modal) renders. Defaults to `'bottomRight'` — see
+     * {@link HelpButtonPosition}.
+     */
+    helpButtonPosition?: HelpButtonPosition;
 };
 
 /**

package/dist/types/index.d.ts

@@ -68,6 +68,13 @@ declare type FlowSetup = false | {
     mergeConfig?: boolean;
 };
 
+/**
+ * Where the capture help button renders. `topLeft`/`topRight` float outside
+ * the footer — the footer's own box only covers the bottom of the screen, so
+ * a top offset inside it would land mid-screen, not near the header.
+ */
+export declare type HelpButtonPosition = 'bottomRight' | 'topRight' | 'topLeft';
+
 export declare type I18nOptions = {
     lang?: string;
     loadPath?: string;
@@ -236,6 +243,12 @@ export declare type UiConfig = {
      * {@link SpinnerPresentation}.
      */
     spinner?: SpinnerPresentation;
+    /**
+     * Where the ID/document capture help button (opens the common-issues
+     * modal) renders. Defaults to `'bottomRight'` — see
+     * {@link HelpButtonPosition}.
+     */
+    helpButtonPosition?: HelpButtonPosition;
 };
 
 export { }

package/dist/{captureFooter-DerfRvcS.js → useCaptureHelpButton-D7viKbWI.js}

@@ -1,7 +1,8 @@
-import { o as useTranslation } from "./uiConfig-CDrg5a4l.js";
+import { o as useTranslation, r as useUiConfig } from "./uiConfig-CDrg5a4l.js";
 import { S as k, v as u } from "./vendor-preact-C0jX1Cbq.js";
 import { d as cn, t as Spacer } from "./spacer-CPt4HyL0.js";
-import { _ as CaptureButtonIcon, a as LockIcon, o as HelpIcon, x as Button } from "./icons-ChbeiU1F.js";
+import { _ as CaptureButtonIcon, a as LockIcon } from "./icons-ChbeiU1F.js";
+import { r as HelpButton } from "./cameraOverlayHeader-nlevm08C.js";
 //#region src/shared/progressBar/progressBar.tsx
 var ProgressBar = ({ progress, label, className, labelledById }) => /* @__PURE__ */ u("div", {
 	class: cn("IncodeProgressBarContainer", className),
@@ -24,10 +25,10 @@ var ProgressBar = ({ progress, label, className, labelledById }) => /* @__PURE__
 });
 //#endregion
 //#region src/shared/captureFooter/captureFooter.tsx
-var CaptureFooter = ({ onOpenHelp, onCapture, isManualCapture, captureAriaLabel, captureAriaDescribedBy, helpAriaLabel, helpButtonRef, captureButtonRef, encryptionLabel, children, hideActions }) => {
+var CaptureFooter = ({ onOpenHelp, onCapture, isManualCapture, captureAriaLabel, captureAriaDescribedBy, helpAriaLabel, helpButtonRef, captureButtonRef, encryptionLabel, children, hideActions, showHelpButton = true }) => {
 	const { t } = useTranslation();
 	const isCaptureSectionVisible = !hideActions && isManualCapture && Boolean(onCapture);
-	const isHelpSectionVisible = !hideActions;
+	const isHelpSectionVisible = !hideActions && showHelpButton;
 	return /* @__PURE__ */ u("div", {
 		class: "IncodeCaptureFooter",
 		children: [
@@ -50,18 +51,49 @@ var CaptureFooter = ({ onOpenHelp, onCapture, isManualCapture, captureAriaLabel,
 			}),
 			isHelpSectionVisible && /* @__PURE__ */ u("div", {
 				class: "IncodeCaptureFooterHelp",
-				children: /* @__PURE__ */ u(Button, {
+				children: /* @__PURE__ */ u(HelpButton, {
 					ref: helpButtonRef,
-					variant: "link",
 					onClick: onOpenHelp,
-					"aria-label": helpAriaLabel ?? t("idv2.needHelp.open"),
-					class: "IncodeCaptureFooterHelpButton",
-					"data-testid": "capture-help-button",
-					children: /* @__PURE__ */ u(HelpIcon, {})
+					ariaLabel: helpAriaLabel ?? t("idv2.needHelp.open"),
+					class: "IncodeCaptureFooterHelpButton"
 				})
 			})
 		]
 	});
 };
 //#endregion
-export { ProgressBar as n, CaptureFooter as t };
+//#region src/shared/helpButton/resolveCaptureHelpButton.ts
+/**
+* Decides which mount point renders the capture help button: `footer` for
+* `bottomRight`, `floating` for the `top*` placements, neither when `hidden`.
+* `hidden` mirrors `CaptureFooter`'s own visibility gate, so a floating
+* button disappears during result-preview/analyzing the same way the footer
+* one does.
+*/
+function resolveCaptureHelpButton(args) {
+	if (args.hidden) return {};
+	const position = args.uiConfigPosition ?? "bottomRight";
+	if (position === "bottomRight") return { footer: args.config };
+	return { floating: {
+		...args.config,
+		position
+	} };
+}
+//#endregion
+//#region src/shared/helpButton/useCaptureHelpButton.ts
+/**
+* Reads `helpButtonPosition` and returns the resolved mount point for the
+* capture help button. Both capture screens call this once and hand the
+* two halves to `CaptureFooter` and `CameraOverlay`, so a button can never
+* render in both places.
+*/
+function useCaptureHelpButton(args) {
+	const { hidden, ...config } = args;
+	return resolveCaptureHelpButton({
+		config,
+		uiConfigPosition: useUiConfig().helpButtonPosition,
+		hidden
+	});
+}
+//#endregion
+export { CaptureFooter as n, ProgressBar as r, useCaptureHelpButton as t };

package/dist/video-selfie/styles.css

@@ -199,12 +199,12 @@
 }
 
 .IncodeIdCaptureNotification {
-  top: var(--spacing-24, var(--spacing-24, 24px));
   right: var(--spacing-24, var(--spacing-24, 24px));
   left: var(--spacing-24, var(--spacing-24, 24px));
   z-index: 100;
   max-width: var(--incode-form-max-w);
   padding-bottom: var(--spacing-32, var(--spacing-32, 32px));
+  top: var(--incode-overlay-top-inset, var(--spacing-24));
   align-items: flex-end;
   margin: auto;
   display: flex;

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

package/dist/workflow/styles.css

@@ -2660,12 +2660,12 @@
 }
 
 .IncodeIdCaptureNotification {
-  top: var(--spacing-24, var(--spacing-24, 24px));
   right: var(--spacing-24, var(--spacing-24, 24px));
   left: var(--spacing-24, var(--spacing-24, 24px));
   z-index: 100;
   max-width: var(--incode-form-max-w);
   padding-bottom: var(--spacing-32, var(--spacing-32, 32px));
+  top: var(--incode-overlay-top-inset, var(--spacing-24));
   align-items: flex-end;
   margin: auto;
   display: flex;

package/dist/workflow/workflow.es.js

@@ -4,7 +4,7 @@ import { i as fetchAndApplyTheme } from "../dashboardTheme-BRfByCop.js";
 import { S as useManager, a as ResolvedConfigProvider, c as Page, d as TransitionSpinner, s as TerminalErrorPage, t as IncodeComponent } from "../incodeComponent-BXv-ZUvM.js";
 import { t as AutoFocusTitle } from "../autoFocusTitle-CLL6_ZUS.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-D4WcMjSz.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-BMuguJP1.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-BBWLeik4.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 { classifyScoreStatus } from "@incodetech/core/flow";

package/package.json

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

package/dist/cameraOverlay-BuRzkJoF.js

@@ -1,2 +0,0 @@
-import "./cameraView-Dquo1xOJ.js";
-import "./cameraOverlayHeader-BdTPxRY9.js";

package/dist/cameraOverlayHeader-BdTPxRY9.js

@@ -1,43 +0,0 @@
-import { _ as y, c as A, v as u } from "./vendor-preact-C0jX1Cbq.js";
-import { d as cn } from "./spacer-CPt4HyL0.js";
-import { t as Title } from "./typography-Bd5_vWx-.js";
-//#region src/shared/cameraOverlay/cameraOverlay.tsx
-/**
-* Absolute-positioned flex-column overlay that sits on top of the camera video.
-*
-* Expected child order:
-*  1. (optional) Module-specific header extras (e.g. CaptureNotification)
-*  2. CameraOverlayHeader
-*  3. CameraFrame
-*  4. CaptureFooter
-*/
-var CameraOverlay = ({ children, className }) => {
-	return /* @__PURE__ */ u("div", {
-		class: cn("IncodeCameraOverlay", className),
-		children
-	});
-};
-//#endregion
-//#region src/shared/cameraOverlay/cameraOverlayHeader.tsx
-var CameraOverlayHeader = ({ title, subtitle, visible = true, className, titleId, titleRef }) => {
-	const fallbackTitleRef = A(null);
-	const resolvedTitleRef = titleRef ?? fallbackTitleRef;
-	y(() => {
-		resolvedTitleRef.current?.focus();
-	}, [resolvedTitleRef]);
-	return /* @__PURE__ */ u("div", {
-		class: cn("IncodeCameraOverlayHeader", !visible && "IncodeCameraOverlayHeaderHidden", className),
-		children: [/* @__PURE__ */ u(Title, {
-			ref: resolvedTitleRef,
-			id: titleId,
-			className: "IncodeCameraOverlayHeaderTitle",
-			tabIndex: -1,
-			children: title
-		}), /* @__PURE__ */ u("p", {
-			class: "IncodeCameraOverlayHeaderSubtitle",
-			children: subtitle
-		})]
-	});
-};
-//#endregion
-export { CameraOverlay as n, CameraOverlayHeader as t };

package/dist/documentCapture-BRiSRQud.js

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