@incodetech/web 2.3.2-rc.4 → 2.4.0-rc.0

package/dist/flow/flow.es.js

@@ -1,13 +1,14 @@
-import { o as useTranslation, t as setThemeUiConfig, u as readStoredLanguage } from "../uiConfig-qMQHPoxa.js";
+import { o as useTranslation, t as setThemeUiConfig, u as readStoredLanguage } from "../uiConfig-CzjzpmLx.js";
 import { _ as y, a as P, c as A, f as d, s as z, u as T, v as u } from "../vendor-preact-C0jX1Cbq.js";
-import { S as useManager, a as ResolvedConfigProvider, d as TransitionSpinner, s as TerminalErrorPage, t as IncodeComponent } from "../incodeComponent-CdiXt7v7.js";
-import { b as ErrorIcon } from "../icons-lmBQFGnv.js";
-import { t as StatusPage } from "../statusPage-CXHHTIXA.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-f_OUurEl.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-D14Dir23.js";
-import { i as usePrefetchNextModule, n as useModuleLoader, r as useModulePreloader } from "../useModuleLoader-DpcbSKBH.js";
-import { getNextRequiredWasmPipelines } from "@incodetech/core/flow";
+import { S as withSessionExpiry, c as TerminalErrorPage, g as useIsBrowserSupported, o as ResolvedConfigProvider, r as BrowserNotSupported, t as IncodeComponent, x as useManager } from "../incodeComponent-I3JIdKa5.js";
+import { t as TransitionSpinner } from "../transitionSpinner-CPK1gaqC.js";
+import { b as ErrorIcon } from "../icons-Cri5P1f0.js";
+import { t as StatusPage } from "../statusPage-BIL3xP5F.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-t2FDQ-II.js";
+import { a as HEADLESS_FLOW_MODULE_KEYS, c as fetchTheme, d as preloadHomeScreen, h as resolveSessionLanguage, i as UnsupportedModule, l as initializeFlowManager, n as resolveApiKey, o as LAZY_UI_MODULES, p as warmupWasmIfNeeded, r as extractIncodeStatus, s as createFlowManager, t as withEndScreenTexts, u as preloadFirstModule } from "../withEndScreenTexts-CFZVBpbY.js";
+import { i as usePrefetchNextModule, n as useModuleLoader, r as useModulePreloader } from "../useModuleLoader-BdIp6TNQ.js";
 import { bootstrapSession, refreshQrUrlUuid } from "@incodetech/core/session";
+import { getNextRequiredWasmPipelines } from "@incodetech/core/flow";
 //#region src/shared/processing/useDelayedFlag.ts
 /**
 * Returns `true` only once `isTrue` has stayed `true` continuously for
@@ -303,6 +304,7 @@ function useFlowInitialization(options) {
 				} else if (isSelfLoadingFlowConfig(options)) {
 					const session = await createFlowSession(options, signal);
 					resolvedToken = session.token;
+					state.flowManager.setInterviewId(session.interviewId);
 					state.flowManager.setEndScreenTexts(session.endScreenTitle ?? null, session.endScreenText ?? null);
 				} else throw new Error("Flow requires token, or configurationId with apiKey or clientId");
 				const activation = initializeFlowManager({
@@ -532,7 +534,7 @@ function useFlowStyles(enabled, onError, nonce) {
 }
 //#endregion
 //#region src/modules/flow/flow.tsx
-var LazyHomeScreen = z(() => import("../homeScreen-C6n4tcTo.js").then((module) => ({ default: module.HomeScreen })));
+var LazyHomeScreen = z(() => import("../homeScreen-CKLvX3bf.js").then((module) => ({ default: module.HomeScreen })));
 var IncodeFlowInitialization = ({ config, onFinish, onError, stylesReady }) => {
 	const { i18n } = useTranslation();
 	const initialSessionLanguage = A(isSelfLoadingFlowConfig(config) ? resolveSessionLanguage(config.lang, i18n.language, readStoredLanguage()) : config.lang).current;
@@ -546,6 +548,10 @@ var IncodeFlowInitialization = ({ config, onFinish, onError, stylesReady }) => {
 		onError
 	]));
 	const [flowState, flowManager] = useManager(() => initState.flowManager, { autoLoad: false });
+	y(() => {
+		if (!config.onFlowEvent) return;
+		return flowManager.subscribeFlowEvent(config.onFlowEvent);
+	}, [flowManager, config.onFlowEvent]);
 	if (!stylesReady) return null;
 	return /* @__PURE__ */ u(IncodeFlowContent, {
 		config,
@@ -558,6 +564,8 @@ var IncodeFlowInitialization = ({ config, onFinish, onError, stylesReady }) => {
 };
 var IncodeFlowContent = ({ config, onFinish, onError, initState, flowState, flowManager }) => {
 	const { i18n } = useTranslation();
+	const browser = useIsBrowserSupported();
+	const flowDisablesBrowserScreen = "flow" in flowState ? flowState.flow.disableUnsupportedBrowserScreen === true : void 0;
 	const lazyModuleKey = flowState.presentation.lazyModuleKey;
 	const currentModuleKey = flowState.status === "ready" ? flowState.currentStep : void 0;
 	const moduleLoaderState = useModuleLoader({
@@ -576,10 +584,6 @@ var IncodeFlowContent = ({ config, onFinish, onError, initState, flowState, flow
 	const isAwaitingReadyDelayed = useDelayedFlag(flowState.presentation.isAwaitingReady === true, 150);
 	const isModuleLoadingDelayed = useDelayedFlag(flowState.status === "ready" && (moduleLoaderState.status === "idle" || moduleLoaderState.status === "loading" || moduleLoaderState.status === "error"), 150);
 	usePrefetchNextModule(flowState?.status === "ready" ? flowState.steps : [], flowState?.status === "ready" ? flowState.currentStepIndex : -1, LAZY_UI_MODULES, currentModuleLoaded);
-	y(() => {
-		if (!config.onFlowEvent) return;
-		return flowManager.subscribeFlowEvent(config.onFlowEvent);
-	}, [flowManager, config.onFlowEvent]);
 	y(() => {
 		if (flowState.presentation.shouldPrefetchHome) preloadHomeScreen();
 	}, [flowState.presentation.shouldPrefetchHome]);
@@ -616,7 +620,7 @@ var IncodeFlowContent = ({ config, onFinish, onError, initState, flowState, flow
 		if (terminalFiredRef.current) return;
 		if (flowState?.status === "finished") {
 			terminalFiredRef.current = true;
-			const finishStatus = flowState.finishStatus;
+			const finishStatus = withEndScreenTexts(flowState.finishStatus, flowManager.getEndScreenTexts());
 			queueMicrotask(() => onFinish(finishStatus));
 			return;
 		}
@@ -629,7 +633,8 @@ var IncodeFlowContent = ({ config, onFinish, onError, initState, flowState, flow
 		flowState?.status,
 		onFinish,
 		onError,
-		flowState
+		flowState,
+		flowManager
 	]);
 	y(() => {
 		if (flowState?.status === "ready" && flowState.currentStep === "ID" && flowState.steps.includes("TUTORIAL_ID")) flowManager.completeModule();
@@ -643,6 +648,10 @@ var IncodeFlowContent = ({ config, onFinish, onError, initState, flowState, flow
 		class: "IncodeFlow",
 		children: /* @__PURE__ */ u(TerminalErrorPage, { message: initState.error })
 	});
+	if (!browser.isSupported && flowDisablesBrowserScreen === false) return /* @__PURE__ */ u("div", {
+		class: "IncodeFlow",
+		children: /* @__PURE__ */ u(BrowserNotSupported, { onContinue: browser.continueAnyway })
+	});
 	if (showHome) return /* @__PURE__ */ u("div", {
 		class: "IncodeFlow",
 		children: /* @__PURE__ */ u(P, {
@@ -717,6 +726,7 @@ var IncodeFlowContent = ({ config, onFinish, onError, initState, flowState, flow
 			children: /* @__PURE__ */ u(Component, {
 				config: {
 					...flowConfig,
+					lang: i18n.language,
 					...config.redirectToMobileUrl !== void 0 ? { url: config.redirectToMobileUrl } : {}
 				},
 				onFinish: () => flowManager.finishFlow(),
@@ -790,7 +800,7 @@ var IncodeFlowContent = ({ config, onFinish, onError, initState, flowState, flow
 						...idConfig,
 						...isSecondId ? { isSecondId: true } : {},
 						digitalIdReturn: config.digitalIdReturn,
-						digitalIdReturnUrl: config.digitalIdReturnUrl ?? (typeof window !== "undefined" ? `${window.location.origin}${window.location.pathname}` : void 0)
+						digitalIdReturnUrl: config.digitalIdReturnUrl
 					},
 					onFinish: (output) => flowManager.completeModule(output),
 					onError: (error) => {
@@ -1087,16 +1097,23 @@ var IncodeFlowContent = ({ config, onFinish, onError, initState, flowState, flow
 	}
 	return null;
 };
-var IncodeFlow = ({ config, onFinish = () => {}, onError }) => {
+var IncodeFlowContentRoot = ({ config, onFinish = () => {}, onError }) => {
 	const styles = useFlowStyles(config?.injectCss, onError, config?.cssNonce);
-	if (styles.error) return /* @__PURE__ */ u(IncodeComponent, { children: /* @__PURE__ */ u(TerminalErrorPage, {}) });
-	return /* @__PURE__ */ u(IncodeComponent, { children: config ? /* @__PURE__ */ u(ResolvedConfigProvider, { children: /* @__PURE__ */ u(IncodeFlowInitialization, {
-		config,
-		onFinish,
-		onError,
-		stylesReady: styles.ready
-	}) }) : null });
+	if (styles.error) return /* @__PURE__ */ u(IncodeComponent, {
+		deferBrowserCheck: true,
+		children: /* @__PURE__ */ u(TerminalErrorPage, {})
+	});
+	return /* @__PURE__ */ u(IncodeComponent, {
+		deferBrowserCheck: true,
+		children: config ? /* @__PURE__ */ u(ResolvedConfigProvider, { children: /* @__PURE__ */ u(IncodeFlowInitialization, {
+			config,
+			onFinish,
+			onError,
+			stylesReady: styles.ready
+		}) }) : null
+	});
 };
+var IncodeFlow = withSessionExpiry(IncodeFlowContentRoot);
 registerIncodeModuleElement(IncodeFlow, "incode-flow");
 //#endregion
 export { IncodeFlow, preloadIncodeFlow };

package/dist/flow/shell/styles.css

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

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

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