@incodetech/web 0.0.0-dev-20260429-71d4c48 → 0.0.0-dev-20260429-35afdca

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (160) hide show
  1. package/dist/ae-signature/ae-signature.es.js +3 -3
  2. package/dist/ae-signature-D316IMg7.js +5 -0
  3. package/dist/antifraud/antifraud.es.js +4 -4
  4. package/dist/antifraud-CB-yiVmj.js +5 -0
  5. package/dist/authentication/authentication.es.js +4 -4
  6. package/dist/{back-horizontal-hint-DUuojsev.js → back-horizontal-hint-Rivv4odH.js} +1 -1
  7. package/dist/{back-vertical-hint-CX_hCJhV.js → back-vertical-hint-Bi2GKjAw.js} +1 -1
  8. package/dist/{bottomSheet-BICziA8B.js → bottomSheet-H576o2Ae.js} +2 -2
  9. package/dist/{button-i4SPU5G7.js → button-DXxszYOu.js} +2 -2
  10. package/dist/{checkbox-DSJ1kLyD.js → checkbox-HMGMzcIv.js} +3 -3
  11. package/dist/consent/consent.es.js +10 -10
  12. package/dist/consent-CmVHHfh0.js +5 -0
  13. package/dist/{countrySelector-B3JOaReM.js → countrySelector-DcKjrQye.js} +3 -3
  14. package/dist/cross-document-data-match/cross-document-data-match.es.js +4 -4
  15. package/dist/curp-validation/curp-validation.es.js +16 -16
  16. package/dist/curp-validation-BZu1862x.js +5 -0
  17. package/dist/custom-fields-Dy2zIWk5.js +5 -0
  18. package/dist/{customFields-ClP-OHqQ.js → customFields-D2wZYEIM.js} +13 -13
  19. package/dist/{customWatchlist-DaNMXtkt.js → customWatchlist-qxLVolwh.js} +7 -7
  20. package/dist/dateInputComposed-B1930wH-.js +1 -0
  21. package/dist/{dateInputComposed-BISaNEkl.js → dateInputComposed-B4m_OJ0f.js} +5 -5
  22. package/dist/document-capture-klKhslw_.js +5 -0
  23. package/dist/{documentCapture-BD-LU6Y1.js → documentCapture-Bmnd-HoI.js} +14 -14
  24. package/dist/dropdownComposed-D94RHyH9.js +1 -0
  25. package/dist/{dropdownComposed-D7l5VnKk.js → dropdownComposed-ysrtM_xo.js} +4 -4
  26. package/dist/ekyb/ekyb.es.js +1 -1
  27. package/dist/ekyb-AJ5pLamL.js +5 -0
  28. package/dist/{ekybModule-Ckv1f8aB.js → ekybModule-DvXcZXil.js} +13 -13
  29. package/dist/ekybModule-uLHrvaE0.js +2 -0
  30. package/dist/ekyc/ekyc.es.js +1 -1
  31. package/dist/ekyc-CGHe6KZF.js +5 -0
  32. package/dist/{ekycModule-CCJGIP0u.js → ekycModule-DHpDUapu.js} +14 -14
  33. package/dist/ekycModule-PeVktYEv.js +2 -0
  34. package/dist/electronic-signature/electronic-signature.es.js +1 -1
  35. package/dist/{electronic-signature-nZfD6fzf.js → electronic-signature-C-J7f37B.js} +13 -13
  36. package/dist/electronic-signature-CmWQ5m7Z.js +5 -0
  37. package/dist/email/email.es.js +10 -10
  38. package/dist/email-46LcB-zG.js +5 -0
  39. package/dist/{extensibility-BhOLYPko.js → extensibility-DJ7uJJS5.js} +39 -39
  40. package/dist/extensibility.es.js +24 -24
  41. package/dist/face-match/face-match.es.js +1 -1
  42. package/dist/face-match-fK60MxjZ.js +5 -0
  43. package/dist/faceMatch-B2oadZzM.js +2 -0
  44. package/dist/{faceMatch-BAOj4yMN.js → faceMatch-aulhVGxo.js} +10 -10
  45. package/dist/flow/flow.es.js +139 -136
  46. package/dist/flow/styles.css +174 -4729
  47. package/dist/flow-rPJJbW6T.js +5 -0
  48. package/dist/{formField-B34T3LAe.js → formField-9c3OJwOZ.js} +3 -3
  49. package/dist/{front-horizontal-hint-2RcQjgHE.js → front-horizontal-hint-ECtf7INv.js} +1 -1
  50. package/dist/{front-vertical-hint-CRhiWbkP.js → front-vertical-hint-DBdptGwa.js} +1 -1
  51. package/dist/geolocation/geolocation.es.js +8 -8
  52. package/dist/geolocation-tgDRHF5G.js +5 -0
  53. package/dist/governmentValidation/governmentValidation.es.js +10 -10
  54. package/dist/governmentValidation-CRpowRw3.js +5 -0
  55. package/dist/{homeScreen-Dc3ipd-q.js → homeScreen-nNYHPykv.js} +8 -8
  56. package/dist/{i18n-ntrVdqVv.js → i18n-BNE9nYru.js} +2 -2
  57. package/dist/{icons-Bk44oy5t.js → icons-B9-0K6zx.js} +2 -2
  58. package/dist/id/id.es.js +18 -18
  59. package/dist/id-Czs29YjP.js +5 -0
  60. package/dist/id-ocr-De0CziTg.js +5 -0
  61. package/dist/{idOcr-DyEsmJUm.js → idOcr-DWF6lFjq.js} +11 -11
  62. package/dist/identity-reuse/identity-reuse.es.js +7 -7
  63. package/dist/identity-reuse-DRaYjwgl.js +5 -0
  64. package/dist/{incodeComponent-DexcYK3Y.js → incodeComponent-Bj2iIi3-.js} +2 -2
  65. package/dist/incodeModule-4-Ij3Hzt.js +74 -0
  66. package/dist/index.es.js +2 -2
  67. package/dist/inputComposed-BYIbvEZU.js +1 -0
  68. package/dist/{inputComposed-4aHO5YRK.js → inputComposed-CZYVA9pY.js} +4 -4
  69. package/dist/{loadingIcon-C-Sq5v_K.js → loadingIcon-BWeYwnoO.js} +1 -1
  70. package/dist/mandatory-consent-Cwa_D62s.js +5 -0
  71. package/dist/{mandatoryConsent-OCdxJMmo.js → mandatoryConsent-BxmewvFy.js} +10 -10
  72. package/dist/{modal-dixIN7NV.js → modal-BiHWHzbc.js} +37 -37
  73. package/dist/{modal.hooks-BzIVzVbq.js → modal.hooks-BWHmspKt.js} +1 -1
  74. package/dist/{numberedStep-DDP7_KWo.js → numberedStep-CB41HauU.js} +1 -1
  75. package/dist/{optionAccessibleLabel-DGtiAlUq.js → optionAccessibleLabel-oqe5fTiF.js} +6 -6
  76. package/dist/{otpInput-DgtpWHON.js → otpInput-DxekO34i.js} +6 -6
  77. package/dist/{page-BB20C-zy.js → page-C_Z2vd8q.js} +3 -3
  78. package/dist/{passport-horizontal-hint-CAqrHNYZ.js → passport-horizontal-hint-x0w1qXO5.js} +1 -1
  79. package/dist/{passport-vertical-hint-BHH9yd1n.js → passport-vertical-hint-BoPv9mev.js} +1 -1
  80. package/dist/phone/phone.es.js +10 -10
  81. package/dist/phone-ChAbJlMB.js +5 -0
  82. package/dist/{phoneInput-C8OmjU3_.js → phoneInput-B5mP8vvS.js} +3 -3
  83. package/dist/{phoneInputComposed--GQv3M_5.js → phoneInputComposed-C6mrR5NJ.js} +5 -5
  84. package/dist/{processing-AM48BFTl.js → processing-C1ymzBNJ.js} +2 -2
  85. package/dist/qe-signature/qe-signature.es.js +3 -3
  86. package/dist/qe-signature-C4R5aFPn.js +5 -0
  87. package/dist/{radioButtonComposed-CuKvBI5S.js → radioButtonComposed-yT_6g1qe.js} +3 -3
  88. package/dist/redirect-to-mobile-CEkqbyYW.js +5 -0
  89. package/dist/{redirectToMobile-DfUzha84.js → redirectToMobile-BtsF6N0g.js} +14 -14
  90. package/dist/{richText-FMNMBzjD.js → richText-uERDfLN2.js} +1 -1
  91. package/dist/selfie/selfie.es.js +7 -7
  92. package/dist/selfie-DoBsWHhr.js +5 -0
  93. package/dist/signature/signature.es.js +9 -9
  94. package/dist/signature-CEHAjVar.js +5 -0
  95. package/dist/{spacer-CN9uvb__.js → spacer-DCAl0Mjk.js} +1 -1
  96. package/dist/{spinner-Cj7kdZ0T.js → spinner-DTwtoppQ.js} +4 -4
  97. package/dist/spinner-iH4HWMX6.js +1 -0
  98. package/dist/{statusPage-DUnznjtg.js → statusPage-BTF4FmJT.js} +4 -4
  99. package/dist/{successIcon-SlKgTSty.js → successIcon-COlazRl-.js} +1 -1
  100. package/dist/{tabs-sbbH0u2L.js → tabs-z-X6zD3C.js} +2 -2
  101. package/dist/{transitionSpinner-DqDwaNM6.js → transitionSpinner-C_573zFG.js} +4 -4
  102. package/dist/{tutorial-B2lNnuWv.js → tutorial-DcuYI4JA.js} +15 -15
  103. package/dist/types/ae-signature.d.ts +1 -0
  104. package/dist/types/antifraud.d.ts +1 -0
  105. package/dist/types/authentication.d.ts +1 -0
  106. package/dist/types/consent.d.ts +1 -0
  107. package/dist/types/cross-document-data-match.d.ts +1 -0
  108. package/dist/types/curp-validation.d.ts +1 -0
  109. package/dist/types/ekyb.d.ts +1 -0
  110. package/dist/types/ekyc.d.ts +1 -0
  111. package/dist/types/electronic-signature.d.ts +1 -0
  112. package/dist/types/email.d.ts +1 -0
  113. package/dist/types/extensibility.d.ts +1 -0
  114. package/dist/types/face-match.d.ts +1 -0
  115. package/dist/types/flow.d.ts +1 -0
  116. package/dist/types/geolocation.d.ts +1 -0
  117. package/dist/types/governmentValidation.d.ts +1 -0
  118. package/dist/types/id.d.ts +1 -0
  119. package/dist/types/identity-reuse.d.ts +1 -0
  120. package/dist/types/phone.d.ts +1 -0
  121. package/dist/types/qe-signature.d.ts +1 -0
  122. package/dist/types/selfie.d.ts +1 -0
  123. package/dist/types/signature.d.ts +1 -0
  124. package/dist/types/watchlist.d.ts +1 -0
  125. package/dist/types/workflow.d.ts +1 -0
  126. package/dist/{typography-Duug0raB.js → typography-Dn_SWwB2.js} +2 -2
  127. package/dist/{uiConfig-CwpQ-IM6.js → uiConfig-BfJ9gLl7.js} +1 -1
  128. package/dist/{useModuleLoader-T6BIz-cA.js → useModuleLoader-bEVfQbmU.js} +188 -169
  129. package/dist/{vendor-preact-D6SntenC.js → vendor-preact-DYq0_Qbr.js} +1 -1
  130. package/dist/{verificationResult-DTfsw2w2.js → verificationResult-1XSMhl4d.js} +8 -8
  131. package/dist/{verifiedByIncode-CiuBhYBD.js → verifiedByIncode-aGOV-V9q.js} +2 -2
  132. package/dist/watchlist/watchlist.es.js +7 -7
  133. package/dist/watchlist-BdGy5gvP.js +5 -0
  134. package/dist/watchlist-for-business-CubjHodP.js +5 -0
  135. package/dist/{watchlistForBusiness-DirZZuYu.js → watchlistForBusiness-C_i_7Z6J.js} +11 -11
  136. package/dist/workflow/workflow.es.js +50 -51
  137. package/dist/workflow-nsiRkTFR.js +5 -0
  138. package/package.json +2 -2
  139. package/dist/dateInputComposed-DdtZcsfQ.js +0 -1
  140. package/dist/dropdownComposed-C6mYVe2K.js +0 -1
  141. package/dist/ekybModule-pKz3HZFJ.js +0 -2
  142. package/dist/ekycModule-B_pmX3EX.js +0 -2
  143. package/dist/faceMatch-CsBQRvhN.js +0 -2
  144. package/dist/incodeModule-CHzKl22Y.js +0 -18
  145. package/dist/inputComposed-vYWGxUXH.js +0 -1
  146. package/dist/spinner-BYktSnQZ.js +0 -1
  147. /package/dist/{aligndevicelottie-m1gBGZsQ.js → aligndevicelottie-DuYKqFRv.js} +0 -0
  148. /package/dist/{back-tutorial-ClQ08AWx.js → back-tutorial-BveT-Gpg.js} +0 -0
  149. /package/dist/{backdevicelottie-WEvEwLBA.js → backdevicelottie-CVSnQFM6.js} +0 -0
  150. /package/dist/{blurdevicelottie-BNBU2EIM.js → blurdevicelottie-DXyCiuOu.js} +0 -0
  151. /package/dist/{browser-ponyfill-DRrmY6DO.js → browser-ponyfill-Dz8mnsAS.js} +0 -0
  152. /package/dist/{flip-animation-Tm2zxXjs.js → flip-animation-CpYPskQi.js} +0 -0
  153. /package/dist/{frontdevicelottie-BtbZEtwd.js → frontdevicelottie-7OcabHg2.js} +0 -0
  154. /package/dist/{glaredevicelottie-CGQ0DCXc.js → glaredevicelottie-CU-7f-1E.js} +0 -0
  155. /package/dist/{id-laser-h-oGOFXEpO.js → id-laser-h-DVprNART.js} +0 -0
  156. /package/dist/{id-laser-v-DfWJik9l.js → id-laser-v-DHSmrhm6.js} +0 -0
  157. /package/dist/{id-tutorial-C4q-3j3J.js → id-tutorial-DC_FMKi3.js} +0 -0
  158. /package/dist/{passport-tutorial-DhEHJZeD.js → passport-tutorial-DglDEWHt.js} +0 -0
  159. /package/dist/{pdf-DmP3zO_j.js → pdf-CbjnpyBF.js} +0 -0
  160. /package/dist/{selfieTutorial-D8I_4Oam.js → selfieTutorial-Cssu-Gmy.js} +0 -0
@@ -1,14 +1,14 @@
1
- import { n as e } from "./i18n-ntrVdqVv.js";
2
- import { _ as t, l as n, v as r } from "./vendor-preact-D6SntenC.js";
3
- import { o as i, t as a } from "./incodeComponent-DexcYK3Y.js";
4
- import { t as o } from "./page-BB20C-zy.js";
5
- import { t as s } from "./loadingIcon-C-Sq5v_K.js";
6
- import { t as c } from "./button-i4SPU5G7.js";
7
- import { t as l } from "./successIcon-SlKgTSty.js";
8
- import { t as u } from "./inputComposed-4aHO5YRK.js";
9
- import { t as d } from "./incodeModule-CHzKl22Y.js";
10
- import { t as f } from "./countrySelector-B3JOaReM.js";
11
- import { t as p } from "./statusPage-DUnznjtg.js";
1
+ import { n as e } from "./i18n-BNE9nYru.js";
2
+ import { _ as t, l as n, v as r } from "./vendor-preact-DYq0_Qbr.js";
3
+ import { o as i, t as a } from "./incodeComponent-Bj2iIi3-.js";
4
+ import { t as o } from "./page-C_Z2vd8q.js";
5
+ import { t as s } from "./loadingIcon-BWeYwnoO.js";
6
+ import { t as c } from "./button-DXxszYOu.js";
7
+ import { t as l } from "./successIcon-COlazRl-.js";
8
+ import { t as u } from "./inputComposed-CZYVA9pY.js";
9
+ import { t as d } from "./incodeModule-4-Ij3Hzt.js";
10
+ import { t as f } from "./countrySelector-DcKjrQye.js";
11
+ import { t as p } from "./statusPage-BTF4FmJT.js";
12
12
  import { createWatchlistForBusinessManager as m } from "@incodetech/core/watchlist-for-business";
13
13
  //#region src/modules/watchlist-for-business/watchlistForBusiness.tsx
14
14
  var h = ({ onFinish: a }) => {
@@ -1,19 +1,16 @@
1
- import { n as e } from "../i18n-ntrVdqVv.js";
2
- import { _ as t, l as n, p as r, v as i } from "../vendor-preact-D6SntenC.js";
3
- import { t as a } from "../uiConfig-CwpQ-IM6.js";
4
- import { o, t as s } from "../incodeComponent-DexcYK3Y.js";
5
- import "../spinner-BYktSnQZ.js";
6
- import { t as c } from "../transitionSpinner-DqDwaNM6.js";
7
- import { t as l } from "../incodeModule-CHzKl22Y.js";
8
- import { a as u, f as d, i as f, m as p, t as m } from "../useModuleLoader-T6BIz-cA.js";
1
+ import { n as e } from "../i18n-BNE9nYru.js";
2
+ import { _ as t, l as n, p as r, v as i } from "../vendor-preact-DYq0_Qbr.js";
3
+ import { t as a } from "../uiConfig-BfJ9gLl7.js";
4
+ import { o, t as s } from "../incodeComponent-Bj2iIi3-.js";
5
+ import "../spinner-iH4HWMX6.js";
6
+ import { t as c } from "../transitionSpinner-C_573zFG.js";
7
+ import { t as l } from "../incodeModule-4-Ij3Hzt.js";
8
+ import { a as u, f as d, i as f, m as p, t as m } from "../useModuleLoader-bEVfQbmU.js";
9
9
  import { resolveWasmConfig as h, warmupWasm as g } from "@incodetech/core/wasm";
10
10
  import { QrValidationError as _, refreshQrUrlUuid as v } from "@incodetech/core/session";
11
11
  import { createWorkflowManager as y } from "@incodetech/core/workflow";
12
12
  //#region src/modules/workflow/workflowInit.ts
13
- var b = {
14
- ...u,
15
- REDIRECT_TO_MOBILE: () => import("../redirectToMobile-DfUzha84.js").then((e) => e.RedirectToMobile)
16
- };
13
+ var b = { ...u };
17
14
  async function x() {
18
15
  try {
19
16
  let e = await p();
@@ -143,8 +140,8 @@ function T(e) {
143
140
  default: return n;
144
141
  }
145
142
  }
146
- var E = ({ config: r, onFinish: a, onError: s }) => {
147
- let { i18n: l } = e(), u = w({
143
+ var E = ({ config: r, disableCss: a, onFinish: s, onError: l }) => {
144
+ let { i18n: u } = e(), d = w({
148
145
  token: r.token,
149
146
  lang: r.lang,
150
147
  disableDashboardTheme: r.disableDashboardTheme,
@@ -153,69 +150,71 @@ var E = ({ config: r, onFinish: a, onError: s }) => {
153
150
  interviewId: r.interviewId,
154
151
  isDesktop: r.isDesktop,
155
152
  urlUuid: r.urlUuid,
156
- onError: s,
153
+ onError: l,
157
154
  onUrlUuidRefreshed: r.onUrlUuidRefreshed
158
- }), [d, p] = o(() => u.workflowManager, { autoLoad: !1 }), h = m({
159
- moduleKey: d?.status === "ready" ? d.currentNode.moduleKey : void 0,
155
+ }), [p, h] = o(() => d.workflowManager, { autoLoad: !1 }), g = m({
156
+ moduleKey: p?.status === "ready" ? p.currentNode.moduleKey : void 0,
160
157
  modules: b,
158
+ disableCss: a,
161
159
  onModuleLoading: r.onModuleLoading,
162
160
  onModuleLoaded: r.onModuleLoaded,
163
- onError: s
161
+ onError: l
164
162
  });
165
163
  t(() => {
166
- r.lang && l.language !== r.lang && l.changeLanguage(r.lang);
167
- }, [r.lang, l]);
168
- let g = n(!1);
164
+ r.lang && u.language !== r.lang && u.changeLanguage(r.lang);
165
+ }, [r.lang, u]);
166
+ let _ = n(!1);
169
167
  t(() => {
170
- g.current || (d?.status === "finished" ? (g.current = !0, a?.(d.finishStatus)) : d?.status === "asyncResolution" && (g.current = !0, a?.()));
168
+ _.current || (p?.status === "finished" ? (_.current = !0, s?.(p.finishStatus)) : p?.status === "asyncResolution" && (_.current = !0, s?.()));
171
169
  }, [
172
- d?.status,
173
- a,
174
- d
170
+ p?.status,
171
+ s,
172
+ p
175
173
  ]), t(() => {
176
- d?.status === "error" && s && s(d.error, d.errorCode);
174
+ p?.status === "error" && l && l(p.error, p.errorCode);
177
175
  }, [
178
- d?.status,
179
- s,
180
- d
176
+ p?.status,
177
+ l,
178
+ p
181
179
  ]);
182
- let _ = () => /* @__PURE__ */ i("div", {
180
+ let v = () => /* @__PURE__ */ i("div", {
183
181
  class: "IncodeWorkflow",
184
182
  children: /* @__PURE__ */ i(c, { spinnerConfig: r.spinnerConfig })
185
- }), v = (e) => {
186
- p.errorModule(e ?? "Module error"), s?.(e ?? "Module error");
183
+ }), y = (e) => {
184
+ h.errorModule(e ?? "Module error"), l?.(e ?? "Module error");
187
185
  };
188
- if (u.status === "error") return null;
189
- if (u.status === "initializing" || !d || d.status === "idle" || d.status === "loading") return _();
190
- if (d.status === "finished" || d.status === "error" || d.status === "asyncResolution" || d.status === "closed") return null;
191
- if (h.status === "unsupported") return /* @__PURE__ */ i("div", {
186
+ if (d.status === "error") return null;
187
+ if (d.status === "initializing" || !p || p.status === "idle" || p.status === "loading") return v();
188
+ if (p.status === "finished" || p.status === "error" || p.status === "asyncResolution" || p.status === "closed") return null;
189
+ if (g.status === "unsupported") return /* @__PURE__ */ i("div", {
192
190
  class: "IncodeWorkflow",
193
191
  children: /* @__PURE__ */ i(f, {
194
- moduleKey: d.currentNode.moduleKey,
195
- onNext: () => p.completeModule()
192
+ moduleKey: p.currentNode.moduleKey,
193
+ onNext: () => h.completeModule()
196
194
  })
197
195
  });
198
- if (h.status === "idle" || h.status === "loading" || h.status === "error") return _();
199
- let { Component: y } = h;
196
+ if (g.status === "idle" || g.status === "loading" || g.status === "error") return v();
197
+ let { Component: x } = g;
200
198
  return /* @__PURE__ */ i("div", {
201
199
  class: "IncodeWorkflow",
202
- children: /* @__PURE__ */ i(y, {
200
+ children: /* @__PURE__ */ i(x, {
203
201
  config: T({
204
- moduleKey: d.currentNode.moduleKey,
205
- config: d.config,
206
- workflowId: d.workflowConfig.id,
202
+ moduleKey: p.currentNode.moduleKey,
203
+ config: p.config,
204
+ workflowId: p.workflowConfig.id,
207
205
  authHint: r.authHint,
208
206
  lang: r.lang,
209
- mergeSessionRecordings: d.workflowConfig.mergeSessionRecordings,
210
- ageAssurance: d.workflowConfig.ageAssurance
207
+ mergeSessionRecordings: p.workflowConfig.mergeSessionRecordings,
208
+ ageAssurance: p.workflowConfig.ageAssurance
211
209
  }),
212
- onFinish: () => p.completeModule(),
213
- onError: v,
214
- ...d.currentNode.moduleKey === "REDIRECT_TO_MOBILE" ? { onContinue: () => p.completeModule() } : {}
215
- }, d.currentNode.id)
210
+ onFinish: () => h.completeModule(),
211
+ onError: y,
212
+ ...p.currentNode.moduleKey === "REDIRECT_TO_MOBILE" ? { onContinue: () => h.completeModule() } : {}
213
+ }, p.currentNode.id)
216
214
  });
217
- }, D = ({ config: e, onFinish: t, onError: n }) => /* @__PURE__ */ i(s, { children: e ? /* @__PURE__ */ i(E, {
215
+ }, D = ({ config: e, onFinish: t, onError: n, disableCss: r }) => /* @__PURE__ */ i(s, { children: e ? /* @__PURE__ */ i(E, {
218
216
  config: e,
217
+ disableCss: r,
219
218
  onFinish: t,
220
219
  onError: n
221
220
  }) : null });
@@ -0,0 +1,5 @@
1
+ //#endregion
2
+ //#region \0virtual:incode-css/workflow
3
+ var e = "/*! 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 *, :before, :after, ::backdrop {\n --tw-rotate-x: initial;\n --tw-rotate-y: initial;\n --tw-rotate-z: initial;\n --tw-skew-x: initial;\n --tw-skew-y: initial;\n --tw-border-style: solid;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-outline-style: solid;\n --tw-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-tracking: initial;\n --tw-duration: initial;\n }\n }\n}\n\n@layer incode-theme;\n\n@layer incode-utilities {\n .\\!visible {\n visibility: visible !important;\n }\n\n .visible {\n visibility: visible;\n }\n\n .absolute {\n position: absolute;\n }\n\n .relative {\n position: relative;\n }\n\n .static {\n position: static;\n }\n\n .container {\n width: 100%;\n }\n\n @media (min-width: 40rem) {\n .container {\n max-width: 40rem;\n }\n }\n\n @media (min-width: 48rem) {\n .container {\n max-width: 48rem;\n }\n }\n\n @media (min-width: 64rem) {\n .container {\n max-width: 64rem;\n }\n }\n\n @media (min-width: 80rem) {\n .container {\n max-width: 80rem;\n }\n }\n\n @media (min-width: 96rem) {\n .container {\n max-width: 96rem;\n }\n }\n\n .m-auto {\n margin: auto;\n }\n\n .block {\n display: block;\n }\n\n .flex {\n display: flex;\n }\n\n .grid {\n display: grid;\n }\n\n .hidden {\n display: none;\n }\n\n .inline {\n display: inline;\n }\n\n .inline-flex {\n display: inline-flex;\n }\n\n .max-w-\\[420px\\] {\n max-width: 420px;\n }\n\n .flex-1 {\n flex: 1;\n }\n\n .transform {\n transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );\n }\n\n .resize {\n resize: both;\n }\n\n .flex-col {\n flex-direction: column;\n }\n\n .items-center {\n align-items: center;\n }\n\n .justify-between {\n justify-content: space-between;\n }\n\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n\n .text-button-m-underlined {\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n -webkit-text-decoration-skip-ink: none;\n text-decoration-skip-ink: none;\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n text-decoration-line: underline;\n text-decoration-style: solid;\n text-decoration-thickness: auto;\n }\n\n .lowercase {\n text-transform: lowercase;\n }\n\n .uppercase {\n text-transform: uppercase;\n }\n\n .shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .outline {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n\n .blur {\n --tw-blur: blur(8px);\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n\n .filter {\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n\n .transition {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\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 }\n}\n\n@layer incode-base, incode-components;\n\n@keyframes slideUp {\n from {\n transform: translateY(100%);\n }\n\n to {\n transform: translateY(0);\n }\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(8px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.IncodeCameraButton {\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeCameraButton .IncodeCameraButtonBackground {\n fill: var(--color-icon-neutral-800-static, var(--icon-neutral-800-static));\n}\n\n.IncodeCameraButton .IncodeCameraButtonRing, .IncodeCameraButton .IncodeCameraButtonPath {\n fill: var(--color-icon-neutral-50, var(--icon-neutral-50-static));\n}\n\n.IncodeCaptureContainer {\n flex-direction: column;\n flex: 1;\n justify-content: flex-start;\n align-items: center;\n height: 100%;\n display: flex;\n position: relative;\n overflow: hidden;\n}\n\n.IncodeCaptureContainer .IncodeCaptureFrame {\n aspect-ratio: 1;\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 width: 100%;\n max-width: 335px;\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-white, #fff);\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 object-fit: cover;\n width: 100%;\n height: 100%;\n position: absolute;\n}\n\n.IncodeCaptureContainer .IncodeCaptureVideoElement.IncodeCaptureVideoMirrored {\n transform: scaleX(-1);\n}\n\n.IncodeCaptureCapturingPage .IncodeCaptureCapturingActions {\n justify-content: center;\n margin-top: auto;\n display: flex;\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.IncodeCaptureStatusPage .IncodeCaptureStatusContainer {\n flex-direction: column;\n flex: 1;\n align-items: center;\n display: flex;\n}\n\n.IncodeCaptureStatusPage .IncodeCaptureStatusTitle {\n text-align: center;\n font-size: var(--text-2xl, 1.5rem);\n line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));\n --tw-leading: 125%;\n --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n line-height: 125%;\n font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n --tw-tracking: -1px;\n letter-spacing: -1px;\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeFaceOutline {\n width: 100%;\n height: 100%;\n}\n\n.IncodeLoadingBorder {\n aspect-ratio: 1;\n width: 100%;\n max-width: 335px;\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.IncodeSelfieManualCapture {\n flex-direction: column;\n align-items: center;\n max-width: 275px;\n display: flex;\n}\n\n.IncodeSelfieManualCaptureText {\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeSelfieManualCaptureButton {\n padding: var(--spacing-0, var(--spacing-none, 0px));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.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.IncodeSelfieTutorial {\n --brand-color: var(--surface-brand-500);\n}\n\n.IncodeSelfieTutorial .IncodeBaseTutorialAnimation svg linearGradient#__lottie_element_29 stop {\n stop-color: var(--brand-color);\n}\n\n.IncodeSelfieTutorial .IncodeBaseTutorialAnimation svg > g > g > g:first-child > g:first-child > g > g > g:nth-child(2) > g:nth-child(3) > g > path, .IncodeSelfieTutorial .IncodeBaseTutorialAnimation svg > g > g > g:first-child > g:first-child > g > g > g:nth-child(2) > g:first-child > g > path {\n fill: var(--brand-color);\n}\n\n.IncodePhonePage .IncodePageContent {\n padding-top: var(--spacing-32, var(--spacing-32, 32px));\n padding-bottom: var(--spacing-16, var(--spacing-16, 16px));\n align-items: center;\n}\n\n.IncodePhoneInputContainer {\n width: 100%;\n max-width: 420px;\n}\n\n.IncodeEmailPage .IncodePageContent {\n padding-top: var(--spacing-32, var(--spacing-32, 32px));\n padding-bottom: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeEmailPage .IncodeEmailInput, .IncodeEmailPage .IncodeEmailInputContainer {\n flex-direction: column;\n align-items: center;\n width: 100%;\n display: flex;\n}\n\n.IncodeFaceMatchPage {\n flex-direction: column;\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.IncodeFaceMatchPage .IncodeFaceMatchContent {\n margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n flex: 1;\n align-items: center;\n width: 100%;\n height: 100%;\n display: flex;\n position: relative;\n}\n\n.IncodeFaceMatchAnimationContainer {\n flex: 1;\n width: 100%;\n min-height: 250px;\n display: flex;\n position: relative;\n}\n\n.IncodeFaceMatchContainer {\n flex: 1;\n width: 100%;\n height: 100%;\n min-height: 225px;\n position: relative;\n}\n\n.IncodeFaceMatchResultContainer {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 16px;\n display: flex;\n position: absolute;\n inset: 0;\n}\n\n.IncodeFaceMatchHeader {\n flex-direction: column;\n align-items: center;\n transition: opacity .3s ease-out;\n display: flex;\n}\n\n.IncodeFaceMatchHeaderHidden {\n opacity: 0;\n height: 0;\n overflow: hidden;\n}\n\n.IncodeFaceMatchPhotoWrapper {\n inset: var(--spacing-0, var(--spacing-none, 0px));\n transition: opacity .3s ease-out;\n position: absolute;\n}\n\n.IncodeFaceMatchPhotoWrapperHidden {\n opacity: 0;\n pointer-events: none;\n}\n\n.IncodeFaceMatchResultVisible {\n flex-direction: column;\n flex: 1;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n animation: .4s ease-out forwards resultFadeIn;\n display: flex;\n position: static;\n}\n\n.IncodeFaceMatchResultVisible .IncodeFaceMatchAnimatedIcon, .IncodeFaceMatchResultVisible .IncodeFaceMatchAnimatedResultTitle {\n opacity: 1;\n animation: none;\n}\n\n@keyframes resultFadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n.IncodeFaceMatchResultContent {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 16px;\n width: 100%;\n display: flex;\n}\n\n.IncodeFaceMatchShowResult {\n flex: 1;\n min-height: auto;\n}\n\n.IncodeFaceMatchLivenessContainer {\n margin-bottom: var(--spacing-32, var(--spacing-32, 32px));\n opacity: 0;\n pointer-events: none;\n justify-content: center;\n width: 100%;\n transition: opacity .4s ease-out, transform .4s ease-out;\n display: flex;\n transform: translateY(8px);\n}\n\n.IncodeFaceMatchLivenessVisible {\n opacity: 1;\n pointer-events: auto;\n animation: .4s ease-out fadeIn;\n transform: translateY(0);\n}\n\n.IncodeFaceMatchButtonContainer {\n opacity: 0;\n pointer-events: none;\n width: 100%;\n transition: opacity .4s ease-out, transform .4s ease-out;\n transform: translateY(8px);\n}\n\n.IncodeFaceMatchButtonVisible {\n opacity: 1;\n pointer-events: auto;\n animation: .4s ease-out fadeIn;\n transform: translateY(0);\n}\n\n.IncodeFaceMatchTooltip {\n background: var(--surface-neutral-50);\n border: 1px solid var(--border-neutral-100);\n border-radius: var(--border-radius-medium);\n letter-spacing: -.192px;\n height: 44px;\n color: var(--text-body-800-primary);\n text-align: center;\n padding: 0 20px;\n font-size: 16px;\n font-weight: 500;\n line-height: 44px;\n display: inline-block;\n position: relative;\n}\n\n.IncodeFaceMatchTooltip:after {\n content: \"\";\n border-left: 9px solid #0000;\n border-right: 9px solid #0000;\n border-top: 9px solid var(--surface-neutral-50);\n width: 0;\n height: 0;\n position: absolute;\n bottom: -9px;\n left: 50%;\n transform: translateX(-50%);\n}\n\n.IncodeFaceMatchTooltip:before {\n content: \"\";\n border-left: 9px solid #0000;\n border-right: 9px solid #0000;\n border-top: 9px solid var(--border-neutral-100);\n width: 0;\n height: 0;\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n}\n\n.IncodeFaceMatchAnimatedTitle {\n text-align: center;\n font-size: var(--text-2xl, 1.5rem);\n line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));\n --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n color: var(--text-body-800-primary);\n line-height: 125%;\n}\n\n:root {\n --animation-duration: .8s;\n --transition-delay: .2s;\n --transition-duration: .25s;\n --entrance-duration: .8s;\n --entrance-delay: .45s;\n --tooltip-duration: 1.6s;\n --tooltip-show-delay: 1.25s;\n --animation-delay: 2.85s;\n}\n\n@keyframes leftEntrance {\n from {\n opacity: 0;\n transform: translateX(-200px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes rightEntrance {\n from {\n opacity: 0;\n transform: translateX(200px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes bottomEntrance {\n from {\n opacity: 0;\n transform: translate(-50%, 200px);\n }\n\n to {\n opacity: 1;\n transform: translate(-50%);\n }\n}\n\n@keyframes leftIn {\n from {\n opacity: 1;\n left: 0;\n transform: translateX(0);\n }\n\n to {\n opacity: 0;\n left: 50%;\n transform: translateX(-50%);\n }\n}\n\n@keyframes rightIn {\n from {\n opacity: 1;\n right: 0;\n transform: translateX(0);\n }\n\n to {\n opacity: 0;\n right: 50%;\n transform: translateX(50%);\n }\n}\n\n@keyframes bottomUp {\n from {\n opacity: 1;\n transform: translate(-50%);\n }\n\n to {\n opacity: 0;\n transform: translate(-50%, -225px);\n }\n}\n\n@keyframes tooltipShowHide {\n 0% {\n opacity: 0;\n }\n\n 50% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n}\n\n@keyframes fadeInTitle {\n from {\n opacity: 0;\n visibility: hidden;\n }\n\n to {\n opacity: 1;\n visibility: visible;\n }\n}\n\n@keyframes fadeOutTitle {\n from {\n opacity: 1;\n visibility: visible;\n }\n\n to {\n opacity: 0;\n visibility: hidden;\n }\n}\n\n@keyframes simpleFadeInTitle {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n@keyframes fadeInIcon {\n from {\n opacity: 0;\n visibility: hidden;\n }\n\n to {\n opacity: 1;\n visibility: visible;\n }\n}\n\n@keyframes slideUpButton {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.IncodeFaceMatchPhotoContainer {\n flex-direction: column;\n align-items: center;\n gap: 21px;\n display: flex;\n position: absolute;\n top: 0;\n}\n\n.IncodeFaceMatchPhotoContainerHidden {\n visibility: hidden;\n}\n\n.IncodeFaceMatchPhotoContainer > .IncodeFaceMatchTooltip {\n opacity: 0;\n animation: tooltipShowHide var(--tooltip-duration, 1.6s) linear forwards;\n animation-delay: var(--tooltip-show-delay, 1.25s);\n}\n\n.IncodeFaceMatchLeftPhoto {\n z-index: 2;\n opacity: 0;\n will-change: transform, opacity;\n animation: leftEntrance var(--entrance-duration, .8s) cubic-bezier(.25, .46, .45, .94) forwards, leftIn var(--animation-duration, .8s) cubic-bezier(.25, .46, .45, .94) forwards;\n animation-delay: var(--entrance-delay, .45s), var(--animation-delay, 2.85s);\n left: 0;\n transform: translateX(-200px) translateZ(0);\n}\n\n.IncodeFaceMatchRightPhoto {\n z-index: 1;\n opacity: 0;\n will-change: transform, opacity;\n animation: rightEntrance var(--entrance-duration, .8s) cubic-bezier(.25, .46, .45, .94) forwards, rightIn var(--animation-duration, .8s) cubic-bezier(.25, .46, .45, .94) forwards;\n animation-delay: var(--entrance-delay, .45s), var(--animation-delay, 2.85s);\n right: 0;\n transform: translateX(200px) translateZ(0);\n}\n\n.IncodeFaceMatchBottomPhotoContainer {\n opacity: 0;\n z-index: 3;\n will-change: transform, opacity;\n animation: bottomEntrance var(--entrance-duration, .8s) cubic-bezier(.25, .46, .45, .94) forwards, bottomUp var(--animation-duration, .8s) cubic-bezier(.25, .46, .45, .94) forwards;\n animation-delay: var(--entrance-delay, .45s), var(--animation-delay, 2.85s);\n flex-direction: column;\n align-items: center;\n gap: 21px;\n display: flex;\n position: absolute;\n top: 225px;\n left: 50%;\n transform: translate(-50%, 200px) translateZ(0);\n}\n\n.IncodeFaceMatchBottomPhotoContainerHidden {\n visibility: hidden;\n}\n\n.IncodeFaceMatchBottomPhotoContainer > .IncodeFaceMatchTooltip {\n opacity: 0;\n animation: tooltipShowHide var(--tooltip-duration, 1.6s) linear forwards;\n animation-delay: var(--tooltip-show-delay, 1.25s);\n}\n\n.IncodeFaceMatchCircularImage {\n object-fit: cover;\n background-color: #ddd;\n border-radius: 50%;\n width: 160px;\n height: 160px;\n}\n\n.IncodeFaceMatchAnimatedTitle {\n animation: simpleFadeInTitle var(--transition-duration, .25s) ease-out forwards, fadeOutTitle var(--transition-duration, .25s) linear forwards;\n animation-delay: 0s, calc(var(--animation-delay, 2.85s) + var(--animation-duration, .8s) + var(--transition-delay, .2s));\n opacity: 0;\n}\n\n.IncodeFaceMatchAnimatedResultTitle {\n text-align: center;\n font-size: var(--text-2xl, 1.5rem);\n line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));\n --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n color: var(--text-body-800-primary);\n animation: fadeInTitle var(--transition-duration, .25s) linear forwards;\n animation-delay: calc(var(--animation-delay, 2.85s) + var(--animation-duration, .8s) + var(--transition-delay, .2s));\n opacity: 0;\n line-height: 125%;\n}\n\n.IncodeFaceMatchAnimatedIcon {\n animation: fadeInIcon var(--transition-duration, .25s) linear forwards;\n animation-delay: calc(var(--animation-delay, 2.85s) + var(--animation-duration, .8s) + var(--transition-delay, .2s));\n opacity: 0;\n}\n\n.IncodeFaceMatchAnimatedButton {\n animation: slideUpButton var(--transition-duration, .25s) cubic-bezier(.25, .46, .45, .94) forwards;\n animation-delay: calc(var(--animation-delay, 2.85s) + var(--animation-duration, .8s) + var(--transition-delay, .2s));\n opacity: 0;\n}\n\n.IncodeGovtValidation {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.IncodeGovtValidation .IncodeGovtValidationPage {\n width: 100%;\n height: 100%;\n}\n\n.IncodeGovtValidation .IncodeGovtValidationPage .IncodePageContent {\n flex-direction: column;\n flex: 1;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeGovtValidation .IncodeGovtValidationStatus {\n text-align: center;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeGovtValidation .IncodeGovtValidationText {\n margin-top: var(--spacing-12, var(--spacing-12, 12px));\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.IncodeGovtValidation.IncodeGovtValidation--otp .IncodeGovtValidationPage .IncodePageContent {\n flex-direction: column;\n align-items: center;\n display: flex;\n}\n\n.IncodeGovtValidation.IncodeGovtValidation--otp .IncodeGovtValidationPage .IncodeGovtValidationOtpInstructions {\n margin-bottom: var(--spacing-12, var(--spacing-12, 12px));\n}\n\n.IncodeGovtValidation.IncodeGovtValidation--otp .IncodeGovtValidationPage .IncodeGovtValidationOtpInstructions p {\n font-family: var(--typography-input-dropdown-family);\n font-size: var(--typography-input-dropdown-m-size);\n font-weight: var(--typography-input-dropdown-m-weight);\n line-height: var(--typography-input-dropdown-m-line-height);\n letter-spacing: var(--typography-input-dropdown-m-letter-spacing);\n text-wrap: nowrap;\n}\n\n.IncodeWarningIcon {\n color: var(--icon-status-warning);\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.IncodeIdTutorial {\n --brand-color: var(--surface-brand-500);\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.IncodeIdTutorial.IncodeIdTutorialId .IncodeBaseTutorialAnimation svg > g > g > g:nth-child(2) > g:nth-child(5) > g > g > g:nth-child(3) > g > path, .IncodeIdTutorial.IncodeIdTutorialId .IncodeBaseTutorialAnimation svg > g > g > g:first-child > g > path, .IncodeIdTutorial.IncodeIdTutorialPassport .IncodeBaseTutorialAnimation svg > g > g:nth-child(2) > g:nth-child(2) > g:nth-child(2) > g:nth-child(2) > g > g > g > g:nth-child(4) > g > path, .IncodeIdTutorial.IncodeIdTutorialPassport .IncodeBaseTutorialAnimation svg > g > g:first-child > g > path {\n fill: var(--brand-color);\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.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 gap: var(--spacing-32, var(--spacing-32, 32px));\n width: 100%;\n max-width: 420px;\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: 15.625rem;\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: 4px 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 aspect-ratio: 35 / 22;\n width: 100%;\n max-width: 640px;\n}\n\n.IncodeCaptureFrame.IncodeCaptureFrameVertical {\n aspect-ratio: 22 / 35;\n width: 100%;\n max-width: 274px;\n}\n\n.IncodeCaptureFrame.IncodeCaptureFramePassport {\n aspect-ratio: 42 / 30;\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-status-focus);\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.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(--color-black, #000);\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.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 .IncodeIdManualCaptureTooltipContainer {\n animation: .5s ease-out forwards slideUp;\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}\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.IncodeCaptureFramePassport {\n aspect-ratio: 42 / 30;\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: 800px;\n min-width: 800px;\n height: 800px;\n min-height: 800px;\n}\n\n.IncodeIdProcessingLayout {\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 width: 100%;\n height: 100%;\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: clamp(180px, 30vh, 274px);\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical .IncodeIdProcessingOverlay {\n left: -25%;\n right: -25%;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingImage {\n object-fit: cover;\n width: 100%;\n max-width: 100%;\n height: 100%;\n max-height: 100%;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .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: 384px;\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 .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}\n\n.IncodeIdProcessingLayout .IncodeAnalyzingLottie {\n width: 100%;\n max-width: none;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingResultContent {\n flex-direction: column;\n align-items: center;\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: 300px;\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.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.IncodeIdErrorMessage {\n text-align: center;\n font-size: var(--text-18, var(--primitive-typography-size-18));\n --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n color: var(--color-text-body-0, var(--text-body-0-static));\n max-width: 350px;\n margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeIdExpiredContent {\n padding-inline: var(--spacing-20, var(--spacing-20, 20px));\n flex-direction: column;\n flex: 1;\n justify-content: center;\n align-items: center;\n max-width: 800px;\n max-height: 840px;\n margin: auto;\n display: flex;\n}\n\n.IncodeIdExpiredIcon {\n margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeIdExpiredTitle {\n text-align: center;\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeIdExpiredSubtitle {\n font-size: var(--text-14, var(--primitive-typography-size-14));\n --tw-font-weight: var(--font-weight-normal, 400);\n font-weight: var(--font-weight-normal, 400);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n text-align: center;\n max-width: 350px;\n}\n\n.IncodeIdExpiredButtonContainer {\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.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: 420px;\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 display: flex;\n overflow: hidden;\n box-shadow: 0 2.079px 36.379px #00000059;\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-white, #fff);\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, var(--text-body-300-tertiary));\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationAnimation {\n justify-content: center;\n align-items: center;\n width: auto;\n height: 130px;\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(--font-family-dm-sans, var(--primitive-typography-family-dm-sans));\n font-size: var(--text-14, var(--primitive-typography-size-14));\n --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n color: var(--color-text-body-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(--font-family-dm-sans, var(--primitive-typography-family-dm-sans));\n font-size: var(--text-16, var(--primitive-typography-size-16));\n --tw-leading: var(--spacing-16, var(--spacing-16, 16px));\n line-height: var(--spacing-16, var(--spacing-16, 16px));\n --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n background-color: #0000;\n border-style: solid;\n border-color: #0000;\n flex: 1;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadTabTrigger--active {\n border-bottom-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));\n --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.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 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 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 cursor: pointer;\n border-radius: var(--radius-full, var(--border-radius-full));\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 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 border-style: none;\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n transition-duration: .2s;\n display: inline-flex;\n}\n\n.IncodeManualUploadSlot .IncodeManualUploadSlotAction:hover:not(:disabled) {\n background-color: var(--color-button-primary-surface-hover, var(--button-primary-surface-hover));\n}\n\n.IncodeManualUploadSlot .IncodeManualUploadSlotAction:disabled {\n cursor: not-allowed;\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 .IncodeManualUploadSlotAction:hover:not(:disabled) {\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.IncodeManualUploadSlot--disabled {\n opacity: .5;\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.IncodeIdOcrPage {\n width: 100%;\n height: 100%;\n animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;\n margin-inline: auto;\n animation-fill-mode: both;\n}\n\n@media (min-width: 48rem) {\n .IncodeIdOcrPage.IncodePageContainer {\n align-items: stretch;\n }\n}\n\n.IncodeIdOcrPage .IncodePageInner {\n height: 100%;\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeIdOcrPage .IncodePageContent {\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeIdOcrForm {\n margin-top: var(--spacing-32, var(--spacing-32, 32px));\n height: 100%;\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n justify-content: flex-start;\n align-items: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n width: 100%;\n display: flex;\n overflow-y: auto;\n}\n\n.IncodeIdOcrButton {\n bottom: var(--spacing-0, var(--spacing-none, 0px));\n width: 100%;\n position: sticky;\n}\n\n.IncodeIdOcrSpinner {\n justify-content: center;\n align-items: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n flex: 1;\n display: flex;\n}\n\n.IncodeIdOcrRadioGroup {\n width: 100%;\n max-width: var(--incode-form-max-w);\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeIdOcrRadioOptionsLabel {\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-input-text-label-default, var(--input-text-label-default));\n}\n\n.IncodeIdOcrRadioOptions {\n gap: var(--spacing-20, var(--spacing-20, 20px));\n width: 100%;\n display: flex;\n}\n\n.IncodeDocumentUploadPage {\n background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));\n}\n\n.IncodeDocumentUploadInitializing {\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.IncodeDocumentUploadInitializingText {\n margin-top: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeDocumentUploadUploading {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 100%;\n display: flex;\n}\n\n.IncodeDocumentUploadError {\n justify-content: center;\n align-items: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n padding: var(--spacing-24, var(--spacing-24, 24px));\n color: var(--color-text-body-0, var(--text-body-0-static));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeDocumentUploadErrorMessage {\n text-align: center;\n}\n\n.IncodeDocumentUploadRetryButton {\n margin-top: var(--spacing-8, var(--spacing-8, 8px));\n}\n\n.IncodeDocumentCaptureFileInput {\n pointer-events: none;\n border-style: var(--tw-border-style);\n padding: var(--spacing-0, var(--spacing-none, 0px));\n opacity: 0;\n clip: rect(0, 0, 0, 0);\n clip-path: inset(50%);\n white-space: nowrap;\n border-width: 0;\n position: absolute;\n overflow: hidden;\n width: 0 !important;\n height: 0 !important;\n margin: 0 !important;\n}\n\n.IncodeDocumentCaptureFileInput::file-selector-button {\n display: none;\n}\n\n.IncodeDocumentCapturePageTutorial .IncodePageContent {\n flex-direction: column;\n flex: 1;\n display: flex;\n}\n\n.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent {\n margin-block: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n flex: 1;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent .IncodeDocumentCaptureTutorialIllustration {\n flex: 1;\n justify-content: center;\n align-items: center;\n width: 292px;\n margin-inline: auto;\n display: flex;\n}\n\n.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent .IncodeDocumentCaptureTutorialIllustration .IncodeDocumentCaptureTutorialImage {\n width: 100%;\n}\n\n.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureError {\n padding-inline: var(--spacing-16, var(--spacing-16, 16px));\n text-align: center;\n font-size: var(--text-14, var(--primitive-typography-size-14));\n --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n color: var(--input-text-helper-negative, #e53e3e);\n}\n\n.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureActions {\n gap: var(--spacing-8, var(--spacing-8, 8px));\n padding-inline: var(--spacing-8, var(--spacing-8, 8px));\n padding-block: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureActions .IncodeDocumentCaptureSkipWrapper {\n padding-top: var(--spacing-8, var(--spacing-8, 8px));\n justify-content: center;\n display: flex;\n}\n\n.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureCentered {\n justify-content: center;\n align-items: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n flex: 1;\n display: flex;\n}\n\n.IncodeDocumentCaptureBottomSheetOptions {\n width: 100%;\n padding-top: var(--spacing-8, var(--spacing-8, 8px));\n padding-bottom: var(--spacing-20, var(--spacing-20, 20px));\n flex-direction: column;\n align-items: flex-start;\n display: flex;\n}\n\n.IncodeDocumentCaptureBottomSheetOptions .IncodeDocumentCaptureBottomSheetOption {\n align-items: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n border-style: var(--tw-border-style);\n border-width: var(--border-width-none, var(--primitive-border-width-0));\n --tw-border-style: none;\n width: 100%;\n padding-inline: var(--spacing-12, var(--spacing-12, 12px));\n padding-block: var(--spacing-16, var(--spacing-16, 16px));\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n background-color: #0000;\n border-style: none;\n display: flex;\n}\n\n.IncodeDocumentCaptureBottomSheetOptions .IncodeDocumentCaptureBottomSheetOption svg {\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n flex-shrink: 0;\n}\n\n.IncodeDocumentCaptureReviewPage .IncodePageContent {\n padding: var(--spacing-0, var(--spacing-none, 0px));\n flex-direction: column;\n flex: 1;\n display: flex;\n overflow: hidden;\n}\n\n@media (min-width: 48rem) {\n .IncodeDocumentCaptureReviewPage .IncodePageInner {\n padding: var(--spacing-24, var(--spacing-24, 24px));\n }\n}\n\n.IncodeDocumentCaptureReviewLayout {\n flex-direction: column;\n flex: 1;\n display: flex;\n overflow: hidden;\n}\n\n.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 100px;\n display: flex;\n}\n\n.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader .IncodeDocumentCaptureReviewTitle {\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h2-size);\n font-weight: var(--typography-headline-h2-weight);\n line-height: var(--typography-headline-h2-line-height);\n letter-spacing: var(--typography-headline-h2-letter-spacing);\n}\n\n.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader .IncodeDocumentCaptureReviewSubtitle {\n max-width: var(--incode-form-max-w);\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview {\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n flex-direction: column;\n flex: 1;\n justify-content: center;\n align-items: center;\n display: flex;\n overflow: hidden;\n}\n\n.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview.IncodeDocumentCaptureReviewPreviewPdf {\n padding-inline: var(--spacing-48, var(--spacing-48, 48px));\n}\n\n.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImageContainer {\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n border-radius: var(--radius-medium, var(--border-radius-medium));\n background-color: var(--color-neutral-50, oklch(98.5% 0 0));\n flex: 1;\n display: flex;\n}\n\n.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImage {\n border-radius: var(--radius-medium, var(--border-radius-medium));\n object-fit: cover;\n border-style: var(--tw-border-style);\n border-width: 4px;\n border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n width: 100%;\n max-height: 100%;\n}\n\n.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImage.IncodeDocumentCaptureSuccessBorder {\n border-color: var(--color-border-status-positive, var(--border-status-positive-static));\n}\n\n.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeCaptureEncryptionLabel {\n justify-content: center;\n align-items: center;\n gap: var(--spacing-4, var(--spacing-4, 4px));\n display: flex;\n}\n\n.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter {\n width: 100%;\n max-width: var(--incode-form-max-w);\n padding-inline: var(--spacing-8, var(--spacing-8, 8px));\n justify-content: center;\n align-self: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter.IncodeDocumentCaptureReviewFooterEmpty {\n visibility: hidden;\n height: 56px;\n}\n\n.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter .IncodeDocumentCaptureActionRow {\n gap: var(--spacing-12, var(--spacing-12, 12px));\n width: 100%;\n display: flex;\n}\n\n.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter .IncodeDocumentCaptureActionRow .IncodeButton {\n flex: 1;\n}\n\n.IncodeDocumentCaptureReviewCentered {\n flex-direction: column;\n flex: 1;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeDocumentCapturePdfCard {\n justify-content: center;\n align-items: center;\n gap: var(--spacing-24, var(--spacing-24, 24px));\n border-radius: var(--radius-large, var(--border-radius-large));\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n background-color: var(--color-neutral-50, oklch(98.5% 0 0));\n width: 100%;\n padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n padding-block: var(--spacing-32, var(--spacing-32, 32px));\n flex-direction: column;\n display: flex;\n overflow: hidden;\n}\n\n.IncodeDocumentCapturePdfCard .ImageDocumentCapturePdfPreviewContainer {\n width: var(--spacing-120, var(--spacing-120, 120px));\n border-radius: var(--radius-lg, .5rem);\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-neutral-50, oklch(98.5% 0 0));\n height: var(--document-capture-pdf-preview-height);\n overflow: hidden;\n}\n\n.IncodeDocumentCapturePdfCard .ImageDocumentCapturePdfPreviewContainer .ImageDocumentCapturePdfPreview {\n border-style: var(--tw-border-style);\n border-width: 0;\n width: calc(100% + 4px);\n height: calc(100% + 4px);\n margin: -2px;\n}\n\n.IncodeDocumentCapturePdfCard .IncodeDocumentCapturePdfFileName {\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n overflow-wrap: break-word;\n}\n\n.IncodeOverlay .IncodeDocumentCommonIssuesTitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h2-size);\n font-weight: var(--typography-headline-h2-weight);\n line-height: var(--typography-headline-h2-line-height);\n letter-spacing: var(--typography-headline-h2-letter-spacing);\n}\n\n.IncodeOverlay .IncodeDocumentCommonIssuesCards {\n gap: var(--spacing-32, var(--spacing-32, 32px));\n width: 100%;\n padding-block: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeOverlay .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard {\n align-items: flex-start;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));\n padding: var(--spacing-16, var(--spacing-16, 16px));\n border-radius: 12px;\n display: flex;\n}\n\n.IncodeOverlay .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard .IncodeDocumentCommonIssuesCardIcon {\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n flex-shrink: 0;\n}\n\n.IncodeOverlay .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard .IncodeDocumentCommonIssuesCardText {\n gap: var(--spacing-4, var(--spacing-4, 4px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeOverlay .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard .IncodeDocumentCommonIssuesCardText .IncodeDocumentCommonIssuesCardTitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n}\n\n.IncodeOverlay .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard .IncodeDocumentCommonIssuesCardText .IncodeDocumentCommonIssuesCardBody {\n font-family: var(--typography-body-family);\n font-size: var(--typography-body-m-regular-size);\n font-weight: var(--typography-body-m-regular-weight);\n line-height: var(--typography-body-m-regular-line-height);\n letter-spacing: var(--typography-body-m-regular-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeOverlay .IncodeDocumentCommonIssuesButtons {\n gap: var(--spacing-12, var(--spacing-12, 12px));\n width: 100%;\n padding-top: var(--spacing-24, var(--spacing-24, 24px));\n flex-direction: column;\n margin-top: auto;\n display: flex;\n}\n\n.IncodeCurpValidation {\n flex-direction: column;\n align-items: center;\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.IncodeCurpValidationPage .IncodePageContent {\n padding-top: var(--spacing-32, var(--spacing-32, 32px));\n padding-bottom: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n align-items: center;\n display: flex;\n}\n\n.IncodeCurpInput {\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n flex: 1;\n width: 100%;\n max-width: 420px;\n display: flex;\n}\n\n.IncodeCurpInputDontHaveButton.IncodeButton {\n border-style: var(--tw-border-style);\n border-width: var(--border-width-medium, var(--primitive-border-width-1-5));\n border-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));\n color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));\n background-color: #0000;\n}\n\n.IncodeGenerateCurpForm {\n gap: var(--spacing-8, var(--spacing-8, 8px));\n flex-direction: column;\n width: 100%;\n max-width: 420px;\n display: flex;\n}\n\n.IncodeCurpFormField {\n gap: var(--spacing-4, var(--spacing-4, 4px));\n flex-direction: column;\n width: 100%;\n display: flex;\n}\n\n.IncodeCurpFormLabel {\n font-size: var(--text-14, var(--primitive-typography-size-14));\n --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeCurpConfirm {\n flex-direction: column;\n align-items: center;\n width: 100%;\n max-width: 340px;\n display: flex;\n}\n\n.IncodeCurpConfirmInput {\n border-radius: var(--radius-small, var(--border-radius-small));\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--color-input-border-default, var(--input-border-default));\n background-color: var(--color-input-surface-default, var(--input-surface-default));\n width: 100%;\n padding-inline: var(--spacing-16, var(--spacing-16, 16px));\n padding-block: var(--spacing-12, var(--spacing-12, 12px));\n text-align: center;\n font-size: var(--text-18, var(--primitive-typography-size-18));\n --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n color: var(--color-input-text-field-default, var(--input-text-field-default));\n}\n\n.IncodeCurpLoading {\n height: 100%;\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n flex-direction: column;\n flex: 1;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeCurpSuccess, .IncodeCurpFailure {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeCurpSuccess h2.IncodeCurpSuccessTitle, .IncodeCurpFailure h2.IncodeCurpFailureTitle {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n padding: var(--spacing-0, var(--spacing-none, 0px));\n text-align: center;\n font-size: var(--text-2xl, 1.5rem);\n line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));\n --tw-leading: 1.25;\n --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n line-height: 1.25;\n font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n --tw-tracking: -1px;\n letter-spacing: -1px;\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeCurpFailureHint {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n text-align: center;\n font-size: var(--text-16, var(--primitive-typography-size-16));\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeGeolocationPage {\n animation: .4s ease-out fadeIn;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .IncodeGeolocationPage {\n animation: none;\n }\n}\n\n.IncodeGeolocationPage .IncodeGeolocationIconWrapper {\n margin-top: var(--spacing-16, var(--spacing-16, 16px));\n padding-block: var(--spacing-24, var(--spacing-24, 24px));\n flex: 1;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeGeolocationPage .IncodeGeolocationButtonWrapper {\n padding-block: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodePageTitleContainer {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionSections {\n margin-top: var(--spacing-24, var(--spacing-24, 24px));\n gap: var(--spacing-24, var(--spacing-24, 24px));\n flex-direction: column;\n align-self: center;\n width: 100%;\n max-width: 420px;\n display: flex;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionSection {\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionSectionTitle {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h4-size);\n font-weight: var(--typography-headline-h4-weight);\n line-height: var(--typography-headline-h4-line-height);\n letter-spacing: var(--typography-headline-h4-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepsList {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n gap: var(--spacing-12, var(--spacing-12, 12px));\n padding: var(--spacing-0, var(--spacing-none, 0px));\n flex-direction: column;\n list-style-type: none;\n display: flex;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStep {\n align-items: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n display: flex;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepIcon {\n aspect-ratio: 1;\n height: var(--spacing-40, var(--spacing-40, 40px));\n min-height: var(--spacing-40, var(--spacing-40, 40px));\n width: var(--spacing-40, var(--spacing-40, 40px));\n min-width: var(--spacing-40, var(--spacing-40, 40px));\n border-radius: var(--radius-small, var(--border-radius-small));\n background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepImg {\n object-fit: contain;\n width: 100%;\n height: 100%;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepImgPaddedSettings {\n padding: var(--spacing-8, var(--spacing-8, 8px));\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepImgPaddedBrowser {\n padding: 5px;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepText {\n font-size: var(--text-16, var(--primitive-typography-size-16));\n --tw-leading: var(--leading-snug, 1.375);\n line-height: var(--leading-snug, 1.375);\n --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepTextBold {\n --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionArrow {\n vertical-align: middle;\n display: inline-block;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationSrOnly {\n clip-path: inset(50%);\n white-space: nowrap;\n border-width: 0;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n position: absolute;\n overflow: hidden;\n}\n\n.IncodeEkycPage {\n max-width: 480px;\n margin-inline: auto;\n}\n\n@media (min-width: 48rem) {\n .IncodeEkycPage .IncodePageInner {\n padding-inline: var(--spacing-0, var(--spacing-none, 0px));\n padding-block: var(--spacing-0, var(--spacing-none, 0px));\n }\n}\n\n.IncodeEkycPage .IncodeEkycSpinner {\n flex: 1;\n}\n\n.IncodeEkycPage .IncodeEkycForm {\n margin-top: var(--spacing-32, var(--spacing-32, 32px));\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n width: 100%;\n display: flex;\n}\n\n.IncodeEkycPage .IncodeEkycForm .IncodeInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDropdownComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDateInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodePhoneInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeAddressAutocomplete {\n margin-inline: auto;\n}\n\n.IncodeEkycPage .IncodeEkycForm .IncodeFormField {\n margin-bottom: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeEkycPage .IncodeEkycSectionHeader {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h3-size);\n font-weight: var(--typography-headline-h3-weight);\n line-height: var(--typography-headline-h3-line-height);\n letter-spacing: var(--typography-headline-h3-letter-spacing);\n color: var(--color-input-text-label-default, var(--input-text-label-default));\n margin-inline: auto;\n margin-top: var(--spacing-16, var(--spacing-16, 16px));\n width: 100%;\n max-width: 420px;\n padding-block: var(--spacing-12, var(--spacing-12, 12px));\n}\n\n.IncodeEkycPage .IncodeEkycRadioGroup {\n width: 100%;\n max-width: 420px;\n margin-inline: auto;\n}\n\n.IncodeEkycPage .IncodeEkycRadioGroup .IncodeEkycRadioLabel {\n margin-bottom: var(--spacing-8, var(--spacing-8, 8px));\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 --tw-leading: 1;\n color: var(--color-input-text-label-default, var(--input-text-label-default));\n line-height: 1;\n display: block;\n}\n\n.IncodeEkycPage .IncodeEkycRadioGroup .IncodeEkycRadioOptions {\n gap: var(--spacing-24, var(--spacing-24, 24px));\n display: flex;\n}\n\n.IncodeEkycPage .IncodeEkycRadioGroup .IncodeEkycFieldError {\n margin-top: var(--spacing-8, var(--spacing-8, 8px));\n font-family: var(--typography-body-family);\n font-size: var(--typography-body-m-regular-size);\n font-weight: var(--typography-body-m-regular-weight);\n line-height: var(--typography-body-m-regular-line-height);\n letter-spacing: var(--typography-body-m-regular-letter-spacing);\n color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));\n display: block;\n}\n\n.IncodeEkycPage .IncodeEkycFooter {\n margin-top: var(--spacing-24, var(--spacing-24, 24px));\n align-items: center;\n gap: var(--spacing-12, var(--spacing-12, 12px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeEkycPage .IncodeEkycFooter .IncodeEkycSubmitError {\n margin-bottom: var(--spacing-12, var(--spacing-12, 12px));\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));\n margin-top: 0;\n}\n\n@media (min-width: 768px) {\n .IncodeEkycPage.IncodePageContainer {\n height: 100dvh;\n max-height: none;\n margin-top: var(--spacing-0, var(--spacing-none, 0px));\n }\n\n .IncodeEkycPage .IncodePageInner {\n height: 100%;\n }\n\n .IncodeEkycPage.IncodeEkycPageScrollable {\n max-width: 500px;\n }\n\n .IncodeEkycPage .IncodePageContent {\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n }\n\n .IncodeEkycPage .IncodeEkycForm {\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n padding-bottom: var(--spacing-8, var(--spacing-8, 8px));\n overflow-y: auto;\n }\n\n .IncodeEkycPage.IncodeEkycPageScrollable .IncodeEkycForm {\n margin-left: var(--spacing-8, var(--spacing-8, 8px));\n }\n\n .IncodeEkycPage .IncodeEkycFooter {\n flex-shrink: 0;\n }\n}\n\n.IncodeEkybPage {\n max-width: 480px;\n margin-inline: auto;\n}\n\n.IncodeEkybPage .IncodeEkybSpinner {\n flex: 1;\n}\n\n.IncodeEkybPage .IncodeEkybForm {\n margin-top: var(--spacing-32, var(--spacing-32, 32px));\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n width: 100%;\n display: flex;\n}\n\n.IncodeEkybPage .IncodeEkybForm .IncodeInputComposed, .IncodeEkybPage .IncodeEkybForm .IncodeDropdownComposed, .IncodeEkybPage .IncodeEkybForm .IncodeFormField {\n margin-inline: auto;\n}\n\n.IncodeEkybPage .IncodeEkybForm .IncodeFormField {\n margin-bottom: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeEkybPage .IncodeEkybForm .IncodeAddressAutocomplete {\n margin-inline: auto;\n}\n\n.IncodeEkybPage .IncodeEkybCountrySelector {\n width: 100%;\n}\n\n.IncodeEkybPage .IncodeEkybUbos, .IncodeEkybPage .IncodeEkybUboEntry {\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeEkybPage .IncodeEkybRemoveUbo {\n cursor: pointer;\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 font-family: var(--typography-body-family);\n font-size: var(--typography-body-s-regular-size);\n font-weight: var(--typography-body-s-regular-weight);\n line-height: var(--typography-body-s-regular-line-height);\n letter-spacing: var(--typography-body-s-regular-letter-spacing);\n color: var(--color-text-status-negative, var(--text-status-negative));\n background-color: #0000;\n border-style: none;\n}\n\n.IncodeEkybPage .IncodeEkybAddUbo {\n cursor: pointer;\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-block: var(--spacing-8, var(--spacing-8, 8px));\n text-align: center;\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n -webkit-text-decoration-skip-ink: none;\n text-decoration-skip-ink: none;\n color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));\n background-color: #0000;\n border-style: none;\n text-decoration-line: underline;\n text-decoration-style: solid;\n text-decoration-thickness: auto;\n}\n\n.IncodeEkybPage .IncodeEkybAddUbo:hover {\n opacity: .8;\n}\n\n.IncodeEkybPage .IncodeEkybSectionHeader {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h3-size);\n font-weight: var(--typography-headline-h3-weight);\n line-height: var(--typography-headline-h3-line-height);\n letter-spacing: var(--typography-headline-h3-letter-spacing);\n color: var(--color-input-text-label-default, var(--input-text-label-default));\n margin-inline: auto;\n margin-top: var(--spacing-16, var(--spacing-16, 16px));\n width: 100%;\n max-width: 420px;\n padding-block: var(--spacing-12, var(--spacing-12, 12px));\n}\n\n.IncodeEkybPage .IncodeEkybFooter {\n margin-top: var(--spacing-24, var(--spacing-24, 24px));\n}\n\n@media (min-width: 768px) {\n .IncodeEkybPage.IncodePageContainer {\n margin-top: var(--spacing-0, var(--spacing-none, 0px));\n height: 95dvh;\n max-height: none;\n }\n\n .IncodeEkybPage .IncodePageInner {\n height: 95%;\n }\n\n .IncodeEkybPage.IncodeEkybPageScrollable {\n max-width: 500px;\n }\n\n .IncodeEkybPage .IncodePageContent {\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n }\n\n .IncodeEkybPage .IncodeEkybForm {\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n padding-bottom: var(--spacing-8, var(--spacing-8, 8px));\n overflow-y: auto;\n }\n\n .IncodeEkybPage.IncodeEkybPageScrollable .IncodeEkybForm {\n margin-left: var(--spacing-8, var(--spacing-8, 8px));\n }\n\n .IncodeEkybPage .IncodeEkybFooter {\n flex-shrink: 0;\n }\n}\n\n.IncodeRedirectRoot {\n width: 100%;\n height: 100%;\n}\n\n.IncodeRedirectLogo {\n max-width: 100%;\n max-height: 100%;\n}\n\n.IncodeRedirectContainer {\n background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n display: flex;\n position: relative;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard {\n --max-width-card: 800px;\n border-radius: var(--radius-medium, var(--border-radius-medium));\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n width: 100%;\n padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n padding-top: var(--spacing-32, var(--spacing-32, 32px));\n padding-bottom: var(--spacing-24, var(--spacing-24, 24px));\n max-width: var(--max-width-card);\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n min-height: min(800px, 100%);\n display: flex;\n overflow: clip;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions {\n --height-options: 332px;\n --max-width-options: 752px;\n align-items: center;\n gap: var(--spacing-32, var(--spacing-32, 32px));\n width: 100%;\n height: var(--height-options);\n max-width: var(--max-width-options);\n flex-direction: column;\n display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectToast {\n top: var(--spacing-16, var(--spacing-16, 16px));\n z-index: 50;\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: 1px;\n border-color: var(--color-snackbar-border-positive, var(--snackbar-border-positive));\n background-color: var(--color-snackbar-surface-positive, var(--snackbar-surface-positive));\n padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n padding-block: var(--spacing-16, var(--spacing-16, 16px));\n animation: 3s ease-in-out forwards fadeInOut;\n display: flex;\n position: absolute;\n left: 50%;\n overflow: clip;\n box-shadow: 0 2px 12px #00000014;\n}\n\n.IncodeRedirectContainer .IncodeRedirectToast .IncodeRedirectToastText {\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 white-space: nowrap;\n color: var(--color-snackbar-text-neutral, var(--snackbar-text-neutral));\n}\n\n@keyframes fadeInOut {\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.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader {\n flex-direction: column;\n align-items: center;\n width: 100%;\n display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectLogoWrapper {\n --min-height-logo-wrapper: 44px;\n width: 100%;\n min-height: var(--min-height-logo-wrapper);\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectLogo {\n max-height: var(--logo-height, 44px);\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectTitle {\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h2-size);\n font-weight: var(--typography-headline-h2-weight);\n line-height: var(--typography-headline-h2-line-height);\n letter-spacing: var(--typography-headline-h2-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectSubtitle {\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav {\n --max-width-bottom-nav: 390px;\n align-items: center;\n gap: var(--spacing-40, var(--spacing-40, 40px));\n width: 100%;\n max-width: var(--max-width-bottom-nav);\n flex-direction: column;\n display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectVerifiedBy {\n justify-content: center;\n align-items: center;\n gap: var(--spacing-4, var(--spacing-4, 4px));\n padding-top: var(--spacing-8, var(--spacing-8, 8px));\n padding-bottom: var(--spacing-12, var(--spacing-12, 12px));\n display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectTabs {\n --max-width-tabs: 676px;\n justify-content: center;\n align-items: flex-end;\n gap: var(--spacing-12, var(--spacing-12, 12px));\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n border-color: var(--color-border-neutral-300, var(--border-neutral-300));\n width: 100%;\n max-width: var(--max-width-tabs);\n display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectTabs .IncodeRedirectTab {\n cursor: pointer;\n border-bottom-style: var(--tw-border-style);\n padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n padding-block: var(--spacing-12, var(--spacing-12, 12px));\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n background-color: #0000;\n border-color: #0000;\n border-bottom-width: 2px;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectTabs .IncodeRedirectTab.IncodeRedirectTabActive {\n border-color: var(--color-text-link-default, var(--text-link-default));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectTabDescription {\n --max-width-tab-description: 434px;\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n max-width: var(--max-width-tab-description);\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectQrWrapper {\n --border-radius-qr-wrapper: 21px;\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n padding: var(--spacing-12, var(--spacing-12, 12px));\n border-radius: var(--border-radius-qr-wrapper);\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInput, .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputContainer {\n flex-direction: column;\n align-items: center;\n width: 100%;\n display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputRow {\n --max-width-phone-input-row: 340px;\n align-items: stretch;\n gap: var(--spacing-8, var(--spacing-8, 8px));\n width: 100%;\n max-width: var(--max-width-phone-input-row);\n display: flex;\n position: relative;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputWrapper {\n border-radius: var(--radius-small, var(--border-radius-small));\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--color-input-border-default, var(--input-border-default));\n background-color: var(--color-input-surface-default, var(--input-surface-default));\n 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: 1;\n align-items: center;\n transition-duration: .2s;\n display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputWrapper:focus-within {\n border-color: var(--color-input-border-focused, var(--input-border-focused));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputWrapper.IncodePhoneInputWrapperError {\n border-color: var(--color-input-border-negative, var(--input-border-negative));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputWrapper.IncodePhoneInputWrapperDisabled {\n border-color: var(--color-input-border-disabled, var(--input-border-disabled));\n background-color: var(--color-input-surface-disabled, var(--input-surface-disabled));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountrySelector {\n --width-country-selector: 124px;\n border-radius: var(--radius-small, var(--border-radius-small));\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--color-input-border-default, var(--input-border-default));\n background-color: var(--color-input-surface-default, var(--input-surface-default));\n 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 width: var(--width-country-selector);\n flex-shrink: 0;\n transition-duration: .2s;\n position: static;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountrySelector.IncodePhoneCountrySelectorOpen {\n border-color: var(--color-input-border-focused, var(--input-border-focused));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountrySelector.IncodePhoneCountrySelectorDisabled {\n border-color: var(--color-input-border-disabled, var(--input-border-disabled));\n background-color: var(--color-input-surface-disabled, var(--input-surface-disabled));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryButton {\n width: 100%;\n height: 100%;\n padding: var(--spacing-8, var(--spacing-8, 8px));\n padding-left: var(--spacing-16, var(--spacing-16, 16px));\n cursor: pointer;\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 font-size: var(--text-18, var(--primitive-typography-size-18));\n --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n border-radius: var(--radius-small, var(--border-radius-small));\n background-color: #0000;\n border-style: none;\n justify-content: center;\n align-items: center;\n font-family: inherit;\n display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryButton:disabled {\n cursor: not-allowed;\n color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryButton:focus {\n --tw-outline-style: none;\n outline-style: none;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryFlag {\n font-size: var(--text-24, var(--primitive-typography-size-24));\n --tw-leading: 1;\n line-height: 1;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryCode {\n margin-left: var(--spacing-4, var(--spacing-4, 4px));\n font-size: var(--text-18, var(--primitive-typography-size-18));\n --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n white-space: nowrap;\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryArrow {\n margin-left: var(--spacing-8, var(--spacing-8, 8px));\n height: var(--spacing-24, var(--spacing-24, 24px));\n width: var(--spacing-24, var(--spacing-24, 24px));\n color: var(--color-icon-neutral-500, var(--icon-neutral-500));\n transition-property: transform, translate, scale, rotate;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));\n transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));\n --tw-duration: .2s;\n transition-duration: .2s;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryArrowUp {\n rotate: 180deg;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryButton:disabled .IncodePhoneCountryArrow {\n color: var(--color-icon-neutral-300, var(--icon-neutral-300));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryDropdown {\n --max-height-country-dropdown: 320px;\n top: 100%;\n right: var(--spacing-0, var(--spacing-none, 0px));\n left: var(--spacing-0, var(--spacing-none, 0px));\n z-index: 50;\n margin-top: var(--spacing-8, var(--spacing-8, 8px));\n border-radius: var(--radius-small, var(--border-radius-small));\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--color-input-border-default, var(--input-border-default));\n background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n padding: var(--spacing-8, var(--spacing-8, 8px));\n max-height: var(--max-height-country-dropdown);\n position: absolute;\n overflow-y: auto;\n box-shadow: 0 4px 16px #0000001f;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOption {\n cursor: pointer;\n align-items: center;\n gap: var(--spacing-12, var(--spacing-12, 12px));\n border-radius: var(--radius-small, var(--border-radius-small));\n width: 100%;\n padding-inline: var(--spacing-12, var(--spacing-12, 12px));\n padding-block: var(--spacing-12, var(--spacing-12, 12px));\n font-size: var(--text-16, var(--primitive-typography-size-16));\n --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\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 text-align: left;\n background-color: #0000;\n border-style: none;\n font-family: inherit;\n display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOption:hover {\n background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOption:focus {\n background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));\n --tw-outline-style: none;\n outline-style: none;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOptionSelected, .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOptionSelected:hover {\n background-color: var(--color-surface-brand-50, var(--surface-brand-50));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOptionCode {\n --min-width-country-code: 52px;\n font-size: var(--text-16, var(--primitive-typography-size-16));\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n min-width: var(--min-width-country-code);\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOptionName {\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: var(--text-16, var(--primitive-typography-size-16));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n flex: 1;\n overflow: hidden;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputField {\n border-style: var(--tw-border-style);\n border-width: var(--border-width-none, var(--primitive-border-width-0));\n --tw-border-style: none;\n width: 100%;\n padding-inline: var(--spacing-16, var(--spacing-16, 16px));\n padding-block: var(--spacing-16, var(--spacing-16, 16px));\n font-size: var(--text-18, var(--primitive-typography-size-18));\n --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n color: var(--color-input-text-field-default, var(--input-text-field-default));\n --tw-outline-style: none;\n border-radius: var(--radius-small, var(--border-radius-small));\n background-color: #0000;\n border-style: none;\n outline-style: none;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputField::placeholder {\n --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n color: var(--color-input-text-field-placeholder, var(--input-text-field-placeholder));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputField:disabled {\n cursor: not-allowed;\n color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputError {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n text-align: center;\n font-size: var(--text-14, var(--primitive-typography-size-14));\n --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectSmsSendButton {\n --max-width-sms-button: 335px;\n width: 100%;\n max-width: var(--max-width-sms-button);\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent {\n flex-direction: column;\n align-items: center;\n display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentTitle {\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h2-size);\n font-weight: var(--typography-headline-h2-weight);\n line-height: var(--typography-headline-h2-line-height);\n letter-spacing: var(--typography-headline-h2-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentPhone {\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentActions {\n --width-link-sent-actions: 335px;\n justify-content: center;\n align-items: center;\n gap: var(--spacing-4, var(--spacing-4, 4px));\n font-family: var(--Button-family, \"DM Sans\");\n letter-spacing: 0;\n width: var(--width-link-sent-actions);\n flex-wrap: wrap;\n font-size: 18px;\n font-weight: 500;\n line-height: 100%;\n display: flex;\n}\n\n.IncodeRedirectFinishedContainer {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.IncodeRedirectFinishedContainer .IncodeRedirectLogo {\n max-height: var(--logo-height, 44px);\n}\n\n.IncodeRedirectFinishedContainer .IncodeRedirectFinishedTitle {\n --width-finished-title: 500px;\n margin-block: var(--spacing-20, var(--spacing-20, 20px));\n text-align: center;\n font-size: var(--text-3xl, 1.875rem);\n line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));\n --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n width: var(--width-finished-title);\n}\n\n.IncodeRedirectFinishedContainer .IncodeRedirectFinishedSubtitle {\n --width-finished-subtitle: 400px;\n text-align: center;\n font-size: var(--text-2xl, 1.5rem);\n line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));\n --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n width: var(--width-finished-subtitle);\n}\n\n.IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText, .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText .markup {\n display: inline;\n}\n\n.IncodeConsentPage {\n height: 100%;\n}\n\n.IncodeConsentPage .IncodePageInner {\n padding: var(--spacing-24, var(--spacing-24, 24px));\n}\n\n.IncodeConsentPage .IncodePageContent {\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeConsentPage .IncodeConsentContent {\n height: 100%;\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n justify-content: space-between;\n gap: var(--spacing-24, var(--spacing-24, 24px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeConsentPage .IncodeConsentBody {\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n flex: 1;\n display: flex;\n overflow-y: auto;\n}\n\n.IncodeConsentPage .IncodeConsentBody .IncodeRichText .markup h2, .IncodeConsentPage .IncodeConsentBody .IncodeRichText h2 {\n margin-bottom: var(--spacing-12, var(--spacing-12, 12px));\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.IncodeConsentPage .IncodeConsentTitle {\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.IncodeConsentPage .IncodeConsentSubtitle {\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeConsentPage .IncodeConsentCheckboxList {\n gap: var(--spacing-12, var(--spacing-12, 12px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeConsentPage .IncodeConsentCheckbox {\n border-radius: var(--radius-medium, var(--border-radius-medium));\n background-color: var(--color-surface-brand-50, var(--surface-brand-50));\n width: 100%;\n padding: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeConsentPage .IncodeConsentCheckbox .IncodeCheckboxLabel {\n align-items: flex-start;\n}\n\n.IncodeConsentPage .IncodeConsentCheckbox .IncodeCheckboxText {\n font-family: var(--typography-checkbox-radio-family);\n font-size: var(--typography-checkbox-radio-s-size);\n font-weight: var(--typography-checkbox-radio-s-weight);\n line-height: var(--typography-checkbox-radio-s-line-height);\n letter-spacing: var(--typography-checkbox-radio-s-letter-spacing);\n}\n\n.IncodeConsentPage .IncodeConsentCheckboxLabel {\n font-family: var(--typography-checkbox-radio-family);\n font-size: var(--typography-checkbox-radio-s-size);\n font-weight: var(--typography-checkbox-radio-s-weight);\n line-height: var(--typography-checkbox-radio-s-line-height);\n letter-spacing: var(--typography-checkbox-radio-s-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText, .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText .markup {\n display: inline;\n}\n\n.IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText .markup p, .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText p {\n margin-bottom: var(--spacing-0, var(--spacing-none, 0px));\n font-family: var(--typography-checkbox-radio-family);\n font-size: var(--typography-checkbox-radio-s-size);\n font-weight: var(--typography-checkbox-radio-s-weight);\n line-height: var(--typography-checkbox-radio-s-line-height);\n letter-spacing: var(--typography-checkbox-radio-s-letter-spacing);\n display: inline;\n}\n\n.IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText .markup a, .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText a {\n color: var(--color-surface-brand-600, var(--surface-brand-600-static));\n}\n\n.IncodeConsentPage .IncodeCheckboxRequired {\n margin-left: var(--spacing-0, var(--spacing-none, 0px));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n white-space: nowrap;\n}\n\n.IncodeConsentPage .IncodeConsentButton {\n width: 100%;\n}\n\n.IncodeConsentPage .IncodeConsentActions {\n align-items: center;\n gap: var(--spacing-8, var(--spacing-8, 8px));\n flex-direction: column;\n width: 100%;\n display: flex;\n}\n\n.IncodeSignature .IncodeSignatureContent {\n width: 100%;\n height: 100%;\n padding-top: var(--spacing-32, var(--spacing-32, 32px));\n flex-direction: column;\n flex: 1;\n display: flex;\n}\n\n.IncodeSignature .IncodeSignatureButtonContainer {\n margin-block: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeSignature.IncodeSignatureFadeIn {\n animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;\n animation-fill-mode: both;\n}\n\n.IncodeSignature .IncodeSignatureButtonContainer .IncodeButton.IncodeButtonPrimary {\n transition: background-color .35s ease-out, color .35s ease-out, border-color .35s ease-out, opacity .35s ease-out, box-shadow .35s ease-out;\n}\n\n.IncodeSignature .SignatureCanvasContainer {\n width: 100%;\n padding-inline: var(--spacing-16, var(--spacing-16, 16px));\n padding-block: var(--spacing-8, var(--spacing-8, 8px));\n border-radius: var(--radius-small, var(--border-radius-small));\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--color-input-border-default, var(--input-border-default));\n background-color: var(--color-input-surface-default, var(--input-surface-default));\n height: var(--signature-canvas-height);\n max-width: var(--signature-canvas-max-width);\n align-self: center;\n position: relative;\n}\n\n.IncodeSignature .SignatureCanvas {\n width: 100%;\n height: 100%;\n padding-block: var(--spacing-8, var(--spacing-8, 8px));\n}\n\n.IncodeSignature .SignatureCanvasPlaceholder {\n font-family: var(--typography-input-dropdown-family);\n font-size: var(--typography-input-dropdown-m-size);\n font-weight: var(--typography-input-dropdown-m-weight);\n line-height: var(--typography-input-dropdown-m-line-height);\n letter-spacing: var(--typography-input-dropdown-m-letter-spacing);\n color: var(--color-input-text-field-placeholder, var(--input-text-field-placeholder));\n --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n pointer-events: none;\n text-align: center;\n -webkit-user-select: none;\n user-select: none;\n width: 100%;\n animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;\n animation-fill-mode: both;\n position: absolute;\n top: 50%;\n left: 50%;\n}\n\n.IncodeSignature .IncodeSignatureSuccess {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.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 justify-content: center;\n align-items: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n flex: 1;\n width: 100%;\n max-width: 420px;\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__actions {\n gap: var(--spacing-12, var(--spacing-12, 12px));\n flex-direction: column;\n width: 100%;\n max-width: 420px;\n margin-inline: auto;\n display: flex;\n}\n\n.IncodeFormField {\n width: 100%;\n margin-bottom: .75rem;\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.IncodeWorkflow {\n width: 100%;\n height: 100%;\n}\n\n@property --tw-rotate-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-outline-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-blur {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-brightness {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-contrast {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-grayscale {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-hue-rotate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-invert {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-opacity {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-saturate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-sepia {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-drop-shadow-size {\n syntax: \"*\";\n inherits: false\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-leading {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-tracking {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-duration {\n syntax: \"*\";\n inherits: false\n}\n\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n";
4
+ //#endregion
5
+ export { e as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@incodetech/web",
3
- "version": "0.0.0-dev-20260429-71d4c48",
3
+ "version": "0.0.0-dev-20260429-35afdca",
4
4
  "type": "module",
5
5
  "main": "./dist/index.es.js",
6
6
  "types": "./dist/types/index.d.ts",
@@ -230,7 +230,7 @@
230
230
  "qrcode": "^1.5.4",
231
231
  "signature_pad": "^5.1.3",
232
232
  "tailwindcss": "^4.1.17",
233
- "@incodetech/core": "0.0.0-dev-20260429-71d4c48"
233
+ "@incodetech/core": "0.0.0-dev-20260429-35afdca"
234
234
  },
235
235
  "devDependencies": {
236
236
  "@microsoft/api-extractor": "^7.53.3",
@@ -1 +0,0 @@
1
- import "./dateInputComposed-BISaNEkl.js";
@@ -1 +0,0 @@
1
- import "./dropdownComposed-D7l5VnKk.js";
@@ -1,2 +0,0 @@
1
- import { t as e } from "./ekybModule-Ckv1f8aB.js";
2
- export { e as EkybModule };
@@ -1,2 +0,0 @@
1
- import { t as e } from "./ekycModule-CCJGIP0u.js";
2
- export { e as EkycModule };
@@ -1,2 +0,0 @@
1
- import { t as e } from "./faceMatch-BAOj4yMN.js";
2
- export { e as FaceMatch };
@@ -1,18 +0,0 @@
1
- import { n as e } from "./vendor-preact-D6SntenC.js";
2
- //#region src/shared/webComponent/registerIncodeElement.ts
3
- function t(t, n, r) {
4
- customElements.get(n) === void 0 && e(t, n, [...r], { shadow: !1 });
5
- }
6
- //#endregion
7
- //#region src/shared/webComponent/incodeModule.ts
8
- var n = [
9
- "config",
10
- "manager",
11
- "onFinish",
12
- "onError"
13
- ];
14
- function r(e, r) {
15
- t(e, r, n);
16
- }
17
- //#endregion
18
- export { r as t };
@@ -1 +0,0 @@
1
- import "./inputComposed-4aHO5YRK.js";
@@ -1 +0,0 @@
1
- import "./spinner-Cj7kdZ0T.js";
File without changes