@incodetech/web 2.3.0-rc.0 → 2.3.0-rc.10

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 (204) hide show
  1. package/dist/ae-signature/ae-signature.es.js +3 -3
  2. package/dist/{af-ZA-DTqKc5t4.js → af-ZA-DbGwOil_.js} +24 -2
  3. package/dist/{am-EGNy2cbo.js → am-B3Yr4Wo7.js} +24 -2
  4. package/dist/antifraud/antifraud.es.js +3 -3
  5. package/dist/{ar-AE-Cb55U6s-.js → ar-AE-CluHJTX6.js} +26 -4
  6. package/dist/{ar-MUpu33jy.js → ar-B3YajQa1.js} +26 -4
  7. package/dist/{ar-EG-C8ucZII6.js → ar-EG-WNTNR8F8.js} +25 -3
  8. package/dist/authentication/authentication.es.js +4 -4
  9. package/dist/{autoFocusTitle-CIbcUW_x.js → autoFocusTitle-DHwltP_Z.js} +1 -1
  10. package/dist/{az-DlXjPSya.js → az-D-RKrS3Z.js} +24 -2
  11. package/dist/base.css +1 -1
  12. package/dist/{baseTutorial-DkL0vjUa.js → baseTutorial-DecCHyPh.js} +3 -3
  13. package/dist/{bn-BuTjJr44.js → bn-g99Bykpq.js} +24 -2
  14. package/dist/{bottomSheet-DtUFrIAG.js → bottomSheet-lYt_uoir.js} +1 -1
  15. package/dist/{bs-DUzGtLhU.js → bs-kvDa9-Su.js} +24 -2
  16. package/dist/{ca-B6SY43GQ.js → ca-B1jrTnuu.js} +24 -2
  17. package/dist/cameraOverlay-ByHBFzIA.js +2 -0
  18. package/dist/{cameraOverlayHeader-CsokPtuL.js → cameraOverlayHeader-15Gvo1s_.js} +2 -2
  19. package/dist/{cameraView-DrTBPNWX.js → cameraView-D4_Wxtgs.js} +2 -2
  20. package/dist/{captureFooter-DWCaAdIU.js → captureFooter-FPnsguCI.js} +3 -3
  21. package/dist/{ceb-DmXy5txv.js → ceb-C1qERY5_.js} +24 -2
  22. package/dist/certificate-issuance/certificate-issuance.es.js +8 -8
  23. package/dist/{checkbox-D0wfscwg.js → checkbox-BhYnyWjt.js} +2 -2
  24. package/dist/{connectionError-B61O7L3N.js → connectionError-BJqT-QGK.js} +3 -3
  25. package/dist/consent/consent.es.js +6 -6
  26. package/dist/{countrySelector-C60Cdc5P.js → countrySelector-Dmuxqrds.js} +2 -2
  27. package/dist/cross-document-data-match/cross-document-data-match.es.js +3 -3
  28. package/dist/{cs-dsQ7umNS.js → cs-1hwmfQJz.js} +25 -3
  29. package/dist/{cs-CZ-Gn3ZmW27.js → cs-CZ-XrhI900X.js} +25 -3
  30. package/dist/curp-validation/curp-validation.es.js +11 -11
  31. package/dist/{customFields-BdnLB6L1.js → customFields-4lqTDwNl.js} +9 -9
  32. package/dist/{customWatchlist-DzeHJAa3.js → customWatchlist-bqALLgpi.js} +6 -6
  33. package/dist/{da-DK-CFQaOERk.js → da-DK-CS4tq2CW.js} +25 -3
  34. package/dist/{dashboardTheme-BwKtcRSO.js → dashboardTheme-DEHlp6JX.js} +1 -1
  35. package/dist/dateInputComposed-CA0TDmJ5.js +1 -0
  36. package/dist/{dateInputComposed-BcmKKwRL.js → dateInputComposed-CdLDRKBa.js} +4 -4
  37. package/dist/{de-BqG02U9o.js → de-CZ0RWhgI.js} +25 -3
  38. package/dist/{permissions-DowRodJj.js → denied-CaT9SP1l.js} +154 -212
  39. package/dist/document-capture/document-capture.es.js +1 -1
  40. package/dist/{documentCapture-CoMsW_gC.js → documentCapture-BYLknVND.js} +15 -15
  41. package/dist/documentCapture-CcpGGw40.js +2 -0
  42. package/dist/dropdownComposed-CNANwnCK.js +1 -0
  43. package/dist/{dropdownComposed-DYdI3B4r.js → dropdownComposed-Dexi8D-S.js} +2 -2
  44. package/dist/dynamic-forms/dynamic-forms.es.js +10 -10
  45. package/dist/ekyb/ekyb.es.js +1 -1
  46. package/dist/{ekybModule-BRh9D01p.js → ekybModule-DX6oPVIP.js} +12 -12
  47. package/dist/ekybModule-O5KTeZez.js +2 -0
  48. package/dist/ekyc/ekyc.es.js +1 -1
  49. package/dist/ekycModule-BBxKmy7c.js +2 -0
  50. package/dist/{ekycModule-Da6Bl3jg.js → ekycModule-BdREWq6R.js} +12 -12
  51. package/dist/{el-GR-9I2fVd-W.js → el-GR-Bav-aly7.js} +25 -3
  52. package/dist/{el-BP_RmMeB.js → el-Qg7qIB-u.js} +25 -3
  53. package/dist/electronic-signature/electronic-signature.es.js +1 -1
  54. package/dist/{electronic-signature-KFF7qbid.js → electronic-signature-D9DbjtoS.js} +8 -8
  55. package/dist/email/email.es.js +7 -7
  56. package/dist/{emailInput-B_qAEKBC.js → emailInput-L9ZcDJrj.js} +3 -3
  57. package/dist/{en-DnIfMNS1.js → en-CropyKr_.js} +25 -3
  58. package/dist/{en-DG-poeSJZ7W.js → en-DG-3UDUyTjS.js} +25 -3
  59. package/dist/{errorContent-CMNfCIo_.js → errorContent-DhYkMKwt.js} +5 -5
  60. package/dist/{es-419-DgAnO5DV.js → es-419-Bffg59Wb.js} +25 -3
  61. package/dist/{es-2x55EFTs.js → es-B-CCrWCg.js} +25 -3
  62. package/dist/{es-ES-BSnroYMU.js → es-ES-BohRZi4g.js} +25 -3
  63. package/dist/{es-MX-CfztSSs4.js → es-MX-CKRE5bgY.js} +25 -3
  64. package/dist/{et-CPoI8fYI.js → et-K3MS6_y6.js} +26 -4
  65. package/dist/{expiredId-DJYL_--M.js → expiredId-Br8mbZny.js} +5 -5
  66. package/dist/extensibility.es.js +34 -34
  67. package/dist/{fa-IR-CVf6F8GG.js → fa-IR-CVRvB-HT.js} +24 -2
  68. package/dist/face-match/face-match.es.js +1 -1
  69. package/dist/{faceMatch-CwoYbKBB.js → faceMatch-CGakgzM8.js} +6 -6
  70. package/dist/faceMatch-DVlSonhk.js +2 -0
  71. package/dist/{fi-FI-A4oUFztt.js → fi-FI-Dd5WuLD7.js} +24 -2
  72. package/dist/field-comparison/field-comparison.es.js +1 -1
  73. package/dist/{fieldComparison-D2WI5cYb.js → fieldComparison-CSBQQwJ1.js} +7 -7
  74. package/dist/fieldComparison-nvvrpQMG.js +2 -0
  75. package/dist/{finalSuccessScreen-BtJ5o2pi.js → finalSuccessScreen-BJ7X0U0S.js} +9 -9
  76. package/dist/fiscal-qr/fiscal-qr.es.js +32 -9
  77. package/dist/{flipAnimation-Bb5FQVF-.js → flipAnimation-BhN92Nle.js} +13 -13
  78. package/dist/flow/flow.es.js +7 -7
  79. package/dist/flow/styles.css +1 -1
  80. package/dist/{formField-CBwWQ7wD.js → formField-LDUJ0HoM.js} +2 -2
  81. package/dist/{fr-CA-CI4CD8PC.js → fr-CA-DfFvTS35.js} +25 -3
  82. package/dist/{fr-ON88Zj-c.js → fr-DrFodyyh.js} +25 -3
  83. package/dist/geolocation/geolocation.es.js +8 -8
  84. package/dist/government-validation/government-validation.es.js +3 -3
  85. package/dist/{he-pbmbYdr4.js → he-bwUjnw9d.js} +24 -2
  86. package/dist/{hi-DUIfQ6FS.js → hi-ByK_NHE8.js} +24 -2
  87. package/dist/{hmn-DL-aQCTc.js → hmn-DSkVcav8.js} +24 -2
  88. package/dist/{homeScreen-vLMuzGDq.js → homeScreen-BmVol9FW.js} +6 -6
  89. package/dist/{hr-DfJZSVnR.js → hr-BXgru3GT.js} +24 -2
  90. package/dist/{ht-DkZi3f0t.js → ht-8FWsF7zj.js} +24 -2
  91. package/dist/{hu-ClhgOpVy.js → hu-XPnMuc5s.js} +26 -4
  92. package/dist/{icons-eIgP34nj.js → icons-B08JS0N-.js} +1 -1
  93. package/dist/id/id.es.js +20 -19
  94. package/dist/id/styles.css +1 -1
  95. package/dist/id/styles.css.js +1 -1
  96. package/dist/{id-DzyWelEE.js → id-DttSzi45.js} +26 -4
  97. package/dist/id-selfie-flow/id-selfie-flow.es.js +8 -8
  98. package/dist/id-verification/id-verification.es.js +4 -4
  99. package/dist/{idOcr-C5R3RWuL.js → idOcr-btBt0ReK.js} +11 -11
  100. package/dist/identity-reuse/identity-reuse.es.js +5 -5
  101. package/dist/{incodeComponent-D3_BSWan.js → incodeComponent-DqP21_Va.js} +7 -7
  102. package/dist/{incodeModule-BQgvYKyr.js → incodeModule-DlG8g3dR.js} +1 -1
  103. package/dist/index.es.js +2 -2
  104. package/dist/inputComposed-4CKuFx07.js +1 -0
  105. package/dist/{inputComposed-CTZnsHLi.js → inputComposed-C3rOfVtt.js} +2 -2
  106. package/dist/{it-D_u7w6N4.js → it-Bo1_M5Ku.js} +25 -3
  107. package/dist/{ja-Drh4oAoU.js → ja-BHq-D0SJ.js} +25 -3
  108. package/dist/{ja-JP-Pdxq82Pi.js → ja-JP-DNm2WfQl.js} +25 -3
  109. package/dist/{jv-DFcKF0Jp.js → jv-oBDv6lNS.js} +24 -2
  110. package/dist/{ka--2y3Ae63.js → ka-BPn06UT0.js} +24 -2
  111. package/dist/{kk-CAs7inco.js → kk-CPYojVvy.js} +24 -2
  112. package/dist/{km-BlxkLYfw.js → km-BPV_Cc4p.js} +31 -9
  113. package/dist/{ko-B1XhW0dx.js → ko-Bv8A9HvE.js} +25 -3
  114. package/dist/{ko-KP-DO1TCCY3.js → ko-KP-DQPYp0Lf.js} +25 -3
  115. package/dist/{ky-BN92RThU.js → ky-C2Qqzx7F.js} +24 -2
  116. package/dist/{lo-DPUo8xJT.js → lo-DqrFvm4v.js} +24 -2
  117. package/dist/{lt-CYBwI4Sq.js → lt-BgUHDb2w.js} +25 -3
  118. package/dist/{lv-eBlwWu05.js → lv-BXYKiZee.js} +25 -3
  119. package/dist/{mandatoryConsent-D96_9XTp.js → mandatoryConsent-DbzgW4RY.js} +6 -6
  120. package/dist/{manualCaptureButton-C9H2_SJS.js → manualCaptureButton-8617NDBs.js} +3 -3
  121. package/dist/{manualCaptureButton-igyQk3Yb.js → manualCaptureButton-CkGuPk8e.js} +3 -3
  122. package/dist/{mk-QMUTND8Y.js → mk-BBotHGMi.js} +24 -2
  123. package/dist/{mn-CCTUOA1D.js → mn-DCwX2btK.js} +24 -2
  124. package/dist/{modal-CmF_MYIK.js → modal-Do0hXEPy.js} +2 -2
  125. package/dist/{ms-BKJgaJfx.js → ms-vKtSs7Ag.js} +24 -2
  126. package/dist/{my-DyLbN8b0.js → my-CFuGUUv0.js} +24 -2
  127. package/dist/{nb-NO-TVHxhuqB.js → nb-NO-FPAIIUZ4.js} +24 -2
  128. package/dist/{ne-gBLZraiK.js → ne-CqEeptRO.js} +24 -2
  129. package/dist/{nl-CrO6Mvej.js → nl-Kb76dxVp.js} +27 -5
  130. package/dist/{optionAccessibleLabel-CqBUOBxK.js → optionAccessibleLabel-CVFR_dYr.js} +5 -5
  131. package/dist/{otpInput-tEovwPs7.js → otpInput-CTVsMhLE.js} +6 -6
  132. package/dist/{passwordInputComposed-DNlYgHHW.js → passwordInputComposed-BAR6V6nr.js} +4 -4
  133. package/dist/pdfViewer-CYG3FcWA.js +2 -0
  134. package/dist/{pdfViewer-4u14PDPr.js → pdfViewer-VXp0tn8y.js} +2 -2
  135. package/dist/permissions-9MM3_B_t.js +212 -0
  136. package/dist/phone/phone.es.js +8 -8
  137. package/dist/{phoneInputComposed-B6sv-uB2.js → phoneInputComposed-Cpbm-jZ6.js} +3 -3
  138. package/dist/{pl-Bde7cCcc.js → pl-BSGlCajW.js} +25 -3
  139. package/dist/{processing-s6GfNwuL.js → processing-BDa0s-t2.js} +1 -1
  140. package/dist/{pt-BR-DFr2fPNi.js → pt-BR-t6GG2t8i.js} +25 -3
  141. package/dist/{pt-DhDCeOLY.js → pt-CHurQu3I.js} +25 -3
  142. package/dist/{pt-PT-CpiPMuNf.js → pt-PT-B6u3_DCh.js} +25 -3
  143. package/dist/qe-signature/qe-signature.es.js +3 -3
  144. package/dist/radioGroupComposed-Bn9sSttZ.js +1 -0
  145. package/dist/{radioGroupComposed-DmoMukus.js → radioGroupComposed-dxUBopMF.js} +2 -2
  146. package/dist/redirect-to-mobile/redirect-to-mobile.es.js +7 -7
  147. package/dist/{resendTimer-Cskll9rx.js → resendTimer-DTsj8VRX.js} +1 -1
  148. package/dist/{resolveApiKey-CB1_7ISm.js → resolveApiKey-Cxg7WWTh.js} +17 -17
  149. package/dist/{richText-C8-Ny2SD.js → richText-BqqUICnf.js} +1 -1
  150. package/dist/{ro-B_ITJxYh.js → ro-iP8y_eYT.js} +25 -3
  151. package/dist/{ru-Cg4U-rYv.js → ru-B6rUBUBy.js} +26 -4
  152. package/dist/{ru-RU-fR_tbAfz.js → ru-RU-CPeZDSOc.js} +25 -3
  153. package/dist/selfie/selfie.es.js +9 -9
  154. package/dist/signature/signature.es.js +6 -6
  155. package/dist/{sk-DbraxlnX.js → sk-gsmy3O6m.js} +26 -4
  156. package/dist/{sl-DXgvmUsz.js → sl-jBilXWs-.js} +25 -3
  157. package/dist/{smsTabContent-Dado9q8t.js → smsTabContent-DRnEgjnn.js} +6 -6
  158. package/dist/{so-HI13bXme.js → so-dkrFmMlw.js} +24 -2
  159. package/dist/{spacer-ayyj5lMa.js → spacer-CbCrSrjR.js} +1 -1
  160. package/dist/{spinner-Z-5sEEDQ.js → spinner-CkdNFSdb.js} +2 -2
  161. package/dist/{sr-DAb2JkvB.js → sr-D7Yz6GxK.js} +24 -2
  162. package/dist/{sr-Latn-DzSc6KyA.js → sr-Latn-DUI8Q6jb.js} +31 -9
  163. package/dist/{sr-YU-C9HskKa8.js → sr-YU-_brJdxfe.js} +24 -2
  164. package/dist/{statusPage-Bqz3Ci4f.js → statusPage-C_jKr7Ps.js} +3 -3
  165. package/dist/{sv-SE-B3X2fvQj.js → sv-SE-Ck9HRP1u.js} +25 -3
  166. package/dist/{sw-BVL9Boua.js → sw-Crt2evHM.js} +24 -2
  167. package/dist/{tabs-B-ERCzA4.js → tabs-D3v5sYZg.js} +1 -1
  168. package/dist/{th-Cq87oDI8.js → th-C8d1ggYQ.js} +24 -2
  169. package/dist/{th-TH-CY5gd6Bd.js → th-TH-BE9EdiV3.js} +24 -2
  170. package/dist/{tl-PH-CNYNkY1M.js → tl-PH-BMqgLvIY.js} +24 -2
  171. package/dist/{tl-DUm9tRZ_.js → tl-ZsUsO8Y1.js} +24 -2
  172. package/dist/{tr-Cg3WJqb6.js → tr-BaBMGdBx.js} +27 -5
  173. package/dist/{tutorial-CHNfV-I3.js → tutorial-DXHIsP_J.js} +10 -10
  174. package/dist/{typography-ikD4-Z8S.js → typography-B_Swsea_.js} +1 -1
  175. package/dist/{uiConfig-C1jdTj-i.js → uiConfig-DKx9SmTB.js} +83 -83
  176. package/dist/{uk-C7hhE-77.js → uk-D4haFpI2.js} +25 -3
  177. package/dist/{uk-UA-DRsynQ5S.js → uk-UA-L4qoC299.js} +25 -3
  178. package/dist/{ur-BEX50SCe.js → ur-Cy-eY3ny.js} +24 -2
  179. package/dist/{uz-BYlUXaIK.js → uz-DUSerypr.js} +24 -2
  180. package/dist/{verificationResult-B26DDXFT.js → verificationResult-D_46RxvT.js} +6 -6
  181. package/dist/{vi-DddAM-WF.js → vi-26sWA4c3.js} +24 -2
  182. package/dist/video-selfie/video-selfie.es.js +10 -10
  183. package/dist/watchlist/watchlist.es.js +6 -6
  184. package/dist/{watchlistForBusiness-o4F6Czxp.js → watchlistForBusiness-C41Eb54F.js} +8 -8
  185. package/dist/workflow/styles.css +1 -1
  186. package/dist/workflow/workflow.es.js +7 -7
  187. package/dist/{zh-CN-B8y9prPe.js → zh-CN-CKR1naeD.js} +27 -5
  188. package/dist/{zh-aG_wPYUs.js → zh-Dk7S8dNd.js} +25 -3
  189. package/dist/{zh-HANT-ChrXbHBA.js → zh-HANT-BcZ6BCxX.js} +25 -3
  190. package/dist/{zh-TW-DrkMIR_e.js → zh-TW-hjSwNqTz.js} +25 -3
  191. package/package.json +2 -2
  192. package/dist/cameraOverlay-Dn0r4NR9.js +0 -2
  193. package/dist/dateInputComposed-DPM6l_SL.js +0 -1
  194. package/dist/documentCapture-DMxz9eqT.js +0 -2
  195. package/dist/dropdownComposed-CXwC9j18.js +0 -1
  196. package/dist/ekybModule-C5NPsc0F.js +0 -2
  197. package/dist/ekycModule-DwKPvgA8.js +0 -2
  198. package/dist/faceMatch-DCkrehin.js +0 -2
  199. package/dist/fieldComparison-OwqIkMRe.js +0 -2
  200. package/dist/inputComposed-wy0-orhJ.js +0 -1
  201. package/dist/pdfViewer-e2o97yIv.js +0 -2
  202. package/dist/radioGroupComposed-CJkzLiFc.js +0 -1
  203. package/dist/useCoverMedia-VLw3OYN_.js +0 -149
  204. /package/dist/{numberedStep-DYznpDKc.js → numberedStep-C8e_uPaz.js} +0 -0
package/dist/id/id.es.js CHANGED
@@ -1,26 +1,27 @@
1
- import { o as useTranslation } from "../uiConfig-C1jdTj-i.js";
1
+ import { o as useTranslation } from "../uiConfig-DKx9SmTB.js";
2
2
  import { S as k, _ as y, a as P, c as A, f as d, h as q, s as z, u as T, v as u } from "../vendor-preact-C0jX1Cbq.js";
3
- import { S as useManager, _ as useIsMobileDeviceWidth, b as useModuleTerminalCallbacks, c as Page, d as TransitionSpinner, f as useFeatureManagement, i as withStandaloneModuleBootstrap, l as VerifiedByIncodeLogo, m as useTimeoutHandle, o as useHasResolvedConfig, t as IncodeComponent } from "../incodeComponent-D3_BSWan.js";
4
- import { d as cn, i as preloadAnimations, r as AnimatedAsset, s as Asset, t as Spacer } from "../spacer-ayyj5lMa.js";
5
- import { o as TypographyP, t as Title } from "../typography-ikD4-Z8S.js";
6
- import { t as Spinner } from "../spinner-Z-5sEEDQ.js";
7
- import { a as LockIcon, b as ErrorIcon, f as ChevronRightIcon, r as SuccessIcon, x as Button } from "../icons-eIgP34nj.js";
8
- import { t as AutoFocusTitle } from "../autoFocusTitle-CIbcUW_x.js";
9
- import { t as Processing } from "../processing-s6GfNwuL.js";
10
- import { t as Modal } from "../modal-CmF_MYIK.js";
11
- import { t as ErrorContent } from "../errorContent-CMNfCIo_.js";
12
- import { t as VerificationResult } from "../verificationResult-B26DDXFT.js";
13
- import { n as ProgressBar } from "../captureFooter-DWCaAdIU.js";
14
- import { a as IdNoAttempts, c as canFlipCapturedCard, d as CAMERA_PERMISSION_UX, f as CONTINUING_TUTORIAL_PHASES, g as PERMISSION_DIALOG_STATUS, h as ID_CAPTURE_STATUS, i as Capture, l as CaptureFrame, m as ID_CAPTURE_LOADING_PHASE, n as Chooser, o as IdExpired, p as EXPERIMENT_LIFECYCLE_STATUS, r as Tutorial, s as IdError, t as FlipAnimation, u as useIdExperiment } from "../flipAnimation-Bb5FQVF-.js";
15
- import { t as BottomSheet } from "../bottomSheet-DtUFrIAG.js";
16
- import { a as SvgReloadIcon, i as SvgPersonCardIcon, n as PermissionsDialog, r as SvgCheckV2Icon, t as Permissions } from "../permissions-DowRodJj.js";
17
- import { t as PdfViewer } from "../pdfViewer-4u14PDPr.js";
18
- import { t as registerIncodeModuleElement } from "../incodeModule-BQgvYKyr.js";
3
+ import { S as useManager, _ as useIsMobileDeviceWidth, b as useModuleTerminalCallbacks, c as Page, d as TransitionSpinner, f as useFeatureManagement, i as withStandaloneModuleBootstrap, l as VerifiedByIncodeLogo, m as useTimeoutHandle, o as useHasResolvedConfig, t as IncodeComponent } from "../incodeComponent-DqP21_Va.js";
4
+ import { d as cn, i as preloadAnimations, r as AnimatedAsset, s as Asset, t as Spacer } from "../spacer-CbCrSrjR.js";
5
+ import { o as TypographyP, t as Title } from "../typography-B_Swsea_.js";
6
+ import { t as Spinner } from "../spinner-CkdNFSdb.js";
7
+ import { a as LockIcon, b as ErrorIcon, f as ChevronRightIcon, r as SuccessIcon, x as Button } from "../icons-B08JS0N-.js";
8
+ import { t as AutoFocusTitle } from "../autoFocusTitle-DHwltP_Z.js";
9
+ import { t as Processing } from "../processing-BDa0s-t2.js";
10
+ import { t as Modal } from "../modal-Do0hXEPy.js";
11
+ import { t as ErrorContent } from "../errorContent-DhYkMKwt.js";
12
+ import { t as VerificationResult } from "../verificationResult-D_46RxvT.js";
13
+ import { n as ProgressBar } from "../captureFooter-FPnsguCI.js";
14
+ import { a as IdNoAttempts, c as canFlipCapturedCard, d as CAMERA_PERMISSION_UX, f as CONTINUING_TUTORIAL_PHASES, g as PERMISSION_DIALOG_STATUS, h as ID_CAPTURE_STATUS, i as Capture, l as CaptureFrame, m as ID_CAPTURE_LOADING_PHASE, n as Chooser, o as IdExpired, p as EXPERIMENT_LIFECYCLE_STATUS, r as Tutorial, s as IdError, t as FlipAnimation, u as useIdExperiment } from "../flipAnimation-BhN92Nle.js";
15
+ import { t as BottomSheet } from "../bottomSheet-lYt_uoir.js";
16
+ import { i as SvgReloadIcon, n as SvgCheckV2Icon, r as SvgPersonCardIcon } from "../denied-CaT9SP1l.js";
17
+ import { n as PermissionsDialog, t as Permissions } from "../permissions-9MM3_B_t.js";
18
+ import { t as PdfViewer } from "../pdfViewer-VXp0tn8y.js";
19
+ import { t as registerIncodeModuleElement } from "../incodeModule-DlG8g3dR.js";
19
20
  import { t as SvgIdBackOfCard } from "../id-back-of-card-B6EcmiCs.js";
20
21
  import { t as SvgIdBackOfCardVertical } from "../id-back-of-card-vertical-B3FXhPpj.js";
21
22
  import { t as SvgIdFrontOfCard } from "../id-front-of-card-V_BlLaZr.js";
22
23
  import { t as SvgIdFrontOfCardVertical } from "../id-front-of-card-vertical-CuZjL8kc.js";
23
- import { t as Tabs } from "../tabs-B-ERCzA4.js";
24
+ import { t as Tabs } from "../tabs-D3v5sYZg.js";
24
25
  import { ONBOARDING_WEB_SDK_PARAMETER_STORE } from "@incodetech/core/feature-management";
25
26
  import { createIdCaptureManager } from "@incodetech/core/id";
26
27
  //#region src/shared/fonts/preloadDisplayFont.ts
@@ -1590,7 +1591,7 @@ function useIdTutorialWithPermissionsUxStage(state) {
1590
1591
  }
1591
1592
  //#endregion
1592
1593
  //#region src/modules/id/id.tsx
1593
- var MandatoryConsent = z(() => import("../mandatoryConsent-D96_9XTp.js").then((module) => ({ default: module.MandatoryConsent })));
1594
+ var MandatoryConsent = z(() => import("../mandatoryConsent-DbzgW4RY.js").then((module) => ({ default: module.MandatoryConsent })));
1594
1595
  var IdContent = ({ config, manager: externalManager, onFinish, onError }) => {
1595
1596
  usePreloadDisplayFont();
1596
1597
  y(() => {
package/dist/id/styles.css CHANGED
@@ -913,7 +913,7 @@
913
913
 
914
914
  .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingImage {
915
915
  background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));
916
- object-fit: fill;
916
+ object-fit: cover;
917
917
  width: 100%;
918
918
  max-width: 100%;
919
919
  height: 100%;
package/dist/id/styles.css.js CHANGED
@@ -1 +1 @@
1
- export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n .IncodeComponent, .IncodeComponent *, .IncodeComponent :before, .IncodeComponent :after, .IncodeComponent ::backdrop {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-border-style: solid;\n --tw-outline-style: solid;\n --tw-duration: initial;\n }\n }\n}\n\n.IncodeSrOnly {\n clip-path: inset(50%);\n white-space: nowrap;\n border-width: 0;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n position: absolute;\n overflow: hidden;\n}\n\n.IncodeAgeVerificationPage .IncodePageInner {\n padding-top: var(--spacing-8, var(--spacing-8, 8px));\n padding-bottom: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeAgeVerificationPage .IncodePageHeader {\n height: var(--page-header-height);\n min-height: var(--page-header-height);\n}\n\n.IncodeAgeVerificationPage .IncodePageLogo {\n height: var(--age-verification-logo-height);\n}\n\n.IncodeAgeVerificationPage .IncodePageTitleContainer {\n max-width: none;\n}\n\n.IncodeAgeVerificationPage .IncodePageContent {\n justify-content: center;\n}\n\n.IncodeAgeVerificationPage .IncodePageFooter {\n padding-top: var(--spacing-12, var(--spacing-12, 12px));\n padding-bottom: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeAgeVerificationPage .IncodeAgeVerificationContent {\n justify-content: space-between;\n align-items: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n flex: 1;\n display: flex;\n}\n\n.IncodeAgeVerificationPage .IncodeAgeVerificationList {\n width: 100%;\n max-width: var(--incode-form-max-w);\n justify-content: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n padding: var(--spacing-0, var(--spacing-none, 0px));\n flex-direction: column;\n flex: 1;\n margin-inline: auto;\n list-style-type: none;\n display: flex;\n}\n\n.IncodeAgeVerificationPage .IncodeAgeVerificationItem {\n align-items: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n display: flex;\n}\n\n.IncodeAgeVerificationPage .IncodeAgeVerificationIcon {\n height: var(--spacing-64, var(--spacing-64, 64px));\n width: var(--spacing-96, var(--spacing-96, 96px));\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeAgeVerificationPage .IncodeAgeVerificationIcon img {\n width: 100%;\n height: 100%;\n}\n\n.IncodeAgeVerificationPage .IncodeAgeVerificationText {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n flex: 1;\n}\n\n.IncodeAgeVerificationPage .IncodeAgeVerificationButton {\n width: 100%;\n max-width: var(--incode-form-max-w);\n margin-inline: auto;\n}\n\n.IncodeIdTutorial .IncodePageTitleContainer {\n padding-block: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeIdTutorial .IncodeBaseTutorialContainer {\n margin: calc(var(--spacing-24, var(--spacing-24, 24px)) * -1);\n}\n\n.IncodeIdTutorial .IncodeBaseTutorialAnimationContainer {\n padding: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeFlipAnimation {\n background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n height: 100%;\n padding: var(--spacing-24, var(--spacing-24, 24px));\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdFlipCardPage .IncodePageInner {\n padding: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeIdFlipCardLayout {\n width: 100%;\n height: 100%;\n padding: var(--spacing-24, var(--spacing-24, 24px));\n background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent {\n z-index: 10;\n flex-direction: column;\n align-items: center;\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardTopArea {\n justify-content: flex-end;\n align-items: center;\n gap: var(--spacing-24, var(--spacing-24, 24px));\n padding-bottom: var(--spacing-40, var(--spacing-40, 40px));\n z-index: 10;\n flex-direction: column;\n flex: 1;\n width: 100%;\n display: flex;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCopy {\n opacity: 0;\n flex-direction: column;\n align-items: center;\n animation: .3s ease-out forwards incodeIdFlipCardFadeIn;\n display: flex;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardTitle {\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h2-size);\n font-weight: var(--typography-headline-h2-weight);\n line-height: var(--typography-headline-h2-line-height);\n letter-spacing: var(--typography-headline-h2-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardSubtitle {\n max-width: var(--id-capture-flip-card-subtitle-max-w);\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame {\n overflow: hidden;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical {\n width: var(--id-capture-frame-vertical-width);\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame.IncodeIdFlipCardFrameFlipping {\n --frame-border-color: var(--border-neutral-100);\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardScene {\n perspective: 1200px;\n width: 100%;\n height: 100%;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCard {\n width: 100%;\n height: 100%;\n transform-style: preserve-3d;\n animation: 1s ease-in-out .6s forwards incodeIdFlipCardRotate;\n position: relative;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCard {\n animation: none;\n }\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace {\n inset: var(--spacing-0, var(--spacing-none, 0px));\n backface-visibility: hidden;\n width: 100%;\n height: 100%;\n position: absolute;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace.IncodeIdFlipCardFaceBack {\n transform: rotateY(180deg);\n}\n\n@media (prefers-reduced-motion: reduce) {\n .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace.IncodeIdFlipCardFaceBack {\n opacity: 0;\n animation: 1s ease-in-out .6s forwards incodeIdFlipCardReducedMotionFadeIn;\n transform: none;\n }\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardImage {\n object-fit: cover;\n width: 100%;\n height: 100%;\n animation: 1s ease-in-out .6s forwards incodeIdFlipCardFrontFade;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardImage {\n animation: 1s ease-in-out .6s forwards incodeIdFlipCardReducedMotionFadeOut;\n }\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardAsset {\n object-fit: cover;\n width: 100%;\n height: 100%;\n padding: var(--spacing-4, var(--spacing-4, 4px));\n display: block;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardBottomArea {\n z-index: 10;\n width: 100%;\n max-width: var(--id-capture-bottom-area-max-w);\n padding-top: var(--spacing-8, var(--spacing-8, 8px));\n flex-direction: column;\n flex: 1;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardBottomArea .IncodeCaptureEncryptionLabel {\n justify-content: center;\n align-items: center;\n gap: var(--spacing-4, var(--spacing-4, 4px));\n font-family: var(--typography-body-family);\n font-size: var(--typography-body-m-regular-size);\n font-weight: var(--typography-body-m-regular-weight);\n line-height: var(--typography-body-m-regular-line-height);\n letter-spacing: var(--typography-body-m-regular-letter-spacing);\n white-space: nowrap;\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n display: flex;\n}\n\n@keyframes incodeIdFlipCardFadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n@keyframes incodeIdFlipCardRotate {\n from {\n transform: rotateY(0);\n }\n\n to {\n transform: rotateY(180deg);\n }\n}\n\n@keyframes incodeIdFlipCardFrontFade {\n 0%, 20% {\n opacity: 1;\n }\n\n 50%, 100% {\n opacity: 0;\n }\n}\n\n@keyframes incodeIdFlipCardReducedMotionFadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n@keyframes incodeIdFlipCardReducedMotionFadeOut {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n}\n\n.IncodeCommonIssuesFullScreen .IncodeModalDialog {\n max-width: none;\n height: 100%;\n max-height: none;\n}\n\n.IncodeCommonIssuesFullScreen .IncodeModalContent {\n border-radius: var(--radius-none, var(--border-radius-none));\n max-width: none;\n height: 100%;\n margin: auto;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesQuestionIcon {\n flex-shrink: 0;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesTitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h2-size);\n font-weight: var(--typography-headline-h2-weight);\n line-height: var(--typography-headline-h2-line-height);\n letter-spacing: var(--typography-headline-h2-letter-spacing);\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesCards {\n width: 100%;\n max-width: var(--incode-form-max-w);\n gap: var(--spacing-32, var(--spacing-32, 32px));\n padding-block: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesCard {\n align-items: flex-start;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n display: flex;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesCardIcon {\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n flex-shrink: 0;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesCardText {\n gap: var(--spacing-4, var(--spacing-4, 4px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesCardTitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesCardBody {\n font-family: var(--typography-body-family);\n font-size: var(--typography-body-m-regular-size);\n font-weight: var(--typography-body-m-regular-weight);\n line-height: var(--typography-body-m-regular-line-height);\n letter-spacing: var(--typography-body-m-regular-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesButtons {\n margin-top: auto;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesTakeManually {\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesTryAgain {\n width: 100%;\n}\n\n.IncodeChooserPage .IncodePageContent {\n padding-bottom: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeChooserPage .IncodePageTitle {\n max-width: var(--incode-form-max);\n}\n\n.IncodeChooserPage .IncodeChooserContainer {\n flex-direction: column;\n align-items: center;\n width: 100%;\n margin-top: auto;\n display: flex;\n}\n\n.IncodeCaptureFrame {\n border-radius: var(--radius-medium, var(--border-radius-medium));\n --frame-border-color: var(--border-neutral-100);\n border: var(--id-capture-frame-border-width) solid var(--frame-border-color);\n justify-content: center;\n align-self: center;\n align-items: center;\n transition: max-width .3s ease-out, border-color .3s ease-out;\n display: flex;\n position: relative;\n}\n\n.IncodeCaptureFrame.IncodeCaptureFrameHorizontal {\n width: 100%;\n max-width: var(--id-capture-frame-horizontal-max-width);\n aspect-ratio: 35 / 22;\n}\n\n.IncodeCaptureFrame.IncodeCaptureFrameVertical {\n width: 100%;\n max-width: var(--id-capture-frame-vertical-max-width);\n aspect-ratio: 22 / 35;\n}\n\n.IncodeCaptureFrame.IncodeCaptureFramePassport.IncodeCaptureFrameHorizontal {\n aspect-ratio: 42 / 30;\n}\n\n.IncodeCaptureFrame.IncodeCaptureFramePassport.IncodeCaptureFrameVertical {\n aspect-ratio: 30 / 42;\n}\n\n.IncodeCaptureFrame.IncodeCaptureFrameIdle {\n --frame-border-color: var(--border-neutral-100);\n}\n\n.IncodeCaptureFrame.IncodeCaptureFrameCapturing, .IncodeCaptureFrame.IncodeCaptureFrameFocus {\n --frame-border-color: var(--border-brand-500);\n}\n\n.IncodeCaptureFrame.IncodeCaptureFrameAnalyzing, .IncodeCaptureFrame.IncodeCaptureFrameSuccess {\n --frame-border-color: var(--border-status-positive-static);\n}\n\n.IncodeCaptureFrame.IncodeCaptureFrameError {\n --frame-border-color: var(--border-status-negative);\n}\n\n.IncodeIdCaptureStage {\n width: 100%;\n height: 100%;\n position: relative;\n}\n\n.IncodeIdCaptureStage > * {\n inset: var(--spacing-0, var(--spacing-none, 0px));\n position: absolute;\n}\n\n.IncodeIdCaptureStage > .IncodeIdCaptureStageResultExiting {\n animation: incodeIdCaptureResultCrossfadeOut var(--id-capture-result-crossfade-duration) linear forwards;\n pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .IncodeIdCaptureStage > .IncodeIdCaptureStageResultExiting {\n animation-duration: 1ms;\n }\n}\n\n.IncodeIdCaptureStage > .IncodeIdCaptureStageResultEntering {\n animation: incodeIdCaptureResultCrossfadeIn var(--id-capture-result-crossfade-duration) linear forwards;\n pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .IncodeIdCaptureStage > .IncodeIdCaptureStageResultEntering {\n animation-duration: 1ms;\n }\n}\n\n.IncodeIdCapturePage {\n background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));\n}\n\n@media (min-width: 48rem) {\n .IncodeIdCapturePage {\n background-color: var(--capture-page-backdrop-color);\n }\n}\n\n.IncodeIdCapturePage .IncodePageInner {\n padding: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeIdCapturePage .IncodePageContent {\n flex: 1;\n position: relative;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing {\n height: 100%;\n color: var(--color-text-body-0, var(--text-body-0-static));\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo {\n pointer-events: none;\n inset: var(--spacing-0, var(--spacing-none, 0px));\n position: absolute;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo.IncodeCaptureVideoLoading {\n opacity: 0;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo .IncodeCaptureVideoElement {\n inset: var(--spacing-0, var(--spacing-none, 0px));\n object-fit: cover;\n width: 100%;\n max-width: 100%;\n height: 100%;\n position: absolute;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureOverlay {\n pointer-events: none;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureButton {\n border-radius: var(--radius-button-primary, var(--button-primary-border-radius));\n padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n padding-block: var(--spacing-12, var(--spacing-12, 12px));\n background-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));\n color: var(--color-button-primary-text-default, var(--button-primary-text-default));\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureInitializing {\n height: 100%;\n color: var(--color-text-body-0, var(--text-body-0-static));\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureInitializing .IncodeCaptureInitializingText {\n margin-top: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureUploading, .IncodeIdCapturePage .IncodeCaptureUploading {\n height: 100%;\n color: var(--color-text-body-0, var(--text-body-0-static));\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n@keyframes incodeIdCaptureResultCrossfadeOut {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n}\n\n@keyframes incodeIdCaptureResultCrossfadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n.IncodeCaptureOverlayId {\n padding: var(--spacing-24, var(--spacing-24, 24px));\n align-items: center;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureTopSection {\n justify-content: flex-end;\n align-items: center;\n gap: var(--spacing-24, var(--spacing-24, 24px));\n padding-bottom: var(--spacing-40, var(--spacing-40, 40px));\n z-index: 10;\n flex-direction: column;\n flex: 1;\n display: flex;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureTopSection .IncodeCameraOverlayHeader {\n padding-inline: var(--spacing-16, var(--spacing-16, 16px));\n padding-top: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter {\n flex: 1;\n justify-content: space-between;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeCaptureFooterCaptureSection {\n position: relative;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer {\n pointer-events: none;\n z-index: 1000;\n --manual-capture-tooltip-button-gap: var(--spacing-4);\n --manual-capture-tooltip-button-top-offset: var(--spacing-12);\n --manual-capture-tooltip-button-center-offset: calc(var(--spacing-32) + var(--manual-capture-tooltip-button-gap));\n width: max-content;\n left: 50%;\n bottom: calc(100% - ( var(--manual-capture-tooltip-button-top-offset) - var(--manual-capture-tooltip-button-gap) ));\n animation: manualCaptureTooltipExit .35s ease-in var(--manual-capture-tooltip-dismiss-delay, 3.5s) forwards;\n justify-content: center;\n display: flex;\n position: absolute;\n transform: translateX(-50%);\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip {\n border-radius: var(--radius-medium, var(--border-radius-medium));\n background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));\n padding: var(--spacing-16, var(--spacing-16, 16px));\n animation: .5s ease-out forwards slideUp;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n padding: var(--spacing-0, var(--spacing-none, 0px));\n flex-direction: column;\n align-items: center;\n list-style-type: none;\n display: flex;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList li {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n font-family: var(--typography-tooltip-family);\n font-size: var(--typography-tooltip-m-size);\n font-weight: var(--typography-tooltip-m-weight);\n line-height: var(--typography-tooltip-m-line-height);\n letter-spacing: var(--typography-tooltip-m-letter-spacing);\n text-wrap: nowrap;\n color: var(--color-text-body-0-static, var(--text-body-0-static));\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer.IncodeIdManualCaptureTooltipContainerSrOnly {\n clip-path: inset(50%);\n white-space: nowrap;\n border-width: 0;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n animation: none;\n position: absolute;\n overflow: hidden;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer.IncodeIdManualCaptureTooltipContainerSrOnly .IncodeIdManualCaptureTooltip {\n animation: none;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer.IncodeIdManualCaptureTooltipContainerAutoDismiss {\n animation-name: manualCaptureTooltipExitAutoDismiss;\n}\n\n.IncodeCaptureOverlayId .IncodeCameraFrameHorizontal.IncodeCaptureFramePassport {\n aspect-ratio: 42 / 30;\n}\n\n.IncodeCaptureOverlayId .IncodeCameraFrameVertical.IncodeCaptureFramePassport {\n aspect-ratio: 30 / 42;\n}\n\n@keyframes manualCaptureTooltipExit {\n from {\n opacity: 1;\n transform: translateX(-50%);\n }\n\n to {\n opacity: 0;\n transform: translate(-50%, calc(50% + var(--manual-capture-tooltip-button-center-offset)));\n }\n}\n\n@keyframes manualCaptureTooltipExitAutoDismiss {\n from {\n opacity: 1;\n transform: translateX(-50%) scale(1);\n }\n\n to {\n opacity: .5;\n transform: translate(-50%, calc(25% + var(--manual-capture-tooltip-button-center-offset))) scale(.5);\n }\n}\n\n.IncodeIdManualCaptureButton {\n bottom: var(--spacing-24, var(--spacing-24, 24px));\n z-index: 100;\n --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n width: 100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n justify-content: center;\n align-items: center;\n gap: var(--spacing-4, var(--spacing-4, 4px));\n flex-direction: column;\n animation: .5s ease-out forwards slideUp;\n display: flex;\n position: absolute;\n left: 50%;\n}\n\n.IncodeIdManualCaptureButton .IncodeButtonLink {\n height: 100%;\n padding: var(--spacing-0, var(--spacing-none, 0px));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip {\n border-radius: var(--radius-medium, var(--border-radius-medium));\n background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));\n padding: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n padding: var(--spacing-0, var(--spacing-none, 0px));\n flex-direction: column;\n align-items: center;\n list-style-type: none;\n display: flex;\n}\n\n.IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList li {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n font-family: var(--typography-tooltip-family);\n font-size: var(--typography-tooltip-m-size);\n font-weight: var(--typography-tooltip-m-weight);\n line-height: var(--typography-tooltip-m-line-height);\n letter-spacing: var(--typography-tooltip-m-letter-spacing);\n text-wrap: nowrap;\n color: var(--color-text-body-0-static, var(--text-body-0-static));\n}\n\n.IncodeIdManualCaptureButton .IncodeIdManualCaptureButtonContent .IncodeIdManualCaptureButtonButton svg {\n transition: filter .2s, transform .2s;\n}\n\n.IncodeIdManualCaptureButton .IncodeIdManualCaptureButtonContent:active svg {\n filter: brightness(.8);\n transform: scale(.95);\n}\n\n@keyframes slideUpAndDown {\n 0%, 12% {\n opacity: 0;\n transform: translateY(100%);\n }\n\n 24% {\n opacity: 1;\n transform: translateY(0);\n }\n\n 76% {\n opacity: 1;\n transform: translateY(0);\n }\n\n 88%, 100% {\n opacity: 0;\n transform: translateY(100%);\n }\n}\n\n.IncodeIdHint {\n inset: var(--spacing-0, var(--spacing-none, 0px));\n z-index: 10;\n justify-content: center;\n align-items: center;\n display: flex;\n position: absolute;\n}\n\n.IncodeIdHint .IncodeIdHintAnimated {\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n animation: 3s ease-in-out forwards slideUpAndDown;\n display: flex;\n position: relative;\n}\n\n.IncodeIdHint .IncodeIdHintAnimated .IncodeIdHintSvg {\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdHint .IncodeIdHintAnimated .IncodeIdHintSvg svg {\n width: var(--id-capture-hint-svg-size);\n height: var(--id-capture-hint-svg-size);\n min-width: var(--id-capture-hint-svg-size);\n min-height: var(--id-capture-hint-svg-size);\n}\n\n.IncodeIdProcessingPage .IncodePageInner {\n padding: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeIdProcessingLayout {\n width: 100%;\n height: 100%;\n padding: var(--spacing-24, var(--spacing-24, 24px));\n background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent {\n z-index: 10;\n flex-direction: column;\n align-items: center;\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingTopArea {\n justify-content: flex-end;\n align-items: center;\n gap: var(--spacing-24, var(--spacing-24, 24px));\n padding-bottom: var(--spacing-40, var(--spacing-40, 40px));\n z-index: 10;\n flex-direction: column;\n flex: 1;\n width: 100%;\n display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame {\n overflow: hidden;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical {\n width: var(--id-capture-frame-vertical-width);\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical .IncodeIdProcessingOverlay {\n left: -25%;\n right: -25%;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingImage {\n background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));\n object-fit: fill;\n width: 100%;\n max-width: 100%;\n height: 100%;\n max-height: 100%;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingImage.IncodeIdProcessingImageBlurred {\n filter: blur(var(--id-processing-image-blur-radius));\n -webkit-backdrop-filter: blur(var(--id-processing-image-blur-radius));\n backdrop-filter: blur(var(--id-processing-image-blur-radius));\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingOverlay {\n pointer-events: none;\n z-index: 10;\n justify-content: center;\n align-items: center;\n display: flex;\n position: absolute;\n inset: 0 -10%;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingBottomArea {\n width: 100%;\n max-width: var(--id-capture-bottom-area-max-w);\n padding-top: var(--spacing-8, var(--spacing-8, 8px));\n z-index: 10;\n flex-direction: column;\n flex: 1;\n justify-content: space-between;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingBottomArea .IncodeCaptureEncryptionLabel {\n justify-content: center;\n align-items: center;\n gap: var(--spacing-4, var(--spacing-4, 4px));\n padding-bottom: var(--spacing-12, var(--spacing-12, 12px));\n font-family: var(--typography-body-family);\n font-size: var(--typography-body-m-regular-size);\n font-weight: var(--typography-body-m-regular-weight);\n line-height: var(--typography-body-m-regular-line-height);\n letter-spacing: var(--typography-body-m-regular-letter-spacing);\n white-space: nowrap;\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n display: flex;\n}\n\n.IncodeIdProcessingLayout.IncodeIdProcessingLayoutNoImage .IncodeIdProcessingBottomArea {\n justify-content: flex-end;\n}\n\n.IncodeIdProcessingLayout .IncodeAnalyzingContent {\n flex-direction: column;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeProgressBarContainer {\n margin-bottom: var(--spacing-24, var(--spacing-24, 24px));\n}\n\n.IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h2-size);\n font-weight: var(--typography-headline-h2-weight);\n line-height: var(--typography-headline-h2-line-height);\n letter-spacing: var(--typography-headline-h2-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n text-align: center;\n min-height: var(--typography-headline-h2-line-height);\n}\n\n.IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle .IncodeAnalyzingTitleText {\n animation: IncodeAnalyzingTitleFade var(--id-capture-analyzing-title-fade-duration) ease-out both;\n display: inline-block;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle .IncodeAnalyzingTitleText {\n animation-duration: 1ms;\n }\n}\n\n.IncodeIdProcessingLayout .IncodeAnalyzingLottie {\n width: 100%;\n max-width: none;\n}\n\n@keyframes IncodeAnalyzingTitleFade {\n from {\n opacity: 0;\n transform: translateY(var(--id-capture-analyzing-title-fade-offset));\n }\n\n to {\n opacity: 1;\n transform: none;\n }\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingResultContent, .IncodeIdProcessingLayout .IncodeIdProcessingResultStatus {\n flex-direction: column;\n align-items: center;\n width: 100%;\n display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingResultTitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h2-size);\n font-weight: var(--typography-headline-h2-weight);\n line-height: var(--typography-headline-h2-line-height);\n letter-spacing: var(--typography-headline-h2-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n text-align: center;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingResultSubtitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n text-align: center;\n max-width: var(--incode-form-max-w);\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainer {\n margin-top: var(--spacing-24, var(--spacing-24, 24px));\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n width: 100%;\n display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingResultAttempts {\n padding-block: var(--spacing-12, var(--spacing-12, 12px));\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h4-size);\n font-weight: var(--typography-headline-h4-weight);\n line-height: var(--typography-headline-h4-line-height);\n letter-spacing: var(--typography-headline-h4-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingResultContentExiting, .IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainerExiting {\n animation: .3s ease-out forwards incodeIdProcessingResultFadeOut;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .IncodeIdProcessingLayout .IncodeIdProcessingResultContentExiting, .IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainerExiting {\n animation-duration: 1ms;\n }\n}\n\n@keyframes incodeIdProcessingResultFadeOut {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n}\n\n.IncodeIdError {\n inset: var(--spacing-0, var(--spacing-none, 0px));\n z-index: 1000;\n justify-content: center;\n align-items: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n width: 100%;\n height: 100%;\n display: flex;\n position: fixed;\n}\n\n.IncodeIdError .IncodeIdErrorMessage {\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h4-size);\n font-weight: var(--typography-headline-h4-weight);\n line-height: var(--typography-headline-h4-line-height);\n letter-spacing: var(--typography-headline-h4-letter-spacing);\n color: var(--color-text-body-0, var(--text-body-0-static));\n max-width: var(--incode-form-max-w);\n margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeIdNoAttemptsContent {\n padding-inline: var(--spacing-20, var(--spacing-20, 20px));\n max-height: var(--id-no-attempts-content-max-h);\n max-width: var(--id-no-attempts-content-max-w);\n flex-direction: column;\n flex: 1;\n justify-content: center;\n align-items: center;\n margin: auto;\n display: flex;\n}\n\n.IncodeIdNoAttemptsContent .IncodeIdNoAttemptsIcon {\n margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeIdNoAttemptsContent .IncodeIdNoAttemptsTitle {\n text-align: center;\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeIdNoAttemptsContent .IncodeIdNoAttemptsSubtitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n text-align: center;\n max-width: var(--incode-form-max-w);\n}\n\n.IncodeIdNoAttemptsContent .IncodeIdNoAttemptsButtonContainer {\n bottom: var(--spacing-32, var(--spacing-32, 32px));\n right: var(--spacing-0, var(--spacing-none, 0px));\n left: var(--spacing-0, var(--spacing-none, 0px));\n padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n justify-content: center;\n display: flex;\n position: absolute;\n}\n\n.IncodeUnacceptedIdDocuments {\n margin-top: var(--spacing-32, var(--spacing-32, 32px));\n flex-direction: column;\n align-items: center;\n width: 100%;\n display: flex;\n}\n\n.IncodeUnacceptedIdDocuments .IncodeUnacceptedIdDocumentsCountry {\n margin-bottom: var(--spacing-32, var(--spacing-32, 32px));\n align-items: center;\n gap: var(--spacing-8, var(--spacing-8, 8px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeUnacceptedIdDocuments .IncodeUnacceptedIdDocumentsCountryHeading {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h4-size);\n font-weight: var(--typography-headline-h4-weight);\n line-height: var(--typography-headline-h4-line-height);\n letter-spacing: var(--typography-headline-h4-letter-spacing);\n}\n\n.IncodeUnacceptedIdDocuments .IncodeUnacceptedIdDocumentsCountryLabel {\n align-items: center;\n gap: var(--spacing-8, var(--spacing-8, 8px));\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h3-size);\n font-weight: var(--typography-headline-h3-weight);\n line-height: var(--typography-headline-h3-line-height);\n letter-spacing: var(--typography-headline-h3-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n display: inline-flex;\n}\n\n.IncodeIdCaptureNotification {\n top: var(--spacing-24, var(--spacing-24, 24px));\n right: var(--spacing-24, var(--spacing-24, 24px));\n left: var(--spacing-24, var(--spacing-24, 24px));\n z-index: 100;\n max-width: var(--incode-form-max-w);\n padding-bottom: var(--spacing-32, var(--spacing-32, 32px));\n align-items: flex-end;\n margin: auto;\n display: flex;\n position: absolute;\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent {\n z-index: 100;\n border-radius: var(--radius-large, var(--border-radius-large));\n border-style: var(--tw-border-style);\n border-width: 2px;\n border-color: var(--color-border-neutral-300, var(--border-neutral-300));\n background-color: var(--color-surface-neutral-900-80, var(--surface-neutral-900-80));\n width: 100%;\n padding-inline: var(--spacing-20, var(--spacing-20, 20px));\n box-shadow: var(--id-capture-notification-content-shadow);\n display: flex;\n overflow: hidden;\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText {\n justify-content: center;\n gap: var(--spacing-8, var(--spacing-8, 8px));\n padding-top: var(--spacing-16, var(--spacing-16, 16px));\n padding-bottom: var(--spacing-12, var(--spacing-12, 12px));\n text-align: center;\n color: var(--color-text-body-0-static, var(--text-body-0-static));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationTitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h3-size);\n font-weight: var(--typography-headline-h3-weight);\n line-height: var(--typography-headline-h3-line-height);\n letter-spacing: var(--typography-headline-h3-letter-spacing);\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationDescription {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-tertiary-static, var(--text-body-300-tertiary-static));\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationAnimation {\n height: var(--id-capture-notification-animation-height);\n justify-content: center;\n align-items: center;\n width: auto;\n display: flex;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadContainer {\n width: 100%;\n padding-block: var(--spacing-24, var(--spacing-24, 24px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadFooter {\n margin-top: auto;\n margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n row-gap: var(--spacing-24, var(--spacing-24, 24px));\n width: 100%;\n padding-top: var(--spacing-24, var(--spacing-24, 24px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadHintCard {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n border-radius: var(--radius-x-small, var(--border-radius-x-small));\n background-color: var(--color-surface-brand-50, var(--surface-brand-50));\n width: 100%;\n padding-block: var(--spacing-16, var(--spacing-16, 16px));\n padding-right: var(--spacing-12, var(--spacing-12, 12px));\n padding-left: var(--spacing-32, var(--spacing-32, 32px));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n list-style-type: disc;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadHintCard li {\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-s-size);\n font-weight: var(--typography-button-s-weight);\n line-height: var(--typography-button-s-line-height);\n letter-spacing: var(--typography-button-s-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeManualUploadPage .IncodeManualUploadHintCard li + li {\n margin-top: var(--spacing-4, var(--spacing-4, 4px));\n}\n\n.IncodeManualUploadPage .IncodeManualUploadTabsList {\n width: 100%;\n padding-inline: var(--spacing-16, var(--spacing-16, 16px));\n align-self: center;\n display: flex;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadTabTrigger {\n cursor: pointer;\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: var(--border-width-bold, var(--primitive-border-width-2));\n --tw-border-style: solid;\n padding-inline: var(--spacing-12, var(--spacing-12, 12px));\n padding-block: var(--spacing-16, var(--spacing-16, 16px));\n text-align: center;\n font-family: var(--typography-checkbox-radio-family);\n font-size: var(--typography-checkbox-radio-m-size);\n font-weight: var(--typography-checkbox-radio-m-weight);\n line-height: var(--typography-checkbox-radio-m-line-height);\n letter-spacing: var(--typography-checkbox-radio-m-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n background-color: #0000;\n border-style: solid;\n border-color: #0000;\n flex: 1;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadTabTrigger:focus-visible {\n border-radius: var(--radius-x-small, var(--border-radius-x-small));\n outline-style: var(--tw-outline-style);\n outline-offset: 2px;\n outline-width: 2px;\n outline-color: var(--color-border-status-focus, var(--border-status-focus));\n}\n\n.IncodeManualUploadPage .IncodeManualUploadTabTrigger--active {\n border-bottom-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeManualUploadPage .IncodeManualUploadError {\n align-items: flex-start;\n gap: var(--spacing-4, var(--spacing-4, 4px));\n width: 100%;\n font-family: var(--typography-body-family);\n font-size: var(--typography-body-m-regular-size);\n font-weight: var(--typography-body-m-regular-weight);\n line-height: var(--typography-body-m-regular-line-height);\n letter-spacing: var(--typography-body-m-regular-letter-spacing);\n color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));\n display: flex;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadError p {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n flex: 1;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadTab {\n margin-top: var(--spacing-24, var(--spacing-24, 24px));\n margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n width: 100%;\n display: flex;\n}\n\n.IncodeManualUploadSlot {\n cursor: pointer;\n align-items: center;\n gap: var(--spacing-12, var(--spacing-12, 12px));\n border-radius: var(--radius-medium, var(--border-radius-medium));\n border-style: var(--tw-border-style);\n border-width: var(--border-width-regular, var(--primitive-border-width-1));\n --tw-border-style: solid;\n border-style: solid;\n border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));\n width: 100%;\n padding-block: var(--spacing-24, var(--spacing-24, 24px));\n padding-right: var(--spacing-24, var(--spacing-24, 24px));\n padding-left: var(--spacing-20, var(--spacing-20, 20px));\n text-align: left;\n display: flex;\n}\n\n.IncodeManualUploadSlot .IncodeManualUploadSlotIcon {\n width: var(--spacing-24, var(--spacing-24, 24px));\n height: var(--spacing-24, var(--spacing-24, 24px));\n flex-shrink: 0;\n justify-content: center;\n display: flex;\n}\n\n.IncodeManualUploadSlot .IncodeManualUploadSlotIconHighlight {\n fill: var(--color-icon-neutral-500, var(--icon-neutral-500));\n}\n\n.IncodeManualUploadSlot .IncodeManualUploadSlotLabel {\n text-overflow: ellipsis;\n white-space: nowrap;\n text-align: left;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n flex: 1;\n overflow: hidden;\n}\n\n.IncodeManualUploadSlot .IncodeManualUploadSlotAction {\n border-radius: var(--radius-full, var(--border-radius-full));\n background-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));\n padding: var(--spacing-8, var(--spacing-8, 8px));\n color: var(--color-button-primary-text-default, var(--button-primary-text-default));\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));\n transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));\n --tw-duration: .2s;\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n transition-duration: .2s;\n display: inline-flex;\n}\n\n.IncodeManualUploadSlot:focus-visible {\n outline-style: var(--tw-outline-style);\n outline-offset: 2px;\n outline-width: 2px;\n outline-color: var(--color-border-status-focus, var(--border-status-focus));\n}\n\n.IncodeManualUploadSlot:hover:not(:disabled) .IncodeManualUploadSlotAction {\n background-color: var(--color-button-primary-surface-hover, var(--button-primary-surface-hover));\n}\n\n.IncodeManualUploadSlot:disabled {\n cursor: not-allowed;\n opacity: .5;\n}\n\n.IncodeManualUploadSlot:disabled .IncodeManualUploadSlotAction {\n background-color: var(--color-button-primary-surface-disabled, var(--button-primary-surface-disabled));\n color: var(--color-button-primary-text-disabled, var(--button-primary-text-disabled));\n}\n\n.IncodeManualUploadSlot.IncodeManualUploadSlot--uploaded .IncodeManualUploadSlotAction, .IncodeManualUploadSlot.IncodeManualUploadSlot--uploaded:hover:not(:disabled) .IncodeManualUploadSlotAction {\n padding: var(--spacing-0, var(--spacing-none, 0px));\n color: var(--color-surface-status-positive-500, var(--surface-status-positive-500));\n background-color: #0000;\n}\n\n.IncodeManualUploadSlot + .IncodeManualUploadSlotInput {\n clip-path: inset(50%);\n white-space: nowrap;\n border-width: 0;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n position: absolute;\n overflow: hidden;\n}\n\n.IncodeDigitalIdUploadPage {\n height: 100%;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadBody {\n justify-content: center;\n align-items: center;\n row-gap: var(--spacing-16, var(--spacing-16, 16px));\n width: 100%;\n height: 100%;\n max-width: var(--digital-id-content-max-w);\n flex-direction: column;\n margin-inline: auto;\n display: flex;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewBody {\n row-gap: var(--spacing-16, var(--spacing-16, 16px));\n grid-template-columns: 1fr;\n grid-template-rows: var(--spacing-24) var(--digital-id-preview-h) var(--spacing-24);\n width: 100%;\n height: 100%;\n max-width: var(--digital-id-content-max-w);\n align-content: center;\n justify-items: center;\n margin-inline: auto;\n display: grid;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreStatusZone {\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPostCaptionZone {\n justify-content: center;\n align-items: flex-start;\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadFooter {\n width: 100%;\n margin-inline: auto;\n margin-top: var(--spacing-24, var(--spacing-24, 24px));\n margin-bottom: var(--spacing-8, var(--spacing-8, 8px));\n justify-content: flex-end;\n row-gap: var(--spacing-16, var(--spacing-16, 16px));\n max-width: var(--digital-id-content-max-w);\n min-height: var(--digital-id-footer-min-h);\n flex-direction: column;\n display: flex;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadHiddenInput {\n display: none;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadTutorialIllustration {\n width: 100%;\n max-height: var(--digital-id-tutorial-illustration-max-h);\n flex: 1;\n justify-content: center;\n align-items: center;\n display: flex;\n overflow: hidden;\n}\n\n.IncodeDigitalIdUploadPage .IncodeUploadIdScreenImage {\n height: var(--digital-id-illustration-max-h);\n aspect-ratio: 191 / 266;\n width: auto;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewCard {\n border-radius: var(--radius-medium, var(--border-radius-medium));\n border-style: var(--tw-border-style);\n --tw-border-style: solid;\n border-style: solid;\n border-width: 1px;\n border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n width: var(--digital-id-preview-w);\n height: var(--digital-id-preview-h);\n justify-content: center;\n align-items: center;\n display: flex;\n overflow: hidden;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadDocumentPreview {\n width: var(--digital-id-preview-w);\n height: var(--digital-id-preview-h);\n justify-content: center;\n align-items: center;\n display: flex;\n position: relative;\n overflow: visible;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadDocumentPreviewPdf {\n border-radius: var(--radius-medium, var(--border-radius-medium));\n border-style: var(--tw-border-style);\n border-width: var(--border-width-bold, var(--primitive-border-width-2));\n --tw-border-style: solid;\n border-style: solid;\n border-color: var(--color-border-status-positive, var(--border-status-positive-static));\n object-fit: contain;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewPdf {\n object-fit: contain;\n width: 100%;\n height: 100%;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadFileName {\n text-align: center;\n font-family: var(--typography-body-family);\n font-size: var(--typography-body-m-regular-size);\n font-weight: var(--typography-body-m-regular-weight);\n line-height: var(--typography-body-m-regular-line-height);\n letter-spacing: var(--typography-body-m-regular-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n max-width: var(--digital-id-file-name-max-w);\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadProgressBar .IncodeProgressBar {\n border-radius: var(--radius-full, var(--border-radius-full));\n background-color: var(--color-surface-neutral-200, var(--surface-neutral-200));\n width: var(--digital-id-progress-bar-w);\n height: var(--digital-id-progress-bar-h);\n overflow: hidden;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadProgressBar .IncodeProgressBarFill {\n border-radius: var(--radius-full, var(--border-radius-full));\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadLaserOverlay {\n pointer-events: none;\n width: var(--digital-id-preview-w);\n height: var(--digital-id-laser-h);\n transform: translateX(-50%) scale(var(--digital-id-laser-scale));\n position: absolute;\n top: -2px;\n left: 50%;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadLaserOverlay {\n display: none;\n }\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadSuccessIcon {\n color: var(--color-icon-status-positive, var(--icon-status-positive));\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadErrorIcon {\n margin-bottom: var(--spacing-8, var(--spacing-8, 8px));\n color: var(--color-icon-status-negative, var(--icon-status-negative));\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadErrorPreview {\n margin-top: var(--spacing-8, var(--spacing-8, 8px));\n border-radius: var(--radius-medium, var(--border-radius-medium));\n border-style: var(--tw-border-style);\n --tw-border-style: solid;\n border-style: solid;\n border-width: 1px;\n border-color: var(--color-border-status-negative, var(--border-status-negative));\n padding: var(--spacing-4);\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadAttempts {\n margin-top: var(--spacing-8, var(--spacing-8, 8px));\n font-family: var(--typography-body-family);\n font-size: var(--typography-body-s-regular-size);\n font-weight: var(--typography-body-s-regular-weight);\n line-height: var(--typography-body-s-regular-line-height);\n letter-spacing: var(--typography-body-s-regular-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-outline-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-duration {\n syntax: \"*\";\n inherits: false\n}\n";
1
+ export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n .IncodeComponent, .IncodeComponent *, .IncodeComponent :before, .IncodeComponent :after, .IncodeComponent ::backdrop {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-border-style: solid;\n --tw-outline-style: solid;\n --tw-duration: initial;\n }\n }\n}\n\n.IncodeSrOnly {\n clip-path: inset(50%);\n white-space: nowrap;\n border-width: 0;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n position: absolute;\n overflow: hidden;\n}\n\n.IncodeAgeVerificationPage .IncodePageInner {\n padding-top: var(--spacing-8, var(--spacing-8, 8px));\n padding-bottom: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeAgeVerificationPage .IncodePageHeader {\n height: var(--page-header-height);\n min-height: var(--page-header-height);\n}\n\n.IncodeAgeVerificationPage .IncodePageLogo {\n height: var(--age-verification-logo-height);\n}\n\n.IncodeAgeVerificationPage .IncodePageTitleContainer {\n max-width: none;\n}\n\n.IncodeAgeVerificationPage .IncodePageContent {\n justify-content: center;\n}\n\n.IncodeAgeVerificationPage .IncodePageFooter {\n padding-top: var(--spacing-12, var(--spacing-12, 12px));\n padding-bottom: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeAgeVerificationPage .IncodeAgeVerificationContent {\n justify-content: space-between;\n align-items: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n flex: 1;\n display: flex;\n}\n\n.IncodeAgeVerificationPage .IncodeAgeVerificationList {\n width: 100%;\n max-width: var(--incode-form-max-w);\n justify-content: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n padding: var(--spacing-0, var(--spacing-none, 0px));\n flex-direction: column;\n flex: 1;\n margin-inline: auto;\n list-style-type: none;\n display: flex;\n}\n\n.IncodeAgeVerificationPage .IncodeAgeVerificationItem {\n align-items: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n display: flex;\n}\n\n.IncodeAgeVerificationPage .IncodeAgeVerificationIcon {\n height: var(--spacing-64, var(--spacing-64, 64px));\n width: var(--spacing-96, var(--spacing-96, 96px));\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeAgeVerificationPage .IncodeAgeVerificationIcon img {\n width: 100%;\n height: 100%;\n}\n\n.IncodeAgeVerificationPage .IncodeAgeVerificationText {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n flex: 1;\n}\n\n.IncodeAgeVerificationPage .IncodeAgeVerificationButton {\n width: 100%;\n max-width: var(--incode-form-max-w);\n margin-inline: auto;\n}\n\n.IncodeIdTutorial .IncodePageTitleContainer {\n padding-block: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeIdTutorial .IncodeBaseTutorialContainer {\n margin: calc(var(--spacing-24, var(--spacing-24, 24px)) * -1);\n}\n\n.IncodeIdTutorial .IncodeBaseTutorialAnimationContainer {\n padding: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeFlipAnimation {\n background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n height: 100%;\n padding: var(--spacing-24, var(--spacing-24, 24px));\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdFlipCardPage .IncodePageInner {\n padding: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeIdFlipCardLayout {\n width: 100%;\n height: 100%;\n padding: var(--spacing-24, var(--spacing-24, 24px));\n background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent {\n z-index: 10;\n flex-direction: column;\n align-items: center;\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardTopArea {\n justify-content: flex-end;\n align-items: center;\n gap: var(--spacing-24, var(--spacing-24, 24px));\n padding-bottom: var(--spacing-40, var(--spacing-40, 40px));\n z-index: 10;\n flex-direction: column;\n flex: 1;\n width: 100%;\n display: flex;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCopy {\n opacity: 0;\n flex-direction: column;\n align-items: center;\n animation: .3s ease-out forwards incodeIdFlipCardFadeIn;\n display: flex;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardTitle {\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h2-size);\n font-weight: var(--typography-headline-h2-weight);\n line-height: var(--typography-headline-h2-line-height);\n letter-spacing: var(--typography-headline-h2-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardSubtitle {\n max-width: var(--id-capture-flip-card-subtitle-max-w);\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame {\n overflow: hidden;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical {\n width: var(--id-capture-frame-vertical-width);\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame.IncodeIdFlipCardFrameFlipping {\n --frame-border-color: var(--border-neutral-100);\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardScene {\n perspective: 1200px;\n width: 100%;\n height: 100%;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCard {\n width: 100%;\n height: 100%;\n transform-style: preserve-3d;\n animation: 1s ease-in-out .6s forwards incodeIdFlipCardRotate;\n position: relative;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCard {\n animation: none;\n }\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace {\n inset: var(--spacing-0, var(--spacing-none, 0px));\n backface-visibility: hidden;\n width: 100%;\n height: 100%;\n position: absolute;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace.IncodeIdFlipCardFaceBack {\n transform: rotateY(180deg);\n}\n\n@media (prefers-reduced-motion: reduce) {\n .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace.IncodeIdFlipCardFaceBack {\n opacity: 0;\n animation: 1s ease-in-out .6s forwards incodeIdFlipCardReducedMotionFadeIn;\n transform: none;\n }\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardImage {\n object-fit: cover;\n width: 100%;\n height: 100%;\n animation: 1s ease-in-out .6s forwards incodeIdFlipCardFrontFade;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardImage {\n animation: 1s ease-in-out .6s forwards incodeIdFlipCardReducedMotionFadeOut;\n }\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardAsset {\n object-fit: cover;\n width: 100%;\n height: 100%;\n padding: var(--spacing-4, var(--spacing-4, 4px));\n display: block;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardBottomArea {\n z-index: 10;\n width: 100%;\n max-width: var(--id-capture-bottom-area-max-w);\n padding-top: var(--spacing-8, var(--spacing-8, 8px));\n flex-direction: column;\n flex: 1;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardBottomArea .IncodeCaptureEncryptionLabel {\n justify-content: center;\n align-items: center;\n gap: var(--spacing-4, var(--spacing-4, 4px));\n font-family: var(--typography-body-family);\n font-size: var(--typography-body-m-regular-size);\n font-weight: var(--typography-body-m-regular-weight);\n line-height: var(--typography-body-m-regular-line-height);\n letter-spacing: var(--typography-body-m-regular-letter-spacing);\n white-space: nowrap;\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n display: flex;\n}\n\n@keyframes incodeIdFlipCardFadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n@keyframes incodeIdFlipCardRotate {\n from {\n transform: rotateY(0);\n }\n\n to {\n transform: rotateY(180deg);\n }\n}\n\n@keyframes incodeIdFlipCardFrontFade {\n 0%, 20% {\n opacity: 1;\n }\n\n 50%, 100% {\n opacity: 0;\n }\n}\n\n@keyframes incodeIdFlipCardReducedMotionFadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n@keyframes incodeIdFlipCardReducedMotionFadeOut {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n}\n\n.IncodeCommonIssuesFullScreen .IncodeModalDialog {\n max-width: none;\n height: 100%;\n max-height: none;\n}\n\n.IncodeCommonIssuesFullScreen .IncodeModalContent {\n border-radius: var(--radius-none, var(--border-radius-none));\n max-width: none;\n height: 100%;\n margin: auto;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesQuestionIcon {\n flex-shrink: 0;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesTitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h2-size);\n font-weight: var(--typography-headline-h2-weight);\n line-height: var(--typography-headline-h2-line-height);\n letter-spacing: var(--typography-headline-h2-letter-spacing);\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesCards {\n width: 100%;\n max-width: var(--incode-form-max-w);\n gap: var(--spacing-32, var(--spacing-32, 32px));\n padding-block: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesCard {\n align-items: flex-start;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n display: flex;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesCardIcon {\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n flex-shrink: 0;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesCardText {\n gap: var(--spacing-4, var(--spacing-4, 4px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesCardTitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesCardBody {\n font-family: var(--typography-body-family);\n font-size: var(--typography-body-m-regular-size);\n font-weight: var(--typography-body-m-regular-weight);\n line-height: var(--typography-body-m-regular-line-height);\n letter-spacing: var(--typography-body-m-regular-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesButtons {\n margin-top: auto;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesTakeManually {\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesTryAgain {\n width: 100%;\n}\n\n.IncodeChooserPage .IncodePageContent {\n padding-bottom: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeChooserPage .IncodePageTitle {\n max-width: var(--incode-form-max);\n}\n\n.IncodeChooserPage .IncodeChooserContainer {\n flex-direction: column;\n align-items: center;\n width: 100%;\n margin-top: auto;\n display: flex;\n}\n\n.IncodeCaptureFrame {\n border-radius: var(--radius-medium, var(--border-radius-medium));\n --frame-border-color: var(--border-neutral-100);\n border: var(--id-capture-frame-border-width) solid var(--frame-border-color);\n justify-content: center;\n align-self: center;\n align-items: center;\n transition: max-width .3s ease-out, border-color .3s ease-out;\n display: flex;\n position: relative;\n}\n\n.IncodeCaptureFrame.IncodeCaptureFrameHorizontal {\n width: 100%;\n max-width: var(--id-capture-frame-horizontal-max-width);\n aspect-ratio: 35 / 22;\n}\n\n.IncodeCaptureFrame.IncodeCaptureFrameVertical {\n width: 100%;\n max-width: var(--id-capture-frame-vertical-max-width);\n aspect-ratio: 22 / 35;\n}\n\n.IncodeCaptureFrame.IncodeCaptureFramePassport.IncodeCaptureFrameHorizontal {\n aspect-ratio: 42 / 30;\n}\n\n.IncodeCaptureFrame.IncodeCaptureFramePassport.IncodeCaptureFrameVertical {\n aspect-ratio: 30 / 42;\n}\n\n.IncodeCaptureFrame.IncodeCaptureFrameIdle {\n --frame-border-color: var(--border-neutral-100);\n}\n\n.IncodeCaptureFrame.IncodeCaptureFrameCapturing, .IncodeCaptureFrame.IncodeCaptureFrameFocus {\n --frame-border-color: var(--border-brand-500);\n}\n\n.IncodeCaptureFrame.IncodeCaptureFrameAnalyzing, .IncodeCaptureFrame.IncodeCaptureFrameSuccess {\n --frame-border-color: var(--border-status-positive-static);\n}\n\n.IncodeCaptureFrame.IncodeCaptureFrameError {\n --frame-border-color: var(--border-status-negative);\n}\n\n.IncodeIdCaptureStage {\n width: 100%;\n height: 100%;\n position: relative;\n}\n\n.IncodeIdCaptureStage > * {\n inset: var(--spacing-0, var(--spacing-none, 0px));\n position: absolute;\n}\n\n.IncodeIdCaptureStage > .IncodeIdCaptureStageResultExiting {\n animation: incodeIdCaptureResultCrossfadeOut var(--id-capture-result-crossfade-duration) linear forwards;\n pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .IncodeIdCaptureStage > .IncodeIdCaptureStageResultExiting {\n animation-duration: 1ms;\n }\n}\n\n.IncodeIdCaptureStage > .IncodeIdCaptureStageResultEntering {\n animation: incodeIdCaptureResultCrossfadeIn var(--id-capture-result-crossfade-duration) linear forwards;\n pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .IncodeIdCaptureStage > .IncodeIdCaptureStageResultEntering {\n animation-duration: 1ms;\n }\n}\n\n.IncodeIdCapturePage {\n background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));\n}\n\n@media (min-width: 48rem) {\n .IncodeIdCapturePage {\n background-color: var(--capture-page-backdrop-color);\n }\n}\n\n.IncodeIdCapturePage .IncodePageInner {\n padding: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeIdCapturePage .IncodePageContent {\n flex: 1;\n position: relative;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing {\n height: 100%;\n color: var(--color-text-body-0, var(--text-body-0-static));\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo {\n pointer-events: none;\n inset: var(--spacing-0, var(--spacing-none, 0px));\n position: absolute;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo.IncodeCaptureVideoLoading {\n opacity: 0;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo .IncodeCaptureVideoElement {\n inset: var(--spacing-0, var(--spacing-none, 0px));\n object-fit: cover;\n width: 100%;\n max-width: 100%;\n height: 100%;\n position: absolute;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureOverlay {\n pointer-events: none;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureButton {\n border-radius: var(--radius-button-primary, var(--button-primary-border-radius));\n padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n padding-block: var(--spacing-12, var(--spacing-12, 12px));\n background-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));\n color: var(--color-button-primary-text-default, var(--button-primary-text-default));\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureInitializing {\n height: 100%;\n color: var(--color-text-body-0, var(--text-body-0-static));\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureInitializing .IncodeCaptureInitializingText {\n margin-top: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureUploading, .IncodeIdCapturePage .IncodeCaptureUploading {\n height: 100%;\n color: var(--color-text-body-0, var(--text-body-0-static));\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n@keyframes incodeIdCaptureResultCrossfadeOut {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n}\n\n@keyframes incodeIdCaptureResultCrossfadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n.IncodeCaptureOverlayId {\n padding: var(--spacing-24, var(--spacing-24, 24px));\n align-items: center;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureTopSection {\n justify-content: flex-end;\n align-items: center;\n gap: var(--spacing-24, var(--spacing-24, 24px));\n padding-bottom: var(--spacing-40, var(--spacing-40, 40px));\n z-index: 10;\n flex-direction: column;\n flex: 1;\n display: flex;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureTopSection .IncodeCameraOverlayHeader {\n padding-inline: var(--spacing-16, var(--spacing-16, 16px));\n padding-top: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter {\n flex: 1;\n justify-content: space-between;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeCaptureFooterCaptureSection {\n position: relative;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer {\n pointer-events: none;\n z-index: 1000;\n --manual-capture-tooltip-button-gap: var(--spacing-4);\n --manual-capture-tooltip-button-top-offset: var(--spacing-12);\n --manual-capture-tooltip-button-center-offset: calc(var(--spacing-32) + var(--manual-capture-tooltip-button-gap));\n width: max-content;\n left: 50%;\n bottom: calc(100% - ( var(--manual-capture-tooltip-button-top-offset) - var(--manual-capture-tooltip-button-gap) ));\n animation: manualCaptureTooltipExit .35s ease-in var(--manual-capture-tooltip-dismiss-delay, 3.5s) forwards;\n justify-content: center;\n display: flex;\n position: absolute;\n transform: translateX(-50%);\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip {\n border-radius: var(--radius-medium, var(--border-radius-medium));\n background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));\n padding: var(--spacing-16, var(--spacing-16, 16px));\n animation: .5s ease-out forwards slideUp;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n padding: var(--spacing-0, var(--spacing-none, 0px));\n flex-direction: column;\n align-items: center;\n list-style-type: none;\n display: flex;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList li {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n font-family: var(--typography-tooltip-family);\n font-size: var(--typography-tooltip-m-size);\n font-weight: var(--typography-tooltip-m-weight);\n line-height: var(--typography-tooltip-m-line-height);\n letter-spacing: var(--typography-tooltip-m-letter-spacing);\n text-wrap: nowrap;\n color: var(--color-text-body-0-static, var(--text-body-0-static));\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer.IncodeIdManualCaptureTooltipContainerSrOnly {\n clip-path: inset(50%);\n white-space: nowrap;\n border-width: 0;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n animation: none;\n position: absolute;\n overflow: hidden;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer.IncodeIdManualCaptureTooltipContainerSrOnly .IncodeIdManualCaptureTooltip {\n animation: none;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer.IncodeIdManualCaptureTooltipContainerAutoDismiss {\n animation-name: manualCaptureTooltipExitAutoDismiss;\n}\n\n.IncodeCaptureOverlayId .IncodeCameraFrameHorizontal.IncodeCaptureFramePassport {\n aspect-ratio: 42 / 30;\n}\n\n.IncodeCaptureOverlayId .IncodeCameraFrameVertical.IncodeCaptureFramePassport {\n aspect-ratio: 30 / 42;\n}\n\n@keyframes manualCaptureTooltipExit {\n from {\n opacity: 1;\n transform: translateX(-50%);\n }\n\n to {\n opacity: 0;\n transform: translate(-50%, calc(50% + var(--manual-capture-tooltip-button-center-offset)));\n }\n}\n\n@keyframes manualCaptureTooltipExitAutoDismiss {\n from {\n opacity: 1;\n transform: translateX(-50%) scale(1);\n }\n\n to {\n opacity: .5;\n transform: translate(-50%, calc(25% + var(--manual-capture-tooltip-button-center-offset))) scale(.5);\n }\n}\n\n.IncodeIdManualCaptureButton {\n bottom: var(--spacing-24, var(--spacing-24, 24px));\n z-index: 100;\n --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n width: 100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n justify-content: center;\n align-items: center;\n gap: var(--spacing-4, var(--spacing-4, 4px));\n flex-direction: column;\n animation: .5s ease-out forwards slideUp;\n display: flex;\n position: absolute;\n left: 50%;\n}\n\n.IncodeIdManualCaptureButton .IncodeButtonLink {\n height: 100%;\n padding: var(--spacing-0, var(--spacing-none, 0px));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip {\n border-radius: var(--radius-medium, var(--border-radius-medium));\n background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));\n padding: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n padding: var(--spacing-0, var(--spacing-none, 0px));\n flex-direction: column;\n align-items: center;\n list-style-type: none;\n display: flex;\n}\n\n.IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList li {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n font-family: var(--typography-tooltip-family);\n font-size: var(--typography-tooltip-m-size);\n font-weight: var(--typography-tooltip-m-weight);\n line-height: var(--typography-tooltip-m-line-height);\n letter-spacing: var(--typography-tooltip-m-letter-spacing);\n text-wrap: nowrap;\n color: var(--color-text-body-0-static, var(--text-body-0-static));\n}\n\n.IncodeIdManualCaptureButton .IncodeIdManualCaptureButtonContent .IncodeIdManualCaptureButtonButton svg {\n transition: filter .2s, transform .2s;\n}\n\n.IncodeIdManualCaptureButton .IncodeIdManualCaptureButtonContent:active svg {\n filter: brightness(.8);\n transform: scale(.95);\n}\n\n@keyframes slideUpAndDown {\n 0%, 12% {\n opacity: 0;\n transform: translateY(100%);\n }\n\n 24% {\n opacity: 1;\n transform: translateY(0);\n }\n\n 76% {\n opacity: 1;\n transform: translateY(0);\n }\n\n 88%, 100% {\n opacity: 0;\n transform: translateY(100%);\n }\n}\n\n.IncodeIdHint {\n inset: var(--spacing-0, var(--spacing-none, 0px));\n z-index: 10;\n justify-content: center;\n align-items: center;\n display: flex;\n position: absolute;\n}\n\n.IncodeIdHint .IncodeIdHintAnimated {\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n animation: 3s ease-in-out forwards slideUpAndDown;\n display: flex;\n position: relative;\n}\n\n.IncodeIdHint .IncodeIdHintAnimated .IncodeIdHintSvg {\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdHint .IncodeIdHintAnimated .IncodeIdHintSvg svg {\n width: var(--id-capture-hint-svg-size);\n height: var(--id-capture-hint-svg-size);\n min-width: var(--id-capture-hint-svg-size);\n min-height: var(--id-capture-hint-svg-size);\n}\n\n.IncodeIdProcessingPage .IncodePageInner {\n padding: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeIdProcessingLayout {\n width: 100%;\n height: 100%;\n padding: var(--spacing-24, var(--spacing-24, 24px));\n background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent {\n z-index: 10;\n flex-direction: column;\n align-items: center;\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingTopArea {\n justify-content: flex-end;\n align-items: center;\n gap: var(--spacing-24, var(--spacing-24, 24px));\n padding-bottom: var(--spacing-40, var(--spacing-40, 40px));\n z-index: 10;\n flex-direction: column;\n flex: 1;\n width: 100%;\n display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame {\n overflow: hidden;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical {\n width: var(--id-capture-frame-vertical-width);\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical .IncodeIdProcessingOverlay {\n left: -25%;\n right: -25%;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingImage {\n background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));\n object-fit: cover;\n width: 100%;\n max-width: 100%;\n height: 100%;\n max-height: 100%;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingImage.IncodeIdProcessingImageBlurred {\n filter: blur(var(--id-processing-image-blur-radius));\n -webkit-backdrop-filter: blur(var(--id-processing-image-blur-radius));\n backdrop-filter: blur(var(--id-processing-image-blur-radius));\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingOverlay {\n pointer-events: none;\n z-index: 10;\n justify-content: center;\n align-items: center;\n display: flex;\n position: absolute;\n inset: 0 -10%;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingBottomArea {\n width: 100%;\n max-width: var(--id-capture-bottom-area-max-w);\n padding-top: var(--spacing-8, var(--spacing-8, 8px));\n z-index: 10;\n flex-direction: column;\n flex: 1;\n justify-content: space-between;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingBottomArea .IncodeCaptureEncryptionLabel {\n justify-content: center;\n align-items: center;\n gap: var(--spacing-4, var(--spacing-4, 4px));\n padding-bottom: var(--spacing-12, var(--spacing-12, 12px));\n font-family: var(--typography-body-family);\n font-size: var(--typography-body-m-regular-size);\n font-weight: var(--typography-body-m-regular-weight);\n line-height: var(--typography-body-m-regular-line-height);\n letter-spacing: var(--typography-body-m-regular-letter-spacing);\n white-space: nowrap;\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n display: flex;\n}\n\n.IncodeIdProcessingLayout.IncodeIdProcessingLayoutNoImage .IncodeIdProcessingBottomArea {\n justify-content: flex-end;\n}\n\n.IncodeIdProcessingLayout .IncodeAnalyzingContent {\n flex-direction: column;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeProgressBarContainer {\n margin-bottom: var(--spacing-24, var(--spacing-24, 24px));\n}\n\n.IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h2-size);\n font-weight: var(--typography-headline-h2-weight);\n line-height: var(--typography-headline-h2-line-height);\n letter-spacing: var(--typography-headline-h2-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n text-align: center;\n min-height: var(--typography-headline-h2-line-height);\n}\n\n.IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle .IncodeAnalyzingTitleText {\n animation: IncodeAnalyzingTitleFade var(--id-capture-analyzing-title-fade-duration) ease-out both;\n display: inline-block;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle .IncodeAnalyzingTitleText {\n animation-duration: 1ms;\n }\n}\n\n.IncodeIdProcessingLayout .IncodeAnalyzingLottie {\n width: 100%;\n max-width: none;\n}\n\n@keyframes IncodeAnalyzingTitleFade {\n from {\n opacity: 0;\n transform: translateY(var(--id-capture-analyzing-title-fade-offset));\n }\n\n to {\n opacity: 1;\n transform: none;\n }\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingResultContent, .IncodeIdProcessingLayout .IncodeIdProcessingResultStatus {\n flex-direction: column;\n align-items: center;\n width: 100%;\n display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingResultTitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h2-size);\n font-weight: var(--typography-headline-h2-weight);\n line-height: var(--typography-headline-h2-line-height);\n letter-spacing: var(--typography-headline-h2-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n text-align: center;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingResultSubtitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n text-align: center;\n max-width: var(--incode-form-max-w);\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainer {\n margin-top: var(--spacing-24, var(--spacing-24, 24px));\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n width: 100%;\n display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingResultAttempts {\n padding-block: var(--spacing-12, var(--spacing-12, 12px));\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h4-size);\n font-weight: var(--typography-headline-h4-weight);\n line-height: var(--typography-headline-h4-line-height);\n letter-spacing: var(--typography-headline-h4-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingResultContentExiting, .IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainerExiting {\n animation: .3s ease-out forwards incodeIdProcessingResultFadeOut;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .IncodeIdProcessingLayout .IncodeIdProcessingResultContentExiting, .IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainerExiting {\n animation-duration: 1ms;\n }\n}\n\n@keyframes incodeIdProcessingResultFadeOut {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n}\n\n.IncodeIdError {\n inset: var(--spacing-0, var(--spacing-none, 0px));\n z-index: 1000;\n justify-content: center;\n align-items: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n width: 100%;\n height: 100%;\n display: flex;\n position: fixed;\n}\n\n.IncodeIdError .IncodeIdErrorMessage {\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h4-size);\n font-weight: var(--typography-headline-h4-weight);\n line-height: var(--typography-headline-h4-line-height);\n letter-spacing: var(--typography-headline-h4-letter-spacing);\n color: var(--color-text-body-0, var(--text-body-0-static));\n max-width: var(--incode-form-max-w);\n margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeIdNoAttemptsContent {\n padding-inline: var(--spacing-20, var(--spacing-20, 20px));\n max-height: var(--id-no-attempts-content-max-h);\n max-width: var(--id-no-attempts-content-max-w);\n flex-direction: column;\n flex: 1;\n justify-content: center;\n align-items: center;\n margin: auto;\n display: flex;\n}\n\n.IncodeIdNoAttemptsContent .IncodeIdNoAttemptsIcon {\n margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeIdNoAttemptsContent .IncodeIdNoAttemptsTitle {\n text-align: center;\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeIdNoAttemptsContent .IncodeIdNoAttemptsSubtitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n text-align: center;\n max-width: var(--incode-form-max-w);\n}\n\n.IncodeIdNoAttemptsContent .IncodeIdNoAttemptsButtonContainer {\n bottom: var(--spacing-32, var(--spacing-32, 32px));\n right: var(--spacing-0, var(--spacing-none, 0px));\n left: var(--spacing-0, var(--spacing-none, 0px));\n padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n justify-content: center;\n display: flex;\n position: absolute;\n}\n\n.IncodeUnacceptedIdDocuments {\n margin-top: var(--spacing-32, var(--spacing-32, 32px));\n flex-direction: column;\n align-items: center;\n width: 100%;\n display: flex;\n}\n\n.IncodeUnacceptedIdDocuments .IncodeUnacceptedIdDocumentsCountry {\n margin-bottom: var(--spacing-32, var(--spacing-32, 32px));\n align-items: center;\n gap: var(--spacing-8, var(--spacing-8, 8px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeUnacceptedIdDocuments .IncodeUnacceptedIdDocumentsCountryHeading {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h4-size);\n font-weight: var(--typography-headline-h4-weight);\n line-height: var(--typography-headline-h4-line-height);\n letter-spacing: var(--typography-headline-h4-letter-spacing);\n}\n\n.IncodeUnacceptedIdDocuments .IncodeUnacceptedIdDocumentsCountryLabel {\n align-items: center;\n gap: var(--spacing-8, var(--spacing-8, 8px));\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h3-size);\n font-weight: var(--typography-headline-h3-weight);\n line-height: var(--typography-headline-h3-line-height);\n letter-spacing: var(--typography-headline-h3-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n display: inline-flex;\n}\n\n.IncodeIdCaptureNotification {\n top: var(--spacing-24, var(--spacing-24, 24px));\n right: var(--spacing-24, var(--spacing-24, 24px));\n left: var(--spacing-24, var(--spacing-24, 24px));\n z-index: 100;\n max-width: var(--incode-form-max-w);\n padding-bottom: var(--spacing-32, var(--spacing-32, 32px));\n align-items: flex-end;\n margin: auto;\n display: flex;\n position: absolute;\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent {\n z-index: 100;\n border-radius: var(--radius-large, var(--border-radius-large));\n border-style: var(--tw-border-style);\n border-width: 2px;\n border-color: var(--color-border-neutral-300, var(--border-neutral-300));\n background-color: var(--color-surface-neutral-900-80, var(--surface-neutral-900-80));\n width: 100%;\n padding-inline: var(--spacing-20, var(--spacing-20, 20px));\n box-shadow: var(--id-capture-notification-content-shadow);\n display: flex;\n overflow: hidden;\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText {\n justify-content: center;\n gap: var(--spacing-8, var(--spacing-8, 8px));\n padding-top: var(--spacing-16, var(--spacing-16, 16px));\n padding-bottom: var(--spacing-12, var(--spacing-12, 12px));\n text-align: center;\n color: var(--color-text-body-0-static, var(--text-body-0-static));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationTitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h3-size);\n font-weight: var(--typography-headline-h3-weight);\n line-height: var(--typography-headline-h3-line-height);\n letter-spacing: var(--typography-headline-h3-letter-spacing);\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationDescription {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-tertiary-static, var(--text-body-300-tertiary-static));\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationAnimation {\n height: var(--id-capture-notification-animation-height);\n justify-content: center;\n align-items: center;\n width: auto;\n display: flex;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadContainer {\n width: 100%;\n padding-block: var(--spacing-24, var(--spacing-24, 24px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadFooter {\n margin-top: auto;\n margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n row-gap: var(--spacing-24, var(--spacing-24, 24px));\n width: 100%;\n padding-top: var(--spacing-24, var(--spacing-24, 24px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadHintCard {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n border-radius: var(--radius-x-small, var(--border-radius-x-small));\n background-color: var(--color-surface-brand-50, var(--surface-brand-50));\n width: 100%;\n padding-block: var(--spacing-16, var(--spacing-16, 16px));\n padding-right: var(--spacing-12, var(--spacing-12, 12px));\n padding-left: var(--spacing-32, var(--spacing-32, 32px));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n list-style-type: disc;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadHintCard li {\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-s-size);\n font-weight: var(--typography-button-s-weight);\n line-height: var(--typography-button-s-line-height);\n letter-spacing: var(--typography-button-s-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeManualUploadPage .IncodeManualUploadHintCard li + li {\n margin-top: var(--spacing-4, var(--spacing-4, 4px));\n}\n\n.IncodeManualUploadPage .IncodeManualUploadTabsList {\n width: 100%;\n padding-inline: var(--spacing-16, var(--spacing-16, 16px));\n align-self: center;\n display: flex;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadTabTrigger {\n cursor: pointer;\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: var(--border-width-bold, var(--primitive-border-width-2));\n --tw-border-style: solid;\n padding-inline: var(--spacing-12, var(--spacing-12, 12px));\n padding-block: var(--spacing-16, var(--spacing-16, 16px));\n text-align: center;\n font-family: var(--typography-checkbox-radio-family);\n font-size: var(--typography-checkbox-radio-m-size);\n font-weight: var(--typography-checkbox-radio-m-weight);\n line-height: var(--typography-checkbox-radio-m-line-height);\n letter-spacing: var(--typography-checkbox-radio-m-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n background-color: #0000;\n border-style: solid;\n border-color: #0000;\n flex: 1;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadTabTrigger:focus-visible {\n border-radius: var(--radius-x-small, var(--border-radius-x-small));\n outline-style: var(--tw-outline-style);\n outline-offset: 2px;\n outline-width: 2px;\n outline-color: var(--color-border-status-focus, var(--border-status-focus));\n}\n\n.IncodeManualUploadPage .IncodeManualUploadTabTrigger--active {\n border-bottom-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeManualUploadPage .IncodeManualUploadError {\n align-items: flex-start;\n gap: var(--spacing-4, var(--spacing-4, 4px));\n width: 100%;\n font-family: var(--typography-body-family);\n font-size: var(--typography-body-m-regular-size);\n font-weight: var(--typography-body-m-regular-weight);\n line-height: var(--typography-body-m-regular-line-height);\n letter-spacing: var(--typography-body-m-regular-letter-spacing);\n color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));\n display: flex;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadError p {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n flex: 1;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadTab {\n margin-top: var(--spacing-24, var(--spacing-24, 24px));\n margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n width: 100%;\n display: flex;\n}\n\n.IncodeManualUploadSlot {\n cursor: pointer;\n align-items: center;\n gap: var(--spacing-12, var(--spacing-12, 12px));\n border-radius: var(--radius-medium, var(--border-radius-medium));\n border-style: var(--tw-border-style);\n border-width: var(--border-width-regular, var(--primitive-border-width-1));\n --tw-border-style: solid;\n border-style: solid;\n border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));\n width: 100%;\n padding-block: var(--spacing-24, var(--spacing-24, 24px));\n padding-right: var(--spacing-24, var(--spacing-24, 24px));\n padding-left: var(--spacing-20, var(--spacing-20, 20px));\n text-align: left;\n display: flex;\n}\n\n.IncodeManualUploadSlot .IncodeManualUploadSlotIcon {\n width: var(--spacing-24, var(--spacing-24, 24px));\n height: var(--spacing-24, var(--spacing-24, 24px));\n flex-shrink: 0;\n justify-content: center;\n display: flex;\n}\n\n.IncodeManualUploadSlot .IncodeManualUploadSlotIconHighlight {\n fill: var(--color-icon-neutral-500, var(--icon-neutral-500));\n}\n\n.IncodeManualUploadSlot .IncodeManualUploadSlotLabel {\n text-overflow: ellipsis;\n white-space: nowrap;\n text-align: left;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n flex: 1;\n overflow: hidden;\n}\n\n.IncodeManualUploadSlot .IncodeManualUploadSlotAction {\n border-radius: var(--radius-full, var(--border-radius-full));\n background-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));\n padding: var(--spacing-8, var(--spacing-8, 8px));\n color: var(--color-button-primary-text-default, var(--button-primary-text-default));\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));\n transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));\n --tw-duration: .2s;\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n transition-duration: .2s;\n display: inline-flex;\n}\n\n.IncodeManualUploadSlot:focus-visible {\n outline-style: var(--tw-outline-style);\n outline-offset: 2px;\n outline-width: 2px;\n outline-color: var(--color-border-status-focus, var(--border-status-focus));\n}\n\n.IncodeManualUploadSlot:hover:not(:disabled) .IncodeManualUploadSlotAction {\n background-color: var(--color-button-primary-surface-hover, var(--button-primary-surface-hover));\n}\n\n.IncodeManualUploadSlot:disabled {\n cursor: not-allowed;\n opacity: .5;\n}\n\n.IncodeManualUploadSlot:disabled .IncodeManualUploadSlotAction {\n background-color: var(--color-button-primary-surface-disabled, var(--button-primary-surface-disabled));\n color: var(--color-button-primary-text-disabled, var(--button-primary-text-disabled));\n}\n\n.IncodeManualUploadSlot.IncodeManualUploadSlot--uploaded .IncodeManualUploadSlotAction, .IncodeManualUploadSlot.IncodeManualUploadSlot--uploaded:hover:not(:disabled) .IncodeManualUploadSlotAction {\n padding: var(--spacing-0, var(--spacing-none, 0px));\n color: var(--color-surface-status-positive-500, var(--surface-status-positive-500));\n background-color: #0000;\n}\n\n.IncodeManualUploadSlot + .IncodeManualUploadSlotInput {\n clip-path: inset(50%);\n white-space: nowrap;\n border-width: 0;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n position: absolute;\n overflow: hidden;\n}\n\n.IncodeDigitalIdUploadPage {\n height: 100%;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadBody {\n justify-content: center;\n align-items: center;\n row-gap: var(--spacing-16, var(--spacing-16, 16px));\n width: 100%;\n height: 100%;\n max-width: var(--digital-id-content-max-w);\n flex-direction: column;\n margin-inline: auto;\n display: flex;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewBody {\n row-gap: var(--spacing-16, var(--spacing-16, 16px));\n grid-template-columns: 1fr;\n grid-template-rows: var(--spacing-24) var(--digital-id-preview-h) var(--spacing-24);\n width: 100%;\n height: 100%;\n max-width: var(--digital-id-content-max-w);\n align-content: center;\n justify-items: center;\n margin-inline: auto;\n display: grid;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreStatusZone {\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPostCaptionZone {\n justify-content: center;\n align-items: flex-start;\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadFooter {\n width: 100%;\n margin-inline: auto;\n margin-top: var(--spacing-24, var(--spacing-24, 24px));\n margin-bottom: var(--spacing-8, var(--spacing-8, 8px));\n justify-content: flex-end;\n row-gap: var(--spacing-16, var(--spacing-16, 16px));\n max-width: var(--digital-id-content-max-w);\n min-height: var(--digital-id-footer-min-h);\n flex-direction: column;\n display: flex;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadHiddenInput {\n display: none;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadTutorialIllustration {\n width: 100%;\n max-height: var(--digital-id-tutorial-illustration-max-h);\n flex: 1;\n justify-content: center;\n align-items: center;\n display: flex;\n overflow: hidden;\n}\n\n.IncodeDigitalIdUploadPage .IncodeUploadIdScreenImage {\n height: var(--digital-id-illustration-max-h);\n aspect-ratio: 191 / 266;\n width: auto;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewCard {\n border-radius: var(--radius-medium, var(--border-radius-medium));\n border-style: var(--tw-border-style);\n --tw-border-style: solid;\n border-style: solid;\n border-width: 1px;\n border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n width: var(--digital-id-preview-w);\n height: var(--digital-id-preview-h);\n justify-content: center;\n align-items: center;\n display: flex;\n overflow: hidden;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadDocumentPreview {\n width: var(--digital-id-preview-w);\n height: var(--digital-id-preview-h);\n justify-content: center;\n align-items: center;\n display: flex;\n position: relative;\n overflow: visible;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadDocumentPreviewPdf {\n border-radius: var(--radius-medium, var(--border-radius-medium));\n border-style: var(--tw-border-style);\n border-width: var(--border-width-bold, var(--primitive-border-width-2));\n --tw-border-style: solid;\n border-style: solid;\n border-color: var(--color-border-status-positive, var(--border-status-positive-static));\n object-fit: contain;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewPdf {\n object-fit: contain;\n width: 100%;\n height: 100%;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadFileName {\n text-align: center;\n font-family: var(--typography-body-family);\n font-size: var(--typography-body-m-regular-size);\n font-weight: var(--typography-body-m-regular-weight);\n line-height: var(--typography-body-m-regular-line-height);\n letter-spacing: var(--typography-body-m-regular-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n max-width: var(--digital-id-file-name-max-w);\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadProgressBar .IncodeProgressBar {\n border-radius: var(--radius-full, var(--border-radius-full));\n background-color: var(--color-surface-neutral-200, var(--surface-neutral-200));\n width: var(--digital-id-progress-bar-w);\n height: var(--digital-id-progress-bar-h);\n overflow: hidden;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadProgressBar .IncodeProgressBarFill {\n border-radius: var(--radius-full, var(--border-radius-full));\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadLaserOverlay {\n pointer-events: none;\n width: var(--digital-id-preview-w);\n height: var(--digital-id-laser-h);\n transform: translateX(-50%) scale(var(--digital-id-laser-scale));\n position: absolute;\n top: -2px;\n left: 50%;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadLaserOverlay {\n display: none;\n }\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadSuccessIcon {\n color: var(--color-icon-status-positive, var(--icon-status-positive));\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadErrorIcon {\n margin-bottom: var(--spacing-8, var(--spacing-8, 8px));\n color: var(--color-icon-status-negative, var(--icon-status-negative));\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadErrorPreview {\n margin-top: var(--spacing-8, var(--spacing-8, 8px));\n border-radius: var(--radius-medium, var(--border-radius-medium));\n border-style: var(--tw-border-style);\n --tw-border-style: solid;\n border-style: solid;\n border-width: 1px;\n border-color: var(--color-border-status-negative, var(--border-status-negative));\n padding: var(--spacing-4);\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadAttempts {\n margin-top: var(--spacing-8, var(--spacing-8, 8px));\n font-family: var(--typography-body-family);\n font-size: var(--typography-body-s-regular-size);\n font-weight: var(--typography-body-s-regular-weight);\n line-height: var(--typography-body-s-regular-line-height);\n letter-spacing: var(--typography-body-s-regular-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-outline-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-duration {\n syntax: \"*\";\n inherits: false\n}\n";
package/dist/{id-DzyWelEE.js → id-DttSzi45.js} RENAMED
@@ -999,6 +999,7 @@ var id_default = {
999
999
  "MX": { "taxId": { "label": "RFC" } },
1000
1000
  "postalCode": "Kode Pos",
1001
1001
  "prefill": {
1002
+ "AT": { "taxId": { "subtitle": "Masukkan nomor FN atau nomor PPN perusahaan tersebut" } },
1002
1003
  "AU": { "taxId": { "subtitle": "Masukkan nomor ACN (9 digit) atau ABN (11 digit) dari perusahaan tersebut" } },
1003
1004
  "BE": { "taxId": { "subtitle": "Masukkan nomor BCE/KBO atau nomor NPWP perusahaan tersebut" } },
1004
1005
  "DE": { "taxId": { "subtitle": "Masukkan nomor pendaftaran perusahaan HRB/HRA, USt-IdNr (PPN), atau SafeNo dari perusahaan tersebut" } },
@@ -1182,6 +1183,7 @@ var id_default = {
1182
1183
  }
1183
1184
  },
1184
1185
  "fiscalQr": {
1186
+ "cameraError": "Kami tidak dapat mengakses kamera Anda. Ketuk \"Lewati\" untuk melanjutkan.",
1185
1187
  "invalidQr": "QR yang dipindai tidak valid, coba lagi",
1186
1188
  "scanning": { "title": "Menyelaraskan kode QR dalam bingkai" },
1187
1189
  "tutorial": {
@@ -1325,7 +1327,22 @@ var id_default = {
1325
1327
  },
1326
1328
  "determineLocation": "Kami perlu menentukan lokasi Anda saat ini",
1327
1329
  "goBackSafari": "Kembali ke <strong>Pengaturan <arrow/> Safari</strong>",
1328
- "instructions": { "allowLocation": "Izinkan Izin Lokasi" },
1330
+ "instructions": {
1331
+ "allowLocation": "Izinkan Izin Lokasi",
1332
+ "allowOnlyWhileUsing": "Atur ke \" <strong>Izinkan hanya saat menggunakan aplikasi</strong> \" atau \" <strong>Izinkan setiap saat</strong>\"",
1333
+ "ios": {
1334
+ "appsChrome": "Ketuk Aplikasi<arrow/> <strong>Chrome</strong>",
1335
+ "appsFirefox": "Ketuk Aplikasi<arrow/> <strong>Firefox</strong>",
1336
+ "locationWhileUsing": "Ketuk \"<arrow/> \" <strong>saat menggunakan aplikasi ini</strong>",
1337
+ "safariPageMenu": "Ketuk ikon <strong>Menu Halaman</strong> di bilah alamat",
1338
+ "safariWebsiteSettings": "Ketuk Pengaturan Situs Web<arrow/> <strong>Lokasi<arrow/> Izinkan</strong>"
1339
+ },
1340
+ "locationAllow": "Ketuk <strong>Lokasi <arrow/> Izinkan</strong>",
1341
+ "locationAskToAllow": "Ketuk \" <strong>Lokasi\" <arrow/> Minta izin</strong>",
1342
+ "locationEnableForSite": "Ketuk <strong>Lokasi <arrow/> Cari lokasi <arrow/> Izinkan</strong>",
1343
+ "samsungMenuSettings": "Ketuk <strong>≡ Pengaturan <arrow/> </strong>",
1344
+ "title": "Ikuti langkah-langkah berikut untuk mengizinkan Incode mengakses lokasi Anda"
1345
+ },
1329
1346
  "locationOn": "Pastikan <strong>Layanan Lokasi</strong> aktif",
1330
1347
  "openSettings": "Buka<strong> Pengaturan</strong>",
1331
1348
  "openSettingsAndroid": "Buka <strong>pengaturan perangkat</strong> Anda",
@@ -1494,6 +1511,7 @@ var id_default = {
1494
1511
  "subtitle": "Pastikan Paspor Anda dapat dibaca",
1495
1512
  "title": "Pindai paspor Anda"
1496
1513
  },
1514
+ "permissionInCamera": { "subtitle": "Izinkan akses kamera untuk dilanjutkan" },
1497
1515
  "processing": {
1498
1516
  "analyzing": "Menganalisis...",
1499
1517
  "attemptRemainingLabel": "upaya yang tersisa",
@@ -1850,7 +1868,7 @@ var id_default = {
1850
1868
  "title": "Ini berfungsi paling baik di browser default Anda"
1851
1869
  },
1852
1870
  "ineCheck": {
1853
- "checkingYourInformation": "Memeriksa informasi Anda dengan catatan pemerintah",
1871
+ "checkingYourInformation": "Memverifikasi informasi Anda dengan catatan pemerintah",
1854
1872
  "failure1": "Identitas bukan",
1855
1873
  "failure2": "diverifikasi",
1856
1874
  "identity": "identitas",
@@ -2141,7 +2159,7 @@ var id_default = {
2141
2159
  "selfieCaptureFailed": "Pengambilan foto selfie gagal",
2142
2160
  "selfieCaptureFailedDescription": "Jumlah percobaan maksimum yang dicapai",
2143
2161
  "selfieImageLowQuality": "Selfie berkualitas rendah",
2144
- "selfieImageLowQualityDescription": "Pastikan wajah Anda bersih, diterangi dengan baik, dan terlihat jelas seluruhnya, lalu coba lagi",
2162
+ "selfieImageLowQualityDescription": "Pastikan wajah Anda bersih, pencahayaannya cukup, dan terlihat jelas seluruhnya, lalu coba lagi",
2145
2163
  "serverError": "Server error",
2146
2164
  "shadowDectected": "Bayangan terdeteksi",
2147
2165
  "showBackId": "Tunjukkan bagian belakang kartu identitas",
@@ -2269,7 +2287,11 @@ var id_default = {
2269
2287
  "tryAgain": "Coba lagi di {{time}} detik",
2270
2288
  "verificationCode": "Kode verifikasi"
2271
2289
  },
2272
- "page": { "close": { "confirmQuit": "Apakah Anda yakin ingin berhenti?" } },
2290
+ "page": { "close": {
2291
+ "cancel": "Batal",
2292
+ "confirm": "Keluar",
2293
+ "confirmQuit": "Apakah Anda yakin ingin berhenti?"
2294
+ } },
2273
2295
  "payment": { "labels": { "postalCode": "Kode Pos untuk Penagihan" } },
2274
2296
  "permissionMessage": "Izinkan izin untuk menyelesaikan proses",
2275
2297
  "phone": {
package/dist/id-selfie-flow/id-selfie-flow.es.js CHANGED
@@ -1,12 +1,12 @@
1
- import { o as useTranslation } from "../uiConfig-C1jdTj-i.js";
1
+ import { o as useTranslation } from "../uiConfig-DKx9SmTB.js";
2
2
  import { _ as y, f as d, u as T, v as u } from "../vendor-preact-C0jX1Cbq.js";
3
- import { S as useManager, b as useModuleTerminalCallbacks, c as Page, d as TransitionSpinner, s as TerminalErrorPage, t as IncodeComponent } from "../incodeComponent-D3_BSWan.js";
4
- import { t as Title } from "../typography-ikD4-Z8S.js";
5
- import { t as CameraView } from "../cameraView-DrTBPNWX.js";
6
- import { t as Permissions } from "../permissions-DowRodJj.js";
7
- import { r as preloadCaptureAnimations } from "../manualCaptureButton-igyQk3Yb.js";
8
- import { t as registerIncodeModuleElement } from "../incodeModule-BQgvYKyr.js";
9
- import { a as IdFlipModal, c as VideoSelfieTutorial, i as IdMask, l as useVideoSelfiePermissions, n as SwitchingCameraScreen, o as preloadIdFlipAnimation, r as StepsHeader, s as SelfieMask, t as VideoSelfieFinalSuccessScreen } from "../finalSuccessScreen-BtJ5o2pi.js";
3
+ import { S as useManager, b as useModuleTerminalCallbacks, c as Page, d as TransitionSpinner, s as TerminalErrorPage, t as IncodeComponent } from "../incodeComponent-DqP21_Va.js";
4
+ import { t as Title } from "../typography-B_Swsea_.js";
5
+ import { t as CameraView } from "../cameraView-D4_Wxtgs.js";
6
+ import { t as Permissions } from "../permissions-9MM3_B_t.js";
7
+ import { r as preloadCaptureAnimations } from "../manualCaptureButton-CkGuPk8e.js";
8
+ import { t as registerIncodeModuleElement } from "../incodeModule-DlG8g3dR.js";
9
+ import { a as IdFlipModal, c as VideoSelfieTutorial, i as IdMask, l as useVideoSelfiePermissions, n as SwitchingCameraScreen, o as preloadIdFlipAnimation, r as StepsHeader, s as SelfieMask, t as VideoSelfieFinalSuccessScreen } from "../finalSuccessScreen-BJ7X0U0S.js";
10
10
  import { createIdSelfieFlowManager, resolveIdSelfieFlowConfig, warmupIdSelfieFlowWasm } from "@incodetech/core/id-selfie-flow";
11
11
  import { facingModeForStep } from "@incodetech/core/video-selfie";
12
12
  //#region src/modules/id-selfie-flow/id-selfie-flow.tsx
package/dist/id-verification/id-verification.es.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import { v as u } from "../vendor-preact-C0jX1Cbq.js";
2
- import { S as useManager, b as useModuleTerminalCallbacks, t as IncodeComponent } from "../incodeComponent-D3_BSWan.js";
3
- import { t as Spinner } from "../spinner-Z-5sEEDQ.js";
4
- import { t as ExpiredId } from "../expiredId-DJYL_--M.js";
5
- import { t as registerIncodeModuleElement } from "../incodeModule-BQgvYKyr.js";
2
+ import { S as useManager, b as useModuleTerminalCallbacks, t as IncodeComponent } from "../incodeComponent-DqP21_Va.js";
3
+ import { t as Spinner } from "../spinner-CkdNFSdb.js";
4
+ import { t as ExpiredId } from "../expiredId-Br8mbZny.js";
5
+ import { t as registerIncodeModuleElement } from "../incodeModule-DlG8g3dR.js";
6
6
  import { createIdVerificationManager } from "@incodetech/core/id-verification";
7
7
  //#region src/modules/id-verification/id-verification.tsx
8
8
  var IdVerificationContent = ({ config, manager: externalManager, onFinish }) => {
package/dist/{idOcr-C5R3RWuL.js → idOcr-btBt0ReK.js} RENAMED
@@ -1,15 +1,15 @@
1
- import { o as useTranslation } from "./uiConfig-C1jdTj-i.js";
1
+ import { o as useTranslation } from "./uiConfig-DKx9SmTB.js";
2
2
  import { v as u } from "./vendor-preact-C0jX1Cbq.js";
3
- import { S as useManager, b as useModuleTerminalCallbacks, c as Page, i as withStandaloneModuleBootstrap, t as IncodeComponent } from "./incodeComponent-D3_BSWan.js";
4
- import { x as Button } from "./icons-eIgP34nj.js";
5
- import { t as VerificationResult } from "./verificationResult-B26DDXFT.js";
6
- import { t as InputComposed } from "./inputComposed-CTZnsHLi.js";
7
- import "./inputComposed-wy0-orhJ.js";
8
- import { t as DateInputComposed } from "./dateInputComposed-BcmKKwRL.js";
9
- import "./dateInputComposed-DPM6l_SL.js";
10
- import { t as RadioGroupComposed } from "./radioGroupComposed-DmoMukus.js";
11
- import "./radioGroupComposed-CJkzLiFc.js";
12
- import { t as registerIncodeModuleElement } from "./incodeModule-BQgvYKyr.js";
3
+ import { S as useManager, b as useModuleTerminalCallbacks, c as Page, i as withStandaloneModuleBootstrap, t as IncodeComponent } from "./incodeComponent-DqP21_Va.js";
4
+ import { x as Button } from "./icons-B08JS0N-.js";
5
+ import { t as VerificationResult } from "./verificationResult-D_46RxvT.js";
6
+ import { t as InputComposed } from "./inputComposed-C3rOfVtt.js";
7
+ import "./inputComposed-4CKuFx07.js";
8
+ import { t as DateInputComposed } from "./dateInputComposed-CdLDRKBa.js";
9
+ import "./dateInputComposed-CA0TDmJ5.js";
10
+ import { t as RadioGroupComposed } from "./radioGroupComposed-dxUBopMF.js";
11
+ import "./radioGroupComposed-Bn9sSttZ.js";
12
+ import { t as registerIncodeModuleElement } from "./incodeModule-DlG8g3dR.js";
13
13
  import { createIdOcrManager, getOcrFields } from "@incodetech/core/id-ocr";
14
14
  //#region src/modules/id-ocr/idOcrForm.tsx
15
15
  var TEXT_FIELD_COMPONENTS = {
package/dist/identity-reuse/identity-reuse.es.js CHANGED
@@ -1,10 +1,10 @@
1
- import { o as useTranslation } from "../uiConfig-C1jdTj-i.js";
1
+ import { o as useTranslation } from "../uiConfig-DKx9SmTB.js";
2
2
  import { _ as y, v as u } from "../vendor-preact-C0jX1Cbq.js";
3
- import { S as useManager, b as useModuleTerminalCallbacks, c as Page, t as IncodeComponent } from "../incodeComponent-D3_BSWan.js";
4
- import { t as Spinner } from "../spinner-Z-5sEEDQ.js";
5
- import { x as Button } from "../icons-eIgP34nj.js";
3
+ import { S as useManager, b as useModuleTerminalCallbacks, c as Page, t as IncodeComponent } from "../incodeComponent-DqP21_Va.js";
4
+ import { t as Spinner } from "../spinner-CkdNFSdb.js";
5
+ import { x as Button } from "../icons-B08JS0N-.js";
6
6
  import { t as countryFlagEmoji } from "../countries-5e8kwG_m.js";
7
- import { t as registerIncodeModuleElement } from "../incodeModule-BQgvYKyr.js";
7
+ import { t as registerIncodeModuleElement } from "../incodeModule-DlG8g3dR.js";
8
8
  import { SCAN_NEW_DOCUMENT, createIdentityReuseManager } from "@incodetech/core/identity-reuse";
9
9
  //#region src/modules/identity-reuse/identity-reuse.tsx
10
10
  /**
package/dist/{incodeComponent-D3_BSWan.js → incodeComponent-DqP21_Va.js} RENAMED
@@ -1,12 +1,12 @@
1
- import { i as useTranslationWithFallback, o as useTranslation, r as useUiConfig } from "./uiConfig-C1jdTj-i.js";
1
+ import { i as useTranslationWithFallback, o as useTranslation, r as useUiConfig } from "./uiConfig-DKx9SmTB.js";
2
2
  import { S as k, _ as y, b as Q, c as A, f as d, g as x, h as q, m as h, n as $, o as gn, r as C, u as T, v as u } from "./vendor-preact-C0jX1Cbq.js";
3
- import { a as getStandaloneSetupPolicy, n as preloadDashboardTheme, t as getDashboardTheme } from "./dashboardTheme-BwKtcRSO.js";
4
- import { d as cn, l as useInstanceOverrides, t as Spacer } from "./spacer-ayyj5lMa.js";
5
- import { a as TypographyH5, i as TypographyH4 } from "./typography-ikD4-Z8S.js";
6
- import { t as Spinner } from "./spinner-Z-5sEEDQ.js";
7
- import { b as ErrorIcon, r as SuccessIcon, x as Button } from "./icons-eIgP34nj.js";
3
+ import { a as getStandaloneSetupPolicy, n as preloadDashboardTheme, t as getDashboardTheme } from "./dashboardTheme-DEHlp6JX.js";
4
+ import { d as cn, l as useInstanceOverrides, t as Spacer } from "./spacer-CbCrSrjR.js";
5
+ import { a as TypographyH5, i as TypographyH4 } from "./typography-B_Swsea_.js";
6
+ import { t as Spinner } from "./spinner-CkdNFSdb.js";
7
+ import { b as ErrorIcon, r as SuccessIcon, x as Button } from "./icons-B08JS0N-.js";
8
8
  import { t as incode_logo_default } from "./incode-logo-BzJOZr3f.js";
9
- import { t as AutoFocusTitle } from "./autoFocusTitle-CIbcUW_x.js";
9
+ import { t as AutoFocusTitle } from "./autoFocusTitle-DHwltP_Z.js";
10
10
  import { ScreenOrientationProvider, createScreenOrientationObserver, getDeviceClass, isApplePlatform, isIPad, isSupportedBrowser } from "@incodetech/core/device";
11
11
  import "@incodetech/core/events";
12
12
  import { getExperiment, getFeatureGate, getFeatureManagementVersion, getFeatureParameterStore, getIsFeatureManagementInitialized, getLayer, subscribeFeatureManagement, updateFeatureManagementUser } from "@incodetech/core/feature-management";
package/dist/{incodeModule-BQgvYKyr.js → incodeModule-DlG8g3dR.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { u as T, x as _ } from "./vendor-preact-C0jX1Cbq.js";
2
- import { c as InstanceOverridesProvider } from "./spacer-ayyj5lMa.js";
2
+ import { c as InstanceOverridesProvider } from "./spacer-CbCrSrjR.js";
3
3
  import { t as registerIncodeElement } from "./registerIncodeElement-CbZczi4S.js";
4
4
  //#region src/shared/webComponent/incodeModule.ts
5
5
  var incodeModulePropKeys = [
package/dist/index.es.js CHANGED
@@ -1,5 +1,5 @@
1
- import { c as setI18nInstance, l as createI18n, n as setUiConfig } from "./uiConfig-C1jdTj-i.js";
2
- import { n as preloadDashboardTheme, o as resolveStandaloneSetupPolicy, r as resetDashboardThemeCache, s as setStandaloneSetupPolicy } from "./dashboardTheme-BwKtcRSO.js";
1
+ import { c as setI18nInstance, l as createI18n, n as setUiConfig } from "./uiConfig-DKx9SmTB.js";
2
+ import { n as preloadDashboardTheme, o as resolveStandaloneSetupPolicy, r as resetDashboardThemeCache, s as setStandaloneSetupPolicy } from "./dashboardTheme-DEHlp6JX.js";
3
3
  import { DEFAULT_WASM_VERSION } from "@incodetech/core/wasm";
4
4
  import { setup as setup$1 } from "@incodetech/core";
5
5
  //#region src/setup.ts
package/dist/inputComposed-4CKuFx07.js ADDED
@@ -0,0 +1 @@
1
+ import "./inputComposed-C3rOfVtt.js";
package/dist/{inputComposed-CTZnsHLi.js → inputComposed-C3rOfVtt.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import { i as D, v as u } from "./vendor-preact-C0jX1Cbq.js";
2
- import { d as cn } from "./spacer-ayyj5lMa.js";
3
- import { b as ErrorIcon, d as CloseIcon, r as SuccessIcon } from "./icons-eIgP34nj.js";
2
+ import { d as cn } from "./spacer-CbCrSrjR.js";
3
+ import { b as ErrorIcon, d as CloseIcon, r as SuccessIcon } from "./icons-B08JS0N-.js";
4
4
  import { t as FieldLabelHint } from "./fieldLabelHint-CxjArYkQ.js";
5
5
  //#region src/shared/input/input.tsx
6
6
  var Input = D((props, ref) => {