@incodetech/web 2.3.2 → 2.4.0-rc.1

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 (354) hide show
  1. package/THIRD_PARTY_NOTICES.txt +0 -3
  2. package/dist/GeolocationPermissionDenied-BFMCy-vh.js +444 -0
  3. package/dist/ae-signature/ae-signature.es.js +3 -3
  4. package/dist/{af-ZA-OntsEubt.js → af-ZA-BrjGHv_T.js} +33 -6
  5. package/dist/ageVerification-DGLniT4Y.js +77 -0
  6. package/dist/{am-yUcnt3vq.js → am-DE3X3yyA.js} +33 -6
  7. package/dist/antifraud/antifraud.es.js +3 -3
  8. package/dist/antifraud/styles.css +0 -1
  9. package/dist/{ar-AE-BfxiKovT.js → ar-AE-CMTI-_Uo.js} +34 -7
  10. package/dist/{ar-57Dd-l4I.js → ar-BNacVOWD.js} +34 -7
  11. package/dist/{ar-EG-BgDjHJBi.js → ar-EG-D9uwNPoU.js} +33 -6
  12. package/dist/authentication/authentication.es.js +4 -4
  13. package/dist/{autoFocusTitle-DebebrwQ.js → autoFocusTitle-shYRUp-4.js} +1 -1
  14. package/dist/{az-dT363k-q.js → az-Wr9zZpTx.js} +33 -6
  15. package/dist/back-horizontal-hint-BztyPanp.js +134 -0
  16. package/dist/back-vertical-hint-BSzA4QbJ.js +127 -0
  17. package/dist/base.css +1 -7230
  18. package/dist/{baseTutorial-CyVBbj9b.js → baseTutorial-D_Jq0Kz2.js} +13 -24
  19. package/dist/{bn-CKZ00roT.js → bn-C_dbLk3y.js} +33 -6
  20. package/dist/{bottomSheet-DpSr7d9-.js → bottomSheet-Cdwz_7C5.js} +2 -2
  21. package/dist/{bs-BnLdLnmZ.js → bs-C30W6le2.js} +33 -6
  22. package/dist/{ca-D3PGkuQc.js → ca-5-jdy0XG.js} +33 -6
  23. package/dist/cameraOverlay-rWy5OHQK.js +2 -0
  24. package/dist/cameraOverlayHeader-DUwk9XJR.js +83 -0
  25. package/dist/{cameraView-CoWyMnTT.js → cameraView-DJhoELeE.js} +2 -2
  26. package/dist/{ceb-R-2VANeF.js → ceb-D91AsHCc.js} +33 -6
  27. package/dist/certificate-issuance/certificate-issuance.es.js +9 -8
  28. package/dist/certificate-issuance/styles.css +1 -72
  29. package/dist/certificate-issuance/styles.css.js +1 -1
  30. package/dist/check-icon-BpjpKqhJ.js +48 -0
  31. package/dist/{checkbox-CNc8kQS0.js → checkbox-BCr_W3eL.js} +2 -2
  32. package/dist/connectionError-D4qOfYzz.js +45 -0
  33. package/dist/consent/consent.es.js +8 -6
  34. package/dist/consent/styles.css +1 -129
  35. package/dist/consent/styles.css.js +1 -1
  36. package/dist/countryDefinitions-BO9OSKQO.js +555 -0
  37. package/dist/countryFlag-2Vj85OIZ.js +67 -0
  38. package/dist/{countrySelector-BlC5_2rW.js → countrySelector-ck-DQ89q.js} +6 -5
  39. package/dist/cross-document-data-match/cross-document-data-match.es.js +3 -3
  40. package/dist/{cs-bm9MEri0.js → cs-C4eEOpdT.js} +33 -6
  41. package/dist/{cs-CZ-CEidLhWp.js → cs-CZ-DiJ5MEfY.js} +33 -6
  42. package/dist/curp-validation/curp-validation.es.js +13 -11
  43. package/dist/curp-validation/styles.css +1 -128
  44. package/dist/curp-validation/styles.css.js +1 -1
  45. package/dist/custom-fields/styles.css +1 -21
  46. package/dist/custom-fields/styles.css.js +1 -1
  47. package/dist/{customFields-C_iIhQYG.js → customFields-CihI8HLg.js} +10 -9
  48. package/dist/{customWatchlist-utPTNwCU.js → customWatchlist-avefsmET.js} +6 -6
  49. package/dist/{da-DK-BuSuFTsg.js → da-DK-C3zlFkKn.js} +33 -6
  50. package/dist/{dashboardTheme-DdWs3tlN.js → dashboardTheme-CL3jdGes.js} +1 -1
  51. package/dist/dateInputComposed-9c_0YlmT.js +1 -0
  52. package/dist/{dateInputComposed-CylyZPCj.js → dateInputComposed-BNmac2I-.js} +4 -4
  53. package/dist/{de-BCPdribE.js → de-BefcT58V.js} +33 -6
  54. package/dist/denied-Cs9yuLM4.js +1871 -0
  55. package/dist/deviceWallet-B0fJl22u.js +66 -0
  56. package/dist/digitalIdRedirect-BMakPQkG.js +162 -0
  57. package/dist/digitalIdUpload-D39gUOUa.js +496 -0
  58. package/dist/document-capture/document-capture.es.js +1 -1
  59. package/dist/document-capture/styles.css +1 -378
  60. package/dist/document-capture/styles.css.js +1 -1
  61. package/dist/{documentCapture-BrhKPBNZ.js → documentCapture-64bza6r6.js} +127 -180
  62. package/dist/documentCapture-D_cQ0luo.js +2 -0
  63. package/dist/{dropdownComposed-B0WxIm-I.js → dropdownComposed-DMsLAeKB.js} +8 -14
  64. package/dist/dropdownComposed-MlXFSguX.js +1 -0
  65. package/dist/dynamic-forms/dynamic-forms.es.js +13 -12
  66. package/dist/dynamic-forms/styles.css +1 -104
  67. package/dist/dynamic-forms/styles.css.js +1 -1
  68. package/dist/ekyb/ekyb.es.js +1 -1
  69. package/dist/ekyb/styles.css +1 -113
  70. package/dist/ekyb/styles.css.js +1 -1
  71. package/dist/ekybModule-B1gUqxgm.js +2 -0
  72. package/dist/{ekybModule-BwD2ohHx.js → ekybModule-ChOhP6uM.js} +13 -12
  73. package/dist/ekyc/ekyc.es.js +1 -1
  74. package/dist/ekyc/styles.css +1 -108
  75. package/dist/ekyc/styles.css.js +1 -1
  76. package/dist/{ekycModule-Y9GYfYAt.js → ekycModule-4q3A2JP3.js} +46 -14
  77. package/dist/ekycModule-DTIkPJjl.js +2 -0
  78. package/dist/{el-60ThHM2U.js → el-BqLmhuTU.js} +34 -7
  79. package/dist/{el-GR-D6WIhwC3.js → el-GR-BN31SzAR.js} +33 -6
  80. package/dist/electronic-signature/electronic-signature.es.js +1 -1
  81. package/dist/electronic-signature/styles.css +1 -407
  82. package/dist/electronic-signature/styles.css.js +1 -1
  83. package/dist/{electronic-signature-Bmn4AOpj.js → electronic-signature-Dhw2cLem.js} +24 -21
  84. package/dist/email/email.es.js +8 -7
  85. package/dist/email/styles.css +1 -11
  86. package/dist/email/styles.css.js +1 -1
  87. package/dist/{emailInput-DgQXpURU.js → emailInput-yOCErcEc.js} +3 -3
  88. package/dist/{en-ISV8KwbL.js → en-CJnRQ8fU.js} +33 -6
  89. package/dist/{en-DG-Crvtj3p2.js → en-DG-Dx4B_KVS.js} +33 -6
  90. package/dist/{errorContent-XVdZTMAl.js → errorContent-mqhVNRSO.js} +5 -5
  91. package/dist/{es-419-pXqNpSti.js → es-419-Dl-olR1G.js} +33 -6
  92. package/dist/{es-1QCV_aoe.js → es-BZmJSsux.js} +33 -6
  93. package/dist/{es-ES-BIYzpL_B.js → es-ES-1YZMu7Kf.js} +33 -6
  94. package/dist/{es-MX-Cih_nZPr.js → es-MX-CyxCkl1y.js} +33 -6
  95. package/dist/esm-15CISqPe.js +430 -0
  96. package/dist/{et-CgCGIoIQ.js → et-C1S6VW9K.js} +33 -6
  97. package/dist/{expiredId-BhQM_AcZ.js → expiredId-DfqiC9HI.js} +6 -6
  98. package/dist/extensibility.es.js +38 -36
  99. package/dist/{fa-IR-YnGtqwsy.js → fa-IR-BPyBkaiF.js} +33 -6
  100. package/dist/face-match/face-match.es.js +1 -1
  101. package/dist/face-match/styles.css +1 -535
  102. package/dist/face-match/styles.css.js +1 -1
  103. package/dist/faceMatch-BgN3CPdN.js +2 -0
  104. package/dist/faceMatch-UbygvNeb.js +336 -0
  105. package/dist/{fi-FI-3XXKPtj1.js → fi-FI-CfKLgU-O.js} +33 -6
  106. package/dist/field-comparison/field-comparison.es.js +1 -1
  107. package/dist/field-comparison/styles.css +1 -27
  108. package/dist/field-comparison/styles.css.js +1 -1
  109. package/dist/fieldComparison-CNaAVsGY.js +2 -0
  110. package/dist/{fieldComparison-D7rZ657j.js → fieldComparison-CmRsH7pg.js} +13 -7
  111. package/dist/finalSuccessScreen-2-RZENUP.js +500 -0
  112. package/dist/fiscal-qr/fiscal-qr.es.js +28 -23
  113. package/dist/fiscal-qr/styles.css +1 -82
  114. package/dist/fiscal-qr/styles.css.js +1 -1
  115. package/dist/{flipAnimation-BGXItWj0.js → flipAnimation-DI5Gw5Ks.js} +643 -355
  116. package/dist/flow/flow.es.js +41 -24
  117. package/dist/flow/shell/styles.css +1 -401
  118. package/dist/flow/shell/styles.css.js +1 -1
  119. package/dist/flow/styles.css +1 -5702
  120. package/dist/{formField-Cf25rdkJ.js → formField-2VLEaztk.js} +2 -2
  121. package/dist/{fr-CA-DULWz0cf.js → fr-CA-BJlED1CS.js} +33 -6
  122. package/dist/{fr-BwDYP0LQ.js → fr-yKqRZbZ6.js} +33 -6
  123. package/dist/front-horizontal-hint-DEHmtcdg.js +379 -0
  124. package/dist/{front-vertical-hint-qXMVdLri.js → front-vertical-hint-Cb1NO-xT.js} +71 -72
  125. package/dist/geolocation/geolocation.es.js +26 -459
  126. package/dist/geolocation/styles.css +1 -165
  127. package/dist/geolocation/styles.css.js +1 -1
  128. package/dist/government-validation/government-validation.es.js +15 -13
  129. package/dist/government-validation/styles.css +1 -4
  130. package/dist/government-validation/styles.css.js +1 -1
  131. package/dist/{he-BZVxeCzZ.js → he-Dr88a3D5.js} +33 -6
  132. package/dist/{hi-Bp8GM653.js → hi-ac5Rf53r.js} +33 -6
  133. package/dist/{hmn-Bj6F8ToZ.js → hmn-bwkkfetx.js} +33 -6
  134. package/dist/{homeScreen-eYD0Zo8Y.js → homeScreen-BezGnGit.js} +10 -11
  135. package/dist/{hr-uz9DXHS8.js → hr-CHcVE152.js} +33 -6
  136. package/dist/{ht-BGd4L5Je.js → ht-IPMniPpi.js} +33 -6
  137. package/dist/{hu-BvTVDhN5.js → hu-CG5ZOzy2.js} +33 -6
  138. package/dist/icons-CSP6Tne6.js +535 -0
  139. package/dist/id/id.es.js +315 -1174
  140. package/dist/id/styles.css +1 -1691
  141. package/dist/id/styles.css.js +1 -1
  142. package/dist/{id-D0EG-hya.js → id-DYinFjLQ.js} +33 -6
  143. package/dist/id-back-of-card-C7Au2tqk.js +71 -0
  144. package/dist/id-back-of-card-vertical-CtQBFw8w.js +74 -0
  145. package/dist/id-front-of-card-BmHL_keG.js +305 -0
  146. package/dist/id-front-of-card-vertical-DkNUn2Vx.js +253 -0
  147. package/dist/id-ocr/styles.css +1 -55
  148. package/dist/id-ocr/styles.css.js +1 -1
  149. package/dist/id-selfie-flow/id-selfie-flow.es.js +12 -9
  150. package/dist/id-selfie-flow/styles.css +1 -780
  151. package/dist/id-verification/id-verification.es.js +6 -5
  152. package/dist/{idOcr-66OmIUeD.js → idOcr-DN1gTAJ7.js} +12 -11
  153. package/dist/identity-reuse/identity-reuse.es.js +167 -139
  154. package/dist/identity-reuse/styles.css +1 -216
  155. package/dist/incode-logo-DIujvtwd.js +341 -0
  156. package/dist/{incodeComponent--XJZ07QN.js → incodeComponent-WXvcRKkM.js} +147 -269
  157. package/dist/incodeModule-DsWO19Nv.js +68 -0
  158. package/dist/index.es.js +4 -3
  159. package/dist/{inputComposed-ByIWAPSr.js → inputComposed-D-WVQEpg.js} +2 -2
  160. package/dist/inputComposed-Dca8NJxF.js +1 -0
  161. package/dist/{it-DWY7_sYa.js → it-pBVnbw9L.js} +34 -7
  162. package/dist/{ja-z6DqLSKX.js → ja-BtG6-Vh2.js} +33 -6
  163. package/dist/{ja-JP-DvHAizEm.js → ja-JP-CuWo_Mj3.js} +33 -6
  164. package/dist/{jv-CkRJjzon.js → jv-BT_G8rCL.js} +33 -6
  165. package/dist/{ka-BvgWMiTW.js → ka-WxIHXEYK.js} +33 -6
  166. package/dist/{kk-BAYGOXZ1.js → kk-qwv1f2i0.js} +33 -6
  167. package/dist/{km-Bn1-UMaR.js → km-CMxgTPm2.js} +40 -13
  168. package/dist/{ko-CtAqOkND.js → ko-ByRDnTNU.js} +33 -6
  169. package/dist/{ko-KP-kVzak00f.js → ko-KP-DT8OH4nm.js} +33 -6
  170. package/dist/{ky-Cegtfua2.js → ky-DrRlDMWB.js} +33 -6
  171. package/dist/{lo-DtW4luOG.js → lo-CazQUHLa.js} +33 -6
  172. package/dist/{lt-CnaDc_UD.js → lt-CBMtCNcX.js} +33 -6
  173. package/dist/{lv-SBquFvpr.js → lv-QLEUT4Fk.js} +33 -6
  174. package/dist/{mandatoryConsent-BMvNiuiY.js → mandatoryConsent-B8JxEysm.js} +8 -6
  175. package/dist/{manualCaptureButton-6HOiu1ud.js → manualCaptureButton-CortdhZS.js} +5 -5
  176. package/dist/{manualCaptureButton-CI-lIiuA.js → manualCaptureButton-XLjthVmp.js} +43 -34
  177. package/dist/{mk-Bym8Rbmu.js → mk-DDDwwQ8b.js} +33 -6
  178. package/dist/{mn-C-EiXg08.js → mn-CKxduUYN.js} +33 -6
  179. package/dist/{ms-k_GCoKmE.js → ms-CFER5NeU.js} +33 -6
  180. package/dist/{my-v5GqdpqS.js → my-mmwQAfjf.js} +33 -6
  181. package/dist/{nb-NO-Ca1WyJtF.js → nb-NO-CGgKs8rj.js} +33 -6
  182. package/dist/{ne-DZ1xJQOA.js → ne-BJqy-qcj.js} +33 -6
  183. package/dist/{nl-DsWJVGHj.js → nl-DJr6e9c-.js} +33 -6
  184. package/dist/{optionAccessibleLabel-CkP9Zu6D.js → optionAccessibleLabel-Da2eL5BH.js} +5 -5
  185. package/dist/{otpInput-CmcE2rnQ.js → otpInput-DhyZLO7E.js} +6 -6
  186. package/dist/page-BksTT2IT.js +299 -0
  187. package/dist/{passport-horizontal-hint-6Ghn2EEN.js → passport-horizontal-hint-DgNc6F0-.js} +48 -49
  188. package/dist/{passport-vertical-hint-UPFFpdf4.js → passport-vertical-hint-B-toVsfT.js} +42 -42
  189. package/dist/{passwordInputComposed-DkHtXfpN.js → passwordInputComposed-DUuchiG5.js} +4 -4
  190. package/dist/{pdf-CFubyG0B.js → pdf-BKHLi5Ac.js} +2 -2
  191. package/dist/pdf.worker.min-BM1b2w9V.js +4 -0
  192. package/dist/pdfViewer-DI6ftHlp.js +2 -0
  193. package/dist/pdfViewer-jx6A8s9-.js +154 -0
  194. package/dist/{permissions-D85sVpRH.js → permissions-CSwqOb8W.js} +41 -14
  195. package/dist/phone/phone.es.js +9 -8
  196. package/dist/phone/styles.css +1 -10
  197. package/dist/phone/styles.css.js +1 -1
  198. package/dist/phoneInputComposed-B-rmar65.js +249 -0
  199. package/dist/{pl-B32zvfat.js → pl-eSIxcu-k.js} +33 -6
  200. package/dist/policyUrls-B3M8nLRh.js +7 -0
  201. package/dist/{processing-DB6ZtByy.js → processing-DXSGB91D.js} +1 -1
  202. package/dist/progressBar-CFcaF74Q.js +27 -0
  203. package/dist/{pt-BR-CZSBmrhf.js → pt-BR-CJA5ZG6e.js} +33 -6
  204. package/dist/{pt-CI9A94gT.js → pt-CmJV-wZ-.js} +33 -6
  205. package/dist/{pt-PT-dD8X7Uk-.js → pt-PT-BFdqErGN.js} +33 -6
  206. package/dist/{spacer-Csi6kZZI.js → purify.es-0fCPkEV1.js} +2 -740
  207. package/dist/qe-signature/qe-signature.es.js +3 -3
  208. package/dist/radioGroupComposed-BDYikM_v.js +1 -0
  209. package/dist/{radioGroupComposed-BKEEwEPO.js → radioGroupComposed-CP8O7fH0.js} +2 -2
  210. package/dist/redirect-to-mobile/redirect-to-mobile.es.js +116 -13
  211. package/dist/redirect-to-mobile/styles.css +1 -323
  212. package/dist/redirect-to-mobile/styles.css.js +1 -1
  213. package/dist/reload-icon-elAFo9-k.js +70 -0
  214. package/dist/{resendTimer-QICiM2K0.js → resendTimer-B57abKjj.js} +1 -1
  215. package/dist/{richText-2CpStx6w.js → richText-aCnLd3j2.js} +2 -2
  216. package/dist/{ro-9pJ4k0ri.js → ro-CWG17Pwq.js} +33 -6
  217. package/dist/{ru-RU-Bbq_NDQg.js → ru-RU-B92HlMCp.js} +33 -6
  218. package/dist/{ru-DU8F6ner.js → ru-ax21b71G.js} +33 -6
  219. package/dist/sanitizeSvg-BC-qLUgS.js +35 -0
  220. package/dist/selfie/selfie.es.js +9 -184
  221. package/dist/selfie/styles.css +1 -501
  222. package/dist/selfie/styles.css.js +1 -1
  223. package/dist/signature/signature.es.js +8 -7
  224. package/dist/signature/styles.css +1 -116
  225. package/dist/signature/styles.css.js +1 -1
  226. package/dist/{sk-COjINm80.js → sk-Ds3au8Jk.js} +35 -8
  227. package/dist/{sl-BHEN5hgb.js → sl-B6IDJen8.js} +33 -6
  228. package/dist/{smsTabContent-6ehe5Tx-.js → smsTabContent-BlG83kTA.js} +6 -7
  229. package/dist/{so-BK_1PgA0.js → so-YhVExrIs.js} +33 -6
  230. package/dist/spacer-CkjGrKvv.js +741 -0
  231. package/dist/{spinner-C9D0Usrj.js → spinner-ceW7fzMV.js} +2 -2
  232. package/dist/{sr-CXHt_PCR.js → sr-DHyxTTRS.js} +33 -6
  233. package/dist/{sr-Latn-BBXL4zhk.js → sr-Latn-DVXk3-Ar.js} +40 -13
  234. package/dist/{sr-YU-D3DxWT8Q.js → sr-YU-A98YyASK.js} +33 -6
  235. package/dist/{statusPage-BbOa8Zsp.js → statusPage-DcunZz7q.js} +3 -3
  236. package/dist/{sv-SE-B6_0mJU7.js → sv-SE-BKSmMaSz.js} +33 -6
  237. package/dist/{sw-BUZuOFDH.js → sw-BlrxyPqO.js} +33 -6
  238. package/dist/{th-DZN2Iv8L.js → th-Bwohp3kt.js} +33 -6
  239. package/dist/{th-TH-B5S1TAOp.js → th-TH-CJpVz2u5.js} +33 -6
  240. package/dist/themes/dark.css +1 -1537
  241. package/dist/themes/light.css +1 -1413
  242. package/dist/{tl-DO_ExzG4.js → tl-D-896paK.js} +33 -6
  243. package/dist/{tl-PH-CbqgynTp.js → tl-PH-CpeFjacJ.js} +33 -6
  244. package/dist/{tr-DuzhV6aC.js → tr-UpF9aXXo.js} +34 -7
  245. package/dist/transitionSpinner-t_urdfwD.js +76 -0
  246. package/dist/{tutorial-CGHCyHq1.js → tutorial-Hoic1tQU.js} +14 -18
  247. package/dist/types/ae-signature.d.ts +27 -5
  248. package/dist/types/antifraud.d.ts +27 -5
  249. package/dist/types/authentication.d.ts +27 -5
  250. package/dist/types/certificate-issuance.d.ts +27 -5
  251. package/dist/types/consent.d.ts +27 -3
  252. package/dist/types/cross-document-data-match.d.ts +32 -2
  253. package/dist/types/curp-validation.d.ts +27 -5
  254. package/dist/types/document-capture.d.ts +32 -2
  255. package/dist/types/dynamic-forms.d.ts +27 -5
  256. package/dist/types/ekyb.d.ts +32 -2
  257. package/dist/types/ekyc.d.ts +32 -2
  258. package/dist/types/electronic-signature.d.ts +27 -5
  259. package/dist/types/email.d.ts +27 -3
  260. package/dist/types/extensibility.d.ts +135 -27
  261. package/dist/types/face-match.d.ts +32 -2
  262. package/dist/types/field-comparison.d.ts +32 -2
  263. package/dist/types/fiscal-qr.d.ts +27 -3
  264. package/dist/types/flow.d.ts +27 -3
  265. package/dist/types/geolocation.d.ts +27 -3
  266. package/dist/types/government-validation.d.ts +32 -2
  267. package/dist/types/id-selfie-flow.d.ts +27 -14
  268. package/dist/types/id-verification.d.ts +27 -5
  269. package/dist/types/id.d.ts +27 -3
  270. package/dist/types/identity-reuse.d.ts +27 -5
  271. package/dist/types/index.d.ts +52 -1
  272. package/dist/types/phone.d.ts +27 -3
  273. package/dist/types/qe-signature.d.ts +27 -5
  274. package/dist/types/selfie.d.ts +27 -3
  275. package/dist/types/signature.d.ts +27 -5
  276. package/dist/types/video-selfie.d.ts +5 -2
  277. package/dist/types/watchlist.d.ts +27 -5
  278. package/dist/types/workflow.d.ts +50 -4
  279. package/dist/{typography-Ck7V6DNZ.js → typography-CjBuzXWX.js} +1 -1
  280. package/dist/{uiConfig-Dd7jp1PI.js → uiConfig-Bh5WEbvy.js} +256 -874
  281. package/dist/{uk-BLrKoj8p.js → uk-DsTY-qEZ.js} +33 -6
  282. package/dist/{uk-UA-D6AgqKAE.js → uk-UA-BsILxTGz.js} +33 -6
  283. package/dist/{ur-uciedoGK.js → ur-n9ZinGDJ.js} +33 -6
  284. package/dist/useCaptureHelpButton-f7JWgp_k.js +86 -0
  285. package/dist/useCoverMedia-VLw3OYN_.js +149 -0
  286. package/dist/{uz-D1RcQJml.js → uz-C-oPc-JB.js} +33 -6
  287. package/dist/{verificationResult-CMeZfcp-.js → verificationResult-M2YRY8Gb.js} +6 -6
  288. package/dist/{vi-ftDWx05b.js → vi-CwwSd-oQ.js} +33 -6
  289. package/dist/video-selfie/styles.css +1 -864
  290. package/dist/video-selfie/styles.css.js +1 -1
  291. package/dist/video-selfie/video-selfie.es.js +15 -12
  292. package/dist/watchlist/watchlist.es.js +6 -6
  293. package/dist/watchlist-for-business/styles.css +1 -17
  294. package/dist/watchlist-for-business/styles.css.js +1 -1
  295. package/dist/{watchlistForBusiness-CAVtOlvf.js → watchlistForBusiness-CAUTDAJh.js} +265 -8
  296. package/dist/{resolveApiKey-uVJm2km3.js → withEndScreenTexts-VQlYb0bU.js} +53 -25
  297. package/dist/workflow/styles.css +1 -5116
  298. package/dist/workflow/workflow.es.js +83 -28
  299. package/dist/{zh-CN-C6BX8R6-.js → zh-CN-Dc3X6PNO.js} +35 -8
  300. package/dist/{zh-CJ974_0X.js → zh-Dgdyqejo.js} +33 -6
  301. package/dist/{zh-HANT-CbCj1ENS.js → zh-HANT-BDp9XkY7.js} +33 -6
  302. package/dist/{zh-TW-DGxz1fli.js → zh-TW-QBmOmVhc.js} +33 -6
  303. package/package.json +8 -6
  304. package/dist/back-horizontal-hint-UQ7Nof6k.js +0 -137
  305. package/dist/back-vertical-hint-Crc8ybfk.js +0 -128
  306. package/dist/cameraOverlay-Dp8micQ1.js +0 -2
  307. package/dist/cameraOverlayHeader-BMfNitmC.js +0 -43
  308. package/dist/captureFooter-xMZdYH2O.js +0 -67
  309. package/dist/connectionError-BhxGYSwy.js +0 -45
  310. package/dist/countries-5e8kwG_m.js +0 -8560
  311. package/dist/dateInputComposed-DM6MXdpn.js +0 -1
  312. package/dist/denied-PJnw8fbL.js +0 -2191
  313. package/dist/documentCapture-Bcw3g1Q1.js +0 -2
  314. package/dist/dropdownComposed-C2bmup-w.js +0 -1
  315. package/dist/ekybModule-DHJWniii.js +0 -2
  316. package/dist/ekycModule-5d4qgrAk.js +0 -2
  317. package/dist/faceMatch-B7ayVA3N.js +0 -2
  318. package/dist/faceMatch-Tj39bhkm.js +0 -334
  319. package/dist/fieldComparison-75FGbygj.js +0 -2
  320. package/dist/finalSuccessScreen-ikiIjPhC.js +0 -499
  321. package/dist/front-horizontal-hint-mgovnJf3.js +0 -380
  322. package/dist/icons-DO-rf5yd.js +0 -533
  323. package/dist/id-back-of-card-B6EcmiCs.js +0 -83
  324. package/dist/id-back-of-card-vertical-B3FXhPpj.js +0 -88
  325. package/dist/id-front-of-card-V_BlLaZr.js +0 -308
  326. package/dist/id-front-of-card-vertical-CuZjL8kc.js +0 -278
  327. package/dist/incode-logo-BzJOZr3f.js +0 -4
  328. package/dist/incodeModule-n_Am6zwM.js +0 -31
  329. package/dist/inputComposed-B33LMERA.js +0 -1
  330. package/dist/modal-DNfrzKC7.js +0 -140
  331. package/dist/modal.hooks-B0Wrc9s2.js +0 -201
  332. package/dist/pdfViewer-CygtdQPU.js +0 -149
  333. package/dist/pdfViewer-Yf7ZKXLz.js +0 -2
  334. package/dist/phoneInputComposed-7i6GGW1B.js +0 -3751
  335. package/dist/radioGroupComposed-Bm3iEn-6.js +0 -1
  336. package/dist/tabs-CW12_glt.js +0 -104
  337. /package/dist/{aligndevicelottie-B12hbVhG.js → aligndevicelottie-BARt-rhe.js} +0 -0
  338. /package/dist/{back-tutorial-XdmQ0Wml.js → back-tutorial-CZrMmj1_.js} +0 -0
  339. /package/dist/{backdevicelottie-m_DOD8xE.js → backdevicelottie-CIM3ekd8.js} +0 -0
  340. /package/dist/{blurdevicelottie-DQo_hTMD.js → blurdevicelottie-BRyXfLB6.js} +0 -0
  341. /package/dist/{browser-ponyfill-ZkeBm4ji.js → browser-ponyfill-DT11p-Ob.js} +0 -0
  342. /package/dist/{defineProperty-BojnCa44.js → defineProperty-CjeJoXkx.js} +0 -0
  343. /package/dist/{flip-animation-VicedlT5.js → flip-animation-BU5LNKYx.js} +0 -0
  344. /package/dist/{frontdevicelottie-CyIerlMv.js → frontdevicelottie-arpyu_Fz.js} +0 -0
  345. /package/dist/{glaredevicelottie-QM2C6Ivp.js → glaredevicelottie-TwTFxe7h.js} +0 -0
  346. /package/dist/{id-laser-h-B0-iXcvl.js → id-laser-h-Dr-hBxrq.js} +0 -0
  347. /package/dist/{id-laser-v-Bqh6vimi.js → id-laser-v-D_r0QNY8.js} +0 -0
  348. /package/dist/{id-tutorial-IhmAzrIF.js → id-tutorial-DM9Pkfs-.js} +0 -0
  349. /package/dist/{lottie_light-CzZ3CHBk.js → lottie_light-aMg9Q9iO.js} +0 -0
  350. /package/dist/{numberedStep-C8e_uPaz.js → numberedStep-CvbL3ht2.js} +0 -0
  351. /package/dist/{passport-tutorial-61vlloJS.js → passport-tutorial-CKZZuDf_.js} +0 -0
  352. /package/dist/{registerIncodeElement-CbZczi4S.js → registerIncodeElement-D_cn4dSI.js} +0 -0
  353. /package/dist/{selfieTutorial-BRQ2QNxQ.js → selfieTutorial-Dz6lDFMn.js} +0 -0
  354. /package/dist/{useModuleLoader-DpcbSKBH.js → useModuleLoader-BdIp6TNQ.js} +0 -0
@@ -1,1692 +1,2 @@
1
1
  /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
2
- @layer properties {
3
- @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
- .IncodeComponent, .IncodeComponent *, .IncodeComponent :before, .IncodeComponent :after, .IncodeComponent ::backdrop {
5
- --tw-translate-x: 0;
6
- --tw-translate-y: 0;
7
- --tw-translate-z: 0;
8
- --tw-border-style: solid;
9
- --tw-outline-style: solid;
10
- --tw-duration: initial;
11
- }
12
- }
13
- }
14
-
15
- .IncodeSrOnly {
16
- clip-path: inset(50%);
17
- white-space: nowrap;
18
- border-width: 0;
19
- width: 1px;
20
- height: 1px;
21
- margin: -1px;
22
- padding: 0;
23
- position: absolute;
24
- overflow: hidden;
25
- }
26
-
27
- .IncodeAgeVerificationPage .IncodePageInner {
28
- padding-top: var(--spacing-8, var(--spacing-8, 8px));
29
- padding-bottom: var(--spacing-16, var(--spacing-16, 16px));
30
- }
31
-
32
- .IncodeAgeVerificationPage .IncodePageHeader {
33
- height: var(--page-header-height);
34
- min-height: var(--page-header-height);
35
- }
36
-
37
- .IncodeAgeVerificationPage .IncodePageLogo {
38
- height: var(--age-verification-logo-height);
39
- }
40
-
41
- .IncodeAgeVerificationPage .IncodePageTitleContainer {
42
- max-width: none;
43
- }
44
-
45
- .IncodeAgeVerificationPage .IncodePageContent {
46
- justify-content: center;
47
- }
48
-
49
- .IncodeAgeVerificationPage .IncodePageFooter {
50
- padding-top: var(--spacing-12, var(--spacing-12, 12px));
51
- padding-bottom: var(--spacing-0, var(--spacing-none, 0px));
52
- }
53
-
54
- .IncodeAgeVerificationPage .IncodeAgeVerificationContent {
55
- justify-content: space-between;
56
- align-items: center;
57
- gap: var(--spacing-16, var(--spacing-16, 16px));
58
- flex-direction: column;
59
- flex: 1;
60
- display: flex;
61
- }
62
-
63
- .IncodeAgeVerificationPage .IncodeAgeVerificationList {
64
- width: 100%;
65
- max-width: var(--incode-form-max-w);
66
- justify-content: center;
67
- gap: var(--spacing-16, var(--spacing-16, 16px));
68
- padding: var(--spacing-0, var(--spacing-none, 0px));
69
- flex-direction: column;
70
- flex: 1;
71
- margin-inline: auto;
72
- list-style-type: none;
73
- display: flex;
74
- }
75
-
76
- .IncodeAgeVerificationPage .IncodeAgeVerificationItem {
77
- align-items: center;
78
- gap: var(--spacing-16, var(--spacing-16, 16px));
79
- display: flex;
80
- }
81
-
82
- .IncodeAgeVerificationPage .IncodeAgeVerificationIcon {
83
- height: var(--spacing-64, var(--spacing-64, 64px));
84
- width: var(--spacing-96, var(--spacing-96, 96px));
85
- flex-shrink: 0;
86
- justify-content: center;
87
- align-items: center;
88
- display: flex;
89
- }
90
-
91
- .IncodeAgeVerificationPage .IncodeAgeVerificationIcon img {
92
- width: 100%;
93
- height: 100%;
94
- }
95
-
96
- .IncodeAgeVerificationPage .IncodeAgeVerificationText {
97
- font-family: var(--typography-headline-family);
98
- font-size: var(--typography-headline-h5-size);
99
- font-weight: var(--typography-headline-h5-weight);
100
- line-height: var(--typography-headline-h5-line-height);
101
- letter-spacing: var(--typography-headline-h5-letter-spacing);
102
- color: var(--color-text-body-primary, var(--text-body-800-primary));
103
- flex: 1;
104
- }
105
-
106
- .IncodeAgeVerificationPage .IncodeAgeVerificationButton {
107
- width: 100%;
108
- max-width: var(--incode-form-max-w);
109
- margin-inline: auto;
110
- }
111
-
112
- .IncodeIdTutorial .IncodePageTitleContainer {
113
- padding-block: var(--spacing-16, var(--spacing-16, 16px));
114
- }
115
-
116
- .IncodeIdTutorial .IncodeBaseTutorialContainer {
117
- margin: calc(var(--spacing-24, var(--spacing-24, 24px)) * -1);
118
- }
119
-
120
- .IncodeIdTutorial .IncodeBaseTutorialAnimationContainer {
121
- padding: var(--spacing-0, var(--spacing-none, 0px));
122
- }
123
-
124
- .IncodeFlipAnimation {
125
- background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
126
- height: 100%;
127
- padding: var(--spacing-24, var(--spacing-24, 24px));
128
- flex-direction: column;
129
- justify-content: center;
130
- align-items: center;
131
- display: flex;
132
- }
133
-
134
- .IncodeIdFlipCardPage .IncodePageInner {
135
- padding: var(--spacing-0, var(--spacing-none, 0px));
136
- }
137
-
138
- .IncodeIdFlipCardLayout {
139
- width: 100%;
140
- height: 100%;
141
- padding: var(--spacing-24, var(--spacing-24, 24px));
142
- background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
143
- flex-direction: column;
144
- justify-content: center;
145
- align-items: center;
146
- display: flex;
147
- }
148
-
149
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent {
150
- z-index: 10;
151
- flex-direction: column;
152
- align-items: center;
153
- width: 100%;
154
- height: 100%;
155
- display: flex;
156
- }
157
-
158
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardTopArea {
159
- justify-content: flex-end;
160
- align-items: center;
161
- gap: var(--spacing-24, var(--spacing-24, 24px));
162
- padding-bottom: var(--spacing-40, var(--spacing-40, 40px));
163
- z-index: 10;
164
- flex-direction: column;
165
- flex: 1;
166
- width: 100%;
167
- display: flex;
168
- }
169
-
170
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCopy {
171
- opacity: 0;
172
- flex-direction: column;
173
- align-items: center;
174
- animation: .3s ease-out forwards incodeIdFlipCardFadeIn;
175
- display: flex;
176
- }
177
-
178
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardTitle {
179
- text-align: center;
180
- font-family: var(--typography-headline-family);
181
- font-size: var(--typography-headline-h2-size);
182
- font-weight: var(--typography-headline-h2-weight);
183
- line-height: var(--typography-headline-h2-line-height);
184
- letter-spacing: var(--typography-headline-h2-letter-spacing);
185
- color: var(--color-text-body-primary, var(--text-body-800-primary));
186
- }
187
-
188
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardSubtitle {
189
- max-width: var(--id-capture-flip-card-subtitle-max-w);
190
- text-align: center;
191
- font-family: var(--typography-headline-family);
192
- font-size: var(--typography-headline-h5-size);
193
- font-weight: var(--typography-headline-h5-weight);
194
- line-height: var(--typography-headline-h5-line-height);
195
- letter-spacing: var(--typography-headline-h5-letter-spacing);
196
- color: var(--color-text-body-secondary, var(--text-body-500-secondary));
197
- }
198
-
199
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame {
200
- overflow: hidden;
201
- }
202
-
203
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical {
204
- width: var(--id-capture-frame-vertical-width);
205
- }
206
-
207
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame.IncodeIdFlipCardFrameFlipping {
208
- --frame-border-color: var(--border-neutral-100);
209
- }
210
-
211
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardScene {
212
- perspective: 1200px;
213
- width: 100%;
214
- height: 100%;
215
- }
216
-
217
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCard {
218
- width: 100%;
219
- height: 100%;
220
- transform-style: preserve-3d;
221
- animation: 1s ease-in-out .6s forwards incodeIdFlipCardRotate;
222
- position: relative;
223
- }
224
-
225
- @media (prefers-reduced-motion: reduce) {
226
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCard {
227
- animation: none;
228
- }
229
- }
230
-
231
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace {
232
- inset: var(--spacing-0, var(--spacing-none, 0px));
233
- backface-visibility: hidden;
234
- width: 100%;
235
- height: 100%;
236
- position: absolute;
237
- }
238
-
239
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace.IncodeIdFlipCardFaceBack {
240
- transform: rotateY(180deg);
241
- }
242
-
243
- @media (prefers-reduced-motion: reduce) {
244
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace.IncodeIdFlipCardFaceBack {
245
- opacity: 0;
246
- animation: 1s ease-in-out .6s forwards incodeIdFlipCardReducedMotionFadeIn;
247
- transform: none;
248
- }
249
- }
250
-
251
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardImage {
252
- object-fit: cover;
253
- width: 100%;
254
- height: 100%;
255
- animation: 1s ease-in-out .6s forwards incodeIdFlipCardFrontFade;
256
- }
257
-
258
- @media (prefers-reduced-motion: reduce) {
259
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardImage {
260
- animation: 1s ease-in-out .6s forwards incodeIdFlipCardReducedMotionFadeOut;
261
- }
262
- }
263
-
264
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardAsset {
265
- object-fit: cover;
266
- width: 100%;
267
- height: 100%;
268
- padding: var(--spacing-4, var(--spacing-4, 4px));
269
- display: block;
270
- }
271
-
272
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardBottomArea {
273
- z-index: 10;
274
- width: 100%;
275
- max-width: var(--id-capture-bottom-area-max-w);
276
- padding-top: var(--spacing-8, var(--spacing-8, 8px));
277
- flex-direction: column;
278
- flex: 1;
279
- align-items: center;
280
- display: flex;
281
- }
282
-
283
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardBottomArea .IncodeCaptureEncryptionLabel {
284
- justify-content: center;
285
- align-items: center;
286
- gap: var(--spacing-4, var(--spacing-4, 4px));
287
- font-family: var(--typography-body-family);
288
- font-size: var(--typography-body-m-regular-size);
289
- font-weight: var(--typography-body-m-regular-weight);
290
- line-height: var(--typography-body-m-regular-line-height);
291
- letter-spacing: var(--typography-body-m-regular-letter-spacing);
292
- white-space: nowrap;
293
- color: var(--color-text-body-primary, var(--text-body-800-primary));
294
- display: flex;
295
- }
296
-
297
- @keyframes incodeIdFlipCardFadeIn {
298
- from {
299
- opacity: 0;
300
- }
301
-
302
- to {
303
- opacity: 1;
304
- }
305
- }
306
-
307
- @keyframes incodeIdFlipCardRotate {
308
- from {
309
- transform: rotateY(0);
310
- }
311
-
312
- to {
313
- transform: rotateY(180deg);
314
- }
315
- }
316
-
317
- @keyframes incodeIdFlipCardFrontFade {
318
- 0%, 20% {
319
- opacity: 1;
320
- }
321
-
322
- 50%, 100% {
323
- opacity: 0;
324
- }
325
- }
326
-
327
- @keyframes incodeIdFlipCardReducedMotionFadeIn {
328
- from {
329
- opacity: 0;
330
- }
331
-
332
- to {
333
- opacity: 1;
334
- }
335
- }
336
-
337
- @keyframes incodeIdFlipCardReducedMotionFadeOut {
338
- from {
339
- opacity: 1;
340
- }
341
-
342
- to {
343
- opacity: 0;
344
- }
345
- }
346
-
347
- .IncodeCommonIssuesFullScreen .IncodeModalDialog {
348
- max-width: none;
349
- height: 100%;
350
- max-height: none;
351
- }
352
-
353
- .IncodeCommonIssuesFullScreen .IncodeModalContent {
354
- border-radius: var(--radius-none, var(--border-radius-none));
355
- max-width: none;
356
- height: 100%;
357
- margin: auto;
358
- }
359
-
360
- .IncodeCommonIssuesContent .IncodeCommonIssuesQuestionIcon {
361
- flex-shrink: 0;
362
- }
363
-
364
- .IncodeCommonIssuesContent .IncodeCommonIssuesTitle {
365
- font-family: var(--typography-headline-family);
366
- font-size: var(--typography-headline-h2-size);
367
- font-weight: var(--typography-headline-h2-weight);
368
- line-height: var(--typography-headline-h2-line-height);
369
- letter-spacing: var(--typography-headline-h2-letter-spacing);
370
- }
371
-
372
- .IncodeCommonIssuesContent .IncodeCommonIssuesCards {
373
- width: 100%;
374
- max-width: var(--incode-form-max-w);
375
- gap: var(--spacing-32, var(--spacing-32, 32px));
376
- padding-block: var(--spacing-16, var(--spacing-16, 16px));
377
- flex-direction: column;
378
- display: flex;
379
- }
380
-
381
- .IncodeCommonIssuesContent .IncodeCommonIssuesCard {
382
- align-items: flex-start;
383
- gap: var(--spacing-16, var(--spacing-16, 16px));
384
- display: flex;
385
- }
386
-
387
- .IncodeCommonIssuesContent .IncodeCommonIssuesCardIcon {
388
- color: var(--color-text-body-primary, var(--text-body-800-primary));
389
- flex-shrink: 0;
390
- }
391
-
392
- .IncodeCommonIssuesContent .IncodeCommonIssuesCardText {
393
- gap: var(--spacing-4, var(--spacing-4, 4px));
394
- flex-direction: column;
395
- display: flex;
396
- }
397
-
398
- .IncodeCommonIssuesContent .IncodeCommonIssuesCardTitle {
399
- font-family: var(--typography-headline-family);
400
- font-size: var(--typography-headline-h5-size);
401
- font-weight: var(--typography-headline-h5-weight);
402
- line-height: var(--typography-headline-h5-line-height);
403
- letter-spacing: var(--typography-headline-h5-letter-spacing);
404
- }
405
-
406
- .IncodeCommonIssuesContent .IncodeCommonIssuesCardBody {
407
- font-family: var(--typography-body-family);
408
- font-size: var(--typography-body-m-regular-size);
409
- font-weight: var(--typography-body-m-regular-weight);
410
- line-height: var(--typography-body-m-regular-line-height);
411
- letter-spacing: var(--typography-body-m-regular-letter-spacing);
412
- color: var(--color-text-body-secondary, var(--text-body-500-secondary));
413
- }
414
-
415
- .IncodeCommonIssuesContent .IncodeCommonIssuesButtons {
416
- margin-top: auto;
417
- }
418
-
419
- .IncodeCommonIssuesContent .IncodeCommonIssuesTakeManually {
420
- color: var(--color-text-body-primary, var(--text-body-800-primary));
421
- }
422
-
423
- .IncodeCommonIssuesContent .IncodeCommonIssuesTryAgain {
424
- width: 100%;
425
- }
426
-
427
- .IncodeChooserPage .IncodePageContent {
428
- padding-bottom: var(--spacing-16, var(--spacing-16, 16px));
429
- }
430
-
431
- .IncodeChooserPage .IncodePageTitle {
432
- max-width: var(--incode-form-max);
433
- }
434
-
435
- .IncodeChooserPage .IncodeChooserContainer {
436
- flex-direction: column;
437
- align-items: center;
438
- width: 100%;
439
- margin-top: auto;
440
- display: flex;
441
- }
442
-
443
- .IncodeCaptureFrame {
444
- border-radius: var(--radius-medium, var(--border-radius-medium));
445
- --frame-border-color: var(--border-neutral-100);
446
- border: var(--id-capture-frame-border-width) solid var(--frame-border-color);
447
- justify-content: center;
448
- align-self: center;
449
- align-items: center;
450
- transition: max-width .3s ease-out, border-color .3s ease-out;
451
- display: flex;
452
- position: relative;
453
- }
454
-
455
- .IncodeCaptureFrame.IncodeCaptureFrameHorizontal {
456
- width: 100%;
457
- max-width: var(--id-capture-frame-horizontal-max-width);
458
- aspect-ratio: 35 / 22;
459
- }
460
-
461
- .IncodeCaptureFrame.IncodeCaptureFrameVertical {
462
- width: 100%;
463
- max-width: var(--id-capture-frame-vertical-max-width);
464
- aspect-ratio: 22 / 35;
465
- }
466
-
467
- .IncodeCaptureFrame.IncodeCaptureFramePassport.IncodeCaptureFrameHorizontal {
468
- aspect-ratio: 42 / 30;
469
- }
470
-
471
- .IncodeCaptureFrame.IncodeCaptureFramePassport.IncodeCaptureFrameVertical {
472
- aspect-ratio: 30 / 42;
473
- }
474
-
475
- .IncodeCaptureFrame.IncodeCaptureFrameIdle {
476
- --frame-border-color: var(--border-neutral-100);
477
- }
478
-
479
- .IncodeCaptureFrame.IncodeCaptureFrameCapturing, .IncodeCaptureFrame.IncodeCaptureFrameFocus {
480
- --frame-border-color: var(--border-brand-500);
481
- }
482
-
483
- .IncodeCaptureFrame.IncodeCaptureFrameAnalyzing, .IncodeCaptureFrame.IncodeCaptureFrameSuccess {
484
- --frame-border-color: var(--border-status-positive-static);
485
- }
486
-
487
- .IncodeCaptureFrame.IncodeCaptureFrameError {
488
- --frame-border-color: var(--border-status-negative);
489
- }
490
-
491
- .IncodeIdCaptureStage {
492
- width: 100%;
493
- height: 100%;
494
- position: relative;
495
- }
496
-
497
- .IncodeIdCaptureStage > * {
498
- inset: var(--spacing-0, var(--spacing-none, 0px));
499
- position: absolute;
500
- }
501
-
502
- .IncodeIdCaptureStage > .IncodeIdCaptureStageResultExiting {
503
- animation: incodeIdCaptureResultCrossfadeOut var(--id-capture-result-crossfade-duration) linear forwards;
504
- pointer-events: none;
505
- }
506
-
507
- @media (prefers-reduced-motion: reduce) {
508
- .IncodeIdCaptureStage > .IncodeIdCaptureStageResultExiting {
509
- animation-duration: 1ms;
510
- }
511
- }
512
-
513
- .IncodeIdCaptureStage > .IncodeIdCaptureStageResultEntering {
514
- animation: incodeIdCaptureResultCrossfadeIn var(--id-capture-result-crossfade-duration) linear forwards;
515
- pointer-events: none;
516
- }
517
-
518
- @media (prefers-reduced-motion: reduce) {
519
- .IncodeIdCaptureStage > .IncodeIdCaptureStageResultEntering {
520
- animation-duration: 1ms;
521
- }
522
- }
523
-
524
- .IncodeIdCapturePage {
525
- background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));
526
- }
527
-
528
- @media (min-width: 48rem) {
529
- .IncodeIdCapturePage {
530
- background-color: var(--capture-page-backdrop-color);
531
- }
532
- }
533
-
534
- .IncodeIdCapturePage .IncodePageInner {
535
- padding: var(--spacing-0, var(--spacing-none, 0px));
536
- }
537
-
538
- .IncodeIdCapturePage .IncodePageContent {
539
- flex: 1;
540
- position: relative;
541
- }
542
-
543
- .IncodeIdCapturePage .IncodeCaptureInitializing {
544
- height: 100%;
545
- color: var(--color-text-body-0, var(--text-body-0-static));
546
- flex-direction: column;
547
- justify-content: center;
548
- align-items: center;
549
- display: flex;
550
- }
551
-
552
- .IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo {
553
- pointer-events: none;
554
- inset: var(--spacing-0, var(--spacing-none, 0px));
555
- position: absolute;
556
- }
557
-
558
- .IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo.IncodeCaptureVideoLoading {
559
- opacity: 0;
560
- }
561
-
562
- .IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo .IncodeCaptureVideoElement {
563
- inset: var(--spacing-0, var(--spacing-none, 0px));
564
- object-fit: cover;
565
- width: 100%;
566
- max-width: 100%;
567
- height: 100%;
568
- position: absolute;
569
- }
570
-
571
- .IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureOverlay {
572
- pointer-events: none;
573
- justify-content: center;
574
- align-items: center;
575
- display: flex;
576
- }
577
-
578
- .IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureButton {
579
- border-radius: var(--radius-button-primary, var(--button-primary-border-radius));
580
- padding-inline: var(--spacing-24, var(--spacing-24, 24px));
581
- padding-block: var(--spacing-12, var(--spacing-12, 12px));
582
- background-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
583
- color: var(--color-button-primary-text-default, var(--button-primary-text-default));
584
- }
585
-
586
- .IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureInitializing {
587
- height: 100%;
588
- color: var(--color-text-body-0, var(--text-body-0-static));
589
- flex-direction: column;
590
- justify-content: center;
591
- align-items: center;
592
- display: flex;
593
- }
594
-
595
- .IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureInitializing .IncodeCaptureInitializingText {
596
- margin-top: var(--spacing-16, var(--spacing-16, 16px));
597
- }
598
-
599
- .IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureUploading, .IncodeIdCapturePage .IncodeCaptureUploading {
600
- height: 100%;
601
- color: var(--color-text-body-0, var(--text-body-0-static));
602
- flex-direction: column;
603
- justify-content: center;
604
- align-items: center;
605
- display: flex;
606
- }
607
-
608
- @keyframes incodeIdCaptureResultCrossfadeOut {
609
- from {
610
- opacity: 1;
611
- }
612
-
613
- to {
614
- opacity: 0;
615
- }
616
- }
617
-
618
- @keyframes incodeIdCaptureResultCrossfadeIn {
619
- from {
620
- opacity: 0;
621
- }
622
-
623
- to {
624
- opacity: 1;
625
- }
626
- }
627
-
628
- .IncodeCaptureOverlayId {
629
- padding: var(--spacing-24, var(--spacing-24, 24px));
630
- align-items: center;
631
- }
632
-
633
- .IncodeCaptureOverlayId .IncodeCaptureTopSection {
634
- justify-content: flex-end;
635
- align-items: center;
636
- gap: var(--spacing-24, var(--spacing-24, 24px));
637
- padding-bottom: var(--spacing-40, var(--spacing-40, 40px));
638
- z-index: 10;
639
- flex-direction: column;
640
- flex: 1;
641
- display: flex;
642
- }
643
-
644
- .IncodeCaptureOverlayId .IncodeCaptureTopSection .IncodeCameraOverlayHeader {
645
- padding-inline: var(--spacing-16, var(--spacing-16, 16px));
646
- padding-top: var(--spacing-16, var(--spacing-16, 16px));
647
- }
648
-
649
- .IncodeCaptureOverlayId .IncodeCaptureFooter {
650
- flex: 1;
651
- justify-content: space-between;
652
- }
653
-
654
- .IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeCaptureFooterCaptureSection {
655
- position: relative;
656
- }
657
-
658
- .IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer {
659
- pointer-events: none;
660
- z-index: 1000;
661
- --manual-capture-tooltip-button-gap: var(--spacing-4);
662
- --manual-capture-tooltip-button-top-offset: var(--spacing-12);
663
- --manual-capture-tooltip-button-center-offset: calc(var(--spacing-32) + var(--manual-capture-tooltip-button-gap));
664
- width: max-content;
665
- left: 50%;
666
- bottom: calc(100% - ( var(--manual-capture-tooltip-button-top-offset) - var(--manual-capture-tooltip-button-gap) ));
667
- animation: manualCaptureTooltipExit .35s ease-in var(--manual-capture-tooltip-dismiss-delay, 3.5s) forwards;
668
- justify-content: center;
669
- display: flex;
670
- position: absolute;
671
- transform: translateX(-50%);
672
- }
673
-
674
- .IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip {
675
- border-radius: var(--radius-medium, var(--border-radius-medium));
676
- background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));
677
- padding: var(--spacing-16, var(--spacing-16, 16px));
678
- animation: .5s ease-out forwards slideUp;
679
- }
680
-
681
- .IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList {
682
- margin: var(--spacing-0, var(--spacing-none, 0px));
683
- padding: var(--spacing-0, var(--spacing-none, 0px));
684
- flex-direction: column;
685
- align-items: center;
686
- list-style-type: none;
687
- display: flex;
688
- }
689
-
690
- .IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList li {
691
- margin: var(--spacing-0, var(--spacing-none, 0px));
692
- font-family: var(--typography-tooltip-family);
693
- font-size: var(--typography-tooltip-m-size);
694
- font-weight: var(--typography-tooltip-m-weight);
695
- line-height: var(--typography-tooltip-m-line-height);
696
- letter-spacing: var(--typography-tooltip-m-letter-spacing);
697
- text-wrap: nowrap;
698
- color: var(--color-text-body-0-static, var(--text-body-0-static));
699
- }
700
-
701
- .IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer.IncodeIdManualCaptureTooltipContainerSrOnly {
702
- clip-path: inset(50%);
703
- white-space: nowrap;
704
- border-width: 0;
705
- width: 1px;
706
- height: 1px;
707
- margin: -1px;
708
- padding: 0;
709
- animation: none;
710
- position: absolute;
711
- overflow: hidden;
712
- }
713
-
714
- .IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer.IncodeIdManualCaptureTooltipContainerSrOnly .IncodeIdManualCaptureTooltip {
715
- animation: none;
716
- }
717
-
718
- .IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer.IncodeIdManualCaptureTooltipContainerAutoDismiss {
719
- animation-name: manualCaptureTooltipExitAutoDismiss;
720
- }
721
-
722
- .IncodeCaptureOverlayId .IncodeCameraFrameHorizontal.IncodeCaptureFramePassport {
723
- aspect-ratio: 42 / 30;
724
- }
725
-
726
- .IncodeCaptureOverlayId .IncodeCameraFrameVertical.IncodeCaptureFramePassport {
727
- aspect-ratio: 30 / 42;
728
- }
729
-
730
- @keyframes manualCaptureTooltipExit {
731
- from {
732
- opacity: 1;
733
- transform: translateX(-50%);
734
- }
735
-
736
- to {
737
- opacity: 0;
738
- transform: translate(-50%, calc(50% + var(--manual-capture-tooltip-button-center-offset)));
739
- }
740
- }
741
-
742
- @keyframes manualCaptureTooltipExitAutoDismiss {
743
- from {
744
- opacity: 1;
745
- transform: translateX(-50%) scale(1);
746
- }
747
-
748
- to {
749
- opacity: .5;
750
- transform: translate(-50%, calc(25% + var(--manual-capture-tooltip-button-center-offset))) scale(.5);
751
- }
752
- }
753
-
754
- .IncodeIdManualCaptureButton {
755
- bottom: var(--spacing-24, var(--spacing-24, 24px));
756
- z-index: 100;
757
- --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
758
- width: 100%;
759
- translate: var(--tw-translate-x) var(--tw-translate-y);
760
- justify-content: center;
761
- align-items: center;
762
- gap: var(--spacing-4, var(--spacing-4, 4px));
763
- flex-direction: column;
764
- animation: .5s ease-out forwards slideUp;
765
- display: flex;
766
- position: absolute;
767
- left: 50%;
768
- }
769
-
770
- .IncodeIdManualCaptureButton .IncodeButtonLink {
771
- height: 100%;
772
- padding: var(--spacing-0, var(--spacing-none, 0px));
773
- color: var(--color-text-body-primary, var(--text-body-800-primary));
774
- }
775
-
776
- .IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip {
777
- border-radius: var(--radius-medium, var(--border-radius-medium));
778
- background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));
779
- padding: var(--spacing-16, var(--spacing-16, 16px));
780
- }
781
-
782
- .IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList {
783
- margin: var(--spacing-0, var(--spacing-none, 0px));
784
- padding: var(--spacing-0, var(--spacing-none, 0px));
785
- flex-direction: column;
786
- align-items: center;
787
- list-style-type: none;
788
- display: flex;
789
- }
790
-
791
- .IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList li {
792
- margin: var(--spacing-0, var(--spacing-none, 0px));
793
- font-family: var(--typography-tooltip-family);
794
- font-size: var(--typography-tooltip-m-size);
795
- font-weight: var(--typography-tooltip-m-weight);
796
- line-height: var(--typography-tooltip-m-line-height);
797
- letter-spacing: var(--typography-tooltip-m-letter-spacing);
798
- text-wrap: nowrap;
799
- color: var(--color-text-body-0-static, var(--text-body-0-static));
800
- }
801
-
802
- .IncodeIdManualCaptureButton .IncodeIdManualCaptureButtonContent .IncodeIdManualCaptureButtonButton svg {
803
- transition: filter .2s, transform .2s;
804
- }
805
-
806
- .IncodeIdManualCaptureButton .IncodeIdManualCaptureButtonContent:active svg {
807
- filter: brightness(.8);
808
- transform: scale(.95);
809
- }
810
-
811
- @keyframes slideUpAndDown {
812
- 0%, 12% {
813
- opacity: 0;
814
- transform: translateY(100%);
815
- }
816
-
817
- 24% {
818
- opacity: 1;
819
- transform: translateY(0);
820
- }
821
-
822
- 76% {
823
- opacity: 1;
824
- transform: translateY(0);
825
- }
826
-
827
- 88%, 100% {
828
- opacity: 0;
829
- transform: translateY(100%);
830
- }
831
- }
832
-
833
- .IncodeIdHint {
834
- inset: var(--spacing-0, var(--spacing-none, 0px));
835
- z-index: 10;
836
- justify-content: center;
837
- align-items: center;
838
- display: flex;
839
- position: absolute;
840
- }
841
-
842
- .IncodeIdHint .IncodeIdHintAnimated {
843
- justify-content: center;
844
- align-items: center;
845
- width: 100%;
846
- height: 100%;
847
- animation: 3s ease-in-out forwards slideUpAndDown;
848
- display: flex;
849
- position: relative;
850
- }
851
-
852
- .IncodeIdHint .IncodeIdHintAnimated .IncodeIdHintSvg {
853
- justify-content: center;
854
- align-items: center;
855
- display: flex;
856
- }
857
-
858
- .IncodeIdHint .IncodeIdHintAnimated .IncodeIdHintSvg svg {
859
- width: var(--id-capture-hint-svg-size);
860
- height: var(--id-capture-hint-svg-size);
861
- min-width: var(--id-capture-hint-svg-size);
862
- min-height: var(--id-capture-hint-svg-size);
863
- }
864
-
865
- .IncodeIdProcessingPage .IncodePageInner {
866
- padding: var(--spacing-0, var(--spacing-none, 0px));
867
- }
868
-
869
- .IncodeIdProcessingLayout {
870
- width: 100%;
871
- height: 100%;
872
- padding: var(--spacing-24, var(--spacing-24, 24px));
873
- background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
874
- flex-direction: column;
875
- justify-content: center;
876
- align-items: center;
877
- display: flex;
878
- }
879
-
880
- .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent {
881
- z-index: 10;
882
- flex-direction: column;
883
- align-items: center;
884
- width: 100%;
885
- height: 100%;
886
- display: flex;
887
- }
888
-
889
- .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingTopArea {
890
- justify-content: flex-end;
891
- align-items: center;
892
- gap: var(--spacing-24, var(--spacing-24, 24px));
893
- padding-bottom: var(--spacing-40, var(--spacing-40, 40px));
894
- z-index: 10;
895
- flex-direction: column;
896
- flex: 1;
897
- width: 100%;
898
- display: flex;
899
- }
900
-
901
- .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame {
902
- overflow: hidden;
903
- }
904
-
905
- .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical {
906
- width: var(--id-capture-frame-vertical-width);
907
- }
908
-
909
- .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical .IncodeIdProcessingOverlay {
910
- left: -25%;
911
- right: -25%;
912
- }
913
-
914
- .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingImage {
915
- background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));
916
- object-fit: cover;
917
- width: 100%;
918
- max-width: 100%;
919
- height: 100%;
920
- max-height: 100%;
921
- }
922
-
923
- .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingImage.IncodeIdProcessingImageBlurred {
924
- filter: blur(var(--id-processing-image-blur-radius));
925
- -webkit-backdrop-filter: blur(var(--id-processing-image-blur-radius));
926
- backdrop-filter: blur(var(--id-processing-image-blur-radius));
927
- }
928
-
929
- .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingOverlay {
930
- pointer-events: none;
931
- z-index: 10;
932
- justify-content: center;
933
- align-items: center;
934
- display: flex;
935
- position: absolute;
936
- inset: 0 -10%;
937
- }
938
-
939
- .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingBottomArea {
940
- width: 100%;
941
- max-width: var(--id-capture-bottom-area-max-w);
942
- padding-top: var(--spacing-8, var(--spacing-8, 8px));
943
- z-index: 10;
944
- flex-direction: column;
945
- flex: 1;
946
- justify-content: space-between;
947
- align-items: center;
948
- display: flex;
949
- }
950
-
951
- .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingBottomArea .IncodeCaptureEncryptionLabel {
952
- justify-content: center;
953
- align-items: center;
954
- gap: var(--spacing-4, var(--spacing-4, 4px));
955
- padding-bottom: var(--spacing-12, var(--spacing-12, 12px));
956
- font-family: var(--typography-body-family);
957
- font-size: var(--typography-body-m-regular-size);
958
- font-weight: var(--typography-body-m-regular-weight);
959
- line-height: var(--typography-body-m-regular-line-height);
960
- letter-spacing: var(--typography-body-m-regular-letter-spacing);
961
- white-space: nowrap;
962
- color: var(--color-text-body-primary, var(--text-body-800-primary));
963
- display: flex;
964
- }
965
-
966
- .IncodeIdProcessingLayout.IncodeIdProcessingLayoutNoImage .IncodeIdProcessingBottomArea {
967
- justify-content: flex-end;
968
- }
969
-
970
- .IncodeIdProcessingLayout .IncodeAnalyzingContent {
971
- flex-direction: column;
972
- align-items: center;
973
- display: flex;
974
- }
975
-
976
- .IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeProgressBarContainer {
977
- margin-bottom: var(--spacing-24, var(--spacing-24, 24px));
978
- }
979
-
980
- .IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle {
981
- font-family: var(--typography-headline-family);
982
- font-size: var(--typography-headline-h2-size);
983
- font-weight: var(--typography-headline-h2-weight);
984
- line-height: var(--typography-headline-h2-line-height);
985
- letter-spacing: var(--typography-headline-h2-letter-spacing);
986
- color: var(--color-text-body-primary, var(--text-body-800-primary));
987
- text-align: center;
988
- min-height: var(--typography-headline-h2-line-height);
989
- }
990
-
991
- .IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle .IncodeAnalyzingTitleText {
992
- animation: IncodeAnalyzingTitleFade var(--id-capture-analyzing-title-fade-duration) ease-out both;
993
- display: inline-block;
994
- }
995
-
996
- @media (prefers-reduced-motion: reduce) {
997
- .IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle .IncodeAnalyzingTitleText {
998
- animation-duration: 1ms;
999
- }
1000
- }
1001
-
1002
- .IncodeIdProcessingLayout .IncodeAnalyzingLottie {
1003
- width: 100%;
1004
- max-width: none;
1005
- }
1006
-
1007
- @keyframes IncodeAnalyzingTitleFade {
1008
- from {
1009
- opacity: 0;
1010
- transform: translateY(var(--id-capture-analyzing-title-fade-offset));
1011
- }
1012
-
1013
- to {
1014
- opacity: 1;
1015
- transform: none;
1016
- }
1017
- }
1018
-
1019
- .IncodeIdProcessingLayout .IncodeIdProcessingResultContent, .IncodeIdProcessingLayout .IncodeIdProcessingResultStatus {
1020
- flex-direction: column;
1021
- align-items: center;
1022
- width: 100%;
1023
- display: flex;
1024
- }
1025
-
1026
- .IncodeIdProcessingLayout .IncodeIdProcessingResultTitle {
1027
- font-family: var(--typography-headline-family);
1028
- font-size: var(--typography-headline-h2-size);
1029
- font-weight: var(--typography-headline-h2-weight);
1030
- line-height: var(--typography-headline-h2-line-height);
1031
- letter-spacing: var(--typography-headline-h2-letter-spacing);
1032
- color: var(--color-text-body-primary, var(--text-body-800-primary));
1033
- text-align: center;
1034
- }
1035
-
1036
- .IncodeIdProcessingLayout .IncodeIdProcessingResultSubtitle {
1037
- font-family: var(--typography-headline-family);
1038
- font-size: var(--typography-headline-h5-size);
1039
- font-weight: var(--typography-headline-h5-weight);
1040
- line-height: var(--typography-headline-h5-line-height);
1041
- letter-spacing: var(--typography-headline-h5-letter-spacing);
1042
- color: var(--color-text-body-secondary, var(--text-body-500-secondary));
1043
- text-align: center;
1044
- max-width: var(--incode-form-max-w);
1045
- }
1046
-
1047
- .IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainer {
1048
- margin-top: var(--spacing-24, var(--spacing-24, 24px));
1049
- gap: var(--spacing-16, var(--spacing-16, 16px));
1050
- flex-direction: column;
1051
- width: 100%;
1052
- display: flex;
1053
- }
1054
-
1055
- .IncodeIdProcessingLayout .IncodeIdProcessingResultAttempts {
1056
- padding-block: var(--spacing-12, var(--spacing-12, 12px));
1057
- text-align: center;
1058
- font-family: var(--typography-headline-family);
1059
- font-size: var(--typography-headline-h4-size);
1060
- font-weight: var(--typography-headline-h4-weight);
1061
- line-height: var(--typography-headline-h4-line-height);
1062
- letter-spacing: var(--typography-headline-h4-letter-spacing);
1063
- color: var(--color-text-body-secondary, var(--text-body-500-secondary));
1064
- }
1065
-
1066
- .IncodeIdProcessingLayout .IncodeIdProcessingResultContentExiting, .IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainerExiting {
1067
- animation: .3s ease-out forwards incodeIdProcessingResultFadeOut;
1068
- }
1069
-
1070
- @media (prefers-reduced-motion: reduce) {
1071
- .IncodeIdProcessingLayout .IncodeIdProcessingResultContentExiting, .IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainerExiting {
1072
- animation-duration: 1ms;
1073
- }
1074
- }
1075
-
1076
- @keyframes incodeIdProcessingResultFadeOut {
1077
- from {
1078
- opacity: 1;
1079
- }
1080
-
1081
- to {
1082
- opacity: 0;
1083
- }
1084
- }
1085
-
1086
- .IncodeIdError {
1087
- inset: var(--spacing-0, var(--spacing-none, 0px));
1088
- z-index: 1000;
1089
- justify-content: center;
1090
- align-items: center;
1091
- gap: var(--spacing-16, var(--spacing-16, 16px));
1092
- flex-direction: column;
1093
- width: 100%;
1094
- height: 100%;
1095
- display: flex;
1096
- position: fixed;
1097
- }
1098
-
1099
- .IncodeIdError .IncodeIdErrorMessage {
1100
- text-align: center;
1101
- font-family: var(--typography-headline-family);
1102
- font-size: var(--typography-headline-h4-size);
1103
- font-weight: var(--typography-headline-h4-weight);
1104
- line-height: var(--typography-headline-h4-line-height);
1105
- letter-spacing: var(--typography-headline-h4-letter-spacing);
1106
- color: var(--color-text-body-0, var(--text-body-0-static));
1107
- max-width: var(--incode-form-max-w);
1108
- margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
1109
- }
1110
-
1111
- .IncodeIdNoAttemptsContent {
1112
- padding-inline: var(--spacing-20, var(--spacing-20, 20px));
1113
- max-height: var(--id-no-attempts-content-max-h);
1114
- max-width: var(--id-no-attempts-content-max-w);
1115
- flex-direction: column;
1116
- flex: 1;
1117
- justify-content: center;
1118
- align-items: center;
1119
- margin: auto;
1120
- display: flex;
1121
- }
1122
-
1123
- .IncodeIdNoAttemptsContent .IncodeIdNoAttemptsIcon {
1124
- margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
1125
- }
1126
-
1127
- .IncodeIdNoAttemptsContent .IncodeIdNoAttemptsTitle {
1128
- text-align: center;
1129
- color: var(--color-text-body-primary, var(--text-body-800-primary));
1130
- }
1131
-
1132
- .IncodeIdNoAttemptsContent .IncodeIdNoAttemptsSubtitle {
1133
- font-family: var(--typography-headline-family);
1134
- font-size: var(--typography-headline-h5-size);
1135
- font-weight: var(--typography-headline-h5-weight);
1136
- line-height: var(--typography-headline-h5-line-height);
1137
- letter-spacing: var(--typography-headline-h5-letter-spacing);
1138
- color: var(--color-text-body-secondary, var(--text-body-500-secondary));
1139
- text-align: center;
1140
- max-width: var(--incode-form-max-w);
1141
- }
1142
-
1143
- .IncodeIdNoAttemptsContent .IncodeIdNoAttemptsButtonContainer {
1144
- bottom: var(--spacing-32, var(--spacing-32, 32px));
1145
- right: var(--spacing-0, var(--spacing-none, 0px));
1146
- left: var(--spacing-0, var(--spacing-none, 0px));
1147
- padding-inline: var(--spacing-24, var(--spacing-24, 24px));
1148
- justify-content: center;
1149
- display: flex;
1150
- position: absolute;
1151
- }
1152
-
1153
- .IncodeUnacceptedIdDocuments {
1154
- margin-top: var(--spacing-32, var(--spacing-32, 32px));
1155
- flex-direction: column;
1156
- align-items: center;
1157
- width: 100%;
1158
- display: flex;
1159
- }
1160
-
1161
- .IncodeUnacceptedIdDocuments .IncodeUnacceptedIdDocumentsCountry {
1162
- margin-bottom: var(--spacing-32, var(--spacing-32, 32px));
1163
- align-items: center;
1164
- gap: var(--spacing-8, var(--spacing-8, 8px));
1165
- flex-direction: column;
1166
- display: flex;
1167
- }
1168
-
1169
- .IncodeUnacceptedIdDocuments .IncodeUnacceptedIdDocumentsCountryHeading {
1170
- font-family: var(--typography-headline-family);
1171
- font-size: var(--typography-headline-h4-size);
1172
- font-weight: var(--typography-headline-h4-weight);
1173
- line-height: var(--typography-headline-h4-line-height);
1174
- letter-spacing: var(--typography-headline-h4-letter-spacing);
1175
- }
1176
-
1177
- .IncodeUnacceptedIdDocuments .IncodeUnacceptedIdDocumentsCountryLabel {
1178
- align-items: center;
1179
- gap: var(--spacing-8, var(--spacing-8, 8px));
1180
- font-family: var(--typography-headline-family);
1181
- font-size: var(--typography-headline-h3-size);
1182
- font-weight: var(--typography-headline-h3-weight);
1183
- line-height: var(--typography-headline-h3-line-height);
1184
- letter-spacing: var(--typography-headline-h3-letter-spacing);
1185
- color: var(--color-text-body-primary, var(--text-body-800-primary));
1186
- display: inline-flex;
1187
- }
1188
-
1189
- .IncodeIdCaptureNotification {
1190
- top: var(--spacing-24, var(--spacing-24, 24px));
1191
- right: var(--spacing-24, var(--spacing-24, 24px));
1192
- left: var(--spacing-24, var(--spacing-24, 24px));
1193
- z-index: 100;
1194
- max-width: var(--incode-form-max-w);
1195
- padding-bottom: var(--spacing-32, var(--spacing-32, 32px));
1196
- align-items: flex-end;
1197
- margin: auto;
1198
- display: flex;
1199
- position: absolute;
1200
- }
1201
-
1202
- .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent {
1203
- z-index: 100;
1204
- border-radius: var(--radius-large, var(--border-radius-large));
1205
- border-style: var(--tw-border-style);
1206
- border-width: 2px;
1207
- border-color: var(--color-border-neutral-300, var(--border-neutral-300));
1208
- background-color: var(--color-surface-neutral-900-80, var(--surface-neutral-900-80));
1209
- width: 100%;
1210
- padding-inline: var(--spacing-20, var(--spacing-20, 20px));
1211
- box-shadow: var(--id-capture-notification-content-shadow);
1212
- display: flex;
1213
- overflow: hidden;
1214
- }
1215
-
1216
- .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText {
1217
- justify-content: center;
1218
- gap: var(--spacing-8, var(--spacing-8, 8px));
1219
- padding-top: var(--spacing-16, var(--spacing-16, 16px));
1220
- padding-bottom: var(--spacing-12, var(--spacing-12, 12px));
1221
- text-align: center;
1222
- color: var(--color-text-body-0-static, var(--text-body-0-static));
1223
- flex-direction: column;
1224
- display: flex;
1225
- }
1226
-
1227
- .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationTitle {
1228
- font-family: var(--typography-headline-family);
1229
- font-size: var(--typography-headline-h3-size);
1230
- font-weight: var(--typography-headline-h3-weight);
1231
- line-height: var(--typography-headline-h3-line-height);
1232
- letter-spacing: var(--typography-headline-h3-letter-spacing);
1233
- }
1234
-
1235
- .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationDescription {
1236
- font-family: var(--typography-headline-family);
1237
- font-size: var(--typography-headline-h5-size);
1238
- font-weight: var(--typography-headline-h5-weight);
1239
- line-height: var(--typography-headline-h5-line-height);
1240
- letter-spacing: var(--typography-headline-h5-letter-spacing);
1241
- color: var(--color-text-body-tertiary-static, var(--text-body-300-tertiary-static));
1242
- }
1243
-
1244
- .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationAnimation {
1245
- height: var(--id-capture-notification-animation-height);
1246
- justify-content: center;
1247
- align-items: center;
1248
- width: auto;
1249
- display: flex;
1250
- }
1251
-
1252
- .IncodeManualUploadPage .IncodeManualUploadContainer {
1253
- width: 100%;
1254
- padding-block: var(--spacing-24, var(--spacing-24, 24px));
1255
- flex-direction: column;
1256
- display: flex;
1257
- }
1258
-
1259
- .IncodeManualUploadPage .IncodeManualUploadFooter {
1260
- margin-top: auto;
1261
- margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
1262
- row-gap: var(--spacing-24, var(--spacing-24, 24px));
1263
- width: 100%;
1264
- padding-top: var(--spacing-24, var(--spacing-24, 24px));
1265
- flex-direction: column;
1266
- display: flex;
1267
- }
1268
-
1269
- .IncodeManualUploadPage .IncodeManualUploadHintCard {
1270
- margin: var(--spacing-0, var(--spacing-none, 0px));
1271
- border-radius: var(--radius-x-small, var(--border-radius-x-small));
1272
- background-color: var(--color-surface-brand-50, var(--surface-brand-50));
1273
- width: 100%;
1274
- padding-block: var(--spacing-16, var(--spacing-16, 16px));
1275
- padding-right: var(--spacing-12, var(--spacing-12, 12px));
1276
- padding-left: var(--spacing-32, var(--spacing-32, 32px));
1277
- color: var(--color-text-body-primary, var(--text-body-800-primary));
1278
- list-style-type: disc;
1279
- }
1280
-
1281
- .IncodeManualUploadPage .IncodeManualUploadHintCard li {
1282
- font-family: var(--typography-button-family);
1283
- font-size: var(--typography-button-s-size);
1284
- font-weight: var(--typography-button-s-weight);
1285
- line-height: var(--typography-button-s-line-height);
1286
- letter-spacing: var(--typography-button-s-letter-spacing);
1287
- color: var(--color-text-body-primary, var(--text-body-800-primary));
1288
- }
1289
-
1290
- .IncodeManualUploadPage .IncodeManualUploadHintCard li + li {
1291
- margin-top: var(--spacing-4, var(--spacing-4, 4px));
1292
- }
1293
-
1294
- .IncodeManualUploadPage .IncodeManualUploadTabsList {
1295
- width: 100%;
1296
- padding-inline: var(--spacing-16, var(--spacing-16, 16px));
1297
- align-self: center;
1298
- display: flex;
1299
- }
1300
-
1301
- .IncodeManualUploadPage .IncodeManualUploadTabTrigger {
1302
- cursor: pointer;
1303
- border-bottom-style: var(--tw-border-style);
1304
- border-bottom-width: var(--border-width-bold, var(--primitive-border-width-2));
1305
- --tw-border-style: solid;
1306
- padding-inline: var(--spacing-12, var(--spacing-12, 12px));
1307
- padding-block: var(--spacing-16, var(--spacing-16, 16px));
1308
- text-align: center;
1309
- font-family: var(--typography-checkbox-radio-family);
1310
- font-size: var(--typography-checkbox-radio-m-size);
1311
- font-weight: var(--typography-checkbox-radio-m-weight);
1312
- line-height: var(--typography-checkbox-radio-m-line-height);
1313
- letter-spacing: var(--typography-checkbox-radio-m-letter-spacing);
1314
- color: var(--color-text-body-secondary, var(--text-body-500-secondary));
1315
- background-color: #0000;
1316
- border-style: solid;
1317
- border-color: #0000;
1318
- flex: 1;
1319
- }
1320
-
1321
- .IncodeManualUploadPage .IncodeManualUploadTabTrigger:focus-visible {
1322
- border-radius: var(--radius-x-small, var(--border-radius-x-small));
1323
- outline-style: var(--tw-outline-style);
1324
- outline-offset: 2px;
1325
- outline-width: 2px;
1326
- outline-color: var(--color-border-status-focus, var(--border-status-focus));
1327
- }
1328
-
1329
- .IncodeManualUploadPage .IncodeManualUploadTabTrigger--active {
1330
- border-bottom-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
1331
- color: var(--color-text-body-primary, var(--text-body-800-primary));
1332
- }
1333
-
1334
- .IncodeManualUploadPage .IncodeManualUploadError {
1335
- align-items: flex-start;
1336
- gap: var(--spacing-4, var(--spacing-4, 4px));
1337
- width: 100%;
1338
- font-family: var(--typography-body-family);
1339
- font-size: var(--typography-body-m-regular-size);
1340
- font-weight: var(--typography-body-m-regular-weight);
1341
- line-height: var(--typography-body-m-regular-line-height);
1342
- letter-spacing: var(--typography-body-m-regular-letter-spacing);
1343
- color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
1344
- display: flex;
1345
- }
1346
-
1347
- .IncodeManualUploadPage .IncodeManualUploadError p {
1348
- margin: var(--spacing-0, var(--spacing-none, 0px));
1349
- flex: 1;
1350
- }
1351
-
1352
- .IncodeManualUploadPage .IncodeManualUploadTab {
1353
- margin-top: var(--spacing-24, var(--spacing-24, 24px));
1354
- margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
1355
- gap: var(--spacing-16, var(--spacing-16, 16px));
1356
- flex-direction: column;
1357
- width: 100%;
1358
- display: flex;
1359
- }
1360
-
1361
- .IncodeManualUploadSlot {
1362
- cursor: pointer;
1363
- align-items: center;
1364
- gap: var(--spacing-12, var(--spacing-12, 12px));
1365
- border-radius: var(--radius-medium, var(--border-radius-medium));
1366
- border-style: var(--tw-border-style);
1367
- border-width: var(--border-width-regular, var(--primitive-border-width-1));
1368
- --tw-border-style: solid;
1369
- border-style: solid;
1370
- border-color: var(--color-border-neutral-100, var(--border-neutral-100));
1371
- background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));
1372
- width: 100%;
1373
- padding-block: var(--spacing-24, var(--spacing-24, 24px));
1374
- padding-right: var(--spacing-24, var(--spacing-24, 24px));
1375
- padding-left: var(--spacing-20, var(--spacing-20, 20px));
1376
- text-align: left;
1377
- display: flex;
1378
- }
1379
-
1380
- .IncodeManualUploadSlot .IncodeManualUploadSlotIcon {
1381
- width: var(--spacing-24, var(--spacing-24, 24px));
1382
- height: var(--spacing-24, var(--spacing-24, 24px));
1383
- flex-shrink: 0;
1384
- justify-content: center;
1385
- display: flex;
1386
- }
1387
-
1388
- .IncodeManualUploadSlot .IncodeManualUploadSlotIconHighlight {
1389
- fill: var(--color-icon-neutral-500, var(--icon-neutral-500));
1390
- }
1391
-
1392
- .IncodeManualUploadSlot .IncodeManualUploadSlotLabel {
1393
- text-overflow: ellipsis;
1394
- white-space: nowrap;
1395
- text-align: left;
1396
- font-family: var(--typography-headline-family);
1397
- font-size: var(--typography-headline-h5-size);
1398
- font-weight: var(--typography-headline-h5-weight);
1399
- line-height: var(--typography-headline-h5-line-height);
1400
- letter-spacing: var(--typography-headline-h5-letter-spacing);
1401
- color: var(--color-text-body-primary, var(--text-body-800-primary));
1402
- flex: 1;
1403
- overflow: hidden;
1404
- }
1405
-
1406
- .IncodeManualUploadSlot .IncodeManualUploadSlotAction {
1407
- border-radius: var(--radius-full, var(--border-radius-full));
1408
- background-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
1409
- padding: var(--spacing-8, var(--spacing-8, 8px));
1410
- color: var(--color-button-primary-text-default, var(--button-primary-text-default));
1411
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1412
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
1413
- transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
1414
- --tw-duration: .2s;
1415
- flex-shrink: 0;
1416
- justify-content: center;
1417
- align-items: center;
1418
- transition-duration: .2s;
1419
- display: inline-flex;
1420
- }
1421
-
1422
- .IncodeManualUploadSlot:focus-visible {
1423
- outline-style: var(--tw-outline-style);
1424
- outline-offset: 2px;
1425
- outline-width: 2px;
1426
- outline-color: var(--color-border-status-focus, var(--border-status-focus));
1427
- }
1428
-
1429
- .IncodeManualUploadSlot:hover:not(:disabled) .IncodeManualUploadSlotAction {
1430
- background-color: var(--color-button-primary-surface-hover, var(--button-primary-surface-hover));
1431
- }
1432
-
1433
- .IncodeManualUploadSlot:disabled {
1434
- cursor: not-allowed;
1435
- opacity: .5;
1436
- }
1437
-
1438
- .IncodeManualUploadSlot:disabled .IncodeManualUploadSlotAction {
1439
- background-color: var(--color-button-primary-surface-disabled, var(--button-primary-surface-disabled));
1440
- color: var(--color-button-primary-text-disabled, var(--button-primary-text-disabled));
1441
- }
1442
-
1443
- .IncodeManualUploadSlot.IncodeManualUploadSlot--uploaded .IncodeManualUploadSlotAction, .IncodeManualUploadSlot.IncodeManualUploadSlot--uploaded:hover:not(:disabled) .IncodeManualUploadSlotAction {
1444
- padding: var(--spacing-0, var(--spacing-none, 0px));
1445
- color: var(--color-surface-status-positive-500, var(--surface-status-positive-500));
1446
- background-color: #0000;
1447
- }
1448
-
1449
- .IncodeManualUploadSlot + .IncodeManualUploadSlotInput {
1450
- clip-path: inset(50%);
1451
- white-space: nowrap;
1452
- border-width: 0;
1453
- width: 1px;
1454
- height: 1px;
1455
- margin: -1px;
1456
- padding: 0;
1457
- position: absolute;
1458
- overflow: hidden;
1459
- }
1460
-
1461
- .IncodeDigitalIdUploadPage {
1462
- height: 100%;
1463
- }
1464
-
1465
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadBody {
1466
- justify-content: center;
1467
- align-items: center;
1468
- row-gap: var(--spacing-16, var(--spacing-16, 16px));
1469
- width: 100%;
1470
- height: 100%;
1471
- max-width: var(--digital-id-content-max-w);
1472
- flex-direction: column;
1473
- margin-inline: auto;
1474
- display: flex;
1475
- }
1476
-
1477
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewBody {
1478
- row-gap: var(--spacing-16, var(--spacing-16, 16px));
1479
- grid-template-columns: 1fr;
1480
- grid-template-rows: var(--spacing-24) var(--digital-id-preview-h) var(--spacing-24);
1481
- width: 100%;
1482
- height: 100%;
1483
- max-width: var(--digital-id-content-max-w);
1484
- align-content: center;
1485
- justify-items: center;
1486
- margin-inline: auto;
1487
- display: grid;
1488
- }
1489
-
1490
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreStatusZone {
1491
- justify-content: center;
1492
- align-items: center;
1493
- width: 100%;
1494
- height: 100%;
1495
- display: flex;
1496
- }
1497
-
1498
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPostCaptionZone {
1499
- justify-content: center;
1500
- align-items: flex-start;
1501
- width: 100%;
1502
- height: 100%;
1503
- display: flex;
1504
- }
1505
-
1506
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadFooter {
1507
- width: 100%;
1508
- margin-inline: auto;
1509
- margin-top: var(--spacing-24, var(--spacing-24, 24px));
1510
- margin-bottom: var(--spacing-8, var(--spacing-8, 8px));
1511
- justify-content: flex-end;
1512
- row-gap: var(--spacing-16, var(--spacing-16, 16px));
1513
- max-width: var(--digital-id-content-max-w);
1514
- min-height: var(--digital-id-footer-min-h);
1515
- flex-direction: column;
1516
- display: flex;
1517
- }
1518
-
1519
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadHiddenInput {
1520
- display: none;
1521
- }
1522
-
1523
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadTutorialIllustration {
1524
- width: 100%;
1525
- max-height: var(--digital-id-tutorial-illustration-max-h);
1526
- flex: 1;
1527
- justify-content: center;
1528
- align-items: center;
1529
- display: flex;
1530
- overflow: hidden;
1531
- }
1532
-
1533
- .IncodeDigitalIdUploadPage .IncodeUploadIdScreenImage {
1534
- height: var(--digital-id-illustration-max-h);
1535
- aspect-ratio: 191 / 266;
1536
- width: auto;
1537
- }
1538
-
1539
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewCard {
1540
- border-radius: var(--radius-medium, var(--border-radius-medium));
1541
- border-style: var(--tw-border-style);
1542
- --tw-border-style: solid;
1543
- border-style: solid;
1544
- border-width: 1px;
1545
- border-color: var(--color-border-neutral-100, var(--border-neutral-100));
1546
- background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
1547
- width: var(--digital-id-preview-w);
1548
- height: var(--digital-id-preview-h);
1549
- justify-content: center;
1550
- align-items: center;
1551
- display: flex;
1552
- overflow: hidden;
1553
- }
1554
-
1555
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadDocumentPreview {
1556
- width: var(--digital-id-preview-w);
1557
- height: var(--digital-id-preview-h);
1558
- justify-content: center;
1559
- align-items: center;
1560
- display: flex;
1561
- position: relative;
1562
- overflow: visible;
1563
- }
1564
-
1565
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadDocumentPreviewPdf {
1566
- border-radius: var(--radius-medium, var(--border-radius-medium));
1567
- border-style: var(--tw-border-style);
1568
- border-width: var(--border-width-bold, var(--primitive-border-width-2));
1569
- --tw-border-style: solid;
1570
- border-style: solid;
1571
- border-color: var(--color-border-status-positive, var(--border-status-positive-static));
1572
- object-fit: contain;
1573
- width: 100%;
1574
- height: 100%;
1575
- overflow: hidden;
1576
- }
1577
-
1578
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewPdf {
1579
- object-fit: contain;
1580
- width: 100%;
1581
- height: 100%;
1582
- }
1583
-
1584
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadFileName {
1585
- text-align: center;
1586
- font-family: var(--typography-body-family);
1587
- font-size: var(--typography-body-m-regular-size);
1588
- font-weight: var(--typography-body-m-regular-weight);
1589
- line-height: var(--typography-body-m-regular-line-height);
1590
- letter-spacing: var(--typography-body-m-regular-letter-spacing);
1591
- color: var(--color-text-body-primary, var(--text-body-800-primary));
1592
- max-width: var(--digital-id-file-name-max-w);
1593
- text-overflow: ellipsis;
1594
- white-space: nowrap;
1595
- overflow: hidden;
1596
- }
1597
-
1598
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadProgressBar .IncodeProgressBar {
1599
- border-radius: var(--radius-full, var(--border-radius-full));
1600
- background-color: var(--color-surface-neutral-200, var(--surface-neutral-200));
1601
- width: var(--digital-id-progress-bar-w);
1602
- height: var(--digital-id-progress-bar-h);
1603
- overflow: hidden;
1604
- }
1605
-
1606
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadProgressBar .IncodeProgressBarFill {
1607
- border-radius: var(--radius-full, var(--border-radius-full));
1608
- }
1609
-
1610
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadLaserOverlay {
1611
- pointer-events: none;
1612
- width: var(--digital-id-preview-w);
1613
- height: var(--digital-id-laser-h);
1614
- transform: translateX(-50%) scale(var(--digital-id-laser-scale));
1615
- position: absolute;
1616
- top: -2px;
1617
- left: 50%;
1618
- }
1619
-
1620
- @media (prefers-reduced-motion: reduce) {
1621
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadLaserOverlay {
1622
- display: none;
1623
- }
1624
- }
1625
-
1626
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadSuccessIcon {
1627
- color: var(--color-icon-status-positive, var(--icon-status-positive));
1628
- justify-content: center;
1629
- align-items: center;
1630
- display: flex;
1631
- }
1632
-
1633
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadErrorIcon {
1634
- margin-bottom: var(--spacing-8, var(--spacing-8, 8px));
1635
- color: var(--color-icon-status-negative, var(--icon-status-negative));
1636
- }
1637
-
1638
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadErrorPreview {
1639
- margin-top: var(--spacing-8, var(--spacing-8, 8px));
1640
- border-radius: var(--radius-medium, var(--border-radius-medium));
1641
- border-style: var(--tw-border-style);
1642
- --tw-border-style: solid;
1643
- border-style: solid;
1644
- border-width: 1px;
1645
- border-color: var(--color-border-status-negative, var(--border-status-negative));
1646
- padding: var(--spacing-4);
1647
- }
1648
-
1649
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadAttempts {
1650
- margin-top: var(--spacing-8, var(--spacing-8, 8px));
1651
- font-family: var(--typography-body-family);
1652
- font-size: var(--typography-body-s-regular-size);
1653
- font-weight: var(--typography-body-s-regular-weight);
1654
- line-height: var(--typography-body-s-regular-line-height);
1655
- letter-spacing: var(--typography-body-s-regular-letter-spacing);
1656
- color: var(--color-text-body-secondary, var(--text-body-500-secondary));
1657
- }
1658
-
1659
- @property --tw-translate-x {
1660
- syntax: "*";
1661
- inherits: false;
1662
- initial-value: 0;
1663
- }
1664
-
1665
- @property --tw-translate-y {
1666
- syntax: "*";
1667
- inherits: false;
1668
- initial-value: 0;
1669
- }
1670
-
1671
- @property --tw-translate-z {
1672
- syntax: "*";
1673
- inherits: false;
1674
- initial-value: 0;
1675
- }
1676
-
1677
- @property --tw-border-style {
1678
- syntax: "*";
1679
- inherits: false;
1680
- initial-value: solid;
1681
- }
1682
-
1683
- @property --tw-outline-style {
1684
- syntax: "*";
1685
- inherits: false;
1686
- initial-value: solid;
1687
- }
1688
-
1689
- @property --tw-duration {
1690
- syntax: "*";
1691
- inherits: false
1692
- }
2
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){.IncodeComponent,.IncodeComponent *,.IncodeComponent :before,.IncodeComponent :after,.IncodeComponent ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid}}}.IncodeSrOnly{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.IncodeAgeVerificationPage .IncodePageInner{padding-top:var(--spacing-8,var(--spacing-8,8px));padding-bottom:var(--spacing-16,var(--spacing-16,16px))}.IncodeAgeVerificationPage .IncodePageHeader{height:var(--page-header-height);min-height:var(--page-header-height)}.IncodeAgeVerificationPage .IncodePageLogo{height:var(--age-verification-logo-height)}.IncodeAgeVerificationPage .IncodePageTitleContainer{max-width:none}.IncodeAgeVerificationPage .IncodePageContent{justify-content:center}.IncodeAgeVerificationPage .IncodePageFooter{padding-top:var(--spacing-12,var(--spacing-12,12px));padding-bottom:var(--spacing-0,var(--spacing-none,0px))}.IncodeAgeVerificationPage .IncodeAgeVerificationContent{justify-content:space-between;align-items:center;gap:var(--spacing-16,var(--spacing-16,16px));flex-direction:column;flex:1;display:flex}.IncodeAgeVerificationPage .IncodeAgeVerificationList{width:100%;max-width:var(--incode-form-max-w);justify-content:center;gap:var(--spacing-16,var(--spacing-16,16px));padding:var(--spacing-0,var(--spacing-none,0px));flex-direction:column;flex:1;margin-inline:auto;list-style-type:none;display:flex}.IncodeAgeVerificationPage .IncodeAgeVerificationItem{align-items:center;gap:var(--spacing-16,var(--spacing-16,16px));display:flex}.IncodeAgeVerificationPage .IncodeAgeVerificationIcon{height:var(--spacing-64,var(--spacing-64,64px));width:var(--spacing-96,var(--spacing-96,96px));flex-shrink:0;justify-content:center;align-items:center;display:flex}.IncodeAgeVerificationPage .IncodeAgeVerificationIcon img{width:100%;height:100%}.IncodeAgeVerificationPage .IncodeAgeVerificationText{font-family:var(--typography-headline-family);font-size:var(--typography-headline-h5-size);font-weight:var(--typography-headline-h5-weight);line-height:var(--typography-headline-h5-line-height);letter-spacing:var(--typography-headline-h5-letter-spacing);color:var(--color-text-body-primary,var(--text-body-800-primary));flex:1}.IncodeAgeVerificationPage .IncodeAgeVerificationButton{width:100%;max-width:var(--incode-form-max-w);margin-inline:auto}.IncodeIdTutorial .IncodePageTitleContainer{padding-block:var(--spacing-16,var(--spacing-16,16px))}.IncodeIdTutorial .IncodeBaseTutorialContainer{margin:calc(var(--spacing-24,var(--spacing-24,24px)) * -1)}.IncodeIdTutorial .IncodeBaseTutorialAnimationContainer{padding:var(--spacing-0,var(--spacing-none,0px))}.IncodeFlipAnimation{background-color:var(--color-surface-neutral-0,var(--surface-neutral-0));height:100%;padding:var(--spacing-24,var(--spacing-24,24px));flex-direction:column;justify-content:center;align-items:center;display:flex}.IncodeIdFlipCardPage .IncodePageInner{padding:var(--spacing-0,var(--spacing-none,0px))}.IncodeIdFlipCardLayout{width:100%;height:100%;padding:var(--spacing-24,var(--spacing-24,24px));background-color:var(--color-surface-neutral-0,var(--surface-neutral-0));flex-direction:column;justify-content:center;align-items:center;display:flex}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent{z-index:10;flex-direction:column;align-items:center;width:100%;height:100%;display:flex}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardTopArea{justify-content:flex-end;align-items:center;gap:var(--spacing-24,var(--spacing-24,24px));padding-bottom:var(--spacing-40,var(--spacing-40,40px));z-index:10;flex-direction:column;flex:1;width:100%;display:flex}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCopy{opacity:0;flex-direction:column;align-items:center;animation:.3s ease-out forwards incodeIdFlipCardFadeIn;display:flex}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardTitle{text-align:center;font-family:var(--typography-headline-family);font-size:var(--typography-headline-h2-size);font-weight:var(--typography-headline-h2-weight);line-height:var(--typography-headline-h2-line-height);letter-spacing:var(--typography-headline-h2-letter-spacing);color:var(--color-text-body-primary,var(--text-body-800-primary))}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardSubtitle{max-width:var(--id-capture-flip-card-subtitle-max-w);text-align:center;font-family:var(--typography-headline-family);font-size:var(--typography-headline-h5-size);font-weight:var(--typography-headline-h5-weight);line-height:var(--typography-headline-h5-line-height);letter-spacing:var(--typography-headline-h5-letter-spacing);color:var(--color-text-body-secondary,var(--text-body-500-secondary))}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame{overflow:hidden}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical{width:var(--id-capture-frame-vertical-width)}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame.IncodeIdFlipCardFrameFlipping{--frame-border-color:var(--border-neutral-100)}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardScene{perspective:1200px;width:100%;height:100%}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCard{width:100%;height:100%;transform-style:preserve-3d;animation:1s ease-in-out .6s forwards incodeIdFlipCardRotate;position:relative}@media (prefers-reduced-motion:reduce){.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCard{animation:none}}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace{inset:var(--spacing-0,var(--spacing-none,0px));backface-visibility:hidden;width:100%;height:100%;position:absolute}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace.IncodeIdFlipCardFaceBack{transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace.IncodeIdFlipCardFaceBack{opacity:0;animation:1s ease-in-out .6s forwards incodeIdFlipCardReducedMotionFadeIn;transform:none}}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardImage{object-fit:cover;width:100%;height:100%;animation:1s ease-in-out .6s forwards incodeIdFlipCardFrontFade}@media (prefers-reduced-motion:reduce){.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardImage{animation:1s ease-in-out .6s forwards incodeIdFlipCardReducedMotionFadeOut}}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardAsset{object-fit:cover;width:100%;height:100%;padding:var(--spacing-4,var(--spacing-4,4px));display:block}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardBottomArea{z-index:10;width:100%;max-width:var(--id-capture-bottom-area-max-w);padding-top:var(--spacing-8,var(--spacing-8,8px));flex-direction:column;flex:1;align-items:center;display:flex}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardBottomArea .IncodeCaptureEncryptionLabel{justify-content:center;align-items:center;gap:var(--spacing-4,var(--spacing-4,4px));font-family:var(--typography-body-family);font-size:var(--typography-body-m-regular-size);font-weight:var(--typography-body-m-regular-weight);line-height:var(--typography-body-m-regular-line-height);letter-spacing:var(--typography-body-m-regular-letter-spacing);white-space:nowrap;color:var(--color-text-body-primary,var(--text-body-800-primary));display:flex}@keyframes incodeIdFlipCardFadeIn{0%{opacity:0}to{opacity:1}}@keyframes incodeIdFlipCardRotate{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes incodeIdFlipCardFrontFade{0%,20%{opacity:1}50%,to{opacity:0}}@keyframes incodeIdFlipCardReducedMotionFadeIn{0%{opacity:0}to{opacity:1}}@keyframes incodeIdFlipCardReducedMotionFadeOut{0%{opacity:1}to{opacity:0}}.IncodeCommonIssuesFullScreen .IncodeModalDialog{max-width:none;height:100%;max-height:none}.IncodeCommonIssuesFullScreen .IncodeModalContent{border-radius:var(--radius-none,var(--border-radius-none));max-width:none;height:100%;margin:auto}.IncodeCommonIssuesContent .IncodeCommonIssuesQuestionIcon{flex-shrink:0}.IncodeCommonIssuesContent .IncodeCommonIssuesTitle{font-family:var(--typography-headline-family);font-size:var(--typography-headline-h2-size);font-weight:var(--typography-headline-h2-weight);line-height:var(--typography-headline-h2-line-height);letter-spacing:var(--typography-headline-h2-letter-spacing)}.IncodeCommonIssuesContent .IncodeCommonIssuesCards{width:100%;max-width:var(--incode-form-max-w);gap:var(--spacing-32,var(--spacing-32,32px));padding-block:var(--spacing-16,var(--spacing-16,16px));flex-direction:column;display:flex}.IncodeCommonIssuesContent .IncodeCommonIssuesCard{align-items:flex-start;gap:var(--spacing-16,var(--spacing-16,16px));display:flex}.IncodeCommonIssuesContent .IncodeCommonIssuesCardIcon{color:var(--color-text-body-primary,var(--text-body-800-primary));flex-shrink:0}.IncodeCommonIssuesContent .IncodeCommonIssuesCardText{gap:var(--spacing-4,var(--spacing-4,4px));flex-direction:column;display:flex}.IncodeCommonIssuesContent .IncodeCommonIssuesCardTitle{font-family:var(--typography-headline-family);font-size:var(--typography-headline-h5-size);font-weight:var(--typography-headline-h5-weight);line-height:var(--typography-headline-h5-line-height);letter-spacing:var(--typography-headline-h5-letter-spacing)}.IncodeCommonIssuesContent .IncodeCommonIssuesCardBody{font-family:var(--typography-body-family);font-size:var(--typography-body-m-regular-size);font-weight:var(--typography-body-m-regular-weight);line-height:var(--typography-body-m-regular-line-height);letter-spacing:var(--typography-body-m-regular-letter-spacing);color:var(--color-text-body-secondary,var(--text-body-500-secondary))}.IncodeCommonIssuesContent .IncodeCommonIssuesButtons{margin-top:auto}.IncodeCommonIssuesContent .IncodeCommonIssuesTakeManually{color:var(--color-text-body-primary,var(--text-body-800-primary))}.IncodeCommonIssuesContent .IncodeCommonIssuesTryAgain{width:100%}.IncodeChooserPage .IncodePageContent{min-height:var(--spacing-0,var(--spacing-none,0px));padding-bottom:var(--spacing-16,var(--spacing-16,16px))}.IncodeChooserPage .IncodePageTitle{max-width:var(--id-capture-chooser-title-max-w)}.IncodeChooserPage .IncodeChooserContainer{min-height:var(--spacing-0,var(--spacing-none,0px));width:100%;max-height:var(--id-capture-chooser-list-max-h);max-width:var(--id-capture-chooser-list-max-w);padding:var(--id-capture-chooser-list-scroll-padding);scroll-padding-block:var(--id-capture-chooser-list-scroll-padding);margin-inline:auto;flex-direction:column;align-items:center;margin-top:auto;display:flex;overflow-y:auto}.IncodeCaptureFrame{border-radius:var(--radius-medium,var(--border-radius-medium));--frame-border-color:var(--border-neutral-100);border:var(--id-capture-frame-border-width) solid var(--frame-border-color);justify-content:center;align-self:center;align-items:center;transition:max-width .3s ease-out,border-color .3s ease-out;display:flex;position:relative}.IncodeCaptureFrame.IncodeCaptureFrameHorizontal{width:100%;max-width:var(--id-capture-frame-horizontal-max-width);aspect-ratio:35/22}.IncodeCaptureFrame.IncodeCaptureFrameVertical{width:100%;max-width:var(--id-capture-frame-vertical-max-width);aspect-ratio:22/35}.IncodeCaptureFrame.IncodeCaptureFramePassport.IncodeCaptureFrameHorizontal{aspect-ratio:42/30}.IncodeCaptureFrame.IncodeCaptureFramePassport.IncodeCaptureFrameVertical{aspect-ratio:30/42}.IncodeCaptureFrame.IncodeCaptureFrameIdle{--frame-border-color:var(--border-neutral-100)}.IncodeCaptureFrame.IncodeCaptureFrameCapturing,.IncodeCaptureFrame.IncodeCaptureFrameFocus{--frame-border-color:var(--border-brand-500)}.IncodeCaptureFrame.IncodeCaptureFrameAnalyzing,.IncodeCaptureFrame.IncodeCaptureFrameSuccess{--frame-border-color:var(--border-status-positive-static)}.IncodeCaptureFrame.IncodeCaptureFrameError{--frame-border-color:var(--border-status-negative)}.IncodeIdCaptureStage{width:100%;height:100%;position:relative}.IncodeIdCaptureStage>*{inset:var(--spacing-0,var(--spacing-none,0px));position:absolute}.IncodeIdCaptureStage>.IncodeIdCaptureStageResultExiting{animation:incodeIdCaptureResultCrossfadeOut var(--id-capture-result-crossfade-duration) linear forwards;pointer-events:none}@media (prefers-reduced-motion:reduce){.IncodeIdCaptureStage>.IncodeIdCaptureStageResultExiting{animation-duration:1ms}}.IncodeIdCaptureStage>.IncodeIdCaptureStageAnalyzingPending{pointer-events:none;z-index:1001;opacity:0;animation:incodeIdCaptureAnalyzingReveal .2s ease-out calc(var(--capture-countdown-end) + var(--id-capture-result-flash-duration)) forwards}@media (prefers-reduced-motion:reduce){.IncodeIdCaptureStage>.IncodeIdCaptureStageAnalyzingPending{animation-duration:1ms}}.IncodeIdCaptureStage>.IncodeIdCaptureStageResultEntering{animation:incodeIdCaptureResultCrossfadeIn var(--id-capture-result-crossfade-duration) linear forwards;pointer-events:none}@media (prefers-reduced-motion:reduce){.IncodeIdCaptureStage>.IncodeIdCaptureStageResultEntering{animation-duration:1ms}}.IncodeIdCapturePage{background-color:var(--color-surface-neutral-900,var(--surface-neutral-900))}@media (width>=48rem){.IncodeIdCapturePage{background-color:var(--capture-page-backdrop-color)}}.IncodeIdCapturePage .IncodePageInner{padding:var(--spacing-0,var(--spacing-none,0px))}.IncodeIdCapturePage .IncodePageContent{flex:1;position:relative}.IncodeIdCapturePage .IncodeCaptureInitializing{height:100%;color:var(--color-text-body-0,var(--text-body-0-static));flex-direction:column;justify-content:center;align-items:center;display:flex}.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo{pointer-events:none;inset:var(--spacing-0,var(--spacing-none,0px));position:absolute}.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo.IncodeCaptureVideoLoading{opacity:0}.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo .IncodeCaptureVideoElement{inset:var(--spacing-0,var(--spacing-none,0px));object-fit:cover;width:100%;max-width:100%;height:100%;position:absolute}.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureOverlay{pointer-events:none;justify-content:center;align-items:center;display:flex}.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureButton{border-radius:var(--radius-button-primary,var(--button-primary-border-radius));padding-inline:var(--spacing-24,var(--spacing-24,24px));padding-block:var(--spacing-12,var(--spacing-12,12px));background-color:var(--color-button-primary-surface-default,var(--button-primary-surface-default));color:var(--color-button-primary-text-default,var(--button-primary-text-default))}.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureInitializing{height:100%;color:var(--color-text-body-0,var(--text-body-0-static));flex-direction:column;justify-content:center;align-items:center;display:flex}.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureInitializing .IncodeCaptureInitializingText{margin-top:var(--spacing-16,var(--spacing-16,16px))}.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureUploading,.IncodeIdCapturePage .IncodeCaptureUploading{height:100%;color:var(--color-text-body-0,var(--text-body-0-static));flex-direction:column;justify-content:center;align-items:center;display:flex}@keyframes incodeIdCaptureAnalyzingReveal{0%{opacity:0}to{opacity:1}}@keyframes incodeIdCaptureResultCrossfadeOut{0%{opacity:1}to{opacity:0}}@keyframes incodeIdCaptureResultCrossfadeIn{0%{opacity:0}to{opacity:1}}.IncodeCaptureOverlayId{padding:var(--spacing-24,var(--spacing-24,24px));align-items:center}.IncodeCaptureOverlayId .IncodeCaptureTopSection{justify-content:flex-end;align-items:center;gap:var(--spacing-24,var(--spacing-24,24px));padding-bottom:var(--spacing-40,var(--spacing-40,40px));z-index:10;flex-direction:column;flex:1;display:flex}.IncodeCaptureOverlayId .IncodeCaptureTopSection .IncodeCameraOverlayHeader{padding-inline:var(--spacing-16,var(--spacing-16,16px));padding-top:var(--spacing-16,var(--spacing-16,16px))}.IncodeCaptureOverlayId .IncodeCaptureFooter{flex:1;justify-content:space-between}.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeCaptureFooterCaptureSection{position:relative}.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer{pointer-events:none;z-index:1000;--manual-capture-tooltip-button-gap:var(--spacing-4);--manual-capture-tooltip-button-top-offset:var(--spacing-12);--manual-capture-tooltip-button-center-offset:calc(var(--spacing-32) + var(--manual-capture-tooltip-button-gap));width:max-content;left:50%;bottom:calc(100% - ( var(--manual-capture-tooltip-button-top-offset) - var(--manual-capture-tooltip-button-gap) ));animation:manualCaptureTooltipExit .35s ease-in var(--manual-capture-tooltip-dismiss-delay,3.5s) forwards;justify-content:center;display:flex;position:absolute;transform:translate(-50%)}.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip{border-radius:var(--radius-medium,var(--border-radius-medium));background-color:var(--color-surface-neutral-900,var(--surface-neutral-900));padding:var(--spacing-16,var(--spacing-16,16px));animation:.5s ease-out forwards slideUp}.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList{margin:var(--spacing-0,var(--spacing-none,0px));padding:var(--spacing-0,var(--spacing-none,0px));flex-direction:column;align-items:center;list-style-type:none;display:flex}.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList li{margin:var(--spacing-0,var(--spacing-none,0px));font-family:var(--typography-tooltip-family);font-size:var(--typography-tooltip-m-size);font-weight:var(--typography-tooltip-m-weight);line-height:var(--typography-tooltip-m-line-height);letter-spacing:var(--typography-tooltip-m-letter-spacing);text-wrap:nowrap;color:var(--color-text-body-0-static,var(--text-body-0-static))}.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer.IncodeIdManualCaptureTooltipContainerSrOnly{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;animation:none;position:absolute;overflow:hidden}.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer.IncodeIdManualCaptureTooltipContainerSrOnly .IncodeIdManualCaptureTooltip{animation:none}.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer.IncodeIdManualCaptureTooltipContainerAutoDismiss{animation-name:manualCaptureTooltipExitAutoDismiss}.IncodeCaptureOverlayId .IncodeCameraFrameHorizontal.IncodeCaptureFramePassport{aspect-ratio:42/30}.IncodeCaptureOverlayId .IncodeCameraFrameVertical.IncodeCaptureFramePassport{aspect-ratio:30/42}@keyframes manualCaptureTooltipExit{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%, calc(50% + var(--manual-capture-tooltip-button-center-offset)))}}@keyframes manualCaptureTooltipExitAutoDismiss{0%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:.5;transform:translate(-50%, calc(25% + var(--manual-capture-tooltip-button-center-offset))) scale(.5)}}.IncodeIdManualCaptureButton{bottom:var(--spacing-24,var(--spacing-24,24px));z-index:100;--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);width:100%;translate:var(--tw-translate-x) var(--tw-translate-y);justify-content:center;align-items:center;gap:var(--spacing-4,var(--spacing-4,4px));flex-direction:column;animation:.5s ease-out forwards slideUp;display:flex;position:absolute;left:50%}.IncodeIdManualCaptureButton .IncodeButtonLink{height:100%;padding:var(--spacing-0,var(--spacing-none,0px));color:var(--color-text-body-primary,var(--text-body-800-primary))}.IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip{border-radius:var(--radius-medium,var(--border-radius-medium));background-color:var(--color-surface-neutral-900,var(--surface-neutral-900));padding:var(--spacing-16,var(--spacing-16,16px))}.IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList{margin:var(--spacing-0,var(--spacing-none,0px));padding:var(--spacing-0,var(--spacing-none,0px));flex-direction:column;align-items:center;list-style-type:none;display:flex}.IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList li{margin:var(--spacing-0,var(--spacing-none,0px));font-family:var(--typography-tooltip-family);font-size:var(--typography-tooltip-m-size);font-weight:var(--typography-tooltip-m-weight);line-height:var(--typography-tooltip-m-line-height);letter-spacing:var(--typography-tooltip-m-letter-spacing);text-wrap:nowrap;color:var(--color-text-body-0-static,var(--text-body-0-static))}.IncodeIdManualCaptureButton .IncodeIdManualCaptureButtonContent .IncodeIdManualCaptureButtonButton svg{transition:filter .2s,transform .2s}.IncodeIdManualCaptureButton .IncodeIdManualCaptureButtonContent:active svg{filter:brightness(.8);transform:scale(.95)}@keyframes slideUpAndDown{0%,12%{opacity:0;transform:translateY(100%)}24%{opacity:1;transform:translateY(0)}76%{opacity:1;transform:translateY(0)}88%,to{opacity:0;transform:translateY(100%)}}.IncodeIdHint{inset:var(--spacing-0,var(--spacing-none,0px));z-index:10;justify-content:center;align-items:center;display:flex;position:absolute}.IncodeIdHint .IncodeIdHintAnimated{justify-content:center;align-items:center;width:100%;height:100%;animation:3s ease-in-out forwards slideUpAndDown;display:flex;position:relative}.IncodeIdHint .IncodeIdHintAnimated .IncodeIdHintSvg{justify-content:center;align-items:center;display:flex}.IncodeIdHint .IncodeIdHintAnimated .IncodeIdHintSvg svg{width:var(--id-capture-hint-svg-size);height:var(--id-capture-hint-svg-size);min-width:var(--id-capture-hint-svg-size);min-height:var(--id-capture-hint-svg-size)}.IncodeComponent .IncodePermissionInCameraPage .IncodePermissionInCameraContent{opacity:0;width:100%;height:100%;animation:incodePermissionInCameraReveal var(--id-tutorial-to-permission-transition-duration) ease-out var(--id-permission-in-camera-reveal-delay) forwards;flex-direction:column;align-items:center;display:flex}.IncodeComponent .IncodePermissionInCameraPage .IncodePermissionInCameraReservedFooter{visibility:hidden}@media (prefers-reduced-motion:reduce){.IncodeComponent .IncodePermissionInCameraPage .IncodePermissionInCameraContent{animation-duration:1ms;animation-delay:0s}}@keyframes incodePermissionInCameraReveal{0%{opacity:0}to{opacity:1}}.IncodeComponent .IncodePermissionInCameraFlowStage{width:100%;height:100%;position:relative}.IncodeComponent .IncodePermissionInCameraFlowStage>.IncodePermissionInCameraFlowCaptureLayer,.IncodeComponent .IncodePermissionInCameraFlowStage>.IncodePermissionInCameraFlowPermissionLayer,.IncodeComponent .IncodePermissionInCameraFlowStage>.IncodePermissionInCameraFlowTutorialLayer{inset:var(--spacing-0,var(--spacing-none,0px));position:absolute}.IncodeComponent .IncodePermissionInCameraFlowStage>.IncodePermissionInCameraFlowCaptureLayer{z-index:10}.IncodeComponent .IncodePermissionInCameraFlowStage>.IncodePermissionInCameraFlowPermissionLayer{z-index:20}.IncodeComponent .IncodePermissionInCameraFlowStage>.IncodePermissionInCameraFlowTutorialLayer{z-index:30}.IncodeComponent .IncodePermissionInCameraFlowStage>.IncodePermissionInCameraFlowPermissionLayerExiting{pointer-events:none;animation:incodePermissionInCameraToCaptureExit var(--id-permission-in-camera-to-capture-transition-duration) ease-in var(--id-permission-in-camera-to-capture-transition-duration) forwards}.IncodeComponent .IncodePermissionInCameraFlowStage>.IncodePermissionInCameraFlowPermissionLayerExiting .IncodePermissionInCameraHeading{animation:incodePermissionInCameraHeadingExit var(--id-permission-in-camera-to-capture-transition-duration) ease-in forwards}.IncodeComponent .IncodePermissionInCameraFlowStage>.IncodePermissionInCameraFlowTutorialLayerExiting{pointer-events:none;animation:incodeTutorialToPermissionInCameraExit var(--id-tutorial-to-permission-transition-duration) ease-in forwards}@media (prefers-reduced-motion:reduce){.IncodeComponent .IncodePermissionInCameraFlowPermissionLayerExiting{animation-duration:1ms;animation-delay:0s}.IncodeComponent .IncodePermissionInCameraFlowPermissionLayerExiting .IncodePermissionInCameraHeading,.IncodeComponent .IncodePermissionInCameraFlowTutorialLayerExiting{animation-duration:1ms}}@keyframes incodeTutorialToPermissionInCameraExit{0%{opacity:1}to{opacity:0}}@keyframes incodePermissionInCameraHeadingExit{0%{opacity:1}to{opacity:0}}@keyframes incodePermissionInCameraToCaptureExit{0%{opacity:1}to{opacity:0}}.IncodeIdProcessingPage .IncodePageInner{padding:var(--spacing-0,var(--spacing-none,0px))}.IncodeIdProcessingLayout{width:100%;height:100%;padding:var(--spacing-24,var(--spacing-24,24px));background-color:var(--color-surface-neutral-0,var(--surface-neutral-0));flex-direction:column;justify-content:center;align-items:center;display:flex}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent{z-index:10;flex-direction:column;align-items:center;width:100%;height:100%;display:flex}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingTopArea{justify-content:flex-end;align-items:center;gap:var(--spacing-24,var(--spacing-24,24px));padding-bottom:var(--spacing-40,var(--spacing-40,40px));z-index:10;flex-direction:column;flex:1;width:100%;display:flex}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame{overflow:hidden}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical{width:var(--id-capture-frame-vertical-width)}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical .IncodeIdProcessingOverlay{left:-25%;right:-25%}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingImage{background-color:var(--color-surface-neutral-900,var(--surface-neutral-900));object-fit:cover;width:100%;max-width:100%;height:100%;max-height:100%}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingImage.IncodeIdProcessingImageBlurred{filter:blur(var(--id-processing-image-blur-radius));backdrop-filter:blur(var(--id-processing-image-blur-radius))}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingPlaceholder{background-color:var(--color-surface-neutral-100,var(--surface-neutral-100));width:100%;height:100%}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingOverlay{pointer-events:none;z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0 -10%}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingBottomArea{width:100%;max-width:var(--id-capture-bottom-area-max-w);padding-top:var(--spacing-8,var(--spacing-8,8px));z-index:10;flex-direction:column;flex:1;justify-content:space-between;align-items:center;display:flex}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingBottomArea .IncodeCaptureEncryptionLabel{justify-content:center;align-items:center;gap:var(--spacing-4,var(--spacing-4,4px));padding-bottom:var(--spacing-12,var(--spacing-12,12px));font-family:var(--typography-body-family);font-size:var(--typography-body-m-regular-size);font-weight:var(--typography-body-m-regular-weight);line-height:var(--typography-body-m-regular-line-height);letter-spacing:var(--typography-body-m-regular-letter-spacing);white-space:nowrap;color:var(--color-text-body-primary,var(--text-body-800-primary));display:flex}.IncodeIdProcessingLayout.IncodeIdProcessingLayoutNoImage .IncodeIdProcessingBottomArea{justify-content:flex-end}.IncodeIdProcessingLayout .IncodeAnalyzingContent{flex-direction:column;align-items:center;display:flex}.IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeProgressBarContainer{margin-bottom:var(--spacing-24,var(--spacing-24,24px))}.IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle{font-family:var(--typography-headline-family);font-size:var(--typography-headline-h2-size);font-weight:var(--typography-headline-h2-weight);line-height:var(--typography-headline-h2-line-height);letter-spacing:var(--typography-headline-h2-letter-spacing);color:var(--color-text-body-primary,var(--text-body-800-primary));text-align:center;min-height:var(--typography-headline-h2-line-height)}.IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle .IncodeAnalyzingTitleText{animation:IncodeAnalyzingTitleFade var(--id-capture-analyzing-title-fade-duration) ease-out both;display:inline-block}@media (prefers-reduced-motion:reduce){.IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle .IncodeAnalyzingTitleText{animation-duration:1ms}}.IncodeIdProcessingLayout .IncodeAnalyzingLottie{width:100%;max-width:none}@keyframes IncodeAnalyzingTitleFade{0%{opacity:0;transform:translateY(var(--id-capture-analyzing-title-fade-offset))}to{opacity:1;transform:none}}.IncodeIdProcessingLayout .IncodeIdProcessingResultContent,.IncodeIdProcessingLayout .IncodeIdProcessingResultStatus{flex-direction:column;align-items:center;width:100%;display:flex}.IncodeIdProcessingLayout .IncodeIdProcessingResultTitle{font-family:var(--typography-headline-family);font-size:var(--typography-headline-h2-size);font-weight:var(--typography-headline-h2-weight);line-height:var(--typography-headline-h2-line-height);letter-spacing:var(--typography-headline-h2-letter-spacing);color:var(--color-text-body-primary,var(--text-body-800-primary));text-align:center}.IncodeIdProcessingLayout .IncodeIdProcessingResultSubtitle{font-family:var(--typography-headline-family);font-size:var(--typography-headline-h5-size);font-weight:var(--typography-headline-h5-weight);line-height:var(--typography-headline-h5-line-height);letter-spacing:var(--typography-headline-h5-letter-spacing);color:var(--color-text-body-secondary,var(--text-body-500-secondary));text-align:center;max-width:var(--incode-form-max-w)}.IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainer{margin-top:var(--spacing-24,var(--spacing-24,24px));gap:var(--spacing-16,var(--spacing-16,16px));flex-direction:column;width:100%;display:flex}.IncodeIdProcessingLayout .IncodeIdProcessingResultAttempts{padding-block:var(--spacing-12,var(--spacing-12,12px));text-align:center;font-family:var(--typography-headline-family);font-size:var(--typography-headline-h4-size);font-weight:var(--typography-headline-h4-weight);line-height:var(--typography-headline-h4-line-height);letter-spacing:var(--typography-headline-h4-letter-spacing);color:var(--color-text-body-secondary,var(--text-body-500-secondary))}.IncodeIdProcessingLayout .IncodeIdProcessingResultContentExiting,.IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainerExiting{animation:.3s ease-out forwards incodeIdProcessingResultFadeOut}@media (prefers-reduced-motion:reduce){.IncodeIdProcessingLayout .IncodeIdProcessingResultContentExiting,.IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainerExiting{animation-duration:1ms}}@keyframes incodeIdProcessingResultFadeOut{0%{opacity:1}to{opacity:0}}.IncodeIdError{inset:var(--spacing-0,var(--spacing-none,0px));z-index:1000;justify-content:center;align-items:center;gap:var(--spacing-16,var(--spacing-16,16px));flex-direction:column;width:100%;height:100%;display:flex;position:fixed}.IncodeIdError .IncodeIdErrorMessage{text-align:center;font-family:var(--typography-headline-family);font-size:var(--typography-headline-h4-size);font-weight:var(--typography-headline-h4-weight);line-height:var(--typography-headline-h4-line-height);letter-spacing:var(--typography-headline-h4-letter-spacing);color:var(--color-text-body-0,var(--text-body-0-static));max-width:var(--incode-form-max-w);margin-bottom:var(--spacing-16,var(--spacing-16,16px))}.IncodeIdNoAttemptsContent{padding-inline:var(--spacing-20,var(--spacing-20,20px));max-height:var(--id-no-attempts-content-max-h);max-width:var(--id-no-attempts-content-max-w);flex-direction:column;flex:1;justify-content:center;align-items:center;margin:auto;display:flex}.IncodeIdNoAttemptsContent .IncodeIdNoAttemptsIcon{margin-bottom:var(--spacing-16,var(--spacing-16,16px))}.IncodeIdNoAttemptsContent .IncodeIdNoAttemptsTitle{text-align:center;color:var(--color-text-body-primary,var(--text-body-800-primary))}.IncodeIdNoAttemptsContent .IncodeIdNoAttemptsSubtitle{font-family:var(--typography-headline-family);font-size:var(--typography-headline-h5-size);font-weight:var(--typography-headline-h5-weight);line-height:var(--typography-headline-h5-line-height);letter-spacing:var(--typography-headline-h5-letter-spacing);color:var(--color-text-body-secondary,var(--text-body-500-secondary));text-align:center;max-width:var(--incode-form-max-w)}.IncodeIdNoAttemptsContent .IncodeIdNoAttemptsButtonContainer{bottom:var(--spacing-32,var(--spacing-32,32px));right:var(--spacing-0,var(--spacing-none,0px));left:var(--spacing-0,var(--spacing-none,0px));padding-inline:var(--spacing-24,var(--spacing-24,24px));justify-content:center;display:flex;position:absolute}.IncodeUnacceptedIdDocuments{margin-top:var(--spacing-32,var(--spacing-32,32px));flex-direction:column;align-items:center;width:100%;display:flex}.IncodeUnacceptedIdDocuments .IncodeUnacceptedIdDocumentsCountry{margin-bottom:var(--spacing-32,var(--spacing-32,32px));align-items:center;gap:var(--spacing-8,var(--spacing-8,8px));flex-direction:column;display:flex}.IncodeUnacceptedIdDocuments .IncodeUnacceptedIdDocumentsCountryHeading{font-family:var(--typography-headline-family);font-size:var(--typography-headline-h4-size);font-weight:var(--typography-headline-h4-weight);line-height:var(--typography-headline-h4-line-height);letter-spacing:var(--typography-headline-h4-letter-spacing)}.IncodeUnacceptedIdDocuments .IncodeUnacceptedIdDocumentsCountryLabel{align-items:center;gap:var(--spacing-8,var(--spacing-8,8px));font-family:var(--typography-headline-family);font-size:var(--typography-headline-h3-size);font-weight:var(--typography-headline-h3-weight);line-height:var(--typography-headline-h3-line-height);letter-spacing:var(--typography-headline-h3-letter-spacing);color:var(--color-text-body-primary,var(--text-body-800-primary));display:inline-flex}.IncodeIdCaptureNotification{right:var(--spacing-24,var(--spacing-24,24px));left:var(--spacing-24,var(--spacing-24,24px));z-index:100;max-width:var(--incode-form-max-w);padding-bottom:var(--spacing-32,var(--spacing-32,32px));top:var(--incode-overlay-top-inset,var(--spacing-24));align-items:flex-end;margin:auto;display:flex;position:absolute}.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent{z-index:100;border-radius:var(--radius-large,var(--border-radius-large));border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-border-neutral-300,var(--border-neutral-300));background-color:var(--color-surface-neutral-900-80,var(--surface-neutral-900-80));width:100%;padding-inline:var(--spacing-20,var(--spacing-20,20px));box-shadow:var(--id-capture-notification-content-shadow);display:flex;overflow:hidden}.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent.IncodeIdCaptureNotificationContent--minimal{justify-content:center}.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText{justify-content:center;gap:var(--spacing-8,var(--spacing-8,8px));padding-top:var(--spacing-16,var(--spacing-16,16px));padding-bottom:var(--spacing-12,var(--spacing-12,12px));text-align:center;color:var(--color-text-body-0-static,var(--text-body-0-static));flex-direction:column;display:flex}.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationTitle{font-family:var(--typography-headline-family);font-size:var(--typography-headline-h3-size);font-weight:var(--typography-headline-h3-weight);line-height:var(--typography-headline-h3-line-height);letter-spacing:var(--typography-headline-h3-letter-spacing)}.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationDescription{font-family:var(--typography-headline-family);font-size:var(--typography-headline-h5-size);font-weight:var(--typography-headline-h5-weight);line-height:var(--typography-headline-h5-line-height);letter-spacing:var(--typography-headline-h5-letter-spacing);color:var(--color-text-body-tertiary-static,var(--text-body-300-tertiary-static))}.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent.IncodeIdCaptureNotificationContent--minimal .IncodeIdCaptureNotificationText{gap:var(--spacing-4,var(--spacing-4,4px));padding-block:var(--spacing-16,var(--spacing-16,16px))}.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent.IncodeIdCaptureNotificationContent--minimal .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationTitle{font-family:var(--typography-headline-family);font-size:var(--typography-headline-h5-size);font-weight:var(--typography-headline-h5-weight);line-height:var(--typography-headline-h5-line-height);letter-spacing:var(--typography-headline-h5-letter-spacing)}.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent.IncodeIdCaptureNotificationContent--minimal .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationDescription{font-family:var(--typography-body-family);font-size:var(--typography-body-m-regular-size);font-weight:var(--typography-body-m-regular-weight);line-height:var(--typography-body-m-regular-line-height);letter-spacing:var(--typography-body-m-regular-letter-spacing)}.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationAnimation{height:var(--id-capture-notification-animation-height);justify-content:center;align-items:center;width:auto;display:flex}.IncodeDigitalIdUploadPage{height:100%}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadBody{justify-content:center;align-items:center;row-gap:var(--spacing-16,var(--spacing-16,16px));width:100%;height:100%;max-width:var(--digital-id-content-max-w);flex-direction:column;margin-inline:auto;display:flex}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewBody{row-gap:var(--spacing-16,var(--spacing-16,16px));grid-template-columns:1fr;grid-template-rows:var(--spacing-24) var(--digital-id-preview-h) var(--spacing-24);width:100%;height:100%;max-width:var(--digital-id-content-max-w);align-content:center;justify-items:center;margin-inline:auto;display:grid}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreStatusZone{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPostCaptionZone{justify-content:center;align-items:flex-start;width:100%;height:100%;display:flex}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadFooter{width:100%;margin-inline:auto;margin-top:var(--spacing-24,var(--spacing-24,24px));margin-bottom:var(--spacing-8,var(--spacing-8,8px));justify-content:flex-end;row-gap:var(--spacing-16,var(--spacing-16,16px));max-width:var(--digital-id-content-max-w);min-height:var(--digital-id-footer-min-h);flex-direction:column;display:flex}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadHiddenInput{display:none}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadTutorialIllustration{width:100%;max-height:var(--digital-id-tutorial-illustration-max-h);flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.IncodeDigitalIdUploadPage .IncodeUploadIdScreenImage{height:var(--digital-id-illustration-max-h);aspect-ratio:191/266;width:auto}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewCard{border-radius:var(--radius-medium,var(--border-radius-medium));border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--color-border-neutral-100,var(--border-neutral-100));background-color:var(--color-surface-neutral-0,var(--surface-neutral-0));width:var(--digital-id-preview-w);height:var(--digital-id-preview-h);justify-content:center;align-items:center;display:flex;overflow:hidden}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadDocumentPreview{width:var(--digital-id-preview-w);height:var(--digital-id-preview-h);justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadDocumentPreviewPdf{border-radius:var(--radius-medium,var(--border-radius-medium));border-style:var(--tw-border-style);border-width:var(--border-width-bold,var(--primitive-border-width-2));--tw-border-style:solid;border-style:solid;border-color:var(--color-border-status-positive,var(--border-status-positive-static));object-fit:contain;width:100%;height:100%;overflow:hidden}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewPdf{object-fit:contain;width:100%;height:100%}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadFileName{text-align:center;font-family:var(--typography-body-family);font-size:var(--typography-body-m-regular-size);font-weight:var(--typography-body-m-regular-weight);line-height:var(--typography-body-m-regular-line-height);letter-spacing:var(--typography-body-m-regular-letter-spacing);color:var(--color-text-body-primary,var(--text-body-800-primary));max-width:var(--digital-id-file-name-max-w);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadProgressBar .IncodeProgressBar{border-radius:var(--radius-full,var(--border-radius-full));background-color:var(--color-surface-neutral-200,var(--surface-neutral-200));width:var(--digital-id-progress-bar-w);height:var(--digital-id-progress-bar-h);overflow:hidden}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadProgressBar .IncodeProgressBarFill{border-radius:var(--radius-full,var(--border-radius-full))}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadLaserOverlay{pointer-events:none;width:var(--digital-id-preview-w);height:var(--digital-id-laser-h);transform:translateX(-50%) scale(var(--digital-id-laser-scale));position:absolute;top:-2px;left:50%}@media (prefers-reduced-motion:reduce){.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadLaserOverlay{display:none}}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadSuccessIcon{color:var(--color-icon-status-positive,var(--icon-status-positive));justify-content:center;align-items:center;display:flex}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadErrorIcon{margin-bottom:var(--spacing-8,var(--spacing-8,8px));color:var(--color-icon-status-negative,var(--icon-status-negative))}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadErrorPreview{margin-top:var(--spacing-8,var(--spacing-8,8px));border-radius:var(--radius-medium,var(--border-radius-medium));border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--color-border-status-negative,var(--border-status-negative));padding:var(--spacing-4)}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadAttempts{margin-top:var(--spacing-8,var(--spacing-8,8px));font-family:var(--typography-body-family);font-size:var(--typography-body-s-regular-size);font-weight:var(--typography-body-s-regular-weight);line-height:var(--typography-body-s-regular-line-height);letter-spacing:var(--typography-body-s-regular-letter-spacing);color:var(--color-text-body-secondary,var(--text-body-500-secondary))}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}