@incodetech/web 0.0.0-dev-20260504-b9c5622 → 0.0.0-dev-20260505-8526ff0

package/dist/authentication/authentication.es.js

@@ -1,7 +1,7 @@
 import { v as e } from "../vendor-preact-D6SntenC.js";
 import { i as t } from "../hooks-K-ks8TCv.js";
 import { t as n } from "../incodeComponent-Brc9IhMv.js";
-import { n as r, r as i, t as a } from "../tutorial-BhssZo_c.js";
+import { n as r, r as i, t as a } from "../tutorial-DA46EOWa.js";
 import { t as o } from "../incodeModule-BH9gV7jI.js";
 import { createAuthenticationManager as s } from "@incodetech/core/authentication";
 //#region src/modules/authentication/authentication.tsx

package/dist/base.css

@@ -220,6 +220,10 @@
     border-width: 1px;
   }
 
+  .bg-white {
+    background-color: var(--color-white, #fff);
+  }
+
   .text-button-m-underlined {
     font-family: var(--typography-button-family);
     font-size: var(--typography-button-m-underlined-size);

package/dist/cpfOcr-FEdIt1gs.js

@@ -0,0 +1,78 @@
+import { _ as e, p as t, v as n } from "./vendor-preact-D6SntenC.js";
+import { i as r } from "./hooks-K-ks8TCv.js";
+import { t as i } from "./spacer-DCljE53A.js";
+import { t as a } from "./page-D5Mt-0zn.js";
+import { t as o } from "./spinner-CNteWaxs.js";
+import "./spinner-BiPJCr9Q.js";
+import { t as s } from "./button-4-ToV5B_.js";
+import { t as c } from "./verificationResult-BvUseXrX.js";
+import { t as l } from "./inputComposed-28d14HXP.js";
+import { createCpfOcrManager as u } from "@incodetech/core/cpf-ocr";
+//#region src/modules/cpf-ocr/cpfOcr.tsx
+var d = (e) => e.status === "inputting" ? {
+	cpf: e.cpf,
+	isValid: e.isValid
+} : {
+	cpf: "",
+	isValid: !1
+}, f = ({ onFinish: f, onError: p }) => {
+	let [m, h] = r(() => u()), [g, _] = t(!1), [v, y] = t(!1), [b, x] = t(!1);
+	if (e(() => {
+		m.status === "finished" && f?.();
+	}, [m.status, f]), e(() => {
+		m.status === "error" && p?.(m.error);
+	}, [m, p]), m.status === "idle" || m.status === "loading" || m.status === "submitting") return /* @__PURE__ */ n(a, {
+		className: "IncodeCpfOcrPage",
+		children: /* @__PURE__ */ n("div", {
+			class: "IncodeCpfOcrLoading",
+			children: /* @__PURE__ */ n(o, { fullScreen: !1 })
+		})
+	});
+	if (m.status === "error") return /* @__PURE__ */ n(c, {
+		status: "failure",
+		failureTitle: "Não foi possível verificar o CPF",
+		onRetry: () => h.retry()
+	});
+	if (m.status === "finished") return null;
+	let S = d(m), C = S.cpf.replace(/\D/g, "").length === 11, w = v && !S.isValid && (C || g && !b) ? "Insira um CPF válido" : void 0;
+	return /* @__PURE__ */ n(a, {
+		className: "IncodeCpfOcrPage",
+		title: "Insira e verifique o número do seu CPF",
+		children: /* @__PURE__ */ n("div", {
+			class: "IncodeCpfOcr",
+			children: [
+				/* @__PURE__ */ n(i, { size: 32 }),
+				/* @__PURE__ */ n(l, {
+					id: "cpf-ocr-input",
+					label: "",
+					value: S.cpf,
+					placeholder: "Seu CPF",
+					maxLength: 14,
+					inputMode: "numeric",
+					"aria-label": "CPF",
+					onInput: (e) => {
+						y(!0), h.setCpf(e.target.value);
+					},
+					onFocus: () => {
+						x(!0);
+					},
+					onBlur: () => {
+						x(!1), _(!0);
+					},
+					error: w,
+					showErrorIcon: !0
+				}),
+				/* @__PURE__ */ n(i, {}),
+				/* @__PURE__ */ n(s, {
+					type: "button",
+					onClick: () => h.submit(),
+					disabled: !S.isValid,
+					"data-testid": "cpf-ocr-continue",
+					children: "Continuar"
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { f as CpfOcr };

package/dist/{documentCapture-fjzmYCVb.js → documentCapture-u74InNee.js}

@@ -4,13 +4,13 @@ import { i as c, t as l } from "./hooks-K-ks8TCv.js";
 import { t as u } from "./incodeComponent-Brc9IhMv.js";
 import { t as d } from "./spacer-DCljE53A.js";
 import { t as f } from "./page-D5Mt-0zn.js";
-import { _ as p, c as m, d as h, f as g, l as _, u as v, v as y } from "./extensibility-04gn7mbK.js";
+import { _ as p, c as m, d as h, f as g, l as _, u as v, v as y } from "./extensibility-C1GVRqNn.js";
 import { n as b } from "./loadingIcon-wTrHZMGC.js";
 import { t as x } from "./spinner-CNteWaxs.js";
 import { t as S } from "./button-4-ToV5B_.js";
 import { a as C, p as w, r as T } from "./icons-BtdVuyUn.js";
 import { t as E } from "./successIcon-SlKgTSty.js";
-import { o as D } from "./tutorial-BhssZo_c.js";
+import { o as D } from "./tutorial-DA46EOWa.js";
 import { t as O } from "./bottomSheet-BXIzn-hy.js";
 import { t as k } from "./incodeModule-BH9gV7jI.js";
 import { createDocumentCaptureManager as A } from "@incodetech/core/document-capture";

package/dist/email/email.es.js

@@ -4,7 +4,7 @@ import { i } from "../hooks-K-ks8TCv.js";
 import { t as a } from "../incodeComponent-Brc9IhMv.js";
 import { t as o } from "../spacer-DCljE53A.js";
 import { t as s } from "../page-D5Mt-0zn.js";
-import "../extensibility-04gn7mbK.js";
+import "../extensibility-C1GVRqNn.js";
 import { t as c } from "../button-4-ToV5B_.js";
 import { t as l } from "../inputComposed-28d14HXP.js";
 import { t as u } from "../otpInput-BuHkqpRJ.js";

package/dist/{extensibility-04gn7mbK.js → extensibility-C1GVRqNn.js}

@@ -14,7 +14,7 @@ import { t as g } from "./button-4-ToV5B_.js";
 import { f as _, g as v, i as y, r as b, s as x, t as S } from "./icons-BtdVuyUn.js";
 import { t as C } from "./successIcon-SlKgTSty.js";
 import { t as w } from "./modal-CfeQw93y.js";
-import { a as T, i as E } from "./tutorial-BhssZo_c.js";
+import { a as T, i as E } from "./tutorial-DA46EOWa.js";
 import "./verificationResult-BvUseXrX.js";
 import "./inputComposed-28d14HXP.js";
 import "./inputComposed-CXXUBANr.js";
@@ -517,8 +517,8 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 		role: "presentation",
 		children: r
 	});
-}, V = ({ imageUrl: t, orientation: n, mode: r, borderState: i, topContent: a, bottomContent: o, overlayContent: s }) => {
-	let { t: c } = e();
+}, V = ({ imageUrl: t, orientation: n, mode: r, borderState: i, topContent: a, bottomContent: o, overlayContent: s, blurImage: c }) => {
+	let { t: l } = e();
 	return /* @__PURE__ */ u(f, {
 		hideHeader: !0,
 		hideFooterBranding: !0,
@@ -539,7 +539,7 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 							src: t,
 							alt: "",
 							"aria-hidden": "true",
-							class: "IncodeIdProcessingImage"
+							class: p("IncodeIdProcessingImage", c ? "IncodeIdProcessingImageBlurred" : void 0)
 						}), s && /* @__PURE__ */ u("div", {
 							class: "IncodeIdProcessingOverlay",
 							"aria-hidden": "true",
@@ -550,40 +550,41 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 						class: "IncodeIdProcessingBottomArea",
 						children: [/* @__PURE__ */ u("div", {
 							class: "IncodeCaptureEncryptionLabel",
-							children: [/* @__PURE__ */ u(b, { className: "IncodeCaptureEncryptionIcon" }), /* @__PURE__ */ u("span", { children: c("v2.capture.label") })]
+							children: [/* @__PURE__ */ u(b, { className: "IncodeCaptureEncryptionIcon" }), /* @__PURE__ */ u("span", { children: l("v2.capture.label") })]
 						}), o]
 					})
 				]
 			})
 		})
 	});
-}, H = ({ imageUrl: t, progress: r, orientation: i, mode: a }) => {
-	let { t: o } = e(), c = s(null), d = i !== "vertical" || a === "passport", [f, p] = l(null);
+}, H = ({ imageUrl: t, progress: r, orientation: i, mode: a, blurImage: o }) => {
+	let { t: c } = e(), d = s(null), f = i !== "vertical" || a === "passport", [p, h] = l(null);
 	return n(() => {
-		c.current?.focus();
+		d.current?.focus();
 	}, []), n(() => {
-		d ? import("./id-laser-h-BniGIPai.js").then((e) => {
-			p(e.default);
+		f ? import("./id-laser-h-BniGIPai.js").then((e) => {
+			h(e.default);
 		}) : import("./id-laser-v-DFo-b0WI.js").then((e) => {
-			p(e.default);
+			h(e.default);
 		});
-	}, [d]), /* @__PURE__ */ u(V, {
+	}, [f]), /* @__PURE__ */ u(V, {
 		imageUrl: t,
 		orientation: i,
 		mode: a,
 		borderState: "analyzing",
+		blurImage: o,
 		topContent: /* @__PURE__ */ u("div", {
 			class: "IncodeAnalyzingContent",
 			children: [/* @__PURE__ */ u(O, { progress: r }), /* @__PURE__ */ u(m, {
-				ref: c,
+				ref: d,
 				id: "analyzing-title",
 				className: "IncodeAnalyzingTitle",
 				tabIndex: -1,
-				children: o("idv2.capture.processing.analyzing")
+				children: c("idv2.capture.processing.analyzing")
 			})]
 		}),
-		overlayContent: f ? /* @__PURE__ */ u(T, {
-			animationData: f,
+		overlayContent: p ? /* @__PURE__ */ u(T, {
+			animationData: p,
 			loop: !0,
 			className: "IncodeAnalyzingLottie"
 		}) : null
@@ -614,15 +615,16 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 		d: "M16.5 0C25.3219 0 32.5 7.17642 32.5 16C32.5 24.8219 25.3219 32 16.5 32C7.67811 32 0.5 24.8219 0.5 16C0.5 7.17642 7.67811 0 16.5 0ZM13.6553 11.3701C13.1618 10.8767 12.3636 10.8767 11.8701 11.3701C11.3767 11.8636 11.3767 12.6618 11.8701 13.1553L14.9053 16.1924L11.8721 19.2256C11.3803 19.7191 11.3803 20.5173 11.8721 21.0107C12.3656 21.504 13.1658 21.5041 13.6592 21.0107L16.6924 17.9775L19.7334 21.0205C19.981 21.2664 20.3029 21.3916 20.6279 21.3916C20.9513 21.3916 21.2746 21.2664 21.5205 21.0205C22.014 20.527 22.014 19.7269 21.5205 19.2334L18.4775 16.1924L21.5107 13.1572C22.0041 12.6638 22.004 11.8639 21.5107 11.3721C21.0173 10.8786 20.2191 10.8786 19.7256 11.3721L16.6904 14.4053L13.6553 11.3701Z",
 		fill: "#E71111"
 	})
-}), G = ({ variant: r, imageUrl: i, orientation: a, mode: o, title: c, subtitle: l, buttonText: f, onButtonClick: p, attemptsRemaining: h }) => {
-	let { t: _ } = e(), v = s(null);
+}), G = ({ variant: r, imageUrl: i, orientation: a, mode: o, title: c, subtitle: l, buttonText: f, onButtonClick: p, attemptsRemaining: h, blurImage: _ }) => {
+	let { t: v } = e(), y = s(null);
 	return n(() => {
-		v.current?.focus();
+		y.current?.focus();
 	}, []), /* @__PURE__ */ u(V, {
 		imageUrl: i,
 		orientation: a,
 		mode: o,
 		borderState: r,
+		blurImage: _,
 		topContent: /* @__PURE__ */ u("div", {
 			class: "IncodeIdProcessingResultContent",
 			role: "status",
@@ -630,7 +632,7 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 				u(r === "success" ? U : W, { className: "IncodeIdProcessingResultIcon" }),
 				/* @__PURE__ */ u(d, { size: 16 }),
 				c && /* @__PURE__ */ u(m, {
-					ref: v,
+					ref: y,
 					className: "IncodeIdProcessingResultTitle",
 					tabIndex: -1,
 					children: c
@@ -645,7 +647,7 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 			class: "IncodeIdProcessingResultButtonContainer",
 			children: [h !== void 0 && h > 0 && /* @__PURE__ */ u("p", {
 				class: "IncodeIdProcessingResultAttempts",
-				children: _("v2.idError.attemptsLeft", { count: h })
+				children: v("v2.idError.attemptsLeft", { count: h })
 			}), /* @__PURE__ */ u(g, {
 				onClick: p,
 				"data-testid": "retry-button",
@@ -653,22 +655,23 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 			})]
 		})
 	});
-}, K = ({ manager: t, state: n }) => {
-	let { t: r } = e();
+}, K = ({ manager: t, state: n, blurImage: r }) => {
+	let { t: i } = e();
 	if (!n.previewImageUrl) return null;
-	let i = n.currentMode === "passport" ? "passport" : "id";
+	let a = n.currentMode === "passport" ? "passport" : "id";
 	return /* @__PURE__ */ u(G, {
 		variant: "success",
 		imageUrl: n.previewImageUrl,
 		orientation: n.orientation,
-		mode: i,
-		title: r("idv2.capture.processing.successTitle"),
-		subtitle: n.needsBackCapture ? r("idv2.capture.processing.successFrontSubtitle") : n.needsFrontCapture ? r("idv2.capture.processing.successBackSubtitleScanFront") : r("idv2.capture.processing.successBackSubtitle"),
-		buttonText: n.needsBackCapture ? r("idv2.capture.processing.scanBack") : n.needsFrontCapture ? r("idv2.capture.processing.scanFront") : r("idv2.capture.processing.continue"),
-		onButtonClick: () => t.nextStep()
+		mode: a,
+		title: i("idv2.capture.processing.successTitle"),
+		subtitle: n.needsBackCapture ? i("idv2.capture.processing.successFrontSubtitle") : n.needsFrontCapture ? i("idv2.capture.processing.successBackSubtitleScanFront") : i("idv2.capture.processing.successBackSubtitle"),
+		buttonText: n.needsBackCapture ? i("idv2.capture.processing.scanBack") : n.needsFrontCapture ? i("idv2.capture.processing.scanFront") : i("idv2.capture.processing.continue"),
+		onButtonClick: () => t.nextStep(),
+		blurImage: r
 	});
-}, q = ({ manager: t, state: n, ...r }) => {
-	let { t: i } = e();
+}, q = ({ manager: t, state: n, blurImage: r, ...i }) => {
+	let { t: a } = e();
 	if (n.status === "error") return /* @__PURE__ */ u("div", {
 		class: "IncodeIdError",
 		role: "alert",
@@ -678,20 +681,21 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 		}), /* @__PURE__ */ u(g, {
 			onClick: () => t.reset(),
 			"data-testid": "retry-button",
-			children: i("idv2.capture.processing.tryAgain")
+			children: a("idv2.capture.processing.tryAgain")
 		})]
 	});
-	let a = n.currentMode === "passport" ? "passport" : "id";
+	let o = n.currentMode === "passport" ? "passport" : "id";
 	return n.previewImageUrl ? /* @__PURE__ */ u(G, {
 		variant: "error",
 		imageUrl: n.previewImageUrl,
 		orientation: n.orientation,
-		mode: a,
-		title: n.uploadErrorMessage ? i(n.uploadErrorMessage) : void 0,
-		subtitle: n.uploadErrorDescription ? i(n.uploadErrorDescription) : void 0,
-		buttonText: n.canRetry ? i("idv2.capture.processing.tryAgain") : i("idv2.capture.processing.continue"),
+		mode: o,
+		title: n.uploadErrorMessage ? a(n.uploadErrorMessage) : void 0,
+		subtitle: n.uploadErrorDescription ? a(n.uploadErrorDescription) : void 0,
+		buttonText: n.canRetry ? a("idv2.capture.processing.tryAgain") : a("idv2.capture.processing.continue"),
 		onButtonClick: () => t.continueFromError(),
-		attemptsRemaining: n.attemptsRemaining
+		attemptsRemaining: n.attemptsRemaining,
+		blurImage: r
 	}) : null;
 }, J = ({ manager: t }) => {
 	let { t: r } = e(), i = s(null);
@@ -1050,15 +1054,18 @@ var ye = ({ mode: e, orientation: t, onAnimationEnd: r }) => {
 			imageUrl: t.previewImageUrl,
 			progress: t.uploadProgress ?? 0,
 			orientation: t.orientation,
-			mode: e
+			mode: e,
+			blurImage: t.ageAssurance
 		});
 	}
 	return t.captureStatus === "success" && t.previewImageUrl ? /* @__PURE__ */ u(K, {
 		manager: e,
-		state: t
+		state: t,
+		blurImage: t.ageAssurance
 	}) : t.captureStatus === "uploadError" && t.previewImageUrl ? /* @__PURE__ */ u(q, {
 		manager: e,
-		state: t
+		state: t,
+		blurImage: t.ageAssurance
 	}) : /* @__PURE__ */ u(xe, {
 		manager: e,
 		state: t

package/dist/extensibility.es.js

@@ -4,7 +4,7 @@ import { i as n, r } from "./hooks-K-ks8TCv.js";
 import { n as i, t as a } from "./incodeComponent-Brc9IhMv.js";
 import { t as o } from "./spacer-DCljE53A.js";
 import { t as s } from "./page-D5Mt-0zn.js";
-import { _ as c, a as l, c as u, d, f, g as p, h as m, i as h, l as g, m as _, n as v, o as y, p as b, r as x, s as S, t as C, u as w, v as T } from "./extensibility-04gn7mbK.js";
+import { _ as c, a as l, c as u, d, f, g as p, h as m, i as h, l as g, m as _, n as v, o as y, p as b, r as x, s as S, t as C, u as w, v as T } from "./extensibility-C1GVRqNn.js";
 import { a as E, i as D, n as O, o as k, r as A, t as j } from "./typography-BU5GeRw-.js";
 import { t as M } from "./spinner-CNteWaxs.js";
 import { t as N } from "./processing-5g21QOQZ.js";
@@ -12,7 +12,7 @@ import { t as P } from "./button-4-ToV5B_.js";
 import { a as F, c as I, d as L, f as R, g as z, h as B, i as V, l as H, m as U, n as W, o as G, p as K, r as q, s as J, t as Y, u as X } from "./icons-BtdVuyUn.js";
 import { t as Z } from "./successIcon-SlKgTSty.js";
 import { t as Q } from "./modal-CfeQw93y.js";
-import { a as $, i as ee, n as te, o as ne, r as re, t as ie } from "./tutorial-BhssZo_c.js";
+import { a as $, i as ee, n as te, o as ne, r as re, t as ie } from "./tutorial-DA46EOWa.js";
 import { t as ae } from "./verificationResult-BvUseXrX.js";
 import { n as oe, t as se } from "./inputComposed-28d14HXP.js";
 import { t as ce } from "./otpInput-BuHkqpRJ.js";

package/dist/face-match/styles.css

@@ -159,6 +159,10 @@
     border-width: 1px;
   }
 
+  .bg-white {
+    background-color: var(--color-white, #fff);
+  }
+
   .text-button-m-underlined {
     font-family: var(--typography-button-family);
     font-size: var(--typography-button-m-underlined-size);

package/dist/flow/flow.es.js

@@ -5,7 +5,7 @@ import { i as l } from "../hooks-K-ks8TCv.js";
 import { t as u } from "../incodeComponent-Brc9IhMv.js";
 import { t as d } from "../transitionSpinner-CisZoKUv.js";
 import { t as f } from "../incodeModule-BH9gV7jI.js";
-import { a as p, c as m, d as h, i as g, l as _, n as v, o as y, p as b, r as x, s as S, t as C, u as w } from "../useModuleLoader-JcIcr7jR.js";
+import { a as p, c as m, d as h, i as g, l as _, n as v, o as y, p as b, r as x, s as S, t as C, u as w } from "../useModuleLoader-SN71sRJ2.js";
 import { getDeviceClass as T } from "@incodetech/core/device";
 import { getRequiredWasmPipelines as E } from "@incodetech/core/flow";
 import { QrValidationError as D, bootstrapSession as O, refreshQrUrlUuid as k } from "@incodetech/core/session";

package/dist/flow/styles.css

@@ -165,6 +165,10 @@
     border-width: 1px;
   }
 
+  .bg-white {
+    background-color: var(--color-white, #fff);
+  }
+
   .text-button-m-underlined {
     font-family: var(--typography-button-family);
     font-size: var(--typography-button-m-underlined-size);
@@ -513,6 +517,11 @@
     font-weight: var(--typography-button-m-underlined-weight);
     line-height: var(--typography-button-m-underlined-line-height);
     letter-spacing: var(--typography-button-m-underlined-letter-spacing);
+    font-family: var(--typography-button-family);
+    font-size: var(--typography-button-m-underlined-size);
+    font-weight: var(--typography-button-m-underlined-weight);
+    line-height: var(--typography-button-m-underlined-line-height);
+    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
     text-decoration-line: underline;
     text-decoration-style: solid;
     text-decoration-thickness: auto;
@@ -1666,6 +1675,91 @@
   overflow: hidden;
 }
 
+.IncodeAgeVerificationPage .IncodePageInner {
+  padding-top: var(--spacing-8, var(--spacing-8, 8px));
+  padding-bottom: var(--spacing-16, var(--spacing-16, 16px));
+}
+
+.IncodeAgeVerificationPage .IncodePageHeader {
+  height: var(--page-header-height);
+  min-height: var(--page-header-height);
+}
+
+.IncodeAgeVerificationPage .IncodePageLogo {
+  height: var(--age-verification-logo-height);
+}
+
+.IncodeAgeVerificationPage .IncodePageTitleContainer {
+  max-width: none;
+}
+
+.IncodeAgeVerificationPage .IncodePageContent {
+  justify-content: center;
+}
+
+.IncodeAgeVerificationPage .IncodePageFooter {
+  padding-top: var(--spacing-12, var(--spacing-12, 12px));
+  padding-bottom: var(--spacing-0, var(--spacing-none, 0px));
+}
+
+.IncodeAgeVerificationPage .IncodeAgeVerificationContent {
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--spacing-16, var(--spacing-16, 16px));
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+}
+
+.IncodeAgeVerificationPage .IncodeAgeVerificationList {
+  width: 100%;
+  max-width: var(--incode-form-max-w);
+  justify-content: center;
+  gap: var(--spacing-16, var(--spacing-16, 16px));
+  padding: var(--spacing-0, var(--spacing-none, 0px));
+  flex-direction: column;
+  flex: 1;
+  margin-inline: auto;
+  list-style-type: none;
+  display: flex;
+}
+
+.IncodeAgeVerificationPage .IncodeAgeVerificationItem {
+  align-items: center;
+  gap: var(--spacing-16, var(--spacing-16, 16px));
+  display: flex;
+}
+
+.IncodeAgeVerificationPage .IncodeAgeVerificationIcon {
+  height: var(--spacing-64, var(--spacing-64, 64px));
+  width: var(--spacing-96, var(--spacing-96, 96px));
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeAgeVerificationPage .IncodeAgeVerificationIcon img {
+  width: 100%;
+  height: 100%;
+}
+
+.IncodeAgeVerificationPage .IncodeAgeVerificationText {
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h5-size);
+  font-weight: var(--typography-headline-h5-weight);
+  line-height: var(--typography-headline-h5-line-height);
+  letter-spacing: var(--typography-headline-h5-letter-spacing);
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+  flex: 1;
+}
+
+.IncodeAgeVerificationPage .IncodeAgeVerificationButton {
+  width: 100%;
+  max-width: var(--incode-form-max-w);
+  margin-inline: auto;
+}
+
 .IncodeIdTutorial {
   --brand-color: var(--surface-brand-500);
 }
@@ -2143,6 +2237,12 @@
   max-height: 100%;
 }
 
+.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingImage.IncodeIdProcessingImageBlurred {
+  filter: blur(var(--id-processing-image-blur-radius));
+  -webkit-backdrop-filter: blur(var(--id-processing-image-blur-radius));
+  backdrop-filter: blur(var(--id-processing-image-blur-radius));
+}
+
 .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingOverlay {
   pointer-events: none;
   z-index: 10;