@incodetech/web 0.0.0-dev-20260429-35afdca → 0.0.0-dev-20260430-3fffde8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (160) hide show
  1. package/dist/ae-signature/ae-signature.es.js +3 -3
  2. package/dist/antifraud/antifraud.es.js +4 -4
  3. package/dist/authentication/authentication.es.js +4 -4
  4. package/dist/{back-horizontal-hint-Rivv4odH.js → back-horizontal-hint-DUuojsev.js} +1 -1
  5. package/dist/{back-vertical-hint-Bi2GKjAw.js → back-vertical-hint-CX_hCJhV.js} +1 -1
  6. package/dist/{bottomSheet-H576o2Ae.js → bottomSheet-BICziA8B.js} +2 -2
  7. package/dist/{button-DXxszYOu.js → button-i4SPU5G7.js} +2 -2
  8. package/dist/{checkbox-HMGMzcIv.js → checkbox-DSJ1kLyD.js} +3 -3
  9. package/dist/consent/consent.es.js +10 -10
  10. package/dist/{countrySelector-DcKjrQye.js → countrySelector-B3JOaReM.js} +3 -3
  11. package/dist/cross-document-data-match/cross-document-data-match.es.js +4 -4
  12. package/dist/curp-validation/curp-validation.es.js +16 -16
  13. package/dist/{customFields-D2wZYEIM.js → customFields-ClP-OHqQ.js} +13 -13
  14. package/dist/{customWatchlist-qxLVolwh.js → customWatchlist-DaNMXtkt.js} +7 -7
  15. package/dist/{dateInputComposed-B4m_OJ0f.js → dateInputComposed-BISaNEkl.js} +5 -5
  16. package/dist/dateInputComposed-DdtZcsfQ.js +1 -0
  17. package/dist/{documentCapture-Bmnd-HoI.js → documentCapture-BD-LU6Y1.js} +14 -14
  18. package/dist/dropdownComposed-C6mYVe2K.js +1 -0
  19. package/dist/{dropdownComposed-ysrtM_xo.js → dropdownComposed-D7l5VnKk.js} +4 -4
  20. package/dist/ekyb/ekyb.es.js +1 -1
  21. package/dist/{ekybModule-DvXcZXil.js → ekybModule-Ckv1f8aB.js} +13 -13
  22. package/dist/ekybModule-pKz3HZFJ.js +2 -0
  23. package/dist/ekyc/ekyc.es.js +1 -1
  24. package/dist/ekycModule-B_pmX3EX.js +2 -0
  25. package/dist/{ekycModule-DHpDUapu.js → ekycModule-CCJGIP0u.js} +14 -14
  26. package/dist/electronic-signature/electronic-signature.es.js +1 -1
  27. package/dist/{electronic-signature-C-J7f37B.js → electronic-signature-nZfD6fzf.js} +13 -13
  28. package/dist/email/email.es.js +10 -10
  29. package/dist/{extensibility-DJ7uJJS5.js → extensibility-BhOLYPko.js} +39 -39
  30. package/dist/extensibility.es.js +24 -24
  31. package/dist/face-match/face-match.es.js +1 -1
  32. package/dist/{faceMatch-aulhVGxo.js → faceMatch-BAOj4yMN.js} +10 -10
  33. package/dist/faceMatch-CsBQRvhN.js +2 -0
  34. package/dist/flow/flow.es.js +136 -139
  35. package/dist/flow/styles.css +4724 -169
  36. package/dist/{formField-9c3OJwOZ.js → formField-B34T3LAe.js} +3 -3
  37. package/dist/{front-horizontal-hint-ECtf7INv.js → front-horizontal-hint-2RcQjgHE.js} +1 -1
  38. package/dist/{front-vertical-hint-DBdptGwa.js → front-vertical-hint-CRhiWbkP.js} +1 -1
  39. package/dist/geolocation/geolocation.es.js +8 -8
  40. package/dist/governmentValidation/governmentValidation.es.js +10 -10
  41. package/dist/{homeScreen-nNYHPykv.js → homeScreen-Dc3ipd-q.js} +8 -8
  42. package/dist/{i18n-BNE9nYru.js → i18n-ntrVdqVv.js} +2 -2
  43. package/dist/{icons-B9-0K6zx.js → icons-Bk44oy5t.js} +2 -2
  44. package/dist/id/id.es.js +18 -18
  45. package/dist/{idOcr-DWF6lFjq.js → idOcr-DyEsmJUm.js} +11 -11
  46. package/dist/identity-reuse/identity-reuse.es.js +7 -7
  47. package/dist/{incodeComponent-Bj2iIi3-.js → incodeComponent-DexcYK3Y.js} +2 -2
  48. package/dist/incodeModule-CHzKl22Y.js +18 -0
  49. package/dist/index.es.js +2 -2
  50. package/dist/{inputComposed-CZYVA9pY.js → inputComposed-4aHO5YRK.js} +4 -4
  51. package/dist/inputComposed-vYWGxUXH.js +1 -0
  52. package/dist/{loadingIcon-BWeYwnoO.js → loadingIcon-C-Sq5v_K.js} +1 -1
  53. package/dist/{mandatoryConsent-BxmewvFy.js → mandatoryConsent-OCdxJMmo.js} +10 -10
  54. package/dist/{modal-BiHWHzbc.js → modal-dixIN7NV.js} +37 -37
  55. package/dist/{modal.hooks-BWHmspKt.js → modal.hooks-BzIVzVbq.js} +1 -1
  56. package/dist/{numberedStep-CB41HauU.js → numberedStep-DDP7_KWo.js} +1 -1
  57. package/dist/{optionAccessibleLabel-oqe5fTiF.js → optionAccessibleLabel-DGtiAlUq.js} +6 -6
  58. package/dist/{otpInput-DxekO34i.js → otpInput-DgtpWHON.js} +6 -6
  59. package/dist/{page-C_Z2vd8q.js → page-BB20C-zy.js} +3 -3
  60. package/dist/{passport-horizontal-hint-x0w1qXO5.js → passport-horizontal-hint-CAqrHNYZ.js} +1 -1
  61. package/dist/{passport-vertical-hint-BoPv9mev.js → passport-vertical-hint-BHH9yd1n.js} +1 -1
  62. package/dist/phone/phone.es.js +10 -10
  63. package/dist/{phoneInput-B5mP8vvS.js → phoneInput-C8OmjU3_.js} +3 -3
  64. package/dist/{phoneInputComposed-C6mrR5NJ.js → phoneInputComposed--GQv3M_5.js} +5 -5
  65. package/dist/{processing-C1ymzBNJ.js → processing-AM48BFTl.js} +2 -2
  66. package/dist/qe-signature/qe-signature.es.js +3 -3
  67. package/dist/{radioButtonComposed-yT_6g1qe.js → radioButtonComposed-CuKvBI5S.js} +3 -3
  68. package/dist/{redirectToMobile-BtsF6N0g.js → redirectToMobile-DfUzha84.js} +14 -14
  69. package/dist/{richText-uERDfLN2.js → richText-FMNMBzjD.js} +1 -1
  70. package/dist/selfie/selfie.es.js +7 -7
  71. package/dist/signature/signature.es.js +9 -9
  72. package/dist/{spacer-DCAl0Mjk.js → spacer-CN9uvb__.js} +1 -1
  73. package/dist/spinner-BYktSnQZ.js +1 -0
  74. package/dist/{spinner-DTwtoppQ.js → spinner-Cj7kdZ0T.js} +4 -4
  75. package/dist/{statusPage-BTF4FmJT.js → statusPage-DUnznjtg.js} +4 -4
  76. package/dist/{successIcon-COlazRl-.js → successIcon-SlKgTSty.js} +1 -1
  77. package/dist/{tabs-z-X6zD3C.js → tabs-sbbH0u2L.js} +2 -2
  78. package/dist/{transitionSpinner-C_573zFG.js → transitionSpinner-DqDwaNM6.js} +4 -4
  79. package/dist/{tutorial-DcuYI4JA.js → tutorial-B2lNnuWv.js} +15 -15
  80. package/dist/types/ae-signature.d.ts +0 -1
  81. package/dist/types/antifraud.d.ts +0 -1
  82. package/dist/types/authentication.d.ts +0 -1
  83. package/dist/types/consent.d.ts +0 -1
  84. package/dist/types/cross-document-data-match.d.ts +0 -1
  85. package/dist/types/curp-validation.d.ts +0 -1
  86. package/dist/types/ekyb.d.ts +0 -1
  87. package/dist/types/ekyc.d.ts +0 -1
  88. package/dist/types/electronic-signature.d.ts +0 -1
  89. package/dist/types/email.d.ts +0 -1
  90. package/dist/types/extensibility.d.ts +0 -1
  91. package/dist/types/face-match.d.ts +0 -1
  92. package/dist/types/flow.d.ts +0 -1
  93. package/dist/types/geolocation.d.ts +0 -1
  94. package/dist/types/governmentValidation.d.ts +0 -1
  95. package/dist/types/id.d.ts +0 -1
  96. package/dist/types/identity-reuse.d.ts +0 -1
  97. package/dist/types/phone.d.ts +0 -1
  98. package/dist/types/qe-signature.d.ts +0 -1
  99. package/dist/types/selfie.d.ts +0 -1
  100. package/dist/types/signature.d.ts +0 -1
  101. package/dist/types/watchlist.d.ts +0 -1
  102. package/dist/types/workflow.d.ts +0 -1
  103. package/dist/{typography-Dn_SWwB2.js → typography-Duug0raB.js} +2 -2
  104. package/dist/{uiConfig-BfJ9gLl7.js → uiConfig-CwpQ-IM6.js} +1 -1
  105. package/dist/{useModuleLoader-bEVfQbmU.js → useModuleLoader-T6BIz-cA.js} +169 -188
  106. package/dist/{vendor-preact-DYq0_Qbr.js → vendor-preact-D6SntenC.js} +1 -1
  107. package/dist/{verificationResult-1XSMhl4d.js → verificationResult-DTfsw2w2.js} +8 -8
  108. package/dist/{verifiedByIncode-aGOV-V9q.js → verifiedByIncode-CiuBhYBD.js} +2 -2
  109. package/dist/watchlist/watchlist.es.js +7 -7
  110. package/dist/{watchlistForBusiness-C_i_7Z6J.js → watchlistForBusiness-DirZZuYu.js} +11 -11
  111. package/dist/workflow/workflow.es.js +51 -50
  112. package/package.json +2 -2
  113. package/dist/ae-signature-D316IMg7.js +0 -5
  114. package/dist/antifraud-CB-yiVmj.js +0 -5
  115. package/dist/consent-CmVHHfh0.js +0 -5
  116. package/dist/curp-validation-BZu1862x.js +0 -5
  117. package/dist/custom-fields-Dy2zIWk5.js +0 -5
  118. package/dist/dateInputComposed-B1930wH-.js +0 -1
  119. package/dist/document-capture-klKhslw_.js +0 -5
  120. package/dist/dropdownComposed-D94RHyH9.js +0 -1
  121. package/dist/ekyb-AJ5pLamL.js +0 -5
  122. package/dist/ekybModule-uLHrvaE0.js +0 -2
  123. package/dist/ekyc-CGHe6KZF.js +0 -5
  124. package/dist/ekycModule-PeVktYEv.js +0 -2
  125. package/dist/electronic-signature-CmWQ5m7Z.js +0 -5
  126. package/dist/email-46LcB-zG.js +0 -5
  127. package/dist/face-match-fK60MxjZ.js +0 -5
  128. package/dist/faceMatch-B2oadZzM.js +0 -2
  129. package/dist/flow-rPJJbW6T.js +0 -5
  130. package/dist/geolocation-tgDRHF5G.js +0 -5
  131. package/dist/governmentValidation-CRpowRw3.js +0 -5
  132. package/dist/id-Czs29YjP.js +0 -5
  133. package/dist/id-ocr-De0CziTg.js +0 -5
  134. package/dist/identity-reuse-DRaYjwgl.js +0 -5
  135. package/dist/incodeModule-4-Ij3Hzt.js +0 -74
  136. package/dist/inputComposed-BYIbvEZU.js +0 -1
  137. package/dist/mandatory-consent-Cwa_D62s.js +0 -5
  138. package/dist/phone-ChAbJlMB.js +0 -5
  139. package/dist/qe-signature-C4R5aFPn.js +0 -5
  140. package/dist/redirect-to-mobile-CEkqbyYW.js +0 -5
  141. package/dist/selfie-DoBsWHhr.js +0 -5
  142. package/dist/signature-CEHAjVar.js +0 -5
  143. package/dist/spinner-iH4HWMX6.js +0 -1
  144. package/dist/watchlist-BdGy5gvP.js +0 -5
  145. package/dist/watchlist-for-business-CubjHodP.js +0 -5
  146. package/dist/workflow-nsiRkTFR.js +0 -5
  147. /package/dist/{aligndevicelottie-DuYKqFRv.js → aligndevicelottie-m1gBGZsQ.js} +0 -0
  148. /package/dist/{back-tutorial-BveT-Gpg.js → back-tutorial-ClQ08AWx.js} +0 -0
  149. /package/dist/{backdevicelottie-CVSnQFM6.js → backdevicelottie-WEvEwLBA.js} +0 -0
  150. /package/dist/{blurdevicelottie-DXyCiuOu.js → blurdevicelottie-BNBU2EIM.js} +0 -0
  151. /package/dist/{browser-ponyfill-Dz8mnsAS.js → browser-ponyfill-DRrmY6DO.js} +0 -0
  152. /package/dist/{flip-animation-CpYPskQi.js → flip-animation-Tm2zxXjs.js} +0 -0
  153. /package/dist/{frontdevicelottie-7OcabHg2.js → frontdevicelottie-BtbZEtwd.js} +0 -0
  154. /package/dist/{glaredevicelottie-CU-7f-1E.js → glaredevicelottie-CGQ0DCXc.js} +0 -0
  155. /package/dist/{id-laser-h-DVprNART.js → id-laser-h-oGOFXEpO.js} +0 -0
  156. /package/dist/{id-laser-v-DHSmrhm6.js → id-laser-v-DfWJik9l.js} +0 -0
  157. /package/dist/{id-tutorial-DC_FMKi3.js → id-tutorial-C4q-3j3J.js} +0 -0
  158. /package/dist/{passport-tutorial-DglDEWHt.js → passport-tutorial-DhEHJZeD.js} +0 -0
  159. /package/dist/{pdf-CbjnpyBF.js → pdf-DmP3zO_j.js} +0 -0
  160. /package/dist/{selfieTutorial-Cssu-Gmy.js → selfieTutorial-D8I_4Oam.js} +0 -0
package/dist/workflow-nsiRkTFR.js DELETED
@@ -1,5 +0,0 @@
1
- //#endregion
2
- //#region \0virtual:incode-css/workflow
3
- var e = "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n *, :before, :after, ::backdrop {\n --tw-rotate-x: initial;\n --tw-rotate-y: initial;\n --tw-rotate-z: initial;\n --tw-skew-x: initial;\n --tw-skew-y: initial;\n --tw-border-style: solid;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-outline-style: solid;\n --tw-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-tracking: initial;\n --tw-duration: initial;\n }\n }\n}\n\n@layer incode-theme;\n\n@layer incode-utilities {\n .\\!visible {\n visibility: visible !important;\n }\n\n .visible {\n visibility: visible;\n }\n\n .absolute {\n position: absolute;\n }\n\n .relative {\n position: relative;\n }\n\n .static {\n position: static;\n }\n\n .container {\n width: 100%;\n }\n\n @media (min-width: 40rem) {\n .container {\n max-width: 40rem;\n }\n }\n\n @media (min-width: 48rem) {\n .container {\n max-width: 48rem;\n }\n }\n\n @media (min-width: 64rem) {\n .container {\n max-width: 64rem;\n }\n }\n\n @media (min-width: 80rem) {\n .container {\n max-width: 80rem;\n }\n }\n\n @media (min-width: 96rem) {\n .container {\n max-width: 96rem;\n }\n }\n\n .m-auto {\n margin: auto;\n }\n\n .block {\n display: block;\n }\n\n .flex {\n display: flex;\n }\n\n .grid {\n display: grid;\n }\n\n .hidden {\n display: none;\n }\n\n .inline {\n display: inline;\n }\n\n .inline-flex {\n display: inline-flex;\n }\n\n .max-w-\\[420px\\] {\n max-width: 420px;\n }\n\n .flex-1 {\n flex: 1;\n }\n\n .transform {\n transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );\n }\n\n .resize {\n resize: both;\n }\n\n .flex-col {\n flex-direction: column;\n }\n\n .items-center {\n align-items: center;\n }\n\n .justify-between {\n justify-content: space-between;\n }\n\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n\n .text-button-m-underlined {\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n -webkit-text-decoration-skip-ink: none;\n text-decoration-skip-ink: none;\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n text-decoration-line: underline;\n text-decoration-style: solid;\n text-decoration-thickness: auto;\n }\n\n .lowercase {\n text-transform: lowercase;\n }\n\n .uppercase {\n text-transform: uppercase;\n }\n\n .shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n\n .outline {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n\n .blur {\n --tw-blur: blur(8px);\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n\n .filter {\n filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n }\n\n .transition {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));\n transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));\n }\n}\n\n@layer incode-base, incode-components;\n\n@keyframes slideUp {\n from {\n transform: translateY(100%);\n }\n\n to {\n transform: translateY(0);\n }\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(8px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.IncodeCameraButton {\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeCameraButton .IncodeCameraButtonBackground {\n fill: var(--color-icon-neutral-800-static, var(--icon-neutral-800-static));\n}\n\n.IncodeCameraButton .IncodeCameraButtonRing, .IncodeCameraButton .IncodeCameraButtonPath {\n fill: var(--color-icon-neutral-50, var(--icon-neutral-50-static));\n}\n\n.IncodeCaptureContainer {\n flex-direction: column;\n flex: 1;\n justify-content: flex-start;\n align-items: center;\n height: 100%;\n display: flex;\n position: relative;\n overflow: hidden;\n}\n\n.IncodeCaptureContainer .IncodeCaptureFrame {\n aspect-ratio: 1;\n border-radius: var(--radius-full, var(--border-radius-full));\n border-style: var(--tw-border-style);\n border-width: 12px;\n border-color: #0000;\n width: 100%;\n max-width: 335px;\n position: relative;\n}\n\n.IncodeCaptureContainer .IncodeCaptureVideoWrapper {\n --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n width: calc(100% - 24px);\n height: calc(100% - 24px);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );\n border-radius: var(--radius-full, var(--border-radius-full));\n background-color: var(--color-white, #fff);\n justify-content: center;\n align-items: center;\n display: flex;\n position: absolute;\n top: 50%;\n left: 50%;\n overflow: hidden;\n}\n\n.IncodeCaptureContainer .IncodeCaptureVideo {\n z-index: 50;\n width: 100%;\n height: 100%;\n position: absolute;\n}\n\n.IncodeCaptureContainer .IncodeCaptureVideoElement {\n object-fit: cover;\n width: 100%;\n height: 100%;\n position: absolute;\n}\n\n.IncodeCaptureContainer .IncodeCaptureVideoElement.IncodeCaptureVideoMirrored {\n transform: scaleX(-1);\n}\n\n.IncodeCaptureCapturingPage .IncodeCaptureCapturingActions {\n justify-content: center;\n margin-top: auto;\n display: flex;\n}\n\n.IncodeCaptureVisuallyHidden {\n clip-path: inset(50%);\n white-space: nowrap;\n border-width: 0;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n position: absolute;\n overflow: hidden;\n}\n\n.IncodeCaptureStatusPage .IncodeCaptureStatusContainer {\n flex-direction: column;\n flex: 1;\n align-items: center;\n display: flex;\n}\n\n.IncodeCaptureStatusPage .IncodeCaptureStatusTitle {\n text-align: center;\n font-size: var(--text-2xl, 1.5rem);\n line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));\n --tw-leading: 125%;\n --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n line-height: 125%;\n font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n --tw-tracking: -1px;\n letter-spacing: -1px;\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeFaceOutline {\n width: 100%;\n height: 100%;\n}\n\n.IncodeLoadingBorder {\n aspect-ratio: 1;\n width: 100%;\n max-width: 335px;\n position: absolute;\n}\n\n.IncodeLoadingBorder .IncodeLoadingBorderBase, .IncodeLoadingBorder .IncodeLoadingBorderForeground {\n inset: var(--spacing-0, var(--spacing-none, 0px));\n position: absolute;\n}\n\n.IncodeLoadingBorder .IncodeLoadingBorderForeground.IncodeLoadingBorderSpinning {\n animation: var(--animate-spin, spin 1s linear infinite);\n}\n\n.IncodeLoadingBorder .IncodeLoadingBorderPath {\n transition: all 1s ease-in-out;\n}\n\n.IncodeSelfieManualCapture {\n flex-direction: column;\n align-items: center;\n max-width: 275px;\n display: flex;\n}\n\n.IncodeSelfieManualCaptureText {\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeSelfieManualCaptureButton {\n padding: var(--spacing-0, var(--spacing-none, 0px));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeNotification {\n flex-direction: column;\n align-items: center;\n display: flex;\n}\n\n.IncodeNotification .IncodeNotificationText {\n text-align: center;\n font-family: var(--typography-feedback-family);\n font-size: var(--typography-feedback-l-size);\n font-weight: var(--typography-feedback-l-weight);\n line-height: var(--typography-feedback-l-line-height);\n letter-spacing: var(--typography-feedback-l-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeSelfieTutorial {\n --brand-color: var(--surface-brand-500);\n}\n\n.IncodeSelfieTutorial .IncodeBaseTutorialAnimation svg linearGradient#__lottie_element_29 stop {\n stop-color: var(--brand-color);\n}\n\n.IncodeSelfieTutorial .IncodeBaseTutorialAnimation svg > g > g > g:first-child > g:first-child > g > g > g:nth-child(2) > g:nth-child(3) > g > path, .IncodeSelfieTutorial .IncodeBaseTutorialAnimation svg > g > g > g:first-child > g:first-child > g > g > g:nth-child(2) > g:first-child > g > path {\n fill: var(--brand-color);\n}\n\n.IncodePhonePage .IncodePageContent {\n padding-top: var(--spacing-32, var(--spacing-32, 32px));\n padding-bottom: var(--spacing-16, var(--spacing-16, 16px));\n align-items: center;\n}\n\n.IncodePhoneInputContainer {\n width: 100%;\n max-width: 420px;\n}\n\n.IncodeEmailPage .IncodePageContent {\n padding-top: var(--spacing-32, var(--spacing-32, 32px));\n padding-bottom: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeEmailPage .IncodeEmailInput, .IncodeEmailPage .IncodeEmailInputContainer {\n flex-direction: column;\n align-items: center;\n width: 100%;\n display: flex;\n}\n\n.IncodeFaceMatchPage {\n flex-direction: column;\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.IncodeFaceMatchPage .IncodeFaceMatchContent {\n margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n flex: 1;\n align-items: center;\n width: 100%;\n height: 100%;\n display: flex;\n position: relative;\n}\n\n.IncodeFaceMatchAnimationContainer {\n flex: 1;\n width: 100%;\n min-height: 250px;\n display: flex;\n position: relative;\n}\n\n.IncodeFaceMatchContainer {\n flex: 1;\n width: 100%;\n height: 100%;\n min-height: 225px;\n position: relative;\n}\n\n.IncodeFaceMatchResultContainer {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 16px;\n display: flex;\n position: absolute;\n inset: 0;\n}\n\n.IncodeFaceMatchHeader {\n flex-direction: column;\n align-items: center;\n transition: opacity .3s ease-out;\n display: flex;\n}\n\n.IncodeFaceMatchHeaderHidden {\n opacity: 0;\n height: 0;\n overflow: hidden;\n}\n\n.IncodeFaceMatchPhotoWrapper {\n inset: var(--spacing-0, var(--spacing-none, 0px));\n transition: opacity .3s ease-out;\n position: absolute;\n}\n\n.IncodeFaceMatchPhotoWrapperHidden {\n opacity: 0;\n pointer-events: none;\n}\n\n.IncodeFaceMatchResultVisible {\n flex-direction: column;\n flex: 1;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n animation: .4s ease-out forwards resultFadeIn;\n display: flex;\n position: static;\n}\n\n.IncodeFaceMatchResultVisible .IncodeFaceMatchAnimatedIcon, .IncodeFaceMatchResultVisible .IncodeFaceMatchAnimatedResultTitle {\n opacity: 1;\n animation: none;\n}\n\n@keyframes resultFadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n.IncodeFaceMatchResultContent {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 16px;\n width: 100%;\n display: flex;\n}\n\n.IncodeFaceMatchShowResult {\n flex: 1;\n min-height: auto;\n}\n\n.IncodeFaceMatchLivenessContainer {\n margin-bottom: var(--spacing-32, var(--spacing-32, 32px));\n opacity: 0;\n pointer-events: none;\n justify-content: center;\n width: 100%;\n transition: opacity .4s ease-out, transform .4s ease-out;\n display: flex;\n transform: translateY(8px);\n}\n\n.IncodeFaceMatchLivenessVisible {\n opacity: 1;\n pointer-events: auto;\n animation: .4s ease-out fadeIn;\n transform: translateY(0);\n}\n\n.IncodeFaceMatchButtonContainer {\n opacity: 0;\n pointer-events: none;\n width: 100%;\n transition: opacity .4s ease-out, transform .4s ease-out;\n transform: translateY(8px);\n}\n\n.IncodeFaceMatchButtonVisible {\n opacity: 1;\n pointer-events: auto;\n animation: .4s ease-out fadeIn;\n transform: translateY(0);\n}\n\n.IncodeFaceMatchTooltip {\n background: var(--surface-neutral-50);\n border: 1px solid var(--border-neutral-100);\n border-radius: var(--border-radius-medium);\n letter-spacing: -.192px;\n height: 44px;\n color: var(--text-body-800-primary);\n text-align: center;\n padding: 0 20px;\n font-size: 16px;\n font-weight: 500;\n line-height: 44px;\n display: inline-block;\n position: relative;\n}\n\n.IncodeFaceMatchTooltip:after {\n content: \"\";\n border-left: 9px solid #0000;\n border-right: 9px solid #0000;\n border-top: 9px solid var(--surface-neutral-50);\n width: 0;\n height: 0;\n position: absolute;\n bottom: -9px;\n left: 50%;\n transform: translateX(-50%);\n}\n\n.IncodeFaceMatchTooltip:before {\n content: \"\";\n border-left: 9px solid #0000;\n border-right: 9px solid #0000;\n border-top: 9px solid var(--border-neutral-100);\n width: 0;\n height: 0;\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n}\n\n.IncodeFaceMatchAnimatedTitle {\n text-align: center;\n font-size: var(--text-2xl, 1.5rem);\n line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));\n --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n color: var(--text-body-800-primary);\n line-height: 125%;\n}\n\n:root {\n --animation-duration: .8s;\n --transition-delay: .2s;\n --transition-duration: .25s;\n --entrance-duration: .8s;\n --entrance-delay: .45s;\n --tooltip-duration: 1.6s;\n --tooltip-show-delay: 1.25s;\n --animation-delay: 2.85s;\n}\n\n@keyframes leftEntrance {\n from {\n opacity: 0;\n transform: translateX(-200px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes rightEntrance {\n from {\n opacity: 0;\n transform: translateX(200px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes bottomEntrance {\n from {\n opacity: 0;\n transform: translate(-50%, 200px);\n }\n\n to {\n opacity: 1;\n transform: translate(-50%);\n }\n}\n\n@keyframes leftIn {\n from {\n opacity: 1;\n left: 0;\n transform: translateX(0);\n }\n\n to {\n opacity: 0;\n left: 50%;\n transform: translateX(-50%);\n }\n}\n\n@keyframes rightIn {\n from {\n opacity: 1;\n right: 0;\n transform: translateX(0);\n }\n\n to {\n opacity: 0;\n right: 50%;\n transform: translateX(50%);\n }\n}\n\n@keyframes bottomUp {\n from {\n opacity: 1;\n transform: translate(-50%);\n }\n\n to {\n opacity: 0;\n transform: translate(-50%, -225px);\n }\n}\n\n@keyframes tooltipShowHide {\n 0% {\n opacity: 0;\n }\n\n 50% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n}\n\n@keyframes fadeInTitle {\n from {\n opacity: 0;\n visibility: hidden;\n }\n\n to {\n opacity: 1;\n visibility: visible;\n }\n}\n\n@keyframes fadeOutTitle {\n from {\n opacity: 1;\n visibility: visible;\n }\n\n to {\n opacity: 0;\n visibility: hidden;\n }\n}\n\n@keyframes simpleFadeInTitle {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n@keyframes fadeInIcon {\n from {\n opacity: 0;\n visibility: hidden;\n }\n\n to {\n opacity: 1;\n visibility: visible;\n }\n}\n\n@keyframes slideUpButton {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.IncodeFaceMatchPhotoContainer {\n flex-direction: column;\n align-items: center;\n gap: 21px;\n display: flex;\n position: absolute;\n top: 0;\n}\n\n.IncodeFaceMatchPhotoContainerHidden {\n visibility: hidden;\n}\n\n.IncodeFaceMatchPhotoContainer > .IncodeFaceMatchTooltip {\n opacity: 0;\n animation: tooltipShowHide var(--tooltip-duration, 1.6s) linear forwards;\n animation-delay: var(--tooltip-show-delay, 1.25s);\n}\n\n.IncodeFaceMatchLeftPhoto {\n z-index: 2;\n opacity: 0;\n will-change: transform, opacity;\n animation: leftEntrance var(--entrance-duration, .8s) cubic-bezier(.25, .46, .45, .94) forwards, leftIn var(--animation-duration, .8s) cubic-bezier(.25, .46, .45, .94) forwards;\n animation-delay: var(--entrance-delay, .45s), var(--animation-delay, 2.85s);\n left: 0;\n transform: translateX(-200px) translateZ(0);\n}\n\n.IncodeFaceMatchRightPhoto {\n z-index: 1;\n opacity: 0;\n will-change: transform, opacity;\n animation: rightEntrance var(--entrance-duration, .8s) cubic-bezier(.25, .46, .45, .94) forwards, rightIn var(--animation-duration, .8s) cubic-bezier(.25, .46, .45, .94) forwards;\n animation-delay: var(--entrance-delay, .45s), var(--animation-delay, 2.85s);\n right: 0;\n transform: translateX(200px) translateZ(0);\n}\n\n.IncodeFaceMatchBottomPhotoContainer {\n opacity: 0;\n z-index: 3;\n will-change: transform, opacity;\n animation: bottomEntrance var(--entrance-duration, .8s) cubic-bezier(.25, .46, .45, .94) forwards, bottomUp var(--animation-duration, .8s) cubic-bezier(.25, .46, .45, .94) forwards;\n animation-delay: var(--entrance-delay, .45s), var(--animation-delay, 2.85s);\n flex-direction: column;\n align-items: center;\n gap: 21px;\n display: flex;\n position: absolute;\n top: 225px;\n left: 50%;\n transform: translate(-50%, 200px) translateZ(0);\n}\n\n.IncodeFaceMatchBottomPhotoContainerHidden {\n visibility: hidden;\n}\n\n.IncodeFaceMatchBottomPhotoContainer > .IncodeFaceMatchTooltip {\n opacity: 0;\n animation: tooltipShowHide var(--tooltip-duration, 1.6s) linear forwards;\n animation-delay: var(--tooltip-show-delay, 1.25s);\n}\n\n.IncodeFaceMatchCircularImage {\n object-fit: cover;\n background-color: #ddd;\n border-radius: 50%;\n width: 160px;\n height: 160px;\n}\n\n.IncodeFaceMatchAnimatedTitle {\n animation: simpleFadeInTitle var(--transition-duration, .25s) ease-out forwards, fadeOutTitle var(--transition-duration, .25s) linear forwards;\n animation-delay: 0s, calc(var(--animation-delay, 2.85s) + var(--animation-duration, .8s) + var(--transition-delay, .2s));\n opacity: 0;\n}\n\n.IncodeFaceMatchAnimatedResultTitle {\n text-align: center;\n font-size: var(--text-2xl, 1.5rem);\n line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));\n --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n color: var(--text-body-800-primary);\n animation: fadeInTitle var(--transition-duration, .25s) linear forwards;\n animation-delay: calc(var(--animation-delay, 2.85s) + var(--animation-duration, .8s) + var(--transition-delay, .2s));\n opacity: 0;\n line-height: 125%;\n}\n\n.IncodeFaceMatchAnimatedIcon {\n animation: fadeInIcon var(--transition-duration, .25s) linear forwards;\n animation-delay: calc(var(--animation-delay, 2.85s) + var(--animation-duration, .8s) + var(--transition-delay, .2s));\n opacity: 0;\n}\n\n.IncodeFaceMatchAnimatedButton {\n animation: slideUpButton var(--transition-duration, .25s) cubic-bezier(.25, .46, .45, .94) forwards;\n animation-delay: calc(var(--animation-delay, 2.85s) + var(--animation-duration, .8s) + var(--transition-delay, .2s));\n opacity: 0;\n}\n\n.IncodeGovtValidation {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.IncodeGovtValidation .IncodeGovtValidationPage {\n width: 100%;\n height: 100%;\n}\n\n.IncodeGovtValidation .IncodeGovtValidationPage .IncodePageContent {\n flex-direction: column;\n flex: 1;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeGovtValidation .IncodeGovtValidationStatus {\n text-align: center;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeGovtValidation .IncodeGovtValidationText {\n margin-top: var(--spacing-12, var(--spacing-12, 12px));\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h2-size);\n font-weight: var(--typography-headline-h2-weight);\n line-height: var(--typography-headline-h2-line-height);\n letter-spacing: var(--typography-headline-h2-letter-spacing);\n}\n\n.IncodeGovtValidation.IncodeGovtValidation--otp .IncodeGovtValidationPage .IncodePageContent {\n flex-direction: column;\n align-items: center;\n display: flex;\n}\n\n.IncodeGovtValidation.IncodeGovtValidation--otp .IncodeGovtValidationPage .IncodeGovtValidationOtpInstructions {\n margin-bottom: var(--spacing-12, var(--spacing-12, 12px));\n}\n\n.IncodeGovtValidation.IncodeGovtValidation--otp .IncodeGovtValidationPage .IncodeGovtValidationOtpInstructions p {\n font-family: var(--typography-input-dropdown-family);\n font-size: var(--typography-input-dropdown-m-size);\n font-weight: var(--typography-input-dropdown-m-weight);\n line-height: var(--typography-input-dropdown-m-line-height);\n letter-spacing: var(--typography-input-dropdown-m-letter-spacing);\n text-wrap: nowrap;\n}\n\n.IncodeWarningIcon {\n color: var(--icon-status-warning);\n}\n\n.IncodeSrOnly {\n clip-path: inset(50%);\n white-space: nowrap;\n border-width: 0;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n position: absolute;\n overflow: hidden;\n}\n\n.IncodeIdTutorial {\n --brand-color: var(--surface-brand-500);\n}\n\n.IncodeIdTutorial .IncodePageTitleContainer {\n padding-block: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeIdTutorial .IncodeBaseTutorialContainer {\n margin: calc(var(--spacing-24, var(--spacing-24, 24px)) * -1);\n}\n\n.IncodeIdTutorial .IncodeBaseTutorialAnimationContainer {\n padding: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeIdTutorial.IncodeIdTutorialId .IncodeBaseTutorialAnimation svg > g > g > g:nth-child(2) > g:nth-child(5) > g > g > g:nth-child(3) > g > path, .IncodeIdTutorial.IncodeIdTutorialId .IncodeBaseTutorialAnimation svg > g > g > g:first-child > g > path, .IncodeIdTutorial.IncodeIdTutorialPassport .IncodeBaseTutorialAnimation svg > g > g:nth-child(2) > g:nth-child(2) > g:nth-child(2) > g:nth-child(2) > g > g > g > g:nth-child(4) > g > path, .IncodeIdTutorial.IncodeIdTutorialPassport .IncodeBaseTutorialAnimation svg > g > g:first-child > g > path {\n fill: var(--brand-color);\n}\n\n.IncodeFlipAnimation {\n background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n height: 100%;\n padding: var(--spacing-24, var(--spacing-24, 24px));\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeCommonIssuesFullScreen .IncodeModalDialog {\n max-width: none;\n height: 100%;\n max-height: none;\n}\n\n.IncodeCommonIssuesFullScreen .IncodeModalContent {\n border-radius: var(--radius-none, var(--border-radius-none));\n max-width: none;\n height: 100%;\n margin: auto;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesQuestionIcon {\n flex-shrink: 0;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesTitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h2-size);\n font-weight: var(--typography-headline-h2-weight);\n line-height: var(--typography-headline-h2-line-height);\n letter-spacing: var(--typography-headline-h2-letter-spacing);\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesCards {\n gap: var(--spacing-32, var(--spacing-32, 32px));\n width: 100%;\n max-width: 420px;\n padding-block: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesCard {\n align-items: flex-start;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n display: flex;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesCardIcon {\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n flex-shrink: 0;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesCardText {\n gap: var(--spacing-4, var(--spacing-4, 4px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesCardTitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesCardBody {\n font-family: var(--typography-body-family);\n font-size: var(--typography-body-m-regular-size);\n font-weight: var(--typography-body-m-regular-weight);\n line-height: var(--typography-body-m-regular-line-height);\n letter-spacing: var(--typography-body-m-regular-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesButtons {\n margin-top: auto;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesTakeManually {\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesTryAgain {\n width: 100%;\n}\n\n.IncodeChooserPage .IncodePageContent {\n padding-bottom: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeChooserPage .IncodePageTitle {\n max-width: 15.625rem;\n}\n\n.IncodeChooserPage .IncodeChooserContainer {\n flex-direction: column;\n align-items: center;\n width: 100%;\n margin-top: auto;\n display: flex;\n}\n\n.IncodeCaptureFrame {\n border-radius: var(--radius-medium, var(--border-radius-medium));\n --frame-border-color: var(--border-neutral-100);\n border: 4px solid var(--frame-border-color);\n justify-content: center;\n align-self: center;\n align-items: center;\n transition: max-width .3s ease-out, border-color .3s ease-out;\n display: flex;\n position: relative;\n}\n\n.IncodeCaptureFrame.IncodeCaptureFrameHorizontal {\n aspect-ratio: 35 / 22;\n width: 100%;\n max-width: 640px;\n}\n\n.IncodeCaptureFrame.IncodeCaptureFrameVertical {\n aspect-ratio: 22 / 35;\n width: 100%;\n max-width: 274px;\n}\n\n.IncodeCaptureFrame.IncodeCaptureFramePassport {\n aspect-ratio: 42 / 30;\n}\n\n.IncodeCaptureFrame.IncodeCaptureFrameIdle {\n --frame-border-color: var(--border-neutral-100);\n}\n\n.IncodeCaptureFrame.IncodeCaptureFrameCapturing, .IncodeCaptureFrame.IncodeCaptureFrameFocus {\n --frame-border-color: var(--border-status-focus);\n}\n\n.IncodeCaptureFrame.IncodeCaptureFrameAnalyzing, .IncodeCaptureFrame.IncodeCaptureFrameSuccess {\n --frame-border-color: var(--border-status-positive-static);\n}\n\n.IncodeCaptureFrame.IncodeCaptureFrameError {\n --frame-border-color: var(--border-status-negative);\n}\n\n.IncodeIdCapturePage {\n background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));\n}\n\n@media (min-width: 48rem) {\n .IncodeIdCapturePage {\n background-color: var(--color-black, #000);\n }\n}\n\n.IncodeIdCapturePage .IncodePageInner {\n padding: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeIdCapturePage .IncodePageContent {\n flex: 1;\n position: relative;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing {\n height: 100%;\n color: var(--color-text-body-0, var(--text-body-0-static));\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo {\n pointer-events: none;\n inset: var(--spacing-0, var(--spacing-none, 0px));\n position: absolute;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo.IncodeCaptureVideoLoading {\n opacity: 0;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo .IncodeCaptureVideoElement {\n inset: var(--spacing-0, var(--spacing-none, 0px));\n object-fit: cover;\n width: 100%;\n max-width: 100%;\n height: 100%;\n position: absolute;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureOverlay {\n pointer-events: none;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureButton {\n border-radius: var(--radius-button-primary, var(--button-primary-border-radius));\n padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n padding-block: var(--spacing-12, var(--spacing-12, 12px));\n background-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));\n color: var(--color-button-primary-text-default, var(--button-primary-text-default));\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureInitializing {\n height: 100%;\n color: var(--color-text-body-0, var(--text-body-0-static));\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureInitializing .IncodeCaptureInitializingText {\n margin-top: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureUploading, .IncodeIdCapturePage .IncodeCaptureUploading {\n height: 100%;\n color: var(--color-text-body-0, var(--text-body-0-static));\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeCaptureOverlayId {\n padding: var(--spacing-24, var(--spacing-24, 24px));\n align-items: center;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureTopSection {\n justify-content: flex-end;\n align-items: center;\n gap: var(--spacing-24, var(--spacing-24, 24px));\n padding-bottom: var(--spacing-40, var(--spacing-40, 40px));\n z-index: 10;\n flex-direction: column;\n flex: 1;\n display: flex;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureTopSection .IncodeCameraOverlayHeader {\n padding-inline: var(--spacing-16, var(--spacing-16, 16px));\n padding-top: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter {\n flex: 1;\n justify-content: space-between;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer {\n animation: .5s ease-out forwards slideUp;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip {\n border-radius: var(--radius-medium, var(--border-radius-medium));\n background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));\n padding: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n padding: var(--spacing-0, var(--spacing-none, 0px));\n flex-direction: column;\n align-items: center;\n list-style-type: none;\n display: flex;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList li {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n font-family: var(--typography-tooltip-family);\n font-size: var(--typography-tooltip-m-size);\n font-weight: var(--typography-tooltip-m-weight);\n line-height: var(--typography-tooltip-m-line-height);\n letter-spacing: var(--typography-tooltip-m-letter-spacing);\n text-wrap: nowrap;\n color: var(--color-text-body-0-static, var(--text-body-0-static));\n}\n\n.IncodeCaptureFramePassport {\n aspect-ratio: 42 / 30;\n}\n\n.IncodeIdManualCaptureButton {\n bottom: var(--spacing-24, var(--spacing-24, 24px));\n z-index: 100;\n --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n width: 100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n justify-content: center;\n align-items: center;\n gap: var(--spacing-4, var(--spacing-4, 4px));\n flex-direction: column;\n animation: .5s ease-out forwards slideUp;\n display: flex;\n position: absolute;\n left: 50%;\n}\n\n.IncodeIdManualCaptureButton .IncodeButtonLink {\n height: 100%;\n padding: var(--spacing-0, var(--spacing-none, 0px));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip {\n border-radius: var(--radius-medium, var(--border-radius-medium));\n background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));\n padding: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n padding: var(--spacing-0, var(--spacing-none, 0px));\n flex-direction: column;\n align-items: center;\n list-style-type: none;\n display: flex;\n}\n\n.IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList li {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n font-family: var(--typography-tooltip-family);\n font-size: var(--typography-tooltip-m-size);\n font-weight: var(--typography-tooltip-m-weight);\n line-height: var(--typography-tooltip-m-line-height);\n letter-spacing: var(--typography-tooltip-m-letter-spacing);\n text-wrap: nowrap;\n color: var(--color-text-body-0-static, var(--text-body-0-static));\n}\n\n.IncodeIdManualCaptureButton .IncodeIdManualCaptureButtonContent .IncodeIdManualCaptureButtonButton svg {\n transition: filter .2s, transform .2s;\n}\n\n.IncodeIdManualCaptureButton .IncodeIdManualCaptureButtonContent:active svg {\n filter: brightness(.8);\n transform: scale(.95);\n}\n\n@keyframes slideUpAndDown {\n 0%, 12% {\n opacity: 0;\n transform: translateY(100%);\n }\n\n 24% {\n opacity: 1;\n transform: translateY(0);\n }\n\n 76% {\n opacity: 1;\n transform: translateY(0);\n }\n\n 88%, 100% {\n opacity: 0;\n transform: translateY(100%);\n }\n}\n\n.IncodeIdHint {\n inset: var(--spacing-0, var(--spacing-none, 0px));\n z-index: 10;\n justify-content: center;\n align-items: center;\n display: flex;\n position: absolute;\n}\n\n.IncodeIdHint .IncodeIdHintAnimated {\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n animation: 3s ease-in-out forwards slideUpAndDown;\n display: flex;\n position: relative;\n}\n\n.IncodeIdHint .IncodeIdHintAnimated .IncodeIdHintSvg {\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdHint .IncodeIdHintAnimated .IncodeIdHintSvg svg {\n width: 800px;\n min-width: 800px;\n height: 800px;\n min-height: 800px;\n}\n\n.IncodeIdProcessingLayout {\n background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent {\n z-index: 10;\n flex-direction: column;\n align-items: center;\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingTopArea {\n justify-content: flex-end;\n align-items: center;\n gap: var(--spacing-24, var(--spacing-24, 24px));\n padding-bottom: var(--spacing-40, var(--spacing-40, 40px));\n z-index: 10;\n flex-direction: column;\n flex: 1;\n width: 100%;\n display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame {\n overflow: hidden;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical {\n width: clamp(180px, 30vh, 274px);\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical .IncodeIdProcessingOverlay {\n left: -25%;\n right: -25%;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingImage {\n object-fit: cover;\n width: 100%;\n max-width: 100%;\n height: 100%;\n max-height: 100%;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingOverlay {\n pointer-events: none;\n z-index: 10;\n justify-content: center;\n align-items: center;\n display: flex;\n position: absolute;\n inset: 0 -10%;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingBottomArea {\n width: 100%;\n max-width: 384px;\n padding-top: var(--spacing-8, var(--spacing-8, 8px));\n z-index: 10;\n flex-direction: column;\n flex: 1;\n justify-content: space-between;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingBottomArea .IncodeCaptureEncryptionLabel {\n justify-content: center;\n align-items: center;\n gap: var(--spacing-4, var(--spacing-4, 4px));\n padding-bottom: var(--spacing-12, var(--spacing-12, 12px));\n font-family: var(--typography-body-family);\n font-size: var(--typography-body-m-regular-size);\n font-weight: var(--typography-body-m-regular-weight);\n line-height: var(--typography-body-m-regular-line-height);\n letter-spacing: var(--typography-body-m-regular-letter-spacing);\n white-space: nowrap;\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeAnalyzingContent {\n flex-direction: column;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeProgressBarContainer {\n margin-bottom: var(--spacing-24, var(--spacing-24, 24px));\n}\n\n.IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h2-size);\n font-weight: var(--typography-headline-h2-weight);\n line-height: var(--typography-headline-h2-line-height);\n letter-spacing: var(--typography-headline-h2-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n text-align: center;\n}\n\n.IncodeIdProcessingLayout .IncodeAnalyzingLottie {\n width: 100%;\n max-width: none;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingResultContent {\n flex-direction: column;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingResultTitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h2-size);\n font-weight: var(--typography-headline-h2-weight);\n line-height: var(--typography-headline-h2-line-height);\n letter-spacing: var(--typography-headline-h2-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n text-align: center;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingResultSubtitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n text-align: center;\n max-width: 300px;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainer {\n margin-top: var(--spacing-24, var(--spacing-24, 24px));\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n width: 100%;\n display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingResultAttempts {\n padding-block: var(--spacing-12, var(--spacing-12, 12px));\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h4-size);\n font-weight: var(--typography-headline-h4-weight);\n line-height: var(--typography-headline-h4-line-height);\n letter-spacing: var(--typography-headline-h4-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeIdError {\n inset: var(--spacing-0, var(--spacing-none, 0px));\n z-index: 1000;\n justify-content: center;\n align-items: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n width: 100%;\n height: 100%;\n display: flex;\n position: fixed;\n}\n\n.IncodeIdErrorMessage {\n text-align: center;\n font-size: var(--text-18, var(--primitive-typography-size-18));\n --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n color: var(--color-text-body-0, var(--text-body-0-static));\n max-width: 350px;\n margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeIdExpiredContent {\n padding-inline: var(--spacing-20, var(--spacing-20, 20px));\n flex-direction: column;\n flex: 1;\n justify-content: center;\n align-items: center;\n max-width: 800px;\n max-height: 840px;\n margin: auto;\n display: flex;\n}\n\n.IncodeIdExpiredIcon {\n margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeIdExpiredTitle {\n text-align: center;\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeIdExpiredSubtitle {\n font-size: var(--text-14, var(--primitive-typography-size-14));\n --tw-font-weight: var(--font-weight-normal, 400);\n font-weight: var(--font-weight-normal, 400);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n text-align: center;\n max-width: 350px;\n}\n\n.IncodeIdExpiredButtonContainer {\n bottom: var(--spacing-32, var(--spacing-32, 32px));\n right: var(--spacing-0, var(--spacing-none, 0px));\n left: var(--spacing-0, var(--spacing-none, 0px));\n padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n justify-content: center;\n display: flex;\n position: absolute;\n}\n\n.IncodeIdCaptureNotification {\n top: var(--spacing-24, var(--spacing-24, 24px));\n right: var(--spacing-24, var(--spacing-24, 24px));\n left: var(--spacing-24, var(--spacing-24, 24px));\n z-index: 100;\n max-width: 420px;\n padding-bottom: var(--spacing-32, var(--spacing-32, 32px));\n align-items: flex-end;\n margin: auto;\n display: flex;\n position: absolute;\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent {\n z-index: 100;\n border-radius: var(--radius-large, var(--border-radius-large));\n border-style: var(--tw-border-style);\n border-width: 2px;\n border-color: var(--color-border-neutral-300, var(--border-neutral-300));\n background-color: var(--color-surface-neutral-900-80, var(--surface-neutral-900-80));\n width: 100%;\n padding-inline: var(--spacing-20, var(--spacing-20, 20px));\n display: flex;\n overflow: hidden;\n box-shadow: 0 2.079px 36.379px #00000059;\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText {\n justify-content: center;\n gap: var(--spacing-8, var(--spacing-8, 8px));\n padding-top: var(--spacing-16, var(--spacing-16, 16px));\n padding-bottom: var(--spacing-12, var(--spacing-12, 12px));\n text-align: center;\n color: var(--color-white, #fff);\n flex-direction: column;\n display: flex;\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationTitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h3-size);\n font-weight: var(--typography-headline-h3-weight);\n line-height: var(--typography-headline-h3-line-height);\n letter-spacing: var(--typography-headline-h3-letter-spacing);\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationDescription {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-tertiary, var(--text-body-300-tertiary));\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationAnimation {\n justify-content: center;\n align-items: center;\n width: auto;\n height: 130px;\n display: flex;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadContainer {\n width: 100%;\n padding-block: var(--spacing-24, var(--spacing-24, 24px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadFooter {\n margin-top: auto;\n margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n row-gap: var(--spacing-24, var(--spacing-24, 24px));\n width: 100%;\n padding-top: var(--spacing-24, var(--spacing-24, 24px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadHintCard {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n border-radius: var(--radius-x-small, var(--border-radius-x-small));\n background-color: var(--color-surface-brand-50, var(--surface-brand-50));\n width: 100%;\n padding-block: var(--spacing-16, var(--spacing-16, 16px));\n padding-right: var(--spacing-12, var(--spacing-12, 12px));\n padding-left: var(--spacing-32, var(--spacing-32, 32px));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n list-style-type: disc;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadHintCard li {\n font-family: var(--font-family-dm-sans, var(--primitive-typography-family-dm-sans));\n font-size: var(--text-14, var(--primitive-typography-size-14));\n --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeManualUploadPage .IncodeManualUploadHintCard li + li {\n margin-top: var(--spacing-4, var(--spacing-4, 4px));\n}\n\n.IncodeManualUploadPage .IncodeManualUploadTabsList {\n width: 100%;\n padding-inline: var(--spacing-16, var(--spacing-16, 16px));\n align-self: center;\n display: flex;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadTabTrigger {\n cursor: pointer;\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: var(--border-width-bold, var(--primitive-border-width-2));\n --tw-border-style: solid;\n padding-inline: var(--spacing-12, var(--spacing-12, 12px));\n padding-block: var(--spacing-16, var(--spacing-16, 16px));\n text-align: center;\n font-family: var(--font-family-dm-sans, var(--primitive-typography-family-dm-sans));\n font-size: var(--text-16, var(--primitive-typography-size-16));\n --tw-leading: var(--spacing-16, var(--spacing-16, 16px));\n line-height: var(--spacing-16, var(--spacing-16, 16px));\n --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n background-color: #0000;\n border-style: solid;\n border-color: #0000;\n flex: 1;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadTabTrigger--active {\n border-bottom-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));\n --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeManualUploadPage .IncodeManualUploadError {\n align-items: flex-start;\n gap: var(--spacing-4, var(--spacing-4, 4px));\n width: 100%;\n font-family: var(--typography-body-family);\n font-size: var(--typography-body-m-regular-size);\n font-weight: var(--typography-body-m-regular-weight);\n line-height: var(--typography-body-m-regular-line-height);\n letter-spacing: var(--typography-body-m-regular-letter-spacing);\n color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));\n display: flex;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadError p {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n flex: 1;\n}\n\n.IncodeManualUploadPage .IncodeManualUploadTab {\n margin-top: var(--spacing-24, var(--spacing-24, 24px));\n margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n width: 100%;\n display: flex;\n}\n\n.IncodeManualUploadSlot {\n align-items: center;\n gap: var(--spacing-12, var(--spacing-12, 12px));\n border-radius: var(--radius-medium, var(--border-radius-medium));\n border-style: var(--tw-border-style);\n border-width: var(--border-width-regular, var(--primitive-border-width-1));\n --tw-border-style: solid;\n border-style: solid;\n border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));\n width: 100%;\n padding-block: var(--spacing-24, var(--spacing-24, 24px));\n padding-right: var(--spacing-24, var(--spacing-24, 24px));\n padding-left: var(--spacing-20, var(--spacing-20, 20px));\n display: flex;\n}\n\n.IncodeManualUploadSlot .IncodeManualUploadSlotIcon {\n width: var(--spacing-24, var(--spacing-24, 24px));\n height: var(--spacing-24, var(--spacing-24, 24px));\n flex-shrink: 0;\n justify-content: center;\n display: flex;\n}\n\n.IncodeManualUploadSlot .IncodeManualUploadSlotIconHighlight {\n fill: var(--color-icon-neutral-500, var(--icon-neutral-500));\n}\n\n.IncodeManualUploadSlot .IncodeManualUploadSlotLabel {\n text-overflow: ellipsis;\n white-space: nowrap;\n text-align: left;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n flex: 1;\n overflow: hidden;\n}\n\n.IncodeManualUploadSlot .IncodeManualUploadSlotAction {\n cursor: pointer;\n border-radius: var(--radius-full, var(--border-radius-full));\n border-style: var(--tw-border-style);\n border-width: var(--border-width-none, var(--primitive-border-width-0));\n --tw-border-style: none;\n background-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));\n padding: var(--spacing-8, var(--spacing-8, 8px));\n color: var(--color-button-primary-text-default, var(--button-primary-text-default));\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));\n transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));\n --tw-duration: .2s;\n border-style: none;\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n transition-duration: .2s;\n display: inline-flex;\n}\n\n.IncodeManualUploadSlot .IncodeManualUploadSlotAction:hover:not(:disabled) {\n background-color: var(--color-button-primary-surface-hover, var(--button-primary-surface-hover));\n}\n\n.IncodeManualUploadSlot .IncodeManualUploadSlotAction:disabled {\n cursor: not-allowed;\n background-color: var(--color-button-primary-surface-disabled, var(--button-primary-surface-disabled));\n color: var(--color-button-primary-text-disabled, var(--button-primary-text-disabled));\n}\n\n.IncodeManualUploadSlot.IncodeManualUploadSlot--uploaded .IncodeManualUploadSlotAction, .IncodeManualUploadSlot.IncodeManualUploadSlot--uploaded .IncodeManualUploadSlotAction:hover:not(:disabled) {\n padding: var(--spacing-0, var(--spacing-none, 0px));\n color: var(--color-surface-status-positive-500, var(--surface-status-positive-500));\n background-color: #0000;\n}\n\n.IncodeManualUploadSlot.IncodeManualUploadSlot--disabled {\n opacity: .5;\n}\n\n.IncodeManualUploadSlot .IncodeManualUploadSlotInput {\n clip-path: inset(50%);\n white-space: nowrap;\n border-width: 0;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n position: absolute;\n overflow: hidden;\n}\n\n.IncodeIdOcrPage {\n width: 100%;\n height: 100%;\n animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;\n margin-inline: auto;\n animation-fill-mode: both;\n}\n\n@media (min-width: 48rem) {\n .IncodeIdOcrPage.IncodePageContainer {\n align-items: stretch;\n }\n}\n\n.IncodeIdOcrPage .IncodePageInner {\n height: 100%;\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeIdOcrPage .IncodePageContent {\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeIdOcrForm {\n margin-top: var(--spacing-32, var(--spacing-32, 32px));\n height: 100%;\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n justify-content: flex-start;\n align-items: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n width: 100%;\n display: flex;\n overflow-y: auto;\n}\n\n.IncodeIdOcrButton {\n bottom: var(--spacing-0, var(--spacing-none, 0px));\n width: 100%;\n position: sticky;\n}\n\n.IncodeIdOcrSpinner {\n justify-content: center;\n align-items: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n flex: 1;\n display: flex;\n}\n\n.IncodeIdOcrRadioGroup {\n width: 100%;\n max-width: var(--incode-form-max-w);\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeIdOcrRadioOptionsLabel {\n font-family: var(--typography-label-family);\n font-size: var(--typography-label-m-size);\n font-weight: var(--typography-label-m-weight);\n line-height: var(--typography-label-m-line-height);\n letter-spacing: var(--typography-label-m-letter-spacing);\n color: var(--color-input-text-label-default, var(--input-text-label-default));\n}\n\n.IncodeIdOcrRadioOptions {\n gap: var(--spacing-20, var(--spacing-20, 20px));\n width: 100%;\n display: flex;\n}\n\n.IncodeDocumentUploadPage {\n background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));\n}\n\n.IncodeDocumentUploadInitializing {\n height: 100%;\n color: var(--color-text-body-0, var(--text-body-0-static));\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeDocumentUploadInitializingText {\n margin-top: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeDocumentUploadUploading {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 100%;\n display: flex;\n}\n\n.IncodeDocumentUploadError {\n justify-content: center;\n align-items: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n padding: var(--spacing-24, var(--spacing-24, 24px));\n color: var(--color-text-body-0, var(--text-body-0-static));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeDocumentUploadErrorMessage {\n text-align: center;\n}\n\n.IncodeDocumentUploadRetryButton {\n margin-top: var(--spacing-8, var(--spacing-8, 8px));\n}\n\n.IncodeDocumentCaptureFileInput {\n pointer-events: none;\n border-style: var(--tw-border-style);\n padding: var(--spacing-0, var(--spacing-none, 0px));\n opacity: 0;\n clip: rect(0, 0, 0, 0);\n clip-path: inset(50%);\n white-space: nowrap;\n border-width: 0;\n position: absolute;\n overflow: hidden;\n width: 0 !important;\n height: 0 !important;\n margin: 0 !important;\n}\n\n.IncodeDocumentCaptureFileInput::file-selector-button {\n display: none;\n}\n\n.IncodeDocumentCapturePageTutorial .IncodePageContent {\n flex-direction: column;\n flex: 1;\n display: flex;\n}\n\n.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent {\n margin-block: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n flex: 1;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent .IncodeDocumentCaptureTutorialIllustration {\n flex: 1;\n justify-content: center;\n align-items: center;\n width: 292px;\n margin-inline: auto;\n display: flex;\n}\n\n.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent .IncodeDocumentCaptureTutorialIllustration .IncodeDocumentCaptureTutorialImage {\n width: 100%;\n}\n\n.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureError {\n padding-inline: var(--spacing-16, var(--spacing-16, 16px));\n text-align: center;\n font-size: var(--text-14, var(--primitive-typography-size-14));\n --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n color: var(--input-text-helper-negative, #e53e3e);\n}\n\n.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureActions {\n gap: var(--spacing-8, var(--spacing-8, 8px));\n padding-inline: var(--spacing-8, var(--spacing-8, 8px));\n padding-block: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureActions .IncodeDocumentCaptureSkipWrapper {\n padding-top: var(--spacing-8, var(--spacing-8, 8px));\n justify-content: center;\n display: flex;\n}\n\n.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureCentered {\n justify-content: center;\n align-items: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n flex: 1;\n display: flex;\n}\n\n.IncodeDocumentCaptureBottomSheetOptions {\n width: 100%;\n padding-top: var(--spacing-8, var(--spacing-8, 8px));\n padding-bottom: var(--spacing-20, var(--spacing-20, 20px));\n flex-direction: column;\n align-items: flex-start;\n display: flex;\n}\n\n.IncodeDocumentCaptureBottomSheetOptions .IncodeDocumentCaptureBottomSheetOption {\n align-items: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n border-style: var(--tw-border-style);\n border-width: var(--border-width-none, var(--primitive-border-width-0));\n --tw-border-style: none;\n width: 100%;\n padding-inline: var(--spacing-12, var(--spacing-12, 12px));\n padding-block: var(--spacing-16, var(--spacing-16, 16px));\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n background-color: #0000;\n border-style: none;\n display: flex;\n}\n\n.IncodeDocumentCaptureBottomSheetOptions .IncodeDocumentCaptureBottomSheetOption svg {\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n flex-shrink: 0;\n}\n\n.IncodeDocumentCaptureReviewPage .IncodePageContent {\n padding: var(--spacing-0, var(--spacing-none, 0px));\n flex-direction: column;\n flex: 1;\n display: flex;\n overflow: hidden;\n}\n\n@media (min-width: 48rem) {\n .IncodeDocumentCaptureReviewPage .IncodePageInner {\n padding: var(--spacing-24, var(--spacing-24, 24px));\n }\n}\n\n.IncodeDocumentCaptureReviewLayout {\n flex-direction: column;\n flex: 1;\n display: flex;\n overflow: hidden;\n}\n\n.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 100px;\n display: flex;\n}\n\n.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader .IncodeDocumentCaptureReviewTitle {\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h2-size);\n font-weight: var(--typography-headline-h2-weight);\n line-height: var(--typography-headline-h2-line-height);\n letter-spacing: var(--typography-headline-h2-letter-spacing);\n}\n\n.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader .IncodeDocumentCaptureReviewSubtitle {\n max-width: var(--incode-form-max-w);\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview {\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n flex-direction: column;\n flex: 1;\n justify-content: center;\n align-items: center;\n display: flex;\n overflow: hidden;\n}\n\n.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview.IncodeDocumentCaptureReviewPreviewPdf {\n padding-inline: var(--spacing-48, var(--spacing-48, 48px));\n}\n\n.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImageContainer {\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n border-radius: var(--radius-medium, var(--border-radius-medium));\n background-color: var(--color-neutral-50, oklch(98.5% 0 0));\n flex: 1;\n display: flex;\n}\n\n.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImage {\n border-radius: var(--radius-medium, var(--border-radius-medium));\n object-fit: cover;\n border-style: var(--tw-border-style);\n border-width: 4px;\n border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n width: 100%;\n max-height: 100%;\n}\n\n.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImage.IncodeDocumentCaptureSuccessBorder {\n border-color: var(--color-border-status-positive, var(--border-status-positive-static));\n}\n\n.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeCaptureEncryptionLabel {\n justify-content: center;\n align-items: center;\n gap: var(--spacing-4, var(--spacing-4, 4px));\n display: flex;\n}\n\n.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter {\n width: 100%;\n max-width: var(--incode-form-max-w);\n padding-inline: var(--spacing-8, var(--spacing-8, 8px));\n justify-content: center;\n align-self: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter.IncodeDocumentCaptureReviewFooterEmpty {\n visibility: hidden;\n height: 56px;\n}\n\n.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter .IncodeDocumentCaptureActionRow {\n gap: var(--spacing-12, var(--spacing-12, 12px));\n width: 100%;\n display: flex;\n}\n\n.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter .IncodeDocumentCaptureActionRow .IncodeButton {\n flex: 1;\n}\n\n.IncodeDocumentCaptureReviewCentered {\n flex-direction: column;\n flex: 1;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeDocumentCapturePdfCard {\n justify-content: center;\n align-items: center;\n gap: var(--spacing-24, var(--spacing-24, 24px));\n border-radius: var(--radius-large, var(--border-radius-large));\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n background-color: var(--color-neutral-50, oklch(98.5% 0 0));\n width: 100%;\n padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n padding-block: var(--spacing-32, var(--spacing-32, 32px));\n flex-direction: column;\n display: flex;\n overflow: hidden;\n}\n\n.IncodeDocumentCapturePdfCard .ImageDocumentCapturePdfPreviewContainer {\n width: var(--spacing-120, var(--spacing-120, 120px));\n border-radius: var(--radius-lg, .5rem);\n border-style: var(--tw-border-style);\n border-width: 2px;\n border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n background-color: var(--color-neutral-50, oklch(98.5% 0 0));\n height: var(--document-capture-pdf-preview-height);\n overflow: hidden;\n}\n\n.IncodeDocumentCapturePdfCard .ImageDocumentCapturePdfPreviewContainer .ImageDocumentCapturePdfPreview {\n border-style: var(--tw-border-style);\n border-width: 0;\n width: calc(100% + 4px);\n height: calc(100% + 4px);\n margin: -2px;\n}\n\n.IncodeDocumentCapturePdfCard .IncodeDocumentCapturePdfFileName {\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n overflow-wrap: break-word;\n}\n\n.IncodeOverlay .IncodeDocumentCommonIssuesTitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h2-size);\n font-weight: var(--typography-headline-h2-weight);\n line-height: var(--typography-headline-h2-line-height);\n letter-spacing: var(--typography-headline-h2-letter-spacing);\n}\n\n.IncodeOverlay .IncodeDocumentCommonIssuesCards {\n gap: var(--spacing-32, var(--spacing-32, 32px));\n width: 100%;\n padding-block: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeOverlay .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard {\n align-items: flex-start;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));\n padding: var(--spacing-16, var(--spacing-16, 16px));\n border-radius: 12px;\n display: flex;\n}\n\n.IncodeOverlay .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard .IncodeDocumentCommonIssuesCardIcon {\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n flex-shrink: 0;\n}\n\n.IncodeOverlay .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard .IncodeDocumentCommonIssuesCardText {\n gap: var(--spacing-4, var(--spacing-4, 4px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeOverlay .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard .IncodeDocumentCommonIssuesCardText .IncodeDocumentCommonIssuesCardTitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n}\n\n.IncodeOverlay .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard .IncodeDocumentCommonIssuesCardText .IncodeDocumentCommonIssuesCardBody {\n font-family: var(--typography-body-family);\n font-size: var(--typography-body-m-regular-size);\n font-weight: var(--typography-body-m-regular-weight);\n line-height: var(--typography-body-m-regular-line-height);\n letter-spacing: var(--typography-body-m-regular-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeOverlay .IncodeDocumentCommonIssuesButtons {\n gap: var(--spacing-12, var(--spacing-12, 12px));\n width: 100%;\n padding-top: var(--spacing-24, var(--spacing-24, 24px));\n flex-direction: column;\n margin-top: auto;\n display: flex;\n}\n\n.IncodeCurpValidation {\n flex-direction: column;\n align-items: center;\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.IncodeCurpValidationPage .IncodePageContent {\n padding-top: var(--spacing-32, var(--spacing-32, 32px));\n padding-bottom: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n align-items: center;\n display: flex;\n}\n\n.IncodeCurpInput {\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n flex: 1;\n width: 100%;\n max-width: 420px;\n display: flex;\n}\n\n.IncodeCurpInputDontHaveButton.IncodeButton {\n border-style: var(--tw-border-style);\n border-width: var(--border-width-medium, var(--primitive-border-width-1-5));\n border-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));\n color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));\n background-color: #0000;\n}\n\n.IncodeGenerateCurpForm {\n gap: var(--spacing-8, var(--spacing-8, 8px));\n flex-direction: column;\n width: 100%;\n max-width: 420px;\n display: flex;\n}\n\n.IncodeCurpFormField {\n gap: var(--spacing-4, var(--spacing-4, 4px));\n flex-direction: column;\n width: 100%;\n display: flex;\n}\n\n.IncodeCurpFormLabel {\n font-size: var(--text-14, var(--primitive-typography-size-14));\n --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeCurpConfirm {\n flex-direction: column;\n align-items: center;\n width: 100%;\n max-width: 340px;\n display: flex;\n}\n\n.IncodeCurpConfirmInput {\n border-radius: var(--radius-small, var(--border-radius-small));\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--color-input-border-default, var(--input-border-default));\n background-color: var(--color-input-surface-default, var(--input-surface-default));\n width: 100%;\n padding-inline: var(--spacing-16, var(--spacing-16, 16px));\n padding-block: var(--spacing-12, var(--spacing-12, 12px));\n text-align: center;\n font-size: var(--text-18, var(--primitive-typography-size-18));\n --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n color: var(--color-input-text-field-default, var(--input-text-field-default));\n}\n\n.IncodeCurpLoading {\n height: 100%;\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n flex-direction: column;\n flex: 1;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeCurpSuccess, .IncodeCurpFailure {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeCurpSuccess h2.IncodeCurpSuccessTitle, .IncodeCurpFailure h2.IncodeCurpFailureTitle {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n padding: var(--spacing-0, var(--spacing-none, 0px));\n text-align: center;\n font-size: var(--text-2xl, 1.5rem);\n line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));\n --tw-leading: 1.25;\n --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n line-height: 1.25;\n font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n --tw-tracking: -1px;\n letter-spacing: -1px;\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeCurpFailureHint {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n text-align: center;\n font-size: var(--text-16, var(--primitive-typography-size-16));\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeGeolocationPage {\n animation: .4s ease-out fadeIn;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .IncodeGeolocationPage {\n animation: none;\n }\n}\n\n.IncodeGeolocationPage .IncodeGeolocationIconWrapper {\n margin-top: var(--spacing-16, var(--spacing-16, 16px));\n padding-block: var(--spacing-24, var(--spacing-24, 24px));\n flex: 1;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeGeolocationPage .IncodeGeolocationButtonWrapper {\n padding-block: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodePageTitleContainer {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionSections {\n margin-top: var(--spacing-24, var(--spacing-24, 24px));\n gap: var(--spacing-24, var(--spacing-24, 24px));\n flex-direction: column;\n align-self: center;\n width: 100%;\n max-width: 420px;\n display: flex;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionSection {\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionSectionTitle {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h4-size);\n font-weight: var(--typography-headline-h4-weight);\n line-height: var(--typography-headline-h4-line-height);\n letter-spacing: var(--typography-headline-h4-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepsList {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n gap: var(--spacing-12, var(--spacing-12, 12px));\n padding: var(--spacing-0, var(--spacing-none, 0px));\n flex-direction: column;\n list-style-type: none;\n display: flex;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStep {\n align-items: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n display: flex;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepIcon {\n aspect-ratio: 1;\n height: var(--spacing-40, var(--spacing-40, 40px));\n min-height: var(--spacing-40, var(--spacing-40, 40px));\n width: var(--spacing-40, var(--spacing-40, 40px));\n min-width: var(--spacing-40, var(--spacing-40, 40px));\n border-radius: var(--radius-small, var(--border-radius-small));\n background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepImg {\n object-fit: contain;\n width: 100%;\n height: 100%;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepImgPaddedSettings {\n padding: var(--spacing-8, var(--spacing-8, 8px));\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepImgPaddedBrowser {\n padding: 5px;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepText {\n font-size: var(--text-16, var(--primitive-typography-size-16));\n --tw-leading: var(--leading-snug, 1.375);\n line-height: var(--leading-snug, 1.375);\n --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepTextBold {\n --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionArrow {\n vertical-align: middle;\n display: inline-block;\n}\n\n.IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationSrOnly {\n clip-path: inset(50%);\n white-space: nowrap;\n border-width: 0;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n position: absolute;\n overflow: hidden;\n}\n\n.IncodeEkycPage {\n max-width: 480px;\n margin-inline: auto;\n}\n\n@media (min-width: 48rem) {\n .IncodeEkycPage .IncodePageInner {\n padding-inline: var(--spacing-0, var(--spacing-none, 0px));\n padding-block: var(--spacing-0, var(--spacing-none, 0px));\n }\n}\n\n.IncodeEkycPage .IncodeEkycSpinner {\n flex: 1;\n}\n\n.IncodeEkycPage .IncodeEkycForm {\n margin-top: var(--spacing-32, var(--spacing-32, 32px));\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n width: 100%;\n display: flex;\n}\n\n.IncodeEkycPage .IncodeEkycForm .IncodeInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDropdownComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDateInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodePhoneInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeAddressAutocomplete {\n margin-inline: auto;\n}\n\n.IncodeEkycPage .IncodeEkycForm .IncodeFormField {\n margin-bottom: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeEkycPage .IncodeEkycSectionHeader {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h3-size);\n font-weight: var(--typography-headline-h3-weight);\n line-height: var(--typography-headline-h3-line-height);\n letter-spacing: var(--typography-headline-h3-letter-spacing);\n color: var(--color-input-text-label-default, var(--input-text-label-default));\n margin-inline: auto;\n margin-top: var(--spacing-16, var(--spacing-16, 16px));\n width: 100%;\n max-width: 420px;\n padding-block: var(--spacing-12, var(--spacing-12, 12px));\n}\n\n.IncodeEkycPage .IncodeEkycRadioGroup {\n width: 100%;\n max-width: 420px;\n margin-inline: auto;\n}\n\n.IncodeEkycPage .IncodeEkycRadioGroup .IncodeEkycRadioLabel {\n margin-bottom: var(--spacing-8, var(--spacing-8, 8px));\n font-family: var(--typography-label-family);\n font-size: var(--typography-label-m-size);\n font-weight: var(--typography-label-m-weight);\n line-height: var(--typography-label-m-line-height);\n letter-spacing: var(--typography-label-m-letter-spacing);\n --tw-leading: 1;\n color: var(--color-input-text-label-default, var(--input-text-label-default));\n line-height: 1;\n display: block;\n}\n\n.IncodeEkycPage .IncodeEkycRadioGroup .IncodeEkycRadioOptions {\n gap: var(--spacing-24, var(--spacing-24, 24px));\n display: flex;\n}\n\n.IncodeEkycPage .IncodeEkycRadioGroup .IncodeEkycFieldError {\n margin-top: var(--spacing-8, var(--spacing-8, 8px));\n font-family: var(--typography-body-family);\n font-size: var(--typography-body-m-regular-size);\n font-weight: var(--typography-body-m-regular-weight);\n line-height: var(--typography-body-m-regular-line-height);\n letter-spacing: var(--typography-body-m-regular-letter-spacing);\n color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));\n display: block;\n}\n\n.IncodeEkycPage .IncodeEkycFooter {\n margin-top: var(--spacing-24, var(--spacing-24, 24px));\n align-items: center;\n gap: var(--spacing-12, var(--spacing-12, 12px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeEkycPage .IncodeEkycFooter .IncodeEkycSubmitError {\n margin-bottom: var(--spacing-12, var(--spacing-12, 12px));\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));\n margin-top: 0;\n}\n\n@media (min-width: 768px) {\n .IncodeEkycPage.IncodePageContainer {\n height: 100dvh;\n max-height: none;\n margin-top: var(--spacing-0, var(--spacing-none, 0px));\n }\n\n .IncodeEkycPage .IncodePageInner {\n height: 100%;\n }\n\n .IncodeEkycPage.IncodeEkycPageScrollable {\n max-width: 500px;\n }\n\n .IncodeEkycPage .IncodePageContent {\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n }\n\n .IncodeEkycPage .IncodeEkycForm {\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n padding-bottom: var(--spacing-8, var(--spacing-8, 8px));\n overflow-y: auto;\n }\n\n .IncodeEkycPage.IncodeEkycPageScrollable .IncodeEkycForm {\n margin-left: var(--spacing-8, var(--spacing-8, 8px));\n }\n\n .IncodeEkycPage .IncodeEkycFooter {\n flex-shrink: 0;\n }\n}\n\n.IncodeEkybPage {\n max-width: 480px;\n margin-inline: auto;\n}\n\n.IncodeEkybPage .IncodeEkybSpinner {\n flex: 1;\n}\n\n.IncodeEkybPage .IncodeEkybForm {\n margin-top: var(--spacing-32, var(--spacing-32, 32px));\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n width: 100%;\n display: flex;\n}\n\n.IncodeEkybPage .IncodeEkybForm .IncodeInputComposed, .IncodeEkybPage .IncodeEkybForm .IncodeDropdownComposed, .IncodeEkybPage .IncodeEkybForm .IncodeFormField {\n margin-inline: auto;\n}\n\n.IncodeEkybPage .IncodeEkybForm .IncodeFormField {\n margin-bottom: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeEkybPage .IncodeEkybForm .IncodeAddressAutocomplete {\n margin-inline: auto;\n}\n\n.IncodeEkybPage .IncodeEkybCountrySelector {\n width: 100%;\n}\n\n.IncodeEkybPage .IncodeEkybUbos, .IncodeEkybPage .IncodeEkybUboEntry {\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeEkybPage .IncodeEkybRemoveUbo {\n cursor: pointer;\n border-style: var(--tw-border-style);\n border-width: var(--border-width-none, var(--primitive-border-width-0));\n --tw-border-style: none;\n padding: var(--spacing-0, var(--spacing-none, 0px));\n font-family: var(--typography-body-family);\n font-size: var(--typography-body-s-regular-size);\n font-weight: var(--typography-body-s-regular-weight);\n line-height: var(--typography-body-s-regular-line-height);\n letter-spacing: var(--typography-body-s-regular-letter-spacing);\n color: var(--color-text-status-negative, var(--text-status-negative));\n background-color: #0000;\n border-style: none;\n}\n\n.IncodeEkybPage .IncodeEkybAddUbo {\n cursor: pointer;\n border-style: var(--tw-border-style);\n border-width: var(--border-width-none, var(--primitive-border-width-0));\n --tw-border-style: none;\n padding-block: var(--spacing-8, var(--spacing-8, 8px));\n text-align: center;\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-underlined-size);\n font-weight: var(--typography-button-m-underlined-weight);\n line-height: var(--typography-button-m-underlined-line-height);\n letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n -webkit-text-decoration-skip-ink: none;\n text-decoration-skip-ink: none;\n color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));\n background-color: #0000;\n border-style: none;\n text-decoration-line: underline;\n text-decoration-style: solid;\n text-decoration-thickness: auto;\n}\n\n.IncodeEkybPage .IncodeEkybAddUbo:hover {\n opacity: .8;\n}\n\n.IncodeEkybPage .IncodeEkybSectionHeader {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h3-size);\n font-weight: var(--typography-headline-h3-weight);\n line-height: var(--typography-headline-h3-line-height);\n letter-spacing: var(--typography-headline-h3-letter-spacing);\n color: var(--color-input-text-label-default, var(--input-text-label-default));\n margin-inline: auto;\n margin-top: var(--spacing-16, var(--spacing-16, 16px));\n width: 100%;\n max-width: 420px;\n padding-block: var(--spacing-12, var(--spacing-12, 12px));\n}\n\n.IncodeEkybPage .IncodeEkybFooter {\n margin-top: var(--spacing-24, var(--spacing-24, 24px));\n}\n\n@media (min-width: 768px) {\n .IncodeEkybPage.IncodePageContainer {\n margin-top: var(--spacing-0, var(--spacing-none, 0px));\n height: 95dvh;\n max-height: none;\n }\n\n .IncodeEkybPage .IncodePageInner {\n height: 95%;\n }\n\n .IncodeEkybPage.IncodeEkybPageScrollable {\n max-width: 500px;\n }\n\n .IncodeEkybPage .IncodePageContent {\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n }\n\n .IncodeEkybPage .IncodeEkybForm {\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n padding-bottom: var(--spacing-8, var(--spacing-8, 8px));\n overflow-y: auto;\n }\n\n .IncodeEkybPage.IncodeEkybPageScrollable .IncodeEkybForm {\n margin-left: var(--spacing-8, var(--spacing-8, 8px));\n }\n\n .IncodeEkybPage .IncodeEkybFooter {\n flex-shrink: 0;\n }\n}\n\n.IncodeRedirectRoot {\n width: 100%;\n height: 100%;\n}\n\n.IncodeRedirectLogo {\n max-width: 100%;\n max-height: 100%;\n}\n\n.IncodeRedirectContainer {\n background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n display: flex;\n position: relative;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard {\n --max-width-card: 800px;\n border-radius: var(--radius-medium, var(--border-radius-medium));\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n width: 100%;\n padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n padding-top: var(--spacing-32, var(--spacing-32, 32px));\n padding-bottom: var(--spacing-24, var(--spacing-24, 24px));\n max-width: var(--max-width-card);\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n min-height: min(800px, 100%);\n display: flex;\n overflow: clip;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions {\n --height-options: 332px;\n --max-width-options: 752px;\n align-items: center;\n gap: var(--spacing-32, var(--spacing-32, 32px));\n width: 100%;\n height: var(--height-options);\n max-width: var(--max-width-options);\n flex-direction: column;\n display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectToast {\n top: var(--spacing-16, var(--spacing-16, 16px));\n z-index: 50;\n align-items: center;\n gap: var(--spacing-12, var(--spacing-12, 12px));\n border-radius: var(--radius-medium, var(--border-radius-medium));\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--color-snackbar-border-positive, var(--snackbar-border-positive));\n background-color: var(--color-snackbar-surface-positive, var(--snackbar-surface-positive));\n padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n padding-block: var(--spacing-16, var(--spacing-16, 16px));\n animation: 3s ease-in-out forwards fadeInOut;\n display: flex;\n position: absolute;\n left: 50%;\n overflow: clip;\n box-shadow: 0 2px 12px #00000014;\n}\n\n.IncodeRedirectContainer .IncodeRedirectToast .IncodeRedirectToastText {\n font-family: var(--typography-tooltip-family);\n font-size: var(--typography-tooltip-m-size);\n font-weight: var(--typography-tooltip-m-weight);\n line-height: var(--typography-tooltip-m-line-height);\n letter-spacing: var(--typography-tooltip-m-letter-spacing);\n white-space: nowrap;\n color: var(--color-snackbar-text-neutral, var(--snackbar-text-neutral));\n}\n\n@keyframes fadeInOut {\n 0% {\n opacity: 0;\n transform: translate(-50%, -20px);\n }\n\n 15% {\n opacity: 1;\n transform: translate(-50%);\n }\n\n 85% {\n opacity: 1;\n transform: translate(-50%);\n }\n\n 100% {\n opacity: 0;\n transform: translate(-50%, -20px);\n }\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader {\n flex-direction: column;\n align-items: center;\n width: 100%;\n display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectLogoWrapper {\n --min-height-logo-wrapper: 44px;\n width: 100%;\n min-height: var(--min-height-logo-wrapper);\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectLogo {\n max-height: var(--logo-height, 44px);\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectTitle {\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h2-size);\n font-weight: var(--typography-headline-h2-weight);\n line-height: var(--typography-headline-h2-line-height);\n letter-spacing: var(--typography-headline-h2-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectSubtitle {\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav {\n --max-width-bottom-nav: 390px;\n align-items: center;\n gap: var(--spacing-40, var(--spacing-40, 40px));\n width: 100%;\n max-width: var(--max-width-bottom-nav);\n flex-direction: column;\n display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectVerifiedBy {\n justify-content: center;\n align-items: center;\n gap: var(--spacing-4, var(--spacing-4, 4px));\n padding-top: var(--spacing-8, var(--spacing-8, 8px));\n padding-bottom: var(--spacing-12, var(--spacing-12, 12px));\n display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectTabs {\n --max-width-tabs: 676px;\n justify-content: center;\n align-items: flex-end;\n gap: var(--spacing-12, var(--spacing-12, 12px));\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n border-color: var(--color-border-neutral-300, var(--border-neutral-300));\n width: 100%;\n max-width: var(--max-width-tabs);\n display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectTabs .IncodeRedirectTab {\n cursor: pointer;\n border-bottom-style: var(--tw-border-style);\n padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n padding-block: var(--spacing-12, var(--spacing-12, 12px));\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n background-color: #0000;\n border-color: #0000;\n border-bottom-width: 2px;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectTabs .IncodeRedirectTab.IncodeRedirectTabActive {\n border-color: var(--color-text-link-default, var(--text-link-default));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectTabDescription {\n --max-width-tab-description: 434px;\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n max-width: var(--max-width-tab-description);\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectQrWrapper {\n --border-radius-qr-wrapper: 21px;\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n padding: var(--spacing-12, var(--spacing-12, 12px));\n border-radius: var(--border-radius-qr-wrapper);\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInput, .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputContainer {\n flex-direction: column;\n align-items: center;\n width: 100%;\n display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputRow {\n --max-width-phone-input-row: 340px;\n align-items: stretch;\n gap: var(--spacing-8, var(--spacing-8, 8px));\n width: 100%;\n max-width: var(--max-width-phone-input-row);\n display: flex;\n position: relative;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputWrapper {\n border-radius: var(--radius-small, var(--border-radius-small));\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--color-input-border-default, var(--input-border-default));\n background-color: var(--color-input-surface-default, var(--input-surface-default));\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));\n transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));\n --tw-duration: .2s;\n flex: 1;\n align-items: center;\n transition-duration: .2s;\n display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputWrapper:focus-within {\n border-color: var(--color-input-border-focused, var(--input-border-focused));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputWrapper.IncodePhoneInputWrapperError {\n border-color: var(--color-input-border-negative, var(--input-border-negative));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputWrapper.IncodePhoneInputWrapperDisabled {\n border-color: var(--color-input-border-disabled, var(--input-border-disabled));\n background-color: var(--color-input-surface-disabled, var(--input-surface-disabled));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountrySelector {\n --width-country-selector: 124px;\n border-radius: var(--radius-small, var(--border-radius-small));\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--color-input-border-default, var(--input-border-default));\n background-color: var(--color-input-surface-default, var(--input-surface-default));\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));\n transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));\n --tw-duration: .2s;\n width: var(--width-country-selector);\n flex-shrink: 0;\n transition-duration: .2s;\n position: static;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountrySelector.IncodePhoneCountrySelectorOpen {\n border-color: var(--color-input-border-focused, var(--input-border-focused));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountrySelector.IncodePhoneCountrySelectorDisabled {\n border-color: var(--color-input-border-disabled, var(--input-border-disabled));\n background-color: var(--color-input-surface-disabled, var(--input-surface-disabled));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryButton {\n width: 100%;\n height: 100%;\n padding: var(--spacing-8, var(--spacing-8, 8px));\n padding-left: var(--spacing-16, var(--spacing-16, 16px));\n cursor: pointer;\n border-style: var(--tw-border-style);\n border-width: var(--border-width-none, var(--primitive-border-width-0));\n --tw-border-style: none;\n font-size: var(--text-18, var(--primitive-typography-size-18));\n --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n border-radius: var(--radius-small, var(--border-radius-small));\n background-color: #0000;\n border-style: none;\n justify-content: center;\n align-items: center;\n font-family: inherit;\n display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryButton:disabled {\n cursor: not-allowed;\n color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryButton:focus {\n --tw-outline-style: none;\n outline-style: none;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryFlag {\n font-size: var(--text-24, var(--primitive-typography-size-24));\n --tw-leading: 1;\n line-height: 1;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryCode {\n margin-left: var(--spacing-4, var(--spacing-4, 4px));\n font-size: var(--text-18, var(--primitive-typography-size-18));\n --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n white-space: nowrap;\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryArrow {\n margin-left: var(--spacing-8, var(--spacing-8, 8px));\n height: var(--spacing-24, var(--spacing-24, 24px));\n width: var(--spacing-24, var(--spacing-24, 24px));\n color: var(--color-icon-neutral-500, var(--icon-neutral-500));\n transition-property: transform, translate, scale, rotate;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));\n transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));\n --tw-duration: .2s;\n transition-duration: .2s;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryArrowUp {\n rotate: 180deg;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryButton:disabled .IncodePhoneCountryArrow {\n color: var(--color-icon-neutral-300, var(--icon-neutral-300));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryDropdown {\n --max-height-country-dropdown: 320px;\n top: 100%;\n right: var(--spacing-0, var(--spacing-none, 0px));\n left: var(--spacing-0, var(--spacing-none, 0px));\n z-index: 50;\n margin-top: var(--spacing-8, var(--spacing-8, 8px));\n border-radius: var(--radius-small, var(--border-radius-small));\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--color-input-border-default, var(--input-border-default));\n background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n padding: var(--spacing-8, var(--spacing-8, 8px));\n max-height: var(--max-height-country-dropdown);\n position: absolute;\n overflow-y: auto;\n box-shadow: 0 4px 16px #0000001f;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOption {\n cursor: pointer;\n align-items: center;\n gap: var(--spacing-12, var(--spacing-12, 12px));\n border-radius: var(--radius-small, var(--border-radius-small));\n width: 100%;\n padding-inline: var(--spacing-12, var(--spacing-12, 12px));\n padding-block: var(--spacing-12, var(--spacing-12, 12px));\n font-size: var(--text-16, var(--primitive-typography-size-16));\n --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n border-style: var(--tw-border-style);\n border-width: var(--border-width-none, var(--primitive-border-width-0));\n --tw-border-style: none;\n text-align: left;\n background-color: #0000;\n border-style: none;\n font-family: inherit;\n display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOption:hover {\n background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOption:focus {\n background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));\n --tw-outline-style: none;\n outline-style: none;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOptionSelected, .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOptionSelected:hover {\n background-color: var(--color-surface-brand-50, var(--surface-brand-50));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOptionCode {\n --min-width-country-code: 52px;\n font-size: var(--text-16, var(--primitive-typography-size-16));\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n min-width: var(--min-width-country-code);\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountryOptionName {\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: var(--text-16, var(--primitive-typography-size-16));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n flex: 1;\n overflow: hidden;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputField {\n border-style: var(--tw-border-style);\n border-width: var(--border-width-none, var(--primitive-border-width-0));\n --tw-border-style: none;\n width: 100%;\n padding-inline: var(--spacing-16, var(--spacing-16, 16px));\n padding-block: var(--spacing-16, var(--spacing-16, 16px));\n font-size: var(--text-18, var(--primitive-typography-size-18));\n --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n color: var(--color-input-text-field-default, var(--input-text-field-default));\n --tw-outline-style: none;\n border-radius: var(--radius-small, var(--border-radius-small));\n background-color: #0000;\n border-style: none;\n outline-style: none;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputField::placeholder {\n --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n color: var(--color-input-text-field-placeholder, var(--input-text-field-placeholder));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputField:disabled {\n cursor: not-allowed;\n color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputError {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n text-align: center;\n font-size: var(--text-14, var(--primitive-typography-size-14));\n --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));\n color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectSmsSendButton {\n --max-width-sms-button: 335px;\n width: 100%;\n max-width: var(--max-width-sms-button);\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent {\n flex-direction: column;\n align-items: center;\n display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentTitle {\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h2-size);\n font-weight: var(--typography-headline-h2-weight);\n line-height: var(--typography-headline-h2-line-height);\n letter-spacing: var(--typography-headline-h2-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentPhone {\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentActions {\n --width-link-sent-actions: 335px;\n justify-content: center;\n align-items: center;\n gap: var(--spacing-4, var(--spacing-4, 4px));\n font-family: var(--Button-family, \"DM Sans\");\n letter-spacing: 0;\n width: var(--width-link-sent-actions);\n flex-wrap: wrap;\n font-size: 18px;\n font-weight: 500;\n line-height: 100%;\n display: flex;\n}\n\n.IncodeRedirectFinishedContainer {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.IncodeRedirectFinishedContainer .IncodeRedirectLogo {\n max-height: var(--logo-height, 44px);\n}\n\n.IncodeRedirectFinishedContainer .IncodeRedirectFinishedTitle {\n --width-finished-title: 500px;\n margin-block: var(--spacing-20, var(--spacing-20, 20px));\n text-align: center;\n font-size: var(--text-3xl, 1.875rem);\n line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));\n --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n width: var(--width-finished-title);\n}\n\n.IncodeRedirectFinishedContainer .IncodeRedirectFinishedSubtitle {\n --width-finished-subtitle: 400px;\n text-align: center;\n font-size: var(--text-2xl, 1.5rem);\n line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));\n --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n width: var(--width-finished-subtitle);\n}\n\n.IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText, .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText .markup {\n display: inline;\n}\n\n.IncodeConsentPage {\n height: 100%;\n}\n\n.IncodeConsentPage .IncodePageInner {\n padding: var(--spacing-24, var(--spacing-24, 24px));\n}\n\n.IncodeConsentPage .IncodePageContent {\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeConsentPage .IncodeConsentContent {\n height: 100%;\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n justify-content: space-between;\n gap: var(--spacing-24, var(--spacing-24, 24px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeConsentPage .IncodeConsentBody {\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n flex: 1;\n display: flex;\n overflow-y: auto;\n}\n\n.IncodeConsentPage .IncodeConsentBody .IncodeRichText .markup h2, .IncodeConsentPage .IncodeConsentBody .IncodeRichText h2 {\n margin-bottom: var(--spacing-12, var(--spacing-12, 12px));\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h2-size);\n font-weight: var(--typography-headline-h2-weight);\n line-height: var(--typography-headline-h2-line-height);\n letter-spacing: var(--typography-headline-h2-letter-spacing);\n}\n\n.IncodeConsentPage .IncodeConsentTitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h1-size);\n font-weight: var(--typography-headline-h1-weight);\n line-height: var(--typography-headline-h1-line-height);\n letter-spacing: var(--typography-headline-h1-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeConsentPage .IncodeConsentSubtitle {\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeConsentPage .IncodeConsentCheckboxList {\n gap: var(--spacing-12, var(--spacing-12, 12px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeConsentPage .IncodeConsentCheckbox {\n border-radius: var(--radius-medium, var(--border-radius-medium));\n background-color: var(--color-surface-brand-50, var(--surface-brand-50));\n width: 100%;\n padding: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeConsentPage .IncodeConsentCheckbox .IncodeCheckboxLabel {\n align-items: flex-start;\n}\n\n.IncodeConsentPage .IncodeConsentCheckbox .IncodeCheckboxText {\n font-family: var(--typography-checkbox-radio-family);\n font-size: var(--typography-checkbox-radio-s-size);\n font-weight: var(--typography-checkbox-radio-s-weight);\n line-height: var(--typography-checkbox-radio-s-line-height);\n letter-spacing: var(--typography-checkbox-radio-s-letter-spacing);\n}\n\n.IncodeConsentPage .IncodeConsentCheckboxLabel {\n font-family: var(--typography-checkbox-radio-family);\n font-size: var(--typography-checkbox-radio-s-size);\n font-weight: var(--typography-checkbox-radio-s-weight);\n line-height: var(--typography-checkbox-radio-s-line-height);\n letter-spacing: var(--typography-checkbox-radio-s-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText, .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText .markup {\n display: inline;\n}\n\n.IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText .markup p, .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText p {\n margin-bottom: var(--spacing-0, var(--spacing-none, 0px));\n font-family: var(--typography-checkbox-radio-family);\n font-size: var(--typography-checkbox-radio-s-size);\n font-weight: var(--typography-checkbox-radio-s-weight);\n line-height: var(--typography-checkbox-radio-s-line-height);\n letter-spacing: var(--typography-checkbox-radio-s-letter-spacing);\n display: inline;\n}\n\n.IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText .markup a, .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText a {\n color: var(--color-surface-brand-600, var(--surface-brand-600-static));\n}\n\n.IncodeConsentPage .IncodeCheckboxRequired {\n margin-left: var(--spacing-0, var(--spacing-none, 0px));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n white-space: nowrap;\n}\n\n.IncodeConsentPage .IncodeConsentButton {\n width: 100%;\n}\n\n.IncodeConsentPage .IncodeConsentActions {\n align-items: center;\n gap: var(--spacing-8, var(--spacing-8, 8px));\n flex-direction: column;\n width: 100%;\n display: flex;\n}\n\n.IncodeSignature .IncodeSignatureContent {\n width: 100%;\n height: 100%;\n padding-top: var(--spacing-32, var(--spacing-32, 32px));\n flex-direction: column;\n flex: 1;\n display: flex;\n}\n\n.IncodeSignature .IncodeSignatureButtonContainer {\n margin-block: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeSignature.IncodeSignatureFadeIn {\n animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;\n animation-fill-mode: both;\n}\n\n.IncodeSignature .IncodeSignatureButtonContainer .IncodeButton.IncodeButtonPrimary {\n transition: background-color .35s ease-out, color .35s ease-out, border-color .35s ease-out, opacity .35s ease-out, box-shadow .35s ease-out;\n}\n\n.IncodeSignature .SignatureCanvasContainer {\n width: 100%;\n padding-inline: var(--spacing-16, var(--spacing-16, 16px));\n padding-block: var(--spacing-8, var(--spacing-8, 8px));\n border-radius: var(--radius-small, var(--border-radius-small));\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--color-input-border-default, var(--input-border-default));\n background-color: var(--color-input-surface-default, var(--input-surface-default));\n height: var(--signature-canvas-height);\n max-width: var(--signature-canvas-max-width);\n align-self: center;\n position: relative;\n}\n\n.IncodeSignature .SignatureCanvas {\n width: 100%;\n height: 100%;\n padding-block: var(--spacing-8, var(--spacing-8, 8px));\n}\n\n.IncodeSignature .SignatureCanvasPlaceholder {\n font-family: var(--typography-input-dropdown-family);\n font-size: var(--typography-input-dropdown-m-size);\n font-weight: var(--typography-input-dropdown-m-weight);\n line-height: var(--typography-input-dropdown-m-line-height);\n letter-spacing: var(--typography-input-dropdown-m-letter-spacing);\n color: var(--color-input-text-field-placeholder, var(--input-text-field-placeholder));\n --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n pointer-events: none;\n text-align: center;\n -webkit-user-select: none;\n user-select: none;\n width: 100%;\n animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;\n animation-fill-mode: both;\n position: absolute;\n top: 50%;\n left: 50%;\n}\n\n.IncodeSignature .IncodeSignatureSuccess {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeVerificationResult .IncodePageContent {\n gap: var(--spacing-16, var(--spacing-16, 16px));\n padding-bottom: var(--spacing-16, var(--spacing-16, 16px));\n animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;\n animation-fill-mode: both;\n}\n\n.IncodeVerificationResult__center {\n justify-content: center;\n align-items: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n flex: 1;\n width: 100%;\n max-width: 420px;\n margin-inline: auto;\n display: flex;\n}\n\n.IncodeVerificationResult__title {\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h2-size);\n font-weight: var(--typography-headline-h2-weight);\n line-height: var(--typography-headline-h2-line-height);\n letter-spacing: var(--typography-headline-h2-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeVerificationResult__actions {\n gap: var(--spacing-12, var(--spacing-12, 12px));\n flex-direction: column;\n width: 100%;\n max-width: 420px;\n margin-inline: auto;\n display: flex;\n}\n\n.IncodeFormField {\n width: 100%;\n margin-bottom: .75rem;\n}\n\n.IncodeUnsupportedModule {\n min-height: 100vh;\n padding: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeUnsupportedModule .IncodeUnsupportedModuleContent, .IncodeUnsupportedModule .IncodeUnsupportedModuleContent .IncodeUnsupportedModuleContent {\n max-width: var(--container-md, 28rem);\n align-items: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n text-align: center;\n flex-direction: column;\n display: flex;\n}\n\n.IncodeUnsupportedModule .IncodeUnsupportedModuleContent .IncodeUnsupportedModuleTitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h2-size);\n font-weight: var(--typography-headline-h2-weight);\n line-height: var(--typography-headline-h2-line-height);\n letter-spacing: var(--typography-headline-h2-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeUnsupportedModule .IncodeUnsupportedModuleContent .IncodeUnsupportedModuleMessage {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeUnsupportedModule .IncodeUnsupportedModuleContent .IncodeUnsupportedModuleButton {\n margin-top: var(--spacing-8, var(--spacing-8, 8px));\n}\n\n.IncodeWorkflow {\n width: 100%;\n height: 100%;\n}\n\n@property --tw-rotate-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-outline-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-blur {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-brightness {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-contrast {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-grayscale {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-hue-rotate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-invert {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-opacity {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-saturate {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-sepia {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow-color {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-drop-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-drop-shadow-size {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-leading {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-tracking {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-duration {\n syntax: \"*\";\n inherits: false\n}\n\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n";
4
- //#endregion
5
- export { e as default };
/package/dist/{pdf-CbjnpyBF.js → pdf-DmP3zO_j.js} RENAMED
File without changes