@incodetech/web 0.0.0-dev-20260429-35afdca → 0.0.0-dev-20260430-9f41a18

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 (163) 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 +4696 -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/id-ocr/styles.css +3 -31
  46. package/dist/idOcr-CzUlyrUX.js +89 -0
  47. package/dist/identity-reuse/identity-reuse.es.js +7 -7
  48. package/dist/{incodeComponent-Bj2iIi3-.js → incodeComponent-DexcYK3Y.js} +2 -2
  49. package/dist/incodeModule-CHzKl22Y.js +18 -0
  50. package/dist/index.es.js +2 -2
  51. package/dist/{inputComposed-CZYVA9pY.js → inputComposed-4aHO5YRK.js} +4 -4
  52. package/dist/inputComposed-vYWGxUXH.js +1 -0
  53. package/dist/{loadingIcon-BWeYwnoO.js → loadingIcon-C-Sq5v_K.js} +1 -1
  54. package/dist/{mandatoryConsent-BxmewvFy.js → mandatoryConsent-OCdxJMmo.js} +10 -10
  55. package/dist/{modal-BiHWHzbc.js → modal-dixIN7NV.js} +37 -37
  56. package/dist/{modal.hooks-BWHmspKt.js → modal.hooks-BzIVzVbq.js} +1 -1
  57. package/dist/{numberedStep-CB41HauU.js → numberedStep-DDP7_KWo.js} +1 -1
  58. package/dist/{optionAccessibleLabel-oqe5fTiF.js → optionAccessibleLabel-DGtiAlUq.js} +6 -6
  59. package/dist/{otpInput-DxekO34i.js → otpInput-DgtpWHON.js} +6 -6
  60. package/dist/{page-C_Z2vd8q.js → page-BB20C-zy.js} +3 -3
  61. package/dist/{passport-horizontal-hint-x0w1qXO5.js → passport-horizontal-hint-CAqrHNYZ.js} +1 -1
  62. package/dist/{passport-vertical-hint-BoPv9mev.js → passport-vertical-hint-BHH9yd1n.js} +1 -1
  63. package/dist/phone/phone.es.js +10 -10
  64. package/dist/{phoneInput-B5mP8vvS.js → phoneInput-C8OmjU3_.js} +3 -3
  65. package/dist/{phoneInputComposed-C6mrR5NJ.js → phoneInputComposed--GQv3M_5.js} +5 -5
  66. package/dist/{processing-C1ymzBNJ.js → processing-AM48BFTl.js} +2 -2
  67. package/dist/qe-signature/qe-signature.es.js +3 -3
  68. package/dist/{radioButtonComposed-yT_6g1qe.js → radioButtonComposed-CuKvBI5S.js} +3 -3
  69. package/dist/{redirectToMobile-BtsF6N0g.js → redirectToMobile-DfUzha84.js} +14 -14
  70. package/dist/{richText-uERDfLN2.js → richText-FMNMBzjD.js} +1 -1
  71. package/dist/selfie/selfie.es.js +7 -7
  72. package/dist/signature/signature.es.js +9 -9
  73. package/dist/{spacer-DCAl0Mjk.js → spacer-CN9uvb__.js} +1 -1
  74. package/dist/spinner-BYktSnQZ.js +1 -0
  75. package/dist/{spinner-DTwtoppQ.js → spinner-Cj7kdZ0T.js} +4 -4
  76. package/dist/{statusPage-BTF4FmJT.js → statusPage-DUnznjtg.js} +4 -4
  77. package/dist/{successIcon-COlazRl-.js → successIcon-SlKgTSty.js} +1 -1
  78. package/dist/{tabs-z-X6zD3C.js → tabs-sbbH0u2L.js} +2 -2
  79. package/dist/{transitionSpinner-C_573zFG.js → transitionSpinner-DqDwaNM6.js} +4 -4
  80. package/dist/{tutorial-DcuYI4JA.js → tutorial-B2lNnuWv.js} +15 -15
  81. package/dist/types/ae-signature.d.ts +0 -1
  82. package/dist/types/antifraud.d.ts +0 -1
  83. package/dist/types/authentication.d.ts +0 -1
  84. package/dist/types/consent.d.ts +0 -1
  85. package/dist/types/cross-document-data-match.d.ts +0 -1
  86. package/dist/types/curp-validation.d.ts +0 -1
  87. package/dist/types/ekyb.d.ts +0 -1
  88. package/dist/types/ekyc.d.ts +0 -1
  89. package/dist/types/electronic-signature.d.ts +0 -1
  90. package/dist/types/email.d.ts +0 -1
  91. package/dist/types/extensibility.d.ts +0 -1
  92. package/dist/types/face-match.d.ts +0 -1
  93. package/dist/types/flow.d.ts +0 -1
  94. package/dist/types/geolocation.d.ts +0 -1
  95. package/dist/types/governmentValidation.d.ts +0 -1
  96. package/dist/types/id.d.ts +0 -1
  97. package/dist/types/identity-reuse.d.ts +0 -1
  98. package/dist/types/phone.d.ts +0 -1
  99. package/dist/types/qe-signature.d.ts +0 -1
  100. package/dist/types/selfie.d.ts +0 -1
  101. package/dist/types/signature.d.ts +0 -1
  102. package/dist/types/watchlist.d.ts +0 -1
  103. package/dist/types/workflow.d.ts +0 -1
  104. package/dist/{typography-Dn_SWwB2.js → typography-Duug0raB.js} +2 -2
  105. package/dist/{uiConfig-BfJ9gLl7.js → uiConfig-CwpQ-IM6.js} +1 -1
  106. package/dist/{useModuleLoader-bEVfQbmU.js → useModuleLoader-BHKdXE3w.js} +169 -188
  107. package/dist/{vendor-preact-DYq0_Qbr.js → vendor-preact-D6SntenC.js} +1 -1
  108. package/dist/{verificationResult-1XSMhl4d.js → verificationResult-DTfsw2w2.js} +8 -8
  109. package/dist/{verifiedByIncode-aGOV-V9q.js → verifiedByIncode-CiuBhYBD.js} +2 -2
  110. package/dist/watchlist/watchlist.es.js +7 -7
  111. package/dist/{watchlistForBusiness-C_i_7Z6J.js → watchlistForBusiness-DirZZuYu.js} +11 -11
  112. package/dist/workflow/styles.css +3 -31
  113. package/dist/workflow/workflow.es.js +51 -50
  114. package/package.json +2 -2
  115. package/dist/ae-signature-D316IMg7.js +0 -5
  116. package/dist/antifraud-CB-yiVmj.js +0 -5
  117. package/dist/consent-CmVHHfh0.js +0 -5
  118. package/dist/curp-validation-BZu1862x.js +0 -5
  119. package/dist/custom-fields-Dy2zIWk5.js +0 -5
  120. package/dist/dateInputComposed-B1930wH-.js +0 -1
  121. package/dist/document-capture-klKhslw_.js +0 -5
  122. package/dist/dropdownComposed-D94RHyH9.js +0 -1
  123. package/dist/ekyb-AJ5pLamL.js +0 -5
  124. package/dist/ekybModule-uLHrvaE0.js +0 -2
  125. package/dist/ekyc-CGHe6KZF.js +0 -5
  126. package/dist/ekycModule-PeVktYEv.js +0 -2
  127. package/dist/electronic-signature-CmWQ5m7Z.js +0 -5
  128. package/dist/email-46LcB-zG.js +0 -5
  129. package/dist/face-match-fK60MxjZ.js +0 -5
  130. package/dist/faceMatch-B2oadZzM.js +0 -2
  131. package/dist/flow-rPJJbW6T.js +0 -5
  132. package/dist/geolocation-tgDRHF5G.js +0 -5
  133. package/dist/governmentValidation-CRpowRw3.js +0 -5
  134. package/dist/id-Czs29YjP.js +0 -5
  135. package/dist/id-ocr-De0CziTg.js +0 -5
  136. package/dist/idOcr-DWF6lFjq.js +0 -95
  137. package/dist/identity-reuse-DRaYjwgl.js +0 -5
  138. package/dist/incodeModule-4-Ij3Hzt.js +0 -74
  139. package/dist/inputComposed-BYIbvEZU.js +0 -1
  140. package/dist/mandatory-consent-Cwa_D62s.js +0 -5
  141. package/dist/phone-ChAbJlMB.js +0 -5
  142. package/dist/qe-signature-C4R5aFPn.js +0 -5
  143. package/dist/redirect-to-mobile-CEkqbyYW.js +0 -5
  144. package/dist/selfie-DoBsWHhr.js +0 -5
  145. package/dist/signature-CEHAjVar.js +0 -5
  146. package/dist/spinner-iH4HWMX6.js +0 -1
  147. package/dist/watchlist-BdGy5gvP.js +0 -5
  148. package/dist/watchlist-for-business-CubjHodP.js +0 -5
  149. package/dist/workflow-nsiRkTFR.js +0 -5
  150. /package/dist/{aligndevicelottie-DuYKqFRv.js → aligndevicelottie-m1gBGZsQ.js} +0 -0
  151. /package/dist/{back-tutorial-BveT-Gpg.js → back-tutorial-ClQ08AWx.js} +0 -0
  152. /package/dist/{backdevicelottie-CVSnQFM6.js → backdevicelottie-WEvEwLBA.js} +0 -0
  153. /package/dist/{blurdevicelottie-DXyCiuOu.js → blurdevicelottie-BNBU2EIM.js} +0 -0
  154. /package/dist/{browser-ponyfill-Dz8mnsAS.js → browser-ponyfill-DRrmY6DO.js} +0 -0
  155. /package/dist/{flip-animation-CpYPskQi.js → flip-animation-Tm2zxXjs.js} +0 -0
  156. /package/dist/{frontdevicelottie-7OcabHg2.js → frontdevicelottie-BtbZEtwd.js} +0 -0
  157. /package/dist/{glaredevicelottie-CU-7f-1E.js → glaredevicelottie-CGQ0DCXc.js} +0 -0
  158. /package/dist/{id-laser-h-DVprNART.js → id-laser-h-oGOFXEpO.js} +0 -0
  159. /package/dist/{id-laser-v-DHSmrhm6.js → id-laser-v-DfWJik9l.js} +0 -0
  160. /package/dist/{id-tutorial-DC_FMKi3.js → id-tutorial-C4q-3j3J.js} +0 -0
  161. /package/dist/{passport-tutorial-DglDEWHt.js → passport-tutorial-DhEHJZeD.js} +0 -0
  162. /package/dist/{pdf-CbjnpyBF.js → pdf-DmP3zO_j.js} +0 -0
  163. /package/dist/{selfieTutorial-Cssu-Gmy.js → selfieTutorial-D8I_4Oam.js} +0 -0
@@ -1,5 +0,0 @@
1
- //#endregion
2
- //#region \0virtual:incode-css/id
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-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-font-weight: initial;\n --tw-border-style: solid;\n --tw-leading: initial;\n --tw-duration: initial;\n }\n }\n}\n\n.IncodeSrOnly {\n clip-path: inset(50%);\n white-space: nowrap;\n border-width: 0;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n position: absolute;\n overflow: hidden;\n}\n\n.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@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-font-weight {\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-leading {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-duration {\n syntax: \"*\";\n inherits: false\n}\n";
4
- //#endregion
5
- export { e as default };
@@ -1,5 +0,0 @@
1
- //#endregion
2
- //#region \0virtual:incode-css/id-ocr
3
- var e = "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\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";
4
- //#endregion
5
- export { e as default };
@@ -1,95 +0,0 @@
1
- import { n as e } from "./i18n-BNE9nYru.js";
2
- import { v as t } from "./vendor-preact-DYq0_Qbr.js";
3
- import { o as n, t as r } from "./incodeComponent-Bj2iIi3-.js";
4
- import { t as i } from "./page-C_Z2vd8q.js";
5
- import "./extensibility-DJ7uJJS5.js";
6
- import { t as a } from "./button-DXxszYOu.js";
7
- import { t as o } from "./verificationResult-1XSMhl4d.js";
8
- import { t as s } from "./inputComposed-CZYVA9pY.js";
9
- import { t as c } from "./dateInputComposed-B4m_OJ0f.js";
10
- import { t as l } from "./radioButtonComposed-yT_6g1qe.js";
11
- import { t as u } from "./incodeModule-4-Ij3Hzt.js";
12
- import { createIdOcrManager as d, getOcrFields as f } from "@incodetech/core/id-ocr";
13
- //#region src/modules/id-ocr/idOcrForm.tsx
14
- var p = {
15
- text: s,
16
- date: c
17
- }, m = ({ fields: n, data: r, validationErrors: i, isReadonly: o, onChange: s, onBlur: c, onContinue: u }) => {
18
- let { t: d } = e(), f = i && Object.keys(i).length > 0;
19
- return /* @__PURE__ */ t("div", {
20
- className: "IncodeIdOcrForm",
21
- children: [(n.length === 1 && n[0]?.key === "documentNumber" ? n : n.filter((e) => e.key === "documentNumber" ? !!r.documentNumber : e.key === "issuingCountry" ? o === !0 : !0)).map((e) => {
22
- let n = r[e.key] ?? "", a = i?.[e.key], u = a ? d(a) : void 0;
23
- if (e.type === "radio") return /* @__PURE__ */ t("div", {
24
- className: "IncodeIdOcrRadioGroup",
25
- children: [/* @__PURE__ */ t("label", {
26
- className: "IncodeIdOcrRadioOptionsLabel",
27
- htmlFor: e.key,
28
- children: `${!o && e.required ? "*" : ""}${d(e.labelKey)}`
29
- }), /* @__PURE__ */ t("div", {
30
- className: "IncodeIdOcrRadioOptions",
31
- children: e.options?.map((r) => /* @__PURE__ */ t(l, {
32
- id: `id-ocr-${e.key}`,
33
- label: d(r.label),
34
- checked: n === r.value,
35
- value: r.value,
36
- disabled: o,
37
- onChange: () => s(e.key, r.value)
38
- }, `${e.key}-${r.value}`))
39
- })]
40
- });
41
- let f = p[e.type], m = o ? !1 : e.required, h = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
42
- return /* @__PURE__ */ t(f, {
43
- id: `id-ocr-${e.key}`,
44
- label: d(e.labelKey),
45
- value: n,
46
- disabled: o,
47
- required: m,
48
- error: u,
49
- showErrorIcon: !!u,
50
- onInput: (t) => s(e.key, t.target.value),
51
- onBlur: o || !c ? void 0 : () => c(e.key),
52
- ...e.type === "date" && { max: h }
53
- }, e.key);
54
- }), /* @__PURE__ */ t("div", {
55
- className: "IncodeIdOcrButton",
56
- children: /* @__PURE__ */ t(a, {
57
- onClick: u,
58
- disabled: f,
59
- children: d("common.continue")
60
- })
61
- })]
62
- });
63
- }, h = ({ config: r, onFinish: a }) => {
64
- let { t: s } = e(), [c, l] = n(() => d({ config: r }));
65
- return c.status === "finished" ? (a?.(), null) : c.status === "success" ? /* @__PURE__ */ t(o, {
66
- status: "success",
67
- successTitle: s("idOcr.successTitle")
68
- }) : c.status === "error" ? /* @__PURE__ */ t(o, {
69
- status: "failure",
70
- onRetry: () => l.retry()
71
- }) : c.status === "loading" || c.status === "submitting" ? /* @__PURE__ */ t(o, {
72
- status: "submitting",
73
- submittingTitle: s("common.holdOnASec"),
74
- submittingSubtitle: s("idOcr.loadingSubtitle")
75
- }) : c.status === "readonly" || c.status === "inputting" ? /* @__PURE__ */ t(i, {
76
- title: s("idOcr.title"),
77
- className: "IncodeIdOcrPage",
78
- hideFooterBranding: !0,
79
- children: /* @__PURE__ */ t(m, {
80
- fields: f(r),
81
- data: c.formData,
82
- validationErrors: c.status === "inputting" ? c.validationErrors : void 0,
83
- isReadonly: c.status === "readonly",
84
- onChange: (e, t) => l.setField(e, t),
85
- onBlur: c.status === "inputting" ? (e) => l.validateField(e) : void 0,
86
- onContinue: () => l.continue()
87
- }, c.ocrDocument)
88
- }) : null;
89
- }, g = ({ config: e, onFinish: n }) => /* @__PURE__ */ t(r, { children: e ? /* @__PURE__ */ t(h, {
90
- config: e,
91
- onFinish: n
92
- }) : null });
93
- u(g, "incode-id-ocr");
94
- //#endregion
95
- export { g as IdOcr };
@@ -1,5 +0,0 @@
1
- //#endregion
2
- //#region \0virtual:incode-css/identity-reuse
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-font-weight: initial;\n --tw-border-style: solid;\n --tw-duration: initial;\n }\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.IncodeIdentityReusePage {\n animation: .4s ease-out fadeIn;\n}\n\n.IncodeIdentityReuseContent {\n flex-direction: column;\n flex: 1;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdentityReuseVisualization {\n justify-content: center;\n align-items: center;\n gap: var(--spacing-8, var(--spacing-8, 8px));\n width: 100%;\n display: flex;\n}\n\n.IncodeIdentityReuseCircleWrapper {\n flex: 1;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdentityReuseCircle {\n aspect-ratio: 1;\n border-radius: var(--radius-full, var(--border-radius-full));\n background-color: var(--surface-brand-50);\n justify-content: center;\n align-items: center;\n width: 100%;\n max-width: 180px;\n display: flex;\n}\n\n.IncodeIdentityReuseCircleText {\n padding-inline: var(--spacing-16, var(--spacing-16, 16px));\n text-align: center;\n font-size: var(--text-18, var(--primitive-typography-size-18));\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(--surface-brand-500);\n}\n\n.IncodeIdentityReuseArrowWrapper {\n justify-content: center;\n align-items: center;\n width: 10%;\n display: flex;\n}\n\n.IncodeIdentityReuseArrow {\n width: 100%;\n color: var(--text-body-800-secondary);\n}\n\n.IncodeIdentityReuseDescription {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n margin-top: var(--spacing-24, var(--spacing-24, 24px));\n text-align: center;\n font-size: var(--text-16, var(--primitive-typography-size-16));\n color: var(--text-body-800-secondary);\n}\n\n.IncodeIdentityReuseActions {\n gap: var(--spacing-8, var(--spacing-8, 8px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeIdentityReuseCandidateList {\n gap: var(--spacing-8, var(--spacing-8, 8px));\n flex-direction: column;\n width: 100%;\n display: flex;\n}\n\n.IncodeIdentityReuseCandidateItem {\n cursor: pointer;\n border-radius: var(--radius-medium, var(--border-radius-medium));\n border-style: var(--tw-border-style);\n width: 100%;\n padding-inline: var(--spacing-16, var(--spacing-16, 16px));\n padding-block: var(--spacing-16, var(--spacing-16, 16px));\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 background-color: var(--surface-brand-50);\n border-width: 1px;\n border-color: var(--surface-brand-50);\n justify-content: space-between;\n align-items: center;\n transition-duration: .2s;\n display: flex;\n}\n\n.IncodeIdentityReuseCandidateItem:hover {\n border-color: var(--surface-brand-500);\n}\n\n.IncodeIdentityReuseCandidateItem:focus-visible {\n --tw-outline-style: none;\n border-color: var(--border-status-focus);\n box-shadow: 0 0 0 2px var(--border-status-focus);\n outline-style: none;\n}\n\n.IncodeIdentityReuseCandidateItemName {\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(--text-body-800-primary);\n}\n\n.IncodeIdentityReuseCandidateItemChevron {\n width: var(--spacing-24, var(--spacing-24, 24px));\n height: var(--spacing-24, var(--spacing-24, 24px));\n color: var(--text-body-800-secondary);\n flex-shrink: 0;\n}\n\n@property --tw-font-weight {\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-duration {\n syntax: \"*\";\n inherits: false\n}\n";
4
- //#endregion
5
- export { e as default };
@@ -1,74 +0,0 @@
1
- import { S as e, f as t, n } from "./vendor-preact-DYq0_Qbr.js";
2
- //#region src/styles/installIncodeCss.ts
3
- var r = /* @__PURE__ */ new Set();
4
- function i(e, t, n) {
5
- if (n === !0 || typeof document > "u" || t.trim().length === 0 || r.has(e)) return;
6
- if (document.querySelector(`style[data-incode-css="${e}"]`)) {
7
- r.add(e);
8
- return;
9
- }
10
- let i = document.createElement("style");
11
- i.setAttribute("data-incode-css", e), i.textContent = t, document.head.appendChild(i), r.add(e);
12
- }
13
- //#endregion
14
- //#region src/styles/moduleCss.ts
15
- var a = {
16
- "incode-ae-signature": () => import("./ae-signature-D316IMg7.js").then((e) => e.default),
17
- "incode-antifraud": () => import("./antifraud-CB-yiVmj.js").then((e) => e.default),
18
- "incode-consent": () => import("./consent-CmVHHfh0.js").then((e) => e.default),
19
- "incode-curp-validation": () => import("./curp-validation-BZu1862x.js").then((e) => e.default),
20
- "incode-custom-fields": () => import("./custom-fields-Dy2zIWk5.js").then((e) => e.default),
21
- "incode-document-capture": () => import("./document-capture-klKhslw_.js").then((e) => e.default),
22
- "incode-ekyb": () => import("./ekyb-AJ5pLamL.js").then((e) => e.default),
23
- "incode-ekyc": () => import("./ekyc-CGHe6KZF.js").then((e) => e.default),
24
- "incode-email": () => import("./email-46LcB-zG.js").then((e) => e.default),
25
- "incode-electronic-signature": () => import("./electronic-signature-CmWQ5m7Z.js").then((e) => e.default),
26
- "incode-face-match": () => import("./face-match-fK60MxjZ.js").then((e) => e.default),
27
- "incode-flow": () => import("./flow-rPJJbW6T.js").then((e) => e.default),
28
- "incode-geolocation": () => import("./geolocation-tgDRHF5G.js").then((e) => e.default),
29
- "incode-government-validation": () => import("./governmentValidation-CRpowRw3.js").then((e) => e.default),
30
- "incode-id": () => import("./id-Czs29YjP.js").then((e) => e.default),
31
- "incode-id-ocr": () => import("./id-ocr-De0CziTg.js").then((e) => e.default),
32
- "incode-identity-reuse": () => import("./identity-reuse-DRaYjwgl.js").then((e) => e.default),
33
- "incode-mandatory-consent": () => import("./mandatory-consent-Cwa_D62s.js").then((e) => e.default),
34
- "incode-phone": () => import("./phone-ChAbJlMB.js").then((e) => e.default),
35
- "incode-qe-signature": () => import("./qe-signature-C4R5aFPn.js").then((e) => e.default),
36
- "incode-redirect-to-mobile": () => import("./redirect-to-mobile-CEkqbyYW.js").then((e) => e.default),
37
- "incode-selfie": () => import("./selfie-DoBsWHhr.js").then((e) => e.default),
38
- "incode-signature": () => import("./signature-CEHAjVar.js").then((e) => e.default),
39
- "incode-watchlist": () => import("./watchlist-BdGy5gvP.js").then((e) => e.default),
40
- "incode-watchlist-for-business": () => import("./watchlist-for-business-CubjHodP.js").then((e) => e.default),
41
- "incode-workflow": () => import("./workflow-nsiRkTFR.js").then((e) => e.default)
42
- };
43
- function o(e) {
44
- return a[e]?.() ?? Promise.resolve("");
45
- }
46
- function s(e, n) {
47
- t(() => {
48
- let t = !1;
49
- return o(e).then((r) => {
50
- t || i(e, r, n);
51
- }), () => {
52
- t = !0;
53
- };
54
- }, [e, n]);
55
- }
56
- //#endregion
57
- //#region src/shared/webComponent/registerIncodeElement.ts
58
- function c(e, t, r) {
59
- customElements.get(t) === void 0 && n(e, t, [...r], { shadow: !1 });
60
- }
61
- //#endregion
62
- //#region src/shared/webComponent/incodeModule.ts
63
- var l = [
64
- "config",
65
- "manager",
66
- "onFinish",
67
- "onError",
68
- "disableCss"
69
- ];
70
- function u(t, n) {
71
- c((r) => (s(n, r.disableCss), e(t, r)), n, l);
72
- }
73
- //#endregion
74
- export { o as n, i as r, u as t };
@@ -1 +0,0 @@
1
- import "./inputComposed-CZYVA9pY.js";
@@ -1,5 +0,0 @@
1
- //#endregion
2
- //#region \0virtual:incode-css/mandatory-consent
3
- var e = "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\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";
4
- //#endregion
5
- export { e as default };
@@ -1,5 +0,0 @@
1
- //#endregion
2
- //#region \0virtual:incode-css/phone
3
- var e = "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\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";
4
- //#endregion
5
- export { e as default };
@@ -1,5 +0,0 @@
1
- //#endregion
2
- //#region \0virtual:incode-css/qe-signature
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-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-border-style: solid;\n }\n }\n}\n\n.IncodeElectronicSignature .IncodePageContent {\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n padding-top: var(--spacing-32, var(--spacing-32, 32px));\n justify-content: space-between;\n}\n\n.IncodeElectronicSignature .IncodePageContent:has(.IncodeElectronicSignatureUploadBody), .IncodeElectronicSignature .IncodePageContent:has(.IncodeElectronicSignatureDocViewHeader) {\n padding-top: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeElectronicSignature .IncodePageTitleContainer {\n max-width: 600px;\n}\n\n.IncodeElectronicSignature .IncodePageFooter {\n padding-top: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeElectronicSignatureUploadBody {\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 container-type: size;\n}\n\n.IncodeElectronicSignatureIllustration {\n aspect-ratio: 1;\n border-radius: var(--radius-full, var(--border-radius-full));\n background-color: var(--color-surface-brand-50, var(--surface-brand-50));\n justify-content: center;\n align-items: center;\n width: min(100cqw, 100cqh - 32px, 297px);\n display: flex;\n overflow: visible;\n}\n\n.IncodeElectronicSignatureIllustration svg {\n --tw-translate-y: calc(3% * -1);\n width: 80%;\n height: auto;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n}\n\n.IncodeElectronicSignatureFileInput {\n opacity: 0;\n width: 1px;\n height: 1px;\n position: absolute;\n overflow: hidden;\n}\n\n.IncodeElectronicSignatureReviewBody {\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n justify-content: center;\n align-items: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n width: 100%;\n max-width: 420px;\n padding-inline: var(--spacing-48, var(--spacing-48, 48px));\n flex-direction: column;\n flex: 1;\n margin-inline: auto;\n display: flex;\n}\n\n.IncodeElectronicSignatureReviewCard {\n min-height: var(--spacing-0, var(--spacing-none, 0px));\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-surface-neutral-50, var(--surface-neutral-50));\n width: 100%;\n padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n padding-block: var(--spacing-20, var(--spacing-20, 20px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeElectronicSignatureDocPreview {\n pointer-events: none;\n aspect-ratio: 113 / 150;\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 border-radius: 6px;\n flex-grow: 0;\n flex-basis: 150px;\n min-height: 64px;\n position: relative;\n overflow: hidden;\n}\n\n.IncodeElectronicSignatureDocPreviewObject {\n width: 100%;\n height: 100%;\n display: block;\n}\n\n.IncodeElectronicSignatureDocName {\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}\n\n.IncodeElectronicSignatureEncrypted {\n justify-content: center;\n align-items: center;\n gap: var(--spacing-4, var(--spacing-4, 4px));\n padding-block: 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-text-body-primary, var(--text-body-800-primary));\n display: flex;\n}\n\n.IncodeElectronicSignatureEncryptedIcon {\n width: var(--spacing-16, var(--spacing-16, 16px));\n height: var(--spacing-16, var(--spacing-16, 16px));\n color: var(--color-icon-neutral-500, var(--icon-neutral-500));\n}\n\n.IncodeElectronicSignatureSigningTop {\n flex-direction: column;\n flex-shrink: 0;\n align-items: center;\n display: flex;\n}\n\n.IncodeElectronicSignatureSigningBottom {\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n justify-content: flex-end;\n align-items: center;\n gap: var(--spacing-12, var(--spacing-12, 12px));\n padding-top: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n flex: 1;\n display: flex;\n}\n\n.IncodeElectronicSignatureDocContainer {\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-50, var(--surface-neutral-50));\n width: 100%;\n max-width: 420px;\n padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n padding-block: var(--spacing-8, var(--spacing-8, 8px));\n flex-direction: column;\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n display: flex;\n overflow: clip;\n}\n\n.IncodeElectronicSignatureDocRow {\n flex-shrink: 0;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n height: 56px;\n display: flex;\n}\n\n.IncodeElectronicSignatureDocRowName {\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-size);\n font-weight: var(--typography-button-m-weight);\n line-height: var(--typography-button-m-line-height);\n letter-spacing: var(--typography-button-m-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeElectronicSignatureDocRowAction {\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-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-text-link-default, var(--text-link-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.IncodeElectronicSignatureConsents {\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n gap: var(--spacing-4, var(--spacing-4, 4px));\n flex-direction: column;\n width: 100%;\n max-width: 420px;\n display: flex;\n overflow: auto;\n}\n\n.IncodeElectronicSignatureConsents .IncodeCheckbox {\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-inline: var(--spacing-16, var(--spacing-16, 16px));\n padding-block: var(--spacing-20, var(--spacing-20, 20px));\n}\n\n.IncodeElectronicSignatureConsents .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.IncodeElectronicSignatureConsents a {\n color: var(--color-text-link-default, var(--text-link-default));\n text-decoration-line: underline;\n}\n\n.IncodeElectronicSignatureSuccess .IncodePageContent {\n padding-top: var(--spacing-0, var(--spacing-none, 0px));\n justify-content: center;\n}\n\n.IncodeElectronicSignatureSuccessCenter {\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.IncodeElectronicSignatureSuccessTitle {\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h3-size);\n font-weight: var(--typography-headline-h3-weight);\n line-height: var(--typography-headline-h3-line-height);\n letter-spacing: var(--typography-headline-h3-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeElectronicSignatureDownloadLink {\n text-align: center;\n font-family: var(--typography-button-family);\n font-size: var(--typography-button-m-size);\n font-weight: var(--typography-button-m-weight);\n line-height: var(--typography-button-m-line-height);\n letter-spacing: var(--typography-button-m-letter-spacing);\n color: var(--color-text-link-default, var(--text-link-default));\n text-decoration-line: underline;\n}\n\n.IncodeElectronicSignatureFooter {\n justify-content: center;\n align-items: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n flex-shrink: 0;\n align-self: center;\n width: 100%;\n max-width: 420px;\n display: flex;\n}\n\n.IncodeElectronicSignatureDocViewHeader {\n z-index: 10;\n height: var(--page-header-height);\n margin-top: calc(-1 * var(--page-header-height));\n align-self: flex-start;\n align-items: center;\n display: flex;\n position: relative;\n}\n\n.IncodeElectronicSignatureBackButton {\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeElectronicSignatureDocViewer {\n min-height: var(--spacing-0, var(--spacing-none, 0px));\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 border-style: none;\n flex: 1;\n width: 100%;\n}\n\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n";
4
- //#endregion
5
- export { e as default };
@@ -1,5 +0,0 @@
1
- //#endregion
2
- //#region \0virtual:incode-css/redirect-to-mobile
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-border-style: solid;\n --tw-duration: initial;\n --tw-font-weight: initial;\n --tw-leading: initial;\n }\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@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-duration {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-leading {\n syntax: \"*\";\n inherits: false\n}\n";
4
- //#endregion
5
- export { e as default };
@@ -1,5 +0,0 @@
1
- //#endregion
2
- //#region \0virtual:incode-css/selfie
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 }\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 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 }\n\n to {\n opacity: 1;\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@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@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n";
4
- //#endregion
5
- export { e as default };
@@ -1,5 +0,0 @@
1
- //#endregion
2
- //#region \0virtual:incode-css/signature
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-border-style: solid;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n }\n }\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@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\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";
4
- //#endregion
5
- export { e as default };
@@ -1 +0,0 @@
1
- import "./spinner-DTwtoppQ.js";
@@ -1,5 +0,0 @@
1
- //#endregion
2
- //#region \0virtual:incode-css/watchlist
3
- var e = "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n\n";
4
- //#endregion
5
- export { e as default };
@@ -1,5 +0,0 @@
1
- //#endregion
2
- //#region \0virtual:incode-css/watchlist-for-business
3
- var e = "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n.IncodeWatchlistForBusinessPage {\n height: 100%;\n}\n\n.IncodeWatchlistForBusinessPage .IncodeWatchlistForBusinessForm {\n margin-top: var(--spacing-32, var(--spacing-32, 32px));\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n height: 100%;\n display: flex;\n}\n\n.IncodeWatchlistForBusinessPage .IncodeWatchlistForBusinessForm button {\n margin-top: auto;\n}\n";
4
- //#endregion
5
- export { e as default };