@incodetech/web 2.0.0-rc.0 → 2.0.0

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 (178) hide show
  1. package/package.json +3 -3
  2. package/dist/ae-signature/ae-signature.es.js +0 -15
  3. package/dist/ae-signature/styles.css +0 -348
  4. package/dist/ae-signature/styles2.css +0 -107
  5. package/dist/aligndevicelottie-DoV8xKjh.js +0 -12757
  6. package/dist/antifraud/antifraud.es.js +0 -18
  7. package/dist/antifraud/styles.css +0 -2
  8. package/dist/authentication/authentication.es.js +0 -29
  9. package/dist/autoFocusTitle-QexamZ4i.js +0 -16
  10. package/dist/back-horizontal-hint-B8Brxh3U.js +0 -137
  11. package/dist/back-tutorial-1NOQobGO.js +0 -14585
  12. package/dist/back-vertical-hint-BBo36dxn.js +0 -128
  13. package/dist/backdevicelottie-C_ceuqY7.js +0 -16678
  14. package/dist/base.css +0 -5818
  15. package/dist/blurdevicelottie-UO14Y0WC.js +0 -15939
  16. package/dist/bottomSheet-DE_8TFEC.js +0 -31
  17. package/dist/browser-ponyfill-jOkuz57z.js +0 -299
  18. package/dist/button-DcCUEn2n.js +0 -24
  19. package/dist/checkbox-Cl57ltq_.js +0 -85
  20. package/dist/consent/consent.es.js +0 -90
  21. package/dist/consent/styles.css +0 -116
  22. package/dist/countrySelector-CE-JgIsv.js +0 -58
  23. package/dist/cpf-ocr/styles.css +0 -45
  24. package/dist/cpfOcr-D_tbwbvh.js +0 -78
  25. package/dist/cross-document-data-match/cross-document-data-match.es.js +0 -18
  26. package/dist/curp-validation/curp-validation.es.js +0 -279
  27. package/dist/curp-validation/styles.css +0 -82
  28. package/dist/custom-fields/styles.css +0 -22
  29. package/dist/customFields-CW38fQUv.js +0 -127
  30. package/dist/customWatchlist-D9_yjEQd.js +0 -33
  31. package/dist/dateInputComposed-BpAGsjN6.js +0 -55
  32. package/dist/dateInputComposed-DU3o6PAV.js +0 -1
  33. package/dist/defineProperty-Dh8nSJpJ.js +0 -39
  34. package/dist/document-capture/styles.css +0 -367
  35. package/dist/documentCapture-xX-JT7ZY.js +0 -763
  36. package/dist/dropdownComposed-DFRBG22E.js +0 -284
  37. package/dist/dropdownComposed-DwTzc2YU.js +0 -1
  38. package/dist/dynamic-forms/styles.css +0 -36
  39. package/dist/dynamicForms-CJP1Ia6Q.js +0 -262
  40. package/dist/ekyb/ekyb.es.js +0 -2
  41. package/dist/ekyb/styles.css +0 -137
  42. package/dist/ekybModule-BSs7mndb.js +0 -280
  43. package/dist/ekybModule-D9M3E2Gm.js +0 -2
  44. package/dist/ekyc/ekyc.es.js +0 -2
  45. package/dist/ekyc/styles.css +0 -106
  46. package/dist/ekycModule-CU9pt5YN.js +0 -246
  47. package/dist/ekycModule-CZw9cLno.js +0 -2
  48. package/dist/electronic-signature/electronic-signature.es.js +0 -2
  49. package/dist/electronic-signature-COYXjGdd.js +0 -410
  50. package/dist/email/email.es.js +0 -87
  51. package/dist/email/styles.css +0 -12
  52. package/dist/emailInput-DppGf9pv.js +0 -37
  53. package/dist/expiredId-BnmzE8T3.js +0 -70
  54. package/dist/extensibility-CzEJfRwo.js +0 -2586
  55. package/dist/extensibility.es.js +0 -25
  56. package/dist/face-match/face-match.es.js +0 -2
  57. package/dist/face-match/styles.css +0 -910
  58. package/dist/faceMatch-B8j0g0Yo.js +0 -2
  59. package/dist/faceMatch-BV8UD7tj.js +0 -201
  60. package/dist/flip-animation-CgwRsEmK.js +0 -6983
  61. package/dist/flow/flow.es.js +0 -661
  62. package/dist/flow/styles.css +0 -5205
  63. package/dist/front-horizontal-hint-DGGGi8e1.js +0 -380
  64. package/dist/front-vertical-hint-CNr5mE6Q.js +0 -420
  65. package/dist/frontdevicelottie-Bu6f9fDE.js +0 -17302
  66. package/dist/geolocation/geolocation.es.js +0 -857
  67. package/dist/geolocation/styles.css +0 -158
  68. package/dist/glaredevicelottie-B10axYs_.js +0 -14466
  69. package/dist/governmentValidation/governmentValidation.es.js +0 -98
  70. package/dist/governmentValidation/styles.css +0 -58
  71. package/dist/homeScreen-DnP1jw9A.js +0 -227
  72. package/dist/hooks-BVnGysT7.js +0 -80
  73. package/dist/i18n-9s4OSqwi.js +0 -2010
  74. package/dist/icons-Cc7zwchP.js +0 -310
  75. package/dist/id/id.es.js +0 -832
  76. package/dist/id/styles.css +0 -1287
  77. package/dist/id-laser-h-mBAzHVOK.js +0 -467
  78. package/dist/id-laser-v-CrFg4bcJ.js +0 -483
  79. package/dist/id-ocr/styles.css +0 -46
  80. package/dist/id-tutorial-BCr42Pnn.js +0 -13153
  81. package/dist/id-verification/id-verification.es.js +0 -20
  82. package/dist/idOcr-CCjfWQvH.js +0 -94
  83. package/dist/identity-reuse/identity-reuse.es.js +0 -198
  84. package/dist/identity-reuse/styles.css +0 -163
  85. package/dist/incode-logo-DX016usY.js +0 -4
  86. package/dist/incodeComponent-C1o4M0ZK.js +0 -50
  87. package/dist/incodeModule-BqCjVgEI.js +0 -18
  88. package/dist/index.es.js +0 -16
  89. package/dist/inputComposed-APSw8C7o.js +0 -89
  90. package/dist/inputComposed-XYrarFxS.js +0 -1
  91. package/dist/loadingIcon-BN5YRQUb.js +0 -104
  92. package/dist/mandatoryConsent-DssKMC3v.js +0 -100
  93. package/dist/modal-NMxsQHAO.js +0 -135
  94. package/dist/modal.hooks-CAjcIFZK.js +0 -126
  95. package/dist/numberedStep-CT-alrK5.js +0 -11
  96. package/dist/optionAccessibleLabel-CzEeX3Q4.js +0 -140
  97. package/dist/otpInput-DqRA_egd.js +0 -145
  98. package/dist/page-C1yT4DLb.js +0 -69
  99. package/dist/passport-horizontal-hint-Bgquwtac.js +0 -293
  100. package/dist/passport-tutorial-DwRwtPVX.js +0 -11689
  101. package/dist/passport-vertical-hint-BT1D5BrW.js +0 -267
  102. package/dist/pdf-BurGZ08w.js +0 -14967
  103. package/dist/pdfViewer-BGBNL1Ea.js +0 -63
  104. package/dist/phone/phone.es.js +0 -98
  105. package/dist/phone/styles.css +0 -11
  106. package/dist/phoneInputComposed-bvWhGLFZ.js +0 -11206
  107. package/dist/processing-G_y3o32b.js +0 -6
  108. package/dist/qe-signature/qe-signature.es.js +0 -15
  109. package/dist/radioGroupComposed-BbmvxmD2.js +0 -177
  110. package/dist/redirect-to-mobile/styles.css +0 -588
  111. package/dist/redirectToMobile-C3k1gloW.js +0 -1514
  112. package/dist/requiredLabelHint-BLwgqozE.js +0 -13
  113. package/dist/richText-DbJ5sl2n.js +0 -1973
  114. package/dist/rolldown-runtime-CYMK-g2i.js +0 -20
  115. package/dist/selfie/selfie.es.js +0 -43
  116. package/dist/selfie/styles.css +0 -706
  117. package/dist/selfieTutorial-BgrlUMXP.js +0 -2677
  118. package/dist/signature/signature.es.js +0 -546
  119. package/dist/snackbar-BDp8x7Cv.js +0 -14
  120. package/dist/spinner-B4dcie2T.js +0 -1
  121. package/dist/spinner-CKnjVHxw.js +0 -39
  122. package/dist/statusPage-CUI7ApcU.js +0 -28
  123. package/dist/successIcon-DbILeIz_.js +0 -28
  124. package/dist/tabs-DaPyP71c.js +0 -78
  125. package/dist/themes/dark.css +0 -1347
  126. package/dist/themes/light.css +0 -1225
  127. package/dist/transitionSpinner-PIEPU2Vx.js +0 -17
  128. package/dist/tutorial-9vHAHvMK.js +0 -2587
  129. package/dist/types/ae-signature.d.ts +0 -40
  130. package/dist/types/antifraud.d.ts +0 -40
  131. package/dist/types/authentication.d.ts +0 -45
  132. package/dist/types/base.d.ts +0 -1
  133. package/dist/types/consent.d.ts +0 -41
  134. package/dist/types/cpf-ocr/styles.d.ts +0 -1
  135. package/dist/types/cross-document-data-match.d.ts +0 -34
  136. package/dist/types/curp-validation.d.ts +0 -40
  137. package/dist/types/custom-fields/styles.d.ts +0 -1
  138. package/dist/types/dark.d.ts +0 -1
  139. package/dist/types/document-capture/styles.d.ts +0 -1
  140. package/dist/types/dynamic-forms/styles.d.ts +0 -1
  141. package/dist/types/ekyb.d.ts +0 -34
  142. package/dist/types/ekyc.d.ts +0 -34
  143. package/dist/types/electronic-signature.d.ts +0 -43
  144. package/dist/types/email.d.ts +0 -67
  145. package/dist/types/extensibility.d.ts +0 -981
  146. package/dist/types/face-match.d.ts +0 -59
  147. package/dist/types/flow.d.ts +0 -137
  148. package/dist/types/geolocation.d.ts +0 -41
  149. package/dist/types/governmentValidation.d.ts +0 -34
  150. package/dist/types/id-ocr/styles.d.ts +0 -1
  151. package/dist/types/id-verification.d.ts +0 -40
  152. package/dist/types/id.d.ts +0 -41
  153. package/dist/types/identity-reuse.d.ts +0 -43
  154. package/dist/types/index.d.ts +0 -32
  155. package/dist/types/light.d.ts +0 -1
  156. package/dist/types/mandatory-consent/styles.d.ts +0 -1
  157. package/dist/types/phone.d.ts +0 -68
  158. package/dist/types/qe-signature.d.ts +0 -40
  159. package/dist/types/redirect-to-mobile/styles.d.ts +0 -1
  160. package/dist/types/selfie.d.ts +0 -41
  161. package/dist/types/signature.d.ts +0 -40
  162. package/dist/types/styles.d.ts +0 -1
  163. package/dist/types/themes/dark.d.ts +0 -1
  164. package/dist/types/themes/light.d.ts +0 -1
  165. package/dist/types/watchlist-for-business/styles.d.ts +0 -1
  166. package/dist/types/watchlist.d.ts +0 -40
  167. package/dist/types/workflow.d.ts +0 -91
  168. package/dist/typography-CxjaknHN.js +0 -28
  169. package/dist/uiConfig-CwpQ-IM6.js +0 -20
  170. package/dist/useModuleLoader-BFiVA41N.js +0 -432
  171. package/dist/vendor-preact-D6SntenC.js +0 -958
  172. package/dist/verificationResult-BrVbUJ4U.js +0 -97
  173. package/dist/verifiedByIncode-ChZBpqNy.js +0 -101
  174. package/dist/watchlist/watchlist.es.js +0 -33
  175. package/dist/watchlist-for-business/styles.css +0 -18
  176. package/dist/watchlistForBusiness-BcSNtHCV.js +0 -77
  177. package/dist/workflow/styles.css +0 -4612
  178. package/dist/workflow/workflow.es.js +0 -244
@@ -1,1287 +0,0 @@
1
- /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
2
- @layer properties {
3
- @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
- *, :before, :after, ::backdrop {
5
- --tw-translate-x: 0;
6
- --tw-translate-y: 0;
7
- --tw-translate-z: 0;
8
- --tw-font-weight: initial;
9
- --tw-border-style: solid;
10
- --tw-leading: initial;
11
- --tw-outline-style: solid;
12
- --tw-duration: initial;
13
- }
14
- }
15
- }
16
-
17
- .IncodeSrOnly {
18
- clip-path: inset(50%);
19
- white-space: nowrap;
20
- border-width: 0;
21
- width: 1px;
22
- height: 1px;
23
- margin: -1px;
24
- padding: 0;
25
- position: absolute;
26
- overflow: hidden;
27
- }
28
-
29
- .IncodeAgeVerificationPage .IncodePageInner {
30
- padding-top: var(--spacing-8, var(--spacing-8, 8px));
31
- padding-bottom: var(--spacing-16, var(--spacing-16, 16px));
32
- }
33
-
34
- .IncodeAgeVerificationPage .IncodePageHeader {
35
- height: var(--page-header-height);
36
- min-height: var(--page-header-height);
37
- }
38
-
39
- .IncodeAgeVerificationPage .IncodePageLogo {
40
- height: var(--age-verification-logo-height);
41
- }
42
-
43
- .IncodeAgeVerificationPage .IncodePageTitleContainer {
44
- max-width: none;
45
- }
46
-
47
- .IncodeAgeVerificationPage .IncodePageContent {
48
- justify-content: center;
49
- }
50
-
51
- .IncodeAgeVerificationPage .IncodePageFooter {
52
- padding-top: var(--spacing-12, var(--spacing-12, 12px));
53
- padding-bottom: var(--spacing-0, var(--spacing-none, 0px));
54
- }
55
-
56
- .IncodeAgeVerificationPage .IncodeAgeVerificationContent {
57
- justify-content: space-between;
58
- align-items: center;
59
- gap: var(--spacing-16, var(--spacing-16, 16px));
60
- flex-direction: column;
61
- flex: 1;
62
- display: flex;
63
- }
64
-
65
- .IncodeAgeVerificationPage .IncodeAgeVerificationList {
66
- width: 100%;
67
- max-width: var(--incode-form-max-w);
68
- justify-content: center;
69
- gap: var(--spacing-16, var(--spacing-16, 16px));
70
- padding: var(--spacing-0, var(--spacing-none, 0px));
71
- flex-direction: column;
72
- flex: 1;
73
- margin-inline: auto;
74
- list-style-type: none;
75
- display: flex;
76
- }
77
-
78
- .IncodeAgeVerificationPage .IncodeAgeVerificationItem {
79
- align-items: center;
80
- gap: var(--spacing-16, var(--spacing-16, 16px));
81
- display: flex;
82
- }
83
-
84
- .IncodeAgeVerificationPage .IncodeAgeVerificationIcon {
85
- height: var(--spacing-64, var(--spacing-64, 64px));
86
- width: var(--spacing-96, var(--spacing-96, 96px));
87
- flex-shrink: 0;
88
- justify-content: center;
89
- align-items: center;
90
- display: flex;
91
- }
92
-
93
- .IncodeAgeVerificationPage .IncodeAgeVerificationIcon img {
94
- width: 100%;
95
- height: 100%;
96
- }
97
-
98
- .IncodeAgeVerificationPage .IncodeAgeVerificationText {
99
- font-family: var(--typography-headline-family);
100
- font-size: var(--typography-headline-h5-size);
101
- font-weight: var(--typography-headline-h5-weight);
102
- line-height: var(--typography-headline-h5-line-height);
103
- letter-spacing: var(--typography-headline-h5-letter-spacing);
104
- color: var(--color-text-body-primary, var(--text-body-800-primary));
105
- flex: 1;
106
- }
107
-
108
- .IncodeAgeVerificationPage .IncodeAgeVerificationButton {
109
- width: 100%;
110
- max-width: var(--incode-form-max-w);
111
- margin-inline: auto;
112
- }
113
-
114
- .IncodeIdTutorial {
115
- --brand-color: var(--surface-brand-500);
116
- }
117
-
118
- .IncodeIdTutorial .IncodePageTitleContainer {
119
- padding-block: var(--spacing-16, var(--spacing-16, 16px));
120
- }
121
-
122
- .IncodeIdTutorial .IncodeBaseTutorialContainer {
123
- margin: calc(var(--spacing-24, var(--spacing-24, 24px)) * -1);
124
- }
125
-
126
- .IncodeIdTutorial .IncodeBaseTutorialAnimationContainer {
127
- padding: var(--spacing-0, var(--spacing-none, 0px));
128
- }
129
-
130
- .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 {
131
- fill: var(--brand-color);
132
- }
133
-
134
- .IncodeFlipAnimation {
135
- background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
136
- height: 100%;
137
- padding: var(--spacing-24, var(--spacing-24, 24px));
138
- flex-direction: column;
139
- justify-content: center;
140
- align-items: center;
141
- display: flex;
142
- }
143
-
144
- .IncodeCommonIssuesFullScreen .IncodeModalDialog {
145
- max-width: none;
146
- height: 100%;
147
- max-height: none;
148
- }
149
-
150
- .IncodeCommonIssuesFullScreen .IncodeModalContent {
151
- border-radius: var(--radius-none, var(--border-radius-none));
152
- max-width: none;
153
- height: 100%;
154
- margin: auto;
155
- }
156
-
157
- .IncodeCommonIssuesContent .IncodeCommonIssuesQuestionIcon {
158
- flex-shrink: 0;
159
- }
160
-
161
- .IncodeCommonIssuesContent .IncodeCommonIssuesTitle {
162
- font-family: var(--typography-headline-family);
163
- font-size: var(--typography-headline-h2-size);
164
- font-weight: var(--typography-headline-h2-weight);
165
- line-height: var(--typography-headline-h2-line-height);
166
- letter-spacing: var(--typography-headline-h2-letter-spacing);
167
- }
168
-
169
- .IncodeCommonIssuesContent .IncodeCommonIssuesCards {
170
- gap: var(--spacing-32, var(--spacing-32, 32px));
171
- width: 100%;
172
- max-width: 420px;
173
- padding-block: var(--spacing-16, var(--spacing-16, 16px));
174
- flex-direction: column;
175
- display: flex;
176
- }
177
-
178
- .IncodeCommonIssuesContent .IncodeCommonIssuesCard {
179
- align-items: flex-start;
180
- gap: var(--spacing-16, var(--spacing-16, 16px));
181
- display: flex;
182
- }
183
-
184
- .IncodeCommonIssuesContent .IncodeCommonIssuesCardIcon {
185
- color: var(--color-text-body-primary, var(--text-body-800-primary));
186
- flex-shrink: 0;
187
- }
188
-
189
- .IncodeCommonIssuesContent .IncodeCommonIssuesCardText {
190
- gap: var(--spacing-4, var(--spacing-4, 4px));
191
- flex-direction: column;
192
- display: flex;
193
- }
194
-
195
- .IncodeCommonIssuesContent .IncodeCommonIssuesCardTitle {
196
- font-family: var(--typography-headline-family);
197
- font-size: var(--typography-headline-h5-size);
198
- font-weight: var(--typography-headline-h5-weight);
199
- line-height: var(--typography-headline-h5-line-height);
200
- letter-spacing: var(--typography-headline-h5-letter-spacing);
201
- }
202
-
203
- .IncodeCommonIssuesContent .IncodeCommonIssuesCardBody {
204
- font-family: var(--typography-body-family);
205
- font-size: var(--typography-body-m-regular-size);
206
- font-weight: var(--typography-body-m-regular-weight);
207
- line-height: var(--typography-body-m-regular-line-height);
208
- letter-spacing: var(--typography-body-m-regular-letter-spacing);
209
- color: var(--color-text-body-secondary, var(--text-body-500-secondary));
210
- }
211
-
212
- .IncodeCommonIssuesContent .IncodeCommonIssuesButtons {
213
- margin-top: auto;
214
- }
215
-
216
- .IncodeCommonIssuesContent .IncodeCommonIssuesTakeManually {
217
- color: var(--color-text-body-primary, var(--text-body-800-primary));
218
- }
219
-
220
- .IncodeCommonIssuesContent .IncodeCommonIssuesTryAgain {
221
- width: 100%;
222
- }
223
-
224
- .IncodeChooserPage .IncodePageContent {
225
- padding-bottom: var(--spacing-16, var(--spacing-16, 16px));
226
- }
227
-
228
- .IncodeChooserPage .IncodePageTitle {
229
- max-width: 15.625rem;
230
- }
231
-
232
- .IncodeChooserPage .IncodeChooserContainer {
233
- flex-direction: column;
234
- align-items: center;
235
- width: 100%;
236
- margin-top: auto;
237
- display: flex;
238
- }
239
-
240
- .IncodeCaptureFrame {
241
- border-radius: var(--radius-medium, var(--border-radius-medium));
242
- --frame-border-color: var(--border-neutral-100);
243
- border: 4px solid var(--frame-border-color);
244
- justify-content: center;
245
- align-self: center;
246
- align-items: center;
247
- transition: max-width .3s ease-out, border-color .3s ease-out;
248
- display: flex;
249
- position: relative;
250
- }
251
-
252
- .IncodeCaptureFrame.IncodeCaptureFrameHorizontal {
253
- aspect-ratio: 35 / 22;
254
- width: 100%;
255
- max-width: 640px;
256
- }
257
-
258
- .IncodeCaptureFrame.IncodeCaptureFrameVertical {
259
- aspect-ratio: 22 / 35;
260
- width: 100%;
261
- max-width: 274px;
262
- }
263
-
264
- .IncodeCaptureFrame.IncodeCaptureFramePassport {
265
- aspect-ratio: 42 / 30;
266
- }
267
-
268
- .IncodeCaptureFrame.IncodeCaptureFrameIdle {
269
- --frame-border-color: var(--border-neutral-100);
270
- }
271
-
272
- .IncodeCaptureFrame.IncodeCaptureFrameCapturing, .IncodeCaptureFrame.IncodeCaptureFrameFocus {
273
- --frame-border-color: var(--border-status-focus);
274
- }
275
-
276
- .IncodeCaptureFrame.IncodeCaptureFrameAnalyzing, .IncodeCaptureFrame.IncodeCaptureFrameSuccess {
277
- --frame-border-color: var(--border-status-positive-static);
278
- }
279
-
280
- .IncodeCaptureFrame.IncodeCaptureFrameError {
281
- --frame-border-color: var(--border-status-negative);
282
- }
283
-
284
- .IncodeIdCapturePage {
285
- background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));
286
- }
287
-
288
- @media (min-width: 48rem) {
289
- .IncodeIdCapturePage {
290
- background-color: var(--color-black, #000);
291
- }
292
- }
293
-
294
- .IncodeIdCapturePage .IncodePageInner {
295
- padding: var(--spacing-0, var(--spacing-none, 0px));
296
- }
297
-
298
- .IncodeIdCapturePage .IncodePageContent {
299
- flex: 1;
300
- position: relative;
301
- }
302
-
303
- .IncodeIdCapturePage .IncodeCaptureInitializing {
304
- height: 100%;
305
- color: var(--color-text-body-0, var(--text-body-0-static));
306
- flex-direction: column;
307
- justify-content: center;
308
- align-items: center;
309
- display: flex;
310
- }
311
-
312
- .IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo {
313
- pointer-events: none;
314
- inset: var(--spacing-0, var(--spacing-none, 0px));
315
- position: absolute;
316
- }
317
-
318
- .IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo.IncodeCaptureVideoLoading {
319
- opacity: 0;
320
- }
321
-
322
- .IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo .IncodeCaptureVideoElement {
323
- inset: var(--spacing-0, var(--spacing-none, 0px));
324
- object-fit: cover;
325
- width: 100%;
326
- max-width: 100%;
327
- height: 100%;
328
- position: absolute;
329
- }
330
-
331
- .IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureOverlay {
332
- pointer-events: none;
333
- justify-content: center;
334
- align-items: center;
335
- display: flex;
336
- }
337
-
338
- .IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureButton {
339
- border-radius: var(--radius-button-primary, var(--button-primary-border-radius));
340
- padding-inline: var(--spacing-24, var(--spacing-24, 24px));
341
- padding-block: var(--spacing-12, var(--spacing-12, 12px));
342
- background-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
343
- color: var(--color-button-primary-text-default, var(--button-primary-text-default));
344
- }
345
-
346
- .IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureInitializing {
347
- height: 100%;
348
- color: var(--color-text-body-0, var(--text-body-0-static));
349
- flex-direction: column;
350
- justify-content: center;
351
- align-items: center;
352
- display: flex;
353
- }
354
-
355
- .IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureInitializing .IncodeCaptureInitializingText {
356
- margin-top: var(--spacing-16, var(--spacing-16, 16px));
357
- }
358
-
359
- .IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureUploading, .IncodeIdCapturePage .IncodeCaptureUploading {
360
- height: 100%;
361
- color: var(--color-text-body-0, var(--text-body-0-static));
362
- flex-direction: column;
363
- justify-content: center;
364
- align-items: center;
365
- display: flex;
366
- }
367
-
368
- .IncodeCaptureOverlayId {
369
- padding: var(--spacing-24, var(--spacing-24, 24px));
370
- align-items: center;
371
- }
372
-
373
- .IncodeCaptureOverlayId .IncodeCaptureTopSection {
374
- justify-content: flex-end;
375
- align-items: center;
376
- gap: var(--spacing-24, var(--spacing-24, 24px));
377
- padding-bottom: var(--spacing-40, var(--spacing-40, 40px));
378
- z-index: 10;
379
- flex-direction: column;
380
- flex: 1;
381
- display: flex;
382
- }
383
-
384
- .IncodeCaptureOverlayId .IncodeCaptureTopSection .IncodeCameraOverlayHeader {
385
- padding-inline: var(--spacing-16, var(--spacing-16, 16px));
386
- padding-top: var(--spacing-16, var(--spacing-16, 16px));
387
- }
388
-
389
- .IncodeCaptureOverlayId .IncodeCaptureFooter {
390
- flex: 1;
391
- justify-content: space-between;
392
- }
393
-
394
- .IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer {
395
- animation: .5s ease-out forwards slideUp;
396
- }
397
-
398
- .IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip {
399
- border-radius: var(--radius-medium, var(--border-radius-medium));
400
- background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));
401
- padding: var(--spacing-16, var(--spacing-16, 16px));
402
- }
403
-
404
- .IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList {
405
- margin: var(--spacing-0, var(--spacing-none, 0px));
406
- padding: var(--spacing-0, var(--spacing-none, 0px));
407
- flex-direction: column;
408
- align-items: center;
409
- list-style-type: none;
410
- display: flex;
411
- }
412
-
413
- .IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList li {
414
- margin: var(--spacing-0, var(--spacing-none, 0px));
415
- font-family: var(--typography-tooltip-family);
416
- font-size: var(--typography-tooltip-m-size);
417
- font-weight: var(--typography-tooltip-m-weight);
418
- line-height: var(--typography-tooltip-m-line-height);
419
- letter-spacing: var(--typography-tooltip-m-letter-spacing);
420
- text-wrap: nowrap;
421
- color: var(--color-text-body-0-static, var(--text-body-0-static));
422
- }
423
-
424
- .IncodeCaptureFramePassport {
425
- aspect-ratio: 42 / 30;
426
- }
427
-
428
- .IncodeIdManualCaptureButton {
429
- bottom: var(--spacing-24, var(--spacing-24, 24px));
430
- z-index: 100;
431
- --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
432
- width: 100%;
433
- translate: var(--tw-translate-x) var(--tw-translate-y);
434
- justify-content: center;
435
- align-items: center;
436
- gap: var(--spacing-4, var(--spacing-4, 4px));
437
- flex-direction: column;
438
- animation: .5s ease-out forwards slideUp;
439
- display: flex;
440
- position: absolute;
441
- left: 50%;
442
- }
443
-
444
- .IncodeIdManualCaptureButton .IncodeButtonLink {
445
- height: 100%;
446
- padding: var(--spacing-0, var(--spacing-none, 0px));
447
- color: var(--color-text-body-primary, var(--text-body-800-primary));
448
- }
449
-
450
- .IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip {
451
- border-radius: var(--radius-medium, var(--border-radius-medium));
452
- background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));
453
- padding: var(--spacing-16, var(--spacing-16, 16px));
454
- }
455
-
456
- .IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList {
457
- margin: var(--spacing-0, var(--spacing-none, 0px));
458
- padding: var(--spacing-0, var(--spacing-none, 0px));
459
- flex-direction: column;
460
- align-items: center;
461
- list-style-type: none;
462
- display: flex;
463
- }
464
-
465
- .IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList li {
466
- margin: var(--spacing-0, var(--spacing-none, 0px));
467
- font-family: var(--typography-tooltip-family);
468
- font-size: var(--typography-tooltip-m-size);
469
- font-weight: var(--typography-tooltip-m-weight);
470
- line-height: var(--typography-tooltip-m-line-height);
471
- letter-spacing: var(--typography-tooltip-m-letter-spacing);
472
- text-wrap: nowrap;
473
- color: var(--color-text-body-0-static, var(--text-body-0-static));
474
- }
475
-
476
- .IncodeIdManualCaptureButton .IncodeIdManualCaptureButtonContent .IncodeIdManualCaptureButtonButton svg {
477
- transition: filter .2s, transform .2s;
478
- }
479
-
480
- .IncodeIdManualCaptureButton .IncodeIdManualCaptureButtonContent:active svg {
481
- filter: brightness(.8);
482
- transform: scale(.95);
483
- }
484
-
485
- @keyframes slideUpAndDown {
486
- 0%, 12% {
487
- opacity: 0;
488
- transform: translateY(100%);
489
- }
490
-
491
- 24% {
492
- opacity: 1;
493
- transform: translateY(0);
494
- }
495
-
496
- 76% {
497
- opacity: 1;
498
- transform: translateY(0);
499
- }
500
-
501
- 88%, 100% {
502
- opacity: 0;
503
- transform: translateY(100%);
504
- }
505
- }
506
-
507
- .IncodeIdHint {
508
- inset: var(--spacing-0, var(--spacing-none, 0px));
509
- z-index: 10;
510
- justify-content: center;
511
- align-items: center;
512
- display: flex;
513
- position: absolute;
514
- }
515
-
516
- .IncodeIdHint .IncodeIdHintAnimated {
517
- justify-content: center;
518
- align-items: center;
519
- width: 100%;
520
- height: 100%;
521
- animation: 3s ease-in-out forwards slideUpAndDown;
522
- display: flex;
523
- position: relative;
524
- }
525
-
526
- .IncodeIdHint .IncodeIdHintAnimated .IncodeIdHintSvg {
527
- justify-content: center;
528
- align-items: center;
529
- display: flex;
530
- }
531
-
532
- .IncodeIdHint .IncodeIdHintAnimated .IncodeIdHintSvg svg {
533
- width: 800px;
534
- min-width: 800px;
535
- height: 800px;
536
- min-height: 800px;
537
- }
538
-
539
- .IncodeIdProcessingLayout {
540
- background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
541
- flex-direction: column;
542
- justify-content: center;
543
- align-items: center;
544
- width: 100%;
545
- height: 100%;
546
- display: flex;
547
- }
548
-
549
- .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent {
550
- z-index: 10;
551
- flex-direction: column;
552
- align-items: center;
553
- width: 100%;
554
- height: 100%;
555
- display: flex;
556
- }
557
-
558
- .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingTopArea {
559
- justify-content: flex-end;
560
- align-items: center;
561
- gap: var(--spacing-24, var(--spacing-24, 24px));
562
- padding-bottom: var(--spacing-40, var(--spacing-40, 40px));
563
- z-index: 10;
564
- flex-direction: column;
565
- flex: 1;
566
- width: 100%;
567
- display: flex;
568
- }
569
-
570
- .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame {
571
- overflow: hidden;
572
- }
573
-
574
- .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical {
575
- width: clamp(180px, 30vh, 274px);
576
- }
577
-
578
- .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical .IncodeIdProcessingOverlay {
579
- left: -25%;
580
- right: -25%;
581
- }
582
-
583
- .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingImage {
584
- object-fit: cover;
585
- width: 100%;
586
- max-width: 100%;
587
- height: 100%;
588
- max-height: 100%;
589
- }
590
-
591
- .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingImage.IncodeIdProcessingImageBlurred {
592
- filter: blur(var(--id-processing-image-blur-radius));
593
- -webkit-backdrop-filter: blur(var(--id-processing-image-blur-radius));
594
- backdrop-filter: blur(var(--id-processing-image-blur-radius));
595
- }
596
-
597
- .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingOverlay {
598
- pointer-events: none;
599
- z-index: 10;
600
- justify-content: center;
601
- align-items: center;
602
- display: flex;
603
- position: absolute;
604
- inset: 0 -10%;
605
- }
606
-
607
- .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingBottomArea {
608
- width: 100%;
609
- max-width: 384px;
610
- padding-top: var(--spacing-8, var(--spacing-8, 8px));
611
- z-index: 10;
612
- flex-direction: column;
613
- flex: 1;
614
- justify-content: space-between;
615
- align-items: center;
616
- display: flex;
617
- }
618
-
619
- .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingBottomArea .IncodeCaptureEncryptionLabel {
620
- justify-content: center;
621
- align-items: center;
622
- gap: var(--spacing-4, var(--spacing-4, 4px));
623
- padding-bottom: var(--spacing-12, var(--spacing-12, 12px));
624
- font-family: var(--typography-body-family);
625
- font-size: var(--typography-body-m-regular-size);
626
- font-weight: var(--typography-body-m-regular-weight);
627
- line-height: var(--typography-body-m-regular-line-height);
628
- letter-spacing: var(--typography-body-m-regular-letter-spacing);
629
- white-space: nowrap;
630
- color: var(--color-text-body-primary, var(--text-body-800-primary));
631
- display: flex;
632
- }
633
-
634
- .IncodeIdProcessingLayout .IncodeAnalyzingContent {
635
- flex-direction: column;
636
- align-items: center;
637
- display: flex;
638
- }
639
-
640
- .IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeProgressBarContainer {
641
- margin-bottom: var(--spacing-24, var(--spacing-24, 24px));
642
- }
643
-
644
- .IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle {
645
- font-family: var(--typography-headline-family);
646
- font-size: var(--typography-headline-h2-size);
647
- font-weight: var(--typography-headline-h2-weight);
648
- line-height: var(--typography-headline-h2-line-height);
649
- letter-spacing: var(--typography-headline-h2-letter-spacing);
650
- color: var(--color-text-body-primary, var(--text-body-800-primary));
651
- text-align: center;
652
- }
653
-
654
- .IncodeIdProcessingLayout .IncodeAnalyzingLottie {
655
- width: 100%;
656
- max-width: none;
657
- }
658
-
659
- .IncodeIdProcessingLayout .IncodeIdProcessingResultContent {
660
- flex-direction: column;
661
- align-items: center;
662
- display: flex;
663
- }
664
-
665
- .IncodeIdProcessingLayout .IncodeIdProcessingResultTitle {
666
- font-family: var(--typography-headline-family);
667
- font-size: var(--typography-headline-h2-size);
668
- font-weight: var(--typography-headline-h2-weight);
669
- line-height: var(--typography-headline-h2-line-height);
670
- letter-spacing: var(--typography-headline-h2-letter-spacing);
671
- color: var(--color-text-body-primary, var(--text-body-800-primary));
672
- text-align: center;
673
- }
674
-
675
- .IncodeIdProcessingLayout .IncodeIdProcessingResultSubtitle {
676
- font-family: var(--typography-headline-family);
677
- font-size: var(--typography-headline-h5-size);
678
- font-weight: var(--typography-headline-h5-weight);
679
- line-height: var(--typography-headline-h5-line-height);
680
- letter-spacing: var(--typography-headline-h5-letter-spacing);
681
- color: var(--color-text-body-secondary, var(--text-body-500-secondary));
682
- text-align: center;
683
- max-width: 300px;
684
- }
685
-
686
- .IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainer {
687
- margin-top: var(--spacing-24, var(--spacing-24, 24px));
688
- gap: var(--spacing-16, var(--spacing-16, 16px));
689
- flex-direction: column;
690
- width: 100%;
691
- display: flex;
692
- }
693
-
694
- .IncodeIdProcessingLayout .IncodeIdProcessingResultAttempts {
695
- padding-block: var(--spacing-12, var(--spacing-12, 12px));
696
- text-align: center;
697
- font-family: var(--typography-headline-family);
698
- font-size: var(--typography-headline-h4-size);
699
- font-weight: var(--typography-headline-h4-weight);
700
- line-height: var(--typography-headline-h4-line-height);
701
- letter-spacing: var(--typography-headline-h4-letter-spacing);
702
- color: var(--color-text-body-secondary, var(--text-body-500-secondary));
703
- }
704
-
705
- .IncodeIdError {
706
- inset: var(--spacing-0, var(--spacing-none, 0px));
707
- z-index: 1000;
708
- justify-content: center;
709
- align-items: center;
710
- gap: var(--spacing-16, var(--spacing-16, 16px));
711
- flex-direction: column;
712
- width: 100%;
713
- height: 100%;
714
- display: flex;
715
- position: fixed;
716
- }
717
-
718
- .IncodeIdErrorMessage {
719
- text-align: center;
720
- font-size: var(--text-18, var(--primitive-typography-size-18));
721
- --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
722
- font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
723
- color: var(--color-text-body-0, var(--text-body-0-static));
724
- max-width: 350px;
725
- margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
726
- }
727
-
728
- .IncodeIdNoAttemptsContent {
729
- padding-inline: var(--spacing-20, var(--spacing-20, 20px));
730
- flex-direction: column;
731
- flex: 1;
732
- justify-content: center;
733
- align-items: center;
734
- max-width: 800px;
735
- max-height: 840px;
736
- margin: auto;
737
- display: flex;
738
- }
739
-
740
- .IncodeIdNoAttemptsIcon {
741
- margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
742
- }
743
-
744
- .IncodeIdNoAttemptsTitle {
745
- text-align: center;
746
- color: var(--color-text-body-primary, var(--text-body-800-primary));
747
- }
748
-
749
- .IncodeIdNoAttemptsSubtitle {
750
- font-size: var(--text-14, var(--primitive-typography-size-14));
751
- --tw-font-weight: var(--font-weight-normal, 400);
752
- font-weight: var(--font-weight-normal, 400);
753
- color: var(--color-text-body-secondary, var(--text-body-500-secondary));
754
- text-align: center;
755
- max-width: 350px;
756
- }
757
-
758
- .IncodeIdNoAttemptsButtonContainer {
759
- bottom: var(--spacing-32, var(--spacing-32, 32px));
760
- right: var(--spacing-0, var(--spacing-none, 0px));
761
- left: var(--spacing-0, var(--spacing-none, 0px));
762
- padding-inline: var(--spacing-24, var(--spacing-24, 24px));
763
- justify-content: center;
764
- display: flex;
765
- position: absolute;
766
- }
767
-
768
- .IncodeIdCaptureNotification {
769
- top: var(--spacing-24, var(--spacing-24, 24px));
770
- right: var(--spacing-24, var(--spacing-24, 24px));
771
- left: var(--spacing-24, var(--spacing-24, 24px));
772
- z-index: 100;
773
- max-width: 420px;
774
- padding-bottom: var(--spacing-32, var(--spacing-32, 32px));
775
- align-items: flex-end;
776
- margin: auto;
777
- display: flex;
778
- position: absolute;
779
- }
780
-
781
- .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent {
782
- z-index: 100;
783
- border-radius: var(--radius-large, var(--border-radius-large));
784
- border-style: var(--tw-border-style);
785
- border-width: 2px;
786
- border-color: var(--color-border-neutral-300, var(--border-neutral-300));
787
- background-color: var(--color-surface-neutral-900-80, var(--surface-neutral-900-80));
788
- width: 100%;
789
- padding-inline: var(--spacing-20, var(--spacing-20, 20px));
790
- display: flex;
791
- overflow: hidden;
792
- box-shadow: 0 2.079px 36.379px #00000059;
793
- }
794
-
795
- .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText {
796
- justify-content: center;
797
- gap: var(--spacing-8, var(--spacing-8, 8px));
798
- padding-top: var(--spacing-16, var(--spacing-16, 16px));
799
- padding-bottom: var(--spacing-12, var(--spacing-12, 12px));
800
- text-align: center;
801
- color: var(--color-white, #fff);
802
- flex-direction: column;
803
- display: flex;
804
- }
805
-
806
- .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationTitle {
807
- font-family: var(--typography-headline-family);
808
- font-size: var(--typography-headline-h3-size);
809
- font-weight: var(--typography-headline-h3-weight);
810
- line-height: var(--typography-headline-h3-line-height);
811
- letter-spacing: var(--typography-headline-h3-letter-spacing);
812
- }
813
-
814
- .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationDescription {
815
- font-family: var(--typography-headline-family);
816
- font-size: var(--typography-headline-h5-size);
817
- font-weight: var(--typography-headline-h5-weight);
818
- line-height: var(--typography-headline-h5-line-height);
819
- letter-spacing: var(--typography-headline-h5-letter-spacing);
820
- color: var(--color-text-body-tertiary, var(--text-body-300-tertiary));
821
- }
822
-
823
- .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationAnimation {
824
- justify-content: center;
825
- align-items: center;
826
- width: auto;
827
- height: 130px;
828
- display: flex;
829
- }
830
-
831
- .IncodeManualUploadPage .IncodeManualUploadContainer {
832
- width: 100%;
833
- padding-block: var(--spacing-24, var(--spacing-24, 24px));
834
- flex-direction: column;
835
- display: flex;
836
- }
837
-
838
- .IncodeManualUploadPage .IncodeManualUploadFooter {
839
- margin-top: auto;
840
- margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
841
- row-gap: var(--spacing-24, var(--spacing-24, 24px));
842
- width: 100%;
843
- padding-top: var(--spacing-24, var(--spacing-24, 24px));
844
- flex-direction: column;
845
- display: flex;
846
- }
847
-
848
- .IncodeManualUploadPage .IncodeManualUploadHintCard {
849
- margin: var(--spacing-0, var(--spacing-none, 0px));
850
- border-radius: var(--radius-x-small, var(--border-radius-x-small));
851
- background-color: var(--color-surface-brand-50, var(--surface-brand-50));
852
- width: 100%;
853
- padding-block: var(--spacing-16, var(--spacing-16, 16px));
854
- padding-right: var(--spacing-12, var(--spacing-12, 12px));
855
- padding-left: var(--spacing-32, var(--spacing-32, 32px));
856
- color: var(--color-text-body-primary, var(--text-body-800-primary));
857
- list-style-type: disc;
858
- }
859
-
860
- .IncodeManualUploadPage .IncodeManualUploadHintCard li {
861
- font-family: var(--font-family-dm-sans, var(--primitive-typography-family-dm-sans));
862
- font-size: var(--text-14, var(--primitive-typography-size-14));
863
- --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
864
- font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
865
- color: var(--color-text-body-primary, var(--text-body-800-primary));
866
- }
867
-
868
- .IncodeManualUploadPage .IncodeManualUploadHintCard li + li {
869
- margin-top: var(--spacing-4, var(--spacing-4, 4px));
870
- }
871
-
872
- .IncodeManualUploadPage .IncodeManualUploadTabsList {
873
- width: 100%;
874
- padding-inline: var(--spacing-16, var(--spacing-16, 16px));
875
- align-self: center;
876
- display: flex;
877
- }
878
-
879
- .IncodeManualUploadPage .IncodeManualUploadTabTrigger {
880
- cursor: pointer;
881
- border-bottom-style: var(--tw-border-style);
882
- border-bottom-width: var(--border-width-bold, var(--primitive-border-width-2));
883
- --tw-border-style: solid;
884
- padding-inline: var(--spacing-12, var(--spacing-12, 12px));
885
- padding-block: var(--spacing-16, var(--spacing-16, 16px));
886
- text-align: center;
887
- font-family: var(--font-family-dm-sans, var(--primitive-typography-family-dm-sans));
888
- font-size: var(--text-16, var(--primitive-typography-size-16));
889
- --tw-leading: var(--spacing-16, var(--spacing-16, 16px));
890
- line-height: var(--spacing-16, var(--spacing-16, 16px));
891
- --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
892
- font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
893
- color: var(--color-text-body-secondary, var(--text-body-500-secondary));
894
- background-color: #0000;
895
- border-style: solid;
896
- border-color: #0000;
897
- flex: 1;
898
- }
899
-
900
- .IncodeManualUploadPage .IncodeManualUploadTabTrigger:focus-visible {
901
- border-radius: var(--radius-xs, .125rem);
902
- outline-style: var(--tw-outline-style);
903
- outline-offset: 2px;
904
- outline-width: 2px;
905
- outline-color: var(--color-border-status-focus, var(--border-status-focus));
906
- }
907
-
908
- .IncodeManualUploadPage .IncodeManualUploadTabTrigger--active {
909
- border-bottom-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
910
- --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
911
- font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
912
- color: var(--color-text-body-primary, var(--text-body-800-primary));
913
- }
914
-
915
- .IncodeManualUploadPage .IncodeManualUploadError {
916
- align-items: flex-start;
917
- gap: var(--spacing-4, var(--spacing-4, 4px));
918
- width: 100%;
919
- font-family: var(--typography-body-family);
920
- font-size: var(--typography-body-m-regular-size);
921
- font-weight: var(--typography-body-m-regular-weight);
922
- line-height: var(--typography-body-m-regular-line-height);
923
- letter-spacing: var(--typography-body-m-regular-letter-spacing);
924
- color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
925
- display: flex;
926
- }
927
-
928
- .IncodeManualUploadPage .IncodeManualUploadError p {
929
- margin: var(--spacing-0, var(--spacing-none, 0px));
930
- flex: 1;
931
- }
932
-
933
- .IncodeManualUploadPage .IncodeManualUploadTab {
934
- margin-top: var(--spacing-24, var(--spacing-24, 24px));
935
- margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
936
- gap: var(--spacing-16, var(--spacing-16, 16px));
937
- flex-direction: column;
938
- width: 100%;
939
- display: flex;
940
- }
941
-
942
- .IncodeManualUploadSlot {
943
- align-items: center;
944
- gap: var(--spacing-12, var(--spacing-12, 12px));
945
- border-radius: var(--radius-medium, var(--border-radius-medium));
946
- border-style: var(--tw-border-style);
947
- border-width: var(--border-width-regular, var(--primitive-border-width-1));
948
- --tw-border-style: solid;
949
- border-style: solid;
950
- border-color: var(--color-border-neutral-100, var(--border-neutral-100));
951
- background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));
952
- width: 100%;
953
- padding-block: var(--spacing-24, var(--spacing-24, 24px));
954
- padding-right: var(--spacing-24, var(--spacing-24, 24px));
955
- padding-left: var(--spacing-20, var(--spacing-20, 20px));
956
- display: flex;
957
- }
958
-
959
- .IncodeManualUploadSlot .IncodeManualUploadSlotIcon {
960
- width: var(--spacing-24, var(--spacing-24, 24px));
961
- height: var(--spacing-24, var(--spacing-24, 24px));
962
- flex-shrink: 0;
963
- justify-content: center;
964
- display: flex;
965
- }
966
-
967
- .IncodeManualUploadSlot .IncodeManualUploadSlotIconHighlight {
968
- fill: var(--color-icon-neutral-500, var(--icon-neutral-500));
969
- }
970
-
971
- .IncodeManualUploadSlot .IncodeManualUploadSlotLabel {
972
- text-overflow: ellipsis;
973
- white-space: nowrap;
974
- text-align: left;
975
- font-family: var(--typography-headline-family);
976
- font-size: var(--typography-headline-h5-size);
977
- font-weight: var(--typography-headline-h5-weight);
978
- line-height: var(--typography-headline-h5-line-height);
979
- letter-spacing: var(--typography-headline-h5-letter-spacing);
980
- color: var(--color-text-body-primary, var(--text-body-800-primary));
981
- flex: 1;
982
- overflow: hidden;
983
- }
984
-
985
- .IncodeManualUploadSlot .IncodeManualUploadSlotAction {
986
- cursor: pointer;
987
- border-radius: var(--radius-full, var(--border-radius-full));
988
- border-style: var(--tw-border-style);
989
- border-width: var(--border-width-none, var(--primitive-border-width-0));
990
- --tw-border-style: none;
991
- background-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
992
- padding: var(--spacing-8, var(--spacing-8, 8px));
993
- color: var(--color-button-primary-text-default, var(--button-primary-text-default));
994
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
995
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
996
- transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
997
- --tw-duration: .2s;
998
- border-style: none;
999
- flex-shrink: 0;
1000
- justify-content: center;
1001
- align-items: center;
1002
- transition-duration: .2s;
1003
- display: inline-flex;
1004
- }
1005
-
1006
- .IncodeManualUploadSlot .IncodeManualUploadSlotAction:hover:not(:disabled) {
1007
- background-color: var(--color-button-primary-surface-hover, var(--button-primary-surface-hover));
1008
- }
1009
-
1010
- .IncodeManualUploadSlot .IncodeManualUploadSlotAction:disabled {
1011
- cursor: not-allowed;
1012
- background-color: var(--color-button-primary-surface-disabled, var(--button-primary-surface-disabled));
1013
- color: var(--color-button-primary-text-disabled, var(--button-primary-text-disabled));
1014
- }
1015
-
1016
- .IncodeManualUploadSlot.IncodeManualUploadSlot--uploaded .IncodeManualUploadSlotAction, .IncodeManualUploadSlot.IncodeManualUploadSlot--uploaded .IncodeManualUploadSlotAction:hover:not(:disabled) {
1017
- padding: var(--spacing-0, var(--spacing-none, 0px));
1018
- color: var(--color-surface-status-positive-500, var(--surface-status-positive-500));
1019
- background-color: #0000;
1020
- }
1021
-
1022
- .IncodeManualUploadSlot.IncodeManualUploadSlot--disabled {
1023
- opacity: .5;
1024
- }
1025
-
1026
- .IncodeManualUploadSlot .IncodeManualUploadSlotInput {
1027
- clip-path: inset(50%);
1028
- white-space: nowrap;
1029
- border-width: 0;
1030
- width: 1px;
1031
- height: 1px;
1032
- margin: -1px;
1033
- padding: 0;
1034
- position: absolute;
1035
- overflow: hidden;
1036
- }
1037
-
1038
- .IncodeDigitalIdUploadPage {
1039
- height: 100%;
1040
- }
1041
-
1042
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadBody {
1043
- justify-content: center;
1044
- align-items: center;
1045
- row-gap: var(--spacing-16, var(--spacing-16, 16px));
1046
- width: 100%;
1047
- height: 100%;
1048
- max-width: var(--digital-id-content-max-w);
1049
- flex-direction: column;
1050
- margin-inline: auto;
1051
- display: flex;
1052
- }
1053
-
1054
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewBody {
1055
- row-gap: var(--spacing-16, var(--spacing-16, 16px));
1056
- grid-template-columns: 1fr;
1057
- grid-template-rows: var(--spacing-24) var(--digital-id-preview-h) var(--spacing-24);
1058
- width: 100%;
1059
- height: 100%;
1060
- max-width: var(--digital-id-content-max-w);
1061
- align-content: center;
1062
- justify-items: center;
1063
- margin-inline: auto;
1064
- display: grid;
1065
- }
1066
-
1067
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreStatusZone {
1068
- justify-content: center;
1069
- align-items: center;
1070
- width: 100%;
1071
- height: 100%;
1072
- display: flex;
1073
- }
1074
-
1075
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPostCaptionZone {
1076
- justify-content: center;
1077
- align-items: flex-start;
1078
- width: 100%;
1079
- height: 100%;
1080
- display: flex;
1081
- }
1082
-
1083
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadFooter {
1084
- width: 100%;
1085
- margin-inline: auto;
1086
- margin-top: var(--spacing-24, var(--spacing-24, 24px));
1087
- margin-bottom: var(--spacing-8, var(--spacing-8, 8px));
1088
- justify-content: flex-end;
1089
- row-gap: var(--spacing-16, var(--spacing-16, 16px));
1090
- max-width: var(--digital-id-content-max-w);
1091
- min-height: var(--digital-id-footer-min-h);
1092
- flex-direction: column;
1093
- display: flex;
1094
- }
1095
-
1096
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadHiddenInput {
1097
- display: none;
1098
- }
1099
-
1100
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadTutorialIllustration {
1101
- width: 100%;
1102
- max-height: var(--digital-id-tutorial-illustration-max-h);
1103
- flex: 1;
1104
- justify-content: center;
1105
- align-items: center;
1106
- display: flex;
1107
- overflow: hidden;
1108
- }
1109
-
1110
- .IncodeDigitalIdUploadPage .IncodeUploadIdScreenImage {
1111
- max-height: var(--digital-id-illustration-max-h);
1112
- width: auto;
1113
- }
1114
-
1115
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewCard {
1116
- border-radius: var(--radius-medium, var(--border-radius-medium));
1117
- border-style: var(--tw-border-style);
1118
- --tw-border-style: solid;
1119
- border-style: solid;
1120
- border-width: 1px;
1121
- border-color: var(--color-border-neutral-100, var(--border-neutral-100));
1122
- background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
1123
- width: var(--digital-id-preview-w);
1124
- height: var(--digital-id-preview-h);
1125
- justify-content: center;
1126
- align-items: center;
1127
- display: flex;
1128
- overflow: hidden;
1129
- }
1130
-
1131
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadDocumentPreview {
1132
- width: var(--digital-id-preview-w);
1133
- height: var(--digital-id-preview-h);
1134
- justify-content: center;
1135
- align-items: center;
1136
- display: flex;
1137
- position: relative;
1138
- overflow: visible;
1139
- }
1140
-
1141
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadDocumentPreviewPdf {
1142
- border-radius: var(--radius-medium, var(--border-radius-medium));
1143
- border-style: var(--tw-border-style);
1144
- border-width: var(--border-width-bold, var(--primitive-border-width-2));
1145
- --tw-border-style: solid;
1146
- border-style: solid;
1147
- border-color: var(--color-border-status-positive, var(--border-status-positive-static));
1148
- object-fit: contain;
1149
- width: 100%;
1150
- height: 100%;
1151
- overflow: hidden;
1152
- }
1153
-
1154
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewPdf {
1155
- object-fit: contain;
1156
- width: 100%;
1157
- height: 100%;
1158
- }
1159
-
1160
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadFileName {
1161
- text-align: center;
1162
- font-family: var(--typography-body-family);
1163
- font-size: var(--typography-body-m-regular-size);
1164
- font-weight: var(--typography-body-m-regular-weight);
1165
- line-height: var(--typography-body-m-regular-line-height);
1166
- letter-spacing: var(--typography-body-m-regular-letter-spacing);
1167
- color: var(--color-text-body-primary, var(--text-body-800-primary));
1168
- max-width: var(--digital-id-file-name-max-w);
1169
- text-overflow: ellipsis;
1170
- white-space: nowrap;
1171
- overflow: hidden;
1172
- }
1173
-
1174
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadProgressBar {
1175
- border-radius: var(--radius-full, var(--border-radius-full));
1176
- background-color: var(--color-surface-neutral-200, var(--surface-neutral-200));
1177
- width: var(--digital-id-progress-bar-w);
1178
- height: var(--digital-id-progress-bar-h);
1179
- position: relative;
1180
- overflow: hidden;
1181
- }
1182
-
1183
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadProgressBar > span {
1184
- top: var(--spacing-0, var(--spacing-none, 0px));
1185
- left: var(--spacing-0, var(--spacing-none, 0px));
1186
- border-radius: var(--radius-full, var(--border-radius-full));
1187
- height: 100%;
1188
- transition-property: all;
1189
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
1190
- transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
1191
- background-color: var(--color-icon-status-positive, var(--icon-status-positive));
1192
- position: absolute;
1193
- }
1194
-
1195
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadLaserOverlay {
1196
- pointer-events: none;
1197
- width: var(--digital-id-preview-w);
1198
- height: var(--digital-id-laser-h);
1199
- transform: translateX(-50%) scale(var(--digital-id-laser-scale));
1200
- position: absolute;
1201
- top: -2px;
1202
- left: 50%;
1203
- }
1204
-
1205
- @media (prefers-reduced-motion: reduce) {
1206
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadLaserOverlay {
1207
- display: none;
1208
- }
1209
- }
1210
-
1211
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadSuccessIcon {
1212
- color: var(--color-icon-status-positive, var(--icon-status-positive));
1213
- justify-content: center;
1214
- align-items: center;
1215
- display: flex;
1216
- }
1217
-
1218
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadErrorIcon {
1219
- margin-bottom: var(--spacing-8, var(--spacing-8, 8px));
1220
- color: var(--color-icon-status-negative, var(--icon-status-negative));
1221
- }
1222
-
1223
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadErrorPreview {
1224
- margin-top: var(--spacing-8, var(--spacing-8, 8px));
1225
- border-radius: var(--radius-medium, var(--border-radius-medium));
1226
- border-style: var(--tw-border-style);
1227
- --tw-border-style: solid;
1228
- border-style: solid;
1229
- border-width: 1px;
1230
- border-color: var(--color-border-status-negative, var(--border-status-negative));
1231
- padding: var(--spacing-4);
1232
- }
1233
-
1234
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadAttempts {
1235
- margin-top: var(--spacing-8, var(--spacing-8, 8px));
1236
- font-family: var(--typography-body-family);
1237
- font-size: var(--typography-body-s-regular-size);
1238
- font-weight: var(--typography-body-s-regular-weight);
1239
- line-height: var(--typography-body-s-regular-line-height);
1240
- letter-spacing: var(--typography-body-s-regular-letter-spacing);
1241
- color: var(--color-text-body-secondary, var(--text-body-500-secondary));
1242
- }
1243
-
1244
- @property --tw-translate-x {
1245
- syntax: "*";
1246
- inherits: false;
1247
- initial-value: 0;
1248
- }
1249
-
1250
- @property --tw-translate-y {
1251
- syntax: "*";
1252
- inherits: false;
1253
- initial-value: 0;
1254
- }
1255
-
1256
- @property --tw-translate-z {
1257
- syntax: "*";
1258
- inherits: false;
1259
- initial-value: 0;
1260
- }
1261
-
1262
- @property --tw-font-weight {
1263
- syntax: "*";
1264
- inherits: false
1265
- }
1266
-
1267
- @property --tw-border-style {
1268
- syntax: "*";
1269
- inherits: false;
1270
- initial-value: solid;
1271
- }
1272
-
1273
- @property --tw-leading {
1274
- syntax: "*";
1275
- inherits: false
1276
- }
1277
-
1278
- @property --tw-outline-style {
1279
- syntax: "*";
1280
- inherits: false;
1281
- initial-value: solid;
1282
- }
1283
-
1284
- @property --tw-duration {
1285
- syntax: "*";
1286
- inherits: false
1287
- }