@incodetech/web 0.0.0-dev-20260930-413fa2cd → 0.0.0-dev-20260930-24018c33

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 (57) hide show
  1. package/dist/antifraud/styles.css +0 -1
  2. package/dist/base.css +1 -7417
  3. package/dist/certificate-issuance/styles.css +1 -72
  4. package/dist/certificate-issuance/styles.css.js +1 -1
  5. package/dist/consent/styles.css +1 -129
  6. package/dist/consent/styles.css.js +1 -1
  7. package/dist/curp-validation/styles.css +1 -128
  8. package/dist/curp-validation/styles.css.js +1 -1
  9. package/dist/custom-fields/styles.css +1 -21
  10. package/dist/custom-fields/styles.css.js +1 -1
  11. package/dist/document-capture/styles.css +1 -378
  12. package/dist/document-capture/styles.css.js +1 -1
  13. package/dist/dynamic-forms/styles.css +1 -104
  14. package/dist/dynamic-forms/styles.css.js +1 -1
  15. package/dist/ekyb/styles.css +1 -113
  16. package/dist/ekyb/styles.css.js +1 -1
  17. package/dist/ekyc/styles.css +1 -108
  18. package/dist/ekyc/styles.css.js +1 -1
  19. package/dist/electronic-signature/styles.css +1 -407
  20. package/dist/electronic-signature/styles.css.js +1 -1
  21. package/dist/email/styles.css +1 -11
  22. package/dist/email/styles.css.js +1 -1
  23. package/dist/face-match/styles.css +1 -535
  24. package/dist/face-match/styles.css.js +1 -1
  25. package/dist/field-comparison/styles.css +1 -27
  26. package/dist/field-comparison/styles.css.js +1 -1
  27. package/dist/fiscal-qr/styles.css +1 -82
  28. package/dist/fiscal-qr/styles.css.js +1 -1
  29. package/dist/flow/shell/styles.css +1 -401
  30. package/dist/flow/shell/styles.css.js +1 -1
  31. package/dist/flow/styles.css +1 -5487
  32. package/dist/geolocation/styles.css +1 -165
  33. package/dist/geolocation/styles.css.js +1 -1
  34. package/dist/government-validation/styles.css +1 -4
  35. package/dist/government-validation/styles.css.js +1 -1
  36. package/dist/id/styles.css +1 -1640
  37. package/dist/id/styles.css.js +1 -1
  38. package/dist/id-ocr/styles.css +1 -55
  39. package/dist/id-ocr/styles.css.js +1 -1
  40. package/dist/id-selfie-flow/styles.css +1 -806
  41. package/dist/identity-reuse/styles.css +1 -258
  42. package/dist/phone/styles.css +1 -10
  43. package/dist/phone/styles.css.js +1 -1
  44. package/dist/redirect-to-mobile/styles.css +1 -323
  45. package/dist/redirect-to-mobile/styles.css.js +1 -1
  46. package/dist/selfie/styles.css +1 -316
  47. package/dist/selfie/styles.css.js +1 -1
  48. package/dist/signature/styles.css +1 -116
  49. package/dist/signature/styles.css.js +1 -1
  50. package/dist/themes/dark.css +1 -1565
  51. package/dist/themes/light.css +1 -1441
  52. package/dist/video-selfie/styles.css +1 -890
  53. package/dist/video-selfie/styles.css.js +1 -1
  54. package/dist/watchlist-for-business/styles.css +1 -17
  55. package/dist/watchlist-for-business/styles.css.js +1 -1
  56. package/dist/workflow/styles.css +1 -5042
  57. package/package.json +3 -2
@@ -1,1641 +1,2 @@
1
1
  /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
2
- @layer properties {
3
- @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
- .IncodeComponent, .IncodeComponent *, .IncodeComponent :before, .IncodeComponent :after, .IncodeComponent ::backdrop {
5
- --tw-translate-x: 0;
6
- --tw-translate-y: 0;
7
- --tw-translate-z: 0;
8
- --tw-border-style: solid;
9
- }
10
- }
11
- }
12
-
13
- .IncodeSrOnly {
14
- clip-path: inset(50%);
15
- white-space: nowrap;
16
- border-width: 0;
17
- width: 1px;
18
- height: 1px;
19
- margin: -1px;
20
- padding: 0;
21
- position: absolute;
22
- overflow: hidden;
23
- }
24
-
25
- .IncodeAgeVerificationPage .IncodePageInner {
26
- padding-top: var(--spacing-8, var(--spacing-8, 8px));
27
- padding-bottom: var(--spacing-16, var(--spacing-16, 16px));
28
- }
29
-
30
- .IncodeAgeVerificationPage .IncodePageHeader {
31
- height: var(--page-header-height);
32
- min-height: var(--page-header-height);
33
- }
34
-
35
- .IncodeAgeVerificationPage .IncodePageLogo {
36
- height: var(--age-verification-logo-height);
37
- }
38
-
39
- .IncodeAgeVerificationPage .IncodePageTitleContainer {
40
- max-width: none;
41
- }
42
-
43
- .IncodeAgeVerificationPage .IncodePageContent {
44
- justify-content: center;
45
- }
46
-
47
- .IncodeAgeVerificationPage .IncodePageFooter {
48
- padding-top: var(--spacing-12, var(--spacing-12, 12px));
49
- padding-bottom: var(--spacing-0, var(--spacing-none, 0px));
50
- }
51
-
52
- .IncodeAgeVerificationPage .IncodeAgeVerificationContent {
53
- justify-content: space-between;
54
- align-items: center;
55
- gap: var(--spacing-16, var(--spacing-16, 16px));
56
- flex-direction: column;
57
- flex: 1;
58
- display: flex;
59
- }
60
-
61
- .IncodeAgeVerificationPage .IncodeAgeVerificationList {
62
- width: 100%;
63
- max-width: var(--incode-form-max-w);
64
- justify-content: center;
65
- gap: var(--spacing-16, var(--spacing-16, 16px));
66
- padding: var(--spacing-0, var(--spacing-none, 0px));
67
- flex-direction: column;
68
- flex: 1;
69
- margin-inline: auto;
70
- list-style-type: none;
71
- display: flex;
72
- }
73
-
74
- .IncodeAgeVerificationPage .IncodeAgeVerificationItem {
75
- align-items: center;
76
- gap: var(--spacing-16, var(--spacing-16, 16px));
77
- display: flex;
78
- }
79
-
80
- .IncodeAgeVerificationPage .IncodeAgeVerificationIcon {
81
- height: var(--spacing-64, var(--spacing-64, 64px));
82
- width: var(--spacing-96, var(--spacing-96, 96px));
83
- flex-shrink: 0;
84
- justify-content: center;
85
- align-items: center;
86
- display: flex;
87
- }
88
-
89
- .IncodeAgeVerificationPage .IncodeAgeVerificationIcon img {
90
- width: 100%;
91
- height: 100%;
92
- }
93
-
94
- .IncodeAgeVerificationPage .IncodeAgeVerificationText {
95
- font-family: var(--typography-headline-family);
96
- font-size: var(--typography-headline-h5-size);
97
- font-weight: var(--typography-headline-h5-weight);
98
- line-height: var(--typography-headline-h5-line-height);
99
- letter-spacing: var(--typography-headline-h5-letter-spacing);
100
- color: var(--color-text-body-primary, var(--text-body-800-primary));
101
- flex: 1;
102
- }
103
-
104
- .IncodeAgeVerificationPage .IncodeAgeVerificationButton {
105
- width: 100%;
106
- max-width: var(--incode-form-max-w);
107
- margin-inline: auto;
108
- }
109
-
110
- .IncodeIdTutorial .IncodePageTitleContainer {
111
- padding-block: var(--spacing-16, var(--spacing-16, 16px));
112
- }
113
-
114
- .IncodeIdTutorial .IncodeBaseTutorialContainer {
115
- margin: calc(var(--spacing-24, var(--spacing-24, 24px)) * -1);
116
- }
117
-
118
- .IncodeIdTutorial .IncodeBaseTutorialAnimationContainer {
119
- padding: var(--spacing-0, var(--spacing-none, 0px));
120
- }
121
-
122
- .IncodeFlipAnimation {
123
- background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
124
- height: 100%;
125
- padding: var(--spacing-24, var(--spacing-24, 24px));
126
- flex-direction: column;
127
- justify-content: center;
128
- align-items: center;
129
- display: flex;
130
- }
131
-
132
- .IncodeIdFlipCardPage .IncodePageInner {
133
- padding: var(--spacing-0, var(--spacing-none, 0px));
134
- }
135
-
136
- .IncodeIdFlipCardLayout {
137
- width: 100%;
138
- height: 100%;
139
- padding: var(--spacing-24, var(--spacing-24, 24px));
140
- background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
141
- flex-direction: column;
142
- justify-content: center;
143
- align-items: center;
144
- display: flex;
145
- }
146
-
147
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent {
148
- z-index: 10;
149
- flex-direction: column;
150
- align-items: center;
151
- width: 100%;
152
- height: 100%;
153
- display: flex;
154
- }
155
-
156
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardTopArea {
157
- justify-content: flex-end;
158
- align-items: center;
159
- gap: var(--spacing-24, var(--spacing-24, 24px));
160
- padding-bottom: var(--spacing-40, var(--spacing-40, 40px));
161
- z-index: 10;
162
- flex-direction: column;
163
- flex: 1;
164
- width: 100%;
165
- display: flex;
166
- }
167
-
168
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCopy {
169
- opacity: 0;
170
- flex-direction: column;
171
- align-items: center;
172
- animation: .3s ease-out forwards incodeIdFlipCardFadeIn;
173
- display: flex;
174
- }
175
-
176
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardTitle {
177
- text-align: center;
178
- font-family: var(--typography-headline-family);
179
- font-size: var(--typography-headline-h2-size);
180
- font-weight: var(--typography-headline-h2-weight);
181
- line-height: var(--typography-headline-h2-line-height);
182
- letter-spacing: var(--typography-headline-h2-letter-spacing);
183
- color: var(--color-text-body-primary, var(--text-body-800-primary));
184
- }
185
-
186
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardSubtitle {
187
- max-width: var(--id-capture-flip-card-subtitle-max-w);
188
- text-align: center;
189
- font-family: var(--typography-headline-family);
190
- font-size: var(--typography-headline-h5-size);
191
- font-weight: var(--typography-headline-h5-weight);
192
- line-height: var(--typography-headline-h5-line-height);
193
- letter-spacing: var(--typography-headline-h5-letter-spacing);
194
- color: var(--color-text-body-secondary, var(--text-body-500-secondary));
195
- }
196
-
197
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame {
198
- overflow: hidden;
199
- }
200
-
201
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical {
202
- width: var(--id-capture-frame-vertical-width);
203
- }
204
-
205
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame.IncodeIdFlipCardFrameFlipping {
206
- --frame-border-color: var(--border-neutral-100);
207
- }
208
-
209
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardScene {
210
- perspective: 1200px;
211
- width: 100%;
212
- height: 100%;
213
- }
214
-
215
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCard {
216
- width: 100%;
217
- height: 100%;
218
- transform-style: preserve-3d;
219
- animation: 1s ease-in-out .6s forwards incodeIdFlipCardRotate;
220
- position: relative;
221
- }
222
-
223
- @media (prefers-reduced-motion: reduce) {
224
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCard {
225
- animation: none;
226
- }
227
- }
228
-
229
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace {
230
- inset: var(--spacing-0, var(--spacing-none, 0px));
231
- backface-visibility: hidden;
232
- width: 100%;
233
- height: 100%;
234
- position: absolute;
235
- }
236
-
237
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace.IncodeIdFlipCardFaceBack {
238
- transform: rotateY(180deg);
239
- }
240
-
241
- @media (prefers-reduced-motion: reduce) {
242
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace.IncodeIdFlipCardFaceBack {
243
- opacity: 0;
244
- animation: 1s ease-in-out .6s forwards incodeIdFlipCardReducedMotionFadeIn;
245
- transform: none;
246
- }
247
- }
248
-
249
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardImage {
250
- object-fit: cover;
251
- width: 100%;
252
- height: 100%;
253
- animation: 1s ease-in-out .6s forwards incodeIdFlipCardFrontFade;
254
- }
255
-
256
- @media (prefers-reduced-motion: reduce) {
257
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardImage {
258
- animation: 1s ease-in-out .6s forwards incodeIdFlipCardReducedMotionFadeOut;
259
- }
260
- }
261
-
262
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardAsset {
263
- object-fit: cover;
264
- width: 100%;
265
- height: 100%;
266
- padding: var(--spacing-4, var(--spacing-4, 4px));
267
- display: block;
268
- }
269
-
270
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardBottomArea {
271
- z-index: 10;
272
- width: 100%;
273
- max-width: var(--id-capture-bottom-area-max-w);
274
- padding-top: var(--spacing-8, var(--spacing-8, 8px));
275
- flex-direction: column;
276
- flex: 1;
277
- align-items: center;
278
- display: flex;
279
- }
280
-
281
- .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardBottomArea .IncodeCaptureEncryptionLabel {
282
- justify-content: center;
283
- align-items: center;
284
- gap: var(--spacing-4, var(--spacing-4, 4px));
285
- font-family: var(--typography-body-family);
286
- font-size: var(--typography-body-m-regular-size);
287
- font-weight: var(--typography-body-m-regular-weight);
288
- line-height: var(--typography-body-m-regular-line-height);
289
- letter-spacing: var(--typography-body-m-regular-letter-spacing);
290
- white-space: nowrap;
291
- color: var(--color-text-body-primary, var(--text-body-800-primary));
292
- display: flex;
293
- }
294
-
295
- @keyframes incodeIdFlipCardFadeIn {
296
- from {
297
- opacity: 0;
298
- }
299
-
300
- to {
301
- opacity: 1;
302
- }
303
- }
304
-
305
- @keyframes incodeIdFlipCardRotate {
306
- from {
307
- transform: rotateY(0);
308
- }
309
-
310
- to {
311
- transform: rotateY(180deg);
312
- }
313
- }
314
-
315
- @keyframes incodeIdFlipCardFrontFade {
316
- 0%, 20% {
317
- opacity: 1;
318
- }
319
-
320
- 50%, 100% {
321
- opacity: 0;
322
- }
323
- }
324
-
325
- @keyframes incodeIdFlipCardReducedMotionFadeIn {
326
- from {
327
- opacity: 0;
328
- }
329
-
330
- to {
331
- opacity: 1;
332
- }
333
- }
334
-
335
- @keyframes incodeIdFlipCardReducedMotionFadeOut {
336
- from {
337
- opacity: 1;
338
- }
339
-
340
- to {
341
- opacity: 0;
342
- }
343
- }
344
-
345
- .IncodeCommonIssuesFullScreen .IncodeModalDialog {
346
- max-width: none;
347
- height: 100%;
348
- max-height: none;
349
- }
350
-
351
- .IncodeCommonIssuesFullScreen .IncodeModalContent {
352
- border-radius: var(--radius-none, var(--border-radius-none));
353
- max-width: none;
354
- height: 100%;
355
- margin: auto;
356
- }
357
-
358
- .IncodeCommonIssuesContent .IncodeCommonIssuesQuestionIcon {
359
- flex-shrink: 0;
360
- }
361
-
362
- .IncodeCommonIssuesContent .IncodeCommonIssuesTitle {
363
- font-family: var(--typography-headline-family);
364
- font-size: var(--typography-headline-h2-size);
365
- font-weight: var(--typography-headline-h2-weight);
366
- line-height: var(--typography-headline-h2-line-height);
367
- letter-spacing: var(--typography-headline-h2-letter-spacing);
368
- }
369
-
370
- .IncodeCommonIssuesContent .IncodeCommonIssuesCards {
371
- width: 100%;
372
- max-width: var(--incode-form-max-w);
373
- gap: var(--spacing-32, var(--spacing-32, 32px));
374
- padding-block: var(--spacing-16, var(--spacing-16, 16px));
375
- flex-direction: column;
376
- display: flex;
377
- }
378
-
379
- .IncodeCommonIssuesContent .IncodeCommonIssuesCard {
380
- align-items: flex-start;
381
- gap: var(--spacing-16, var(--spacing-16, 16px));
382
- display: flex;
383
- }
384
-
385
- .IncodeCommonIssuesContent .IncodeCommonIssuesCardIcon {
386
- color: var(--color-text-body-primary, var(--text-body-800-primary));
387
- flex-shrink: 0;
388
- }
389
-
390
- .IncodeCommonIssuesContent .IncodeCommonIssuesCardText {
391
- gap: var(--spacing-4, var(--spacing-4, 4px));
392
- flex-direction: column;
393
- display: flex;
394
- }
395
-
396
- .IncodeCommonIssuesContent .IncodeCommonIssuesCardTitle {
397
- font-family: var(--typography-headline-family);
398
- font-size: var(--typography-headline-h5-size);
399
- font-weight: var(--typography-headline-h5-weight);
400
- line-height: var(--typography-headline-h5-line-height);
401
- letter-spacing: var(--typography-headline-h5-letter-spacing);
402
- }
403
-
404
- .IncodeCommonIssuesContent .IncodeCommonIssuesCardBody {
405
- font-family: var(--typography-body-family);
406
- font-size: var(--typography-body-m-regular-size);
407
- font-weight: var(--typography-body-m-regular-weight);
408
- line-height: var(--typography-body-m-regular-line-height);
409
- letter-spacing: var(--typography-body-m-regular-letter-spacing);
410
- color: var(--color-text-body-secondary, var(--text-body-500-secondary));
411
- }
412
-
413
- .IncodeCommonIssuesContent .IncodeCommonIssuesButtons {
414
- margin-top: auto;
415
- }
416
-
417
- .IncodeCommonIssuesContent .IncodeCommonIssuesTakeManually {
418
- color: var(--color-text-body-primary, var(--text-body-800-primary));
419
- }
420
-
421
- .IncodeCommonIssuesContent .IncodeCommonIssuesTryAgain {
422
- width: 100%;
423
- }
424
-
425
- .IncodeChooserPage .IncodePageContent {
426
- min-height: var(--spacing-0, var(--spacing-none, 0px));
427
- padding-bottom: var(--spacing-16, var(--spacing-16, 16px));
428
- }
429
-
430
- .IncodeChooserPage .IncodePageTitle {
431
- max-width: var(--incode-form-max);
432
- }
433
-
434
- .IncodeChooserPage .IncodeChooserContainer {
435
- min-height: var(--spacing-0, var(--spacing-none, 0px));
436
- width: 100%;
437
- max-height: var(--id-capture-chooser-list-max-h);
438
- max-width: var(--id-capture-chooser-list-max-w);
439
- padding: var(--id-capture-chooser-list-scroll-padding);
440
- scroll-padding-block: var(--id-capture-chooser-list-scroll-padding);
441
- margin-inline: auto;
442
- flex-direction: column;
443
- align-items: center;
444
- margin-top: auto;
445
- display: flex;
446
- overflow-y: auto;
447
- }
448
-
449
- .IncodeCaptureFrame {
450
- border-radius: var(--radius-medium, var(--border-radius-medium));
451
- --frame-border-color: var(--border-neutral-100);
452
- border: var(--id-capture-frame-border-width) solid var(--frame-border-color);
453
- justify-content: center;
454
- align-self: center;
455
- align-items: center;
456
- transition: max-width .3s ease-out, border-color .3s ease-out;
457
- display: flex;
458
- position: relative;
459
- }
460
-
461
- .IncodeCaptureFrame.IncodeCaptureFrameHorizontal {
462
- width: 100%;
463
- max-width: var(--id-capture-frame-horizontal-max-width);
464
- aspect-ratio: 35 / 22;
465
- }
466
-
467
- .IncodeCaptureFrame.IncodeCaptureFrameVertical {
468
- width: 100%;
469
- max-width: var(--id-capture-frame-vertical-max-width);
470
- aspect-ratio: 22 / 35;
471
- }
472
-
473
- .IncodeCaptureFrame.IncodeCaptureFramePassport.IncodeCaptureFrameHorizontal {
474
- aspect-ratio: 42 / 30;
475
- }
476
-
477
- .IncodeCaptureFrame.IncodeCaptureFramePassport.IncodeCaptureFrameVertical {
478
- aspect-ratio: 30 / 42;
479
- }
480
-
481
- .IncodeCaptureFrame.IncodeCaptureFrameIdle {
482
- --frame-border-color: var(--border-neutral-100);
483
- }
484
-
485
- .IncodeCaptureFrame.IncodeCaptureFrameCapturing, .IncodeCaptureFrame.IncodeCaptureFrameFocus {
486
- --frame-border-color: var(--border-brand-500);
487
- }
488
-
489
- .IncodeCaptureFrame.IncodeCaptureFrameAnalyzing, .IncodeCaptureFrame.IncodeCaptureFrameSuccess {
490
- --frame-border-color: var(--border-status-positive-static);
491
- }
492
-
493
- .IncodeCaptureFrame.IncodeCaptureFrameError {
494
- --frame-border-color: var(--border-status-negative);
495
- }
496
-
497
- .IncodeIdCaptureStage {
498
- width: 100%;
499
- height: 100%;
500
- position: relative;
501
- }
502
-
503
- .IncodeIdCaptureStage > * {
504
- inset: var(--spacing-0, var(--spacing-none, 0px));
505
- position: absolute;
506
- }
507
-
508
- .IncodeIdCaptureStage > .IncodeIdCaptureStageResultExiting {
509
- animation: incodeIdCaptureResultCrossfadeOut var(--id-capture-result-crossfade-duration) linear forwards;
510
- pointer-events: none;
511
- }
512
-
513
- @media (prefers-reduced-motion: reduce) {
514
- .IncodeIdCaptureStage > .IncodeIdCaptureStageResultExiting {
515
- animation-duration: 1ms;
516
- }
517
- }
518
-
519
- .IncodeIdCaptureStage > .IncodeIdCaptureStageAnalyzingPending {
520
- pointer-events: none;
521
- z-index: 1001;
522
- opacity: 0;
523
- animation: incodeIdCaptureAnalyzingReveal .2s ease-out calc(var(--capture-countdown-end) + var(--id-capture-result-flash-duration)) forwards;
524
- }
525
-
526
- @media (prefers-reduced-motion: reduce) {
527
- .IncodeIdCaptureStage > .IncodeIdCaptureStageAnalyzingPending {
528
- animation-duration: 1ms;
529
- }
530
- }
531
-
532
- .IncodeIdCaptureStage > .IncodeIdCaptureStageResultEntering {
533
- animation: incodeIdCaptureResultCrossfadeIn var(--id-capture-result-crossfade-duration) linear forwards;
534
- pointer-events: none;
535
- }
536
-
537
- @media (prefers-reduced-motion: reduce) {
538
- .IncodeIdCaptureStage > .IncodeIdCaptureStageResultEntering {
539
- animation-duration: 1ms;
540
- }
541
- }
542
-
543
- .IncodeIdCapturePage {
544
- background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));
545
- }
546
-
547
- @media (min-width: 48rem) {
548
- .IncodeIdCapturePage {
549
- background-color: var(--capture-page-backdrop-color);
550
- }
551
- }
552
-
553
- .IncodeIdCapturePage .IncodePageInner {
554
- padding: var(--spacing-0, var(--spacing-none, 0px));
555
- }
556
-
557
- .IncodeIdCapturePage .IncodePageContent {
558
- flex: 1;
559
- position: relative;
560
- }
561
-
562
- .IncodeIdCapturePage .IncodeCaptureInitializing {
563
- height: 100%;
564
- color: var(--color-text-body-0, var(--text-body-0-static));
565
- flex-direction: column;
566
- justify-content: center;
567
- align-items: center;
568
- display: flex;
569
- }
570
-
571
- .IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo {
572
- pointer-events: none;
573
- inset: var(--spacing-0, var(--spacing-none, 0px));
574
- position: absolute;
575
- }
576
-
577
- .IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo.IncodeCaptureVideoLoading {
578
- opacity: 0;
579
- }
580
-
581
- .IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo .IncodeCaptureVideoElement {
582
- inset: var(--spacing-0, var(--spacing-none, 0px));
583
- object-fit: cover;
584
- width: 100%;
585
- max-width: 100%;
586
- height: 100%;
587
- position: absolute;
588
- }
589
-
590
- .IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureOverlay {
591
- pointer-events: none;
592
- justify-content: center;
593
- align-items: center;
594
- display: flex;
595
- }
596
-
597
- .IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureButton {
598
- border-radius: var(--radius-button-primary, var(--button-primary-border-radius));
599
- padding-inline: var(--spacing-24, var(--spacing-24, 24px));
600
- padding-block: var(--spacing-12, var(--spacing-12, 12px));
601
- background-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
602
- color: var(--color-button-primary-text-default, var(--button-primary-text-default));
603
- }
604
-
605
- .IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureInitializing {
606
- height: 100%;
607
- color: var(--color-text-body-0, var(--text-body-0-static));
608
- flex-direction: column;
609
- justify-content: center;
610
- align-items: center;
611
- display: flex;
612
- }
613
-
614
- .IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureInitializing .IncodeCaptureInitializingText {
615
- margin-top: var(--spacing-16, var(--spacing-16, 16px));
616
- }
617
-
618
- .IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureUploading, .IncodeIdCapturePage .IncodeCaptureUploading {
619
- height: 100%;
620
- color: var(--color-text-body-0, var(--text-body-0-static));
621
- flex-direction: column;
622
- justify-content: center;
623
- align-items: center;
624
- display: flex;
625
- }
626
-
627
- @keyframes incodeIdCaptureAnalyzingReveal {
628
- from {
629
- opacity: 0;
630
- }
631
-
632
- to {
633
- opacity: 1;
634
- }
635
- }
636
-
637
- @keyframes incodeIdCaptureResultCrossfadeOut {
638
- from {
639
- opacity: 1;
640
- }
641
-
642
- to {
643
- opacity: 0;
644
- }
645
- }
646
-
647
- @keyframes incodeIdCaptureResultCrossfadeIn {
648
- from {
649
- opacity: 0;
650
- }
651
-
652
- to {
653
- opacity: 1;
654
- }
655
- }
656
-
657
- .IncodeCaptureOverlayId {
658
- padding: var(--spacing-24, var(--spacing-24, 24px));
659
- align-items: center;
660
- }
661
-
662
- .IncodeCaptureOverlayId .IncodeCaptureTopSection {
663
- justify-content: flex-end;
664
- align-items: center;
665
- gap: var(--spacing-24, var(--spacing-24, 24px));
666
- padding-bottom: var(--spacing-40, var(--spacing-40, 40px));
667
- z-index: 10;
668
- flex-direction: column;
669
- flex: 1;
670
- display: flex;
671
- }
672
-
673
- .IncodeCaptureOverlayId .IncodeCaptureTopSection .IncodeCameraOverlayHeader {
674
- padding-inline: var(--spacing-16, var(--spacing-16, 16px));
675
- padding-top: var(--spacing-16, var(--spacing-16, 16px));
676
- }
677
-
678
- .IncodeCaptureOverlayId .IncodeCaptureFooter {
679
- flex: 1;
680
- justify-content: space-between;
681
- }
682
-
683
- .IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeCaptureFooterCaptureSection {
684
- position: relative;
685
- }
686
-
687
- .IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer {
688
- pointer-events: none;
689
- z-index: 1000;
690
- --manual-capture-tooltip-button-gap: var(--spacing-4);
691
- --manual-capture-tooltip-button-top-offset: var(--spacing-12);
692
- --manual-capture-tooltip-button-center-offset: calc(var(--spacing-32) + var(--manual-capture-tooltip-button-gap));
693
- width: max-content;
694
- left: 50%;
695
- bottom: calc(100% - ( var(--manual-capture-tooltip-button-top-offset) - var(--manual-capture-tooltip-button-gap) ));
696
- animation: manualCaptureTooltipExit .35s ease-in var(--manual-capture-tooltip-dismiss-delay, 3.5s) forwards;
697
- justify-content: center;
698
- display: flex;
699
- position: absolute;
700
- transform: translateX(-50%);
701
- }
702
-
703
- .IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip {
704
- border-radius: var(--radius-medium, var(--border-radius-medium));
705
- background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));
706
- padding: var(--spacing-16, var(--spacing-16, 16px));
707
- animation: .5s ease-out forwards slideUp;
708
- }
709
-
710
- .IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList {
711
- margin: var(--spacing-0, var(--spacing-none, 0px));
712
- padding: var(--spacing-0, var(--spacing-none, 0px));
713
- flex-direction: column;
714
- align-items: center;
715
- list-style-type: none;
716
- display: flex;
717
- }
718
-
719
- .IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList li {
720
- margin: var(--spacing-0, var(--spacing-none, 0px));
721
- font-family: var(--typography-tooltip-family);
722
- font-size: var(--typography-tooltip-m-size);
723
- font-weight: var(--typography-tooltip-m-weight);
724
- line-height: var(--typography-tooltip-m-line-height);
725
- letter-spacing: var(--typography-tooltip-m-letter-spacing);
726
- text-wrap: nowrap;
727
- color: var(--color-text-body-0-static, var(--text-body-0-static));
728
- }
729
-
730
- .IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer.IncodeIdManualCaptureTooltipContainerSrOnly {
731
- clip-path: inset(50%);
732
- white-space: nowrap;
733
- border-width: 0;
734
- width: 1px;
735
- height: 1px;
736
- margin: -1px;
737
- padding: 0;
738
- animation: none;
739
- position: absolute;
740
- overflow: hidden;
741
- }
742
-
743
- .IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer.IncodeIdManualCaptureTooltipContainerSrOnly .IncodeIdManualCaptureTooltip {
744
- animation: none;
745
- }
746
-
747
- .IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer.IncodeIdManualCaptureTooltipContainerAutoDismiss {
748
- animation-name: manualCaptureTooltipExitAutoDismiss;
749
- }
750
-
751
- .IncodeCaptureOverlayId .IncodeCameraFrameHorizontal.IncodeCaptureFramePassport {
752
- aspect-ratio: 42 / 30;
753
- }
754
-
755
- .IncodeCaptureOverlayId .IncodeCameraFrameVertical.IncodeCaptureFramePassport {
756
- aspect-ratio: 30 / 42;
757
- }
758
-
759
- @keyframes manualCaptureTooltipExit {
760
- from {
761
- opacity: 1;
762
- transform: translateX(-50%);
763
- }
764
-
765
- to {
766
- opacity: 0;
767
- transform: translate(-50%, calc(50% + var(--manual-capture-tooltip-button-center-offset)));
768
- }
769
- }
770
-
771
- @keyframes manualCaptureTooltipExitAutoDismiss {
772
- from {
773
- opacity: 1;
774
- transform: translateX(-50%) scale(1);
775
- }
776
-
777
- to {
778
- opacity: .5;
779
- transform: translate(-50%, calc(25% + var(--manual-capture-tooltip-button-center-offset))) scale(.5);
780
- }
781
- }
782
-
783
- .IncodeIdManualCaptureButton {
784
- bottom: var(--spacing-24, var(--spacing-24, 24px));
785
- z-index: 100;
786
- --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
787
- width: 100%;
788
- translate: var(--tw-translate-x) var(--tw-translate-y);
789
- justify-content: center;
790
- align-items: center;
791
- gap: var(--spacing-4, var(--spacing-4, 4px));
792
- flex-direction: column;
793
- animation: .5s ease-out forwards slideUp;
794
- display: flex;
795
- position: absolute;
796
- left: 50%;
797
- }
798
-
799
- .IncodeIdManualCaptureButton .IncodeButtonLink {
800
- height: 100%;
801
- padding: var(--spacing-0, var(--spacing-none, 0px));
802
- color: var(--color-text-body-primary, var(--text-body-800-primary));
803
- }
804
-
805
- .IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip {
806
- border-radius: var(--radius-medium, var(--border-radius-medium));
807
- background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));
808
- padding: var(--spacing-16, var(--spacing-16, 16px));
809
- }
810
-
811
- .IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList {
812
- margin: var(--spacing-0, var(--spacing-none, 0px));
813
- padding: var(--spacing-0, var(--spacing-none, 0px));
814
- flex-direction: column;
815
- align-items: center;
816
- list-style-type: none;
817
- display: flex;
818
- }
819
-
820
- .IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList li {
821
- margin: var(--spacing-0, var(--spacing-none, 0px));
822
- font-family: var(--typography-tooltip-family);
823
- font-size: var(--typography-tooltip-m-size);
824
- font-weight: var(--typography-tooltip-m-weight);
825
- line-height: var(--typography-tooltip-m-line-height);
826
- letter-spacing: var(--typography-tooltip-m-letter-spacing);
827
- text-wrap: nowrap;
828
- color: var(--color-text-body-0-static, var(--text-body-0-static));
829
- }
830
-
831
- .IncodeIdManualCaptureButton .IncodeIdManualCaptureButtonContent .IncodeIdManualCaptureButtonButton svg {
832
- transition: filter .2s, transform .2s;
833
- }
834
-
835
- .IncodeIdManualCaptureButton .IncodeIdManualCaptureButtonContent:active svg {
836
- filter: brightness(.8);
837
- transform: scale(.95);
838
- }
839
-
840
- @keyframes slideUpAndDown {
841
- 0%, 12% {
842
- opacity: 0;
843
- transform: translateY(100%);
844
- }
845
-
846
- 24% {
847
- opacity: 1;
848
- transform: translateY(0);
849
- }
850
-
851
- 76% {
852
- opacity: 1;
853
- transform: translateY(0);
854
- }
855
-
856
- 88%, 100% {
857
- opacity: 0;
858
- transform: translateY(100%);
859
- }
860
- }
861
-
862
- .IncodeIdHint {
863
- inset: var(--spacing-0, var(--spacing-none, 0px));
864
- z-index: 10;
865
- justify-content: center;
866
- align-items: center;
867
- display: flex;
868
- position: absolute;
869
- }
870
-
871
- .IncodeIdHint .IncodeIdHintAnimated {
872
- justify-content: center;
873
- align-items: center;
874
- width: 100%;
875
- height: 100%;
876
- animation: 3s ease-in-out forwards slideUpAndDown;
877
- display: flex;
878
- position: relative;
879
- }
880
-
881
- .IncodeIdHint .IncodeIdHintAnimated .IncodeIdHintSvg {
882
- justify-content: center;
883
- align-items: center;
884
- display: flex;
885
- }
886
-
887
- .IncodeIdHint .IncodeIdHintAnimated .IncodeIdHintSvg svg {
888
- width: var(--id-capture-hint-svg-size);
889
- height: var(--id-capture-hint-svg-size);
890
- min-width: var(--id-capture-hint-svg-size);
891
- min-height: var(--id-capture-hint-svg-size);
892
- }
893
-
894
- .IncodeComponent .IncodePermissionInCameraPage .IncodePermissionInCameraContent {
895
- opacity: 0;
896
- width: 100%;
897
- height: 100%;
898
- animation: incodePermissionInCameraReveal var(--id-tutorial-to-permission-transition-duration) ease-out var(--id-permission-in-camera-reveal-delay) forwards;
899
- flex-direction: column;
900
- align-items: center;
901
- display: flex;
902
- }
903
-
904
- .IncodeComponent .IncodePermissionInCameraPage .IncodePermissionInCameraReservedFooter {
905
- visibility: hidden;
906
- }
907
-
908
- @media (prefers-reduced-motion: reduce) {
909
- .IncodeComponent .IncodePermissionInCameraPage .IncodePermissionInCameraContent {
910
- animation-duration: 1ms;
911
- animation-delay: 0s;
912
- }
913
- }
914
-
915
- @keyframes incodePermissionInCameraReveal {
916
- from {
917
- opacity: 0;
918
- }
919
-
920
- to {
921
- opacity: 1;
922
- }
923
- }
924
-
925
- .IncodeComponent .IncodePermissionInCameraFlowStage {
926
- width: 100%;
927
- height: 100%;
928
- position: relative;
929
- }
930
-
931
- .IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowCaptureLayer, .IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowPermissionLayer, .IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowTutorialLayer {
932
- inset: var(--spacing-0, var(--spacing-none, 0px));
933
- position: absolute;
934
- }
935
-
936
- .IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowCaptureLayer {
937
- z-index: 10;
938
- }
939
-
940
- .IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowPermissionLayer {
941
- z-index: 20;
942
- }
943
-
944
- .IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowTutorialLayer {
945
- z-index: 30;
946
- }
947
-
948
- .IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowPermissionLayerExiting {
949
- pointer-events: none;
950
- animation: incodePermissionInCameraToCaptureExit var(--id-permission-in-camera-to-capture-transition-duration) ease-in var(--id-permission-in-camera-to-capture-transition-duration) forwards;
951
- }
952
-
953
- .IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowPermissionLayerExiting .IncodePermissionInCameraHeading {
954
- animation: incodePermissionInCameraHeadingExit var(--id-permission-in-camera-to-capture-transition-duration) ease-in forwards;
955
- }
956
-
957
- .IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowTutorialLayerExiting {
958
- pointer-events: none;
959
- animation: incodeTutorialToPermissionInCameraExit var(--id-tutorial-to-permission-transition-duration) ease-in forwards;
960
- }
961
-
962
- @media (prefers-reduced-motion: reduce) {
963
- .IncodeComponent .IncodePermissionInCameraFlowPermissionLayerExiting {
964
- animation-duration: 1ms;
965
- animation-delay: 0s;
966
- }
967
-
968
- .IncodeComponent .IncodePermissionInCameraFlowPermissionLayerExiting .IncodePermissionInCameraHeading, .IncodeComponent .IncodePermissionInCameraFlowTutorialLayerExiting {
969
- animation-duration: 1ms;
970
- }
971
- }
972
-
973
- @keyframes incodeTutorialToPermissionInCameraExit {
974
- from {
975
- opacity: 1;
976
- }
977
-
978
- to {
979
- opacity: 0;
980
- }
981
- }
982
-
983
- @keyframes incodePermissionInCameraHeadingExit {
984
- from {
985
- opacity: 1;
986
- }
987
-
988
- to {
989
- opacity: 0;
990
- }
991
- }
992
-
993
- @keyframes incodePermissionInCameraToCaptureExit {
994
- from {
995
- opacity: 1;
996
- }
997
-
998
- to {
999
- opacity: 0;
1000
- }
1001
- }
1002
-
1003
- .IncodeIdProcessingPage .IncodePageInner {
1004
- padding: var(--spacing-0, var(--spacing-none, 0px));
1005
- }
1006
-
1007
- .IncodeIdProcessingLayout {
1008
- width: 100%;
1009
- height: 100%;
1010
- padding: var(--spacing-24, var(--spacing-24, 24px));
1011
- background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
1012
- flex-direction: column;
1013
- justify-content: center;
1014
- align-items: center;
1015
- display: flex;
1016
- }
1017
-
1018
- .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent {
1019
- z-index: 10;
1020
- flex-direction: column;
1021
- align-items: center;
1022
- width: 100%;
1023
- height: 100%;
1024
- display: flex;
1025
- }
1026
-
1027
- .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingTopArea {
1028
- justify-content: flex-end;
1029
- align-items: center;
1030
- gap: var(--spacing-24, var(--spacing-24, 24px));
1031
- padding-bottom: var(--spacing-40, var(--spacing-40, 40px));
1032
- z-index: 10;
1033
- flex-direction: column;
1034
- flex: 1;
1035
- width: 100%;
1036
- display: flex;
1037
- }
1038
-
1039
- .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame {
1040
- overflow: hidden;
1041
- }
1042
-
1043
- .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical {
1044
- width: var(--id-capture-frame-vertical-width);
1045
- }
1046
-
1047
- .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical .IncodeIdProcessingOverlay {
1048
- left: -25%;
1049
- right: -25%;
1050
- }
1051
-
1052
- .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingImage {
1053
- background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));
1054
- object-fit: cover;
1055
- width: 100%;
1056
- max-width: 100%;
1057
- height: 100%;
1058
- max-height: 100%;
1059
- }
1060
-
1061
- .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingImage.IncodeIdProcessingImageBlurred {
1062
- filter: blur(var(--id-processing-image-blur-radius));
1063
- -webkit-backdrop-filter: blur(var(--id-processing-image-blur-radius));
1064
- backdrop-filter: blur(var(--id-processing-image-blur-radius));
1065
- }
1066
-
1067
- .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingPlaceholder {
1068
- background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));
1069
- width: 100%;
1070
- height: 100%;
1071
- }
1072
-
1073
- .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingOverlay {
1074
- pointer-events: none;
1075
- z-index: 10;
1076
- justify-content: center;
1077
- align-items: center;
1078
- display: flex;
1079
- position: absolute;
1080
- inset: 0 -10%;
1081
- }
1082
-
1083
- .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingBottomArea {
1084
- width: 100%;
1085
- max-width: var(--id-capture-bottom-area-max-w);
1086
- padding-top: var(--spacing-8, var(--spacing-8, 8px));
1087
- z-index: 10;
1088
- flex-direction: column;
1089
- flex: 1;
1090
- justify-content: space-between;
1091
- align-items: center;
1092
- display: flex;
1093
- }
1094
-
1095
- .IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingBottomArea .IncodeCaptureEncryptionLabel {
1096
- justify-content: center;
1097
- align-items: center;
1098
- gap: var(--spacing-4, var(--spacing-4, 4px));
1099
- padding-bottom: var(--spacing-12, var(--spacing-12, 12px));
1100
- font-family: var(--typography-body-family);
1101
- font-size: var(--typography-body-m-regular-size);
1102
- font-weight: var(--typography-body-m-regular-weight);
1103
- line-height: var(--typography-body-m-regular-line-height);
1104
- letter-spacing: var(--typography-body-m-regular-letter-spacing);
1105
- white-space: nowrap;
1106
- color: var(--color-text-body-primary, var(--text-body-800-primary));
1107
- display: flex;
1108
- }
1109
-
1110
- .IncodeIdProcessingLayout.IncodeIdProcessingLayoutNoImage .IncodeIdProcessingBottomArea {
1111
- justify-content: flex-end;
1112
- }
1113
-
1114
- .IncodeIdProcessingLayout .IncodeAnalyzingContent {
1115
- flex-direction: column;
1116
- align-items: center;
1117
- display: flex;
1118
- }
1119
-
1120
- .IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeProgressBarContainer {
1121
- margin-bottom: var(--spacing-24, var(--spacing-24, 24px));
1122
- }
1123
-
1124
- .IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle {
1125
- font-family: var(--typography-headline-family);
1126
- font-size: var(--typography-headline-h2-size);
1127
- font-weight: var(--typography-headline-h2-weight);
1128
- line-height: var(--typography-headline-h2-line-height);
1129
- letter-spacing: var(--typography-headline-h2-letter-spacing);
1130
- color: var(--color-text-body-primary, var(--text-body-800-primary));
1131
- text-align: center;
1132
- min-height: var(--typography-headline-h2-line-height);
1133
- }
1134
-
1135
- .IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle .IncodeAnalyzingTitleText {
1136
- animation: IncodeAnalyzingTitleFade var(--id-capture-analyzing-title-fade-duration) ease-out both;
1137
- display: inline-block;
1138
- }
1139
-
1140
- @media (prefers-reduced-motion: reduce) {
1141
- .IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle .IncodeAnalyzingTitleText {
1142
- animation-duration: 1ms;
1143
- }
1144
- }
1145
-
1146
- .IncodeIdProcessingLayout .IncodeAnalyzingLottie {
1147
- width: 100%;
1148
- max-width: none;
1149
- }
1150
-
1151
- @keyframes IncodeAnalyzingTitleFade {
1152
- from {
1153
- opacity: 0;
1154
- transform: translateY(var(--id-capture-analyzing-title-fade-offset));
1155
- }
1156
-
1157
- to {
1158
- opacity: 1;
1159
- transform: none;
1160
- }
1161
- }
1162
-
1163
- .IncodeIdProcessingLayout .IncodeIdProcessingResultContent, .IncodeIdProcessingLayout .IncodeIdProcessingResultStatus {
1164
- flex-direction: column;
1165
- align-items: center;
1166
- width: 100%;
1167
- display: flex;
1168
- }
1169
-
1170
- .IncodeIdProcessingLayout .IncodeIdProcessingResultTitle {
1171
- font-family: var(--typography-headline-family);
1172
- font-size: var(--typography-headline-h2-size);
1173
- font-weight: var(--typography-headline-h2-weight);
1174
- line-height: var(--typography-headline-h2-line-height);
1175
- letter-spacing: var(--typography-headline-h2-letter-spacing);
1176
- color: var(--color-text-body-primary, var(--text-body-800-primary));
1177
- text-align: center;
1178
- }
1179
-
1180
- .IncodeIdProcessingLayout .IncodeIdProcessingResultSubtitle {
1181
- font-family: var(--typography-headline-family);
1182
- font-size: var(--typography-headline-h5-size);
1183
- font-weight: var(--typography-headline-h5-weight);
1184
- line-height: var(--typography-headline-h5-line-height);
1185
- letter-spacing: var(--typography-headline-h5-letter-spacing);
1186
- color: var(--color-text-body-secondary, var(--text-body-500-secondary));
1187
- text-align: center;
1188
- max-width: var(--incode-form-max-w);
1189
- }
1190
-
1191
- .IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainer {
1192
- margin-top: var(--spacing-24, var(--spacing-24, 24px));
1193
- gap: var(--spacing-16, var(--spacing-16, 16px));
1194
- flex-direction: column;
1195
- width: 100%;
1196
- display: flex;
1197
- }
1198
-
1199
- .IncodeIdProcessingLayout .IncodeIdProcessingResultAttempts {
1200
- padding-block: var(--spacing-12, var(--spacing-12, 12px));
1201
- text-align: center;
1202
- font-family: var(--typography-headline-family);
1203
- font-size: var(--typography-headline-h4-size);
1204
- font-weight: var(--typography-headline-h4-weight);
1205
- line-height: var(--typography-headline-h4-line-height);
1206
- letter-spacing: var(--typography-headline-h4-letter-spacing);
1207
- color: var(--color-text-body-secondary, var(--text-body-500-secondary));
1208
- }
1209
-
1210
- .IncodeIdProcessingLayout .IncodeIdProcessingResultContentExiting, .IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainerExiting {
1211
- animation: .3s ease-out forwards incodeIdProcessingResultFadeOut;
1212
- }
1213
-
1214
- @media (prefers-reduced-motion: reduce) {
1215
- .IncodeIdProcessingLayout .IncodeIdProcessingResultContentExiting, .IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainerExiting {
1216
- animation-duration: 1ms;
1217
- }
1218
- }
1219
-
1220
- @keyframes incodeIdProcessingResultFadeOut {
1221
- from {
1222
- opacity: 1;
1223
- }
1224
-
1225
- to {
1226
- opacity: 0;
1227
- }
1228
- }
1229
-
1230
- .IncodeIdError {
1231
- inset: var(--spacing-0, var(--spacing-none, 0px));
1232
- z-index: 1000;
1233
- justify-content: center;
1234
- align-items: center;
1235
- gap: var(--spacing-16, var(--spacing-16, 16px));
1236
- flex-direction: column;
1237
- width: 100%;
1238
- height: 100%;
1239
- display: flex;
1240
- position: fixed;
1241
- }
1242
-
1243
- .IncodeIdError .IncodeIdErrorMessage {
1244
- text-align: center;
1245
- font-family: var(--typography-headline-family);
1246
- font-size: var(--typography-headline-h4-size);
1247
- font-weight: var(--typography-headline-h4-weight);
1248
- line-height: var(--typography-headline-h4-line-height);
1249
- letter-spacing: var(--typography-headline-h4-letter-spacing);
1250
- color: var(--color-text-body-0, var(--text-body-0-static));
1251
- max-width: var(--incode-form-max-w);
1252
- margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
1253
- }
1254
-
1255
- .IncodeIdNoAttemptsContent {
1256
- padding-inline: var(--spacing-20, var(--spacing-20, 20px));
1257
- max-height: var(--id-no-attempts-content-max-h);
1258
- max-width: var(--id-no-attempts-content-max-w);
1259
- flex-direction: column;
1260
- flex: 1;
1261
- justify-content: center;
1262
- align-items: center;
1263
- margin: auto;
1264
- display: flex;
1265
- }
1266
-
1267
- .IncodeIdNoAttemptsContent .IncodeIdNoAttemptsIcon {
1268
- margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
1269
- }
1270
-
1271
- .IncodeIdNoAttemptsContent .IncodeIdNoAttemptsTitle {
1272
- text-align: center;
1273
- color: var(--color-text-body-primary, var(--text-body-800-primary));
1274
- }
1275
-
1276
- .IncodeIdNoAttemptsContent .IncodeIdNoAttemptsSubtitle {
1277
- font-family: var(--typography-headline-family);
1278
- font-size: var(--typography-headline-h5-size);
1279
- font-weight: var(--typography-headline-h5-weight);
1280
- line-height: var(--typography-headline-h5-line-height);
1281
- letter-spacing: var(--typography-headline-h5-letter-spacing);
1282
- color: var(--color-text-body-secondary, var(--text-body-500-secondary));
1283
- text-align: center;
1284
- max-width: var(--incode-form-max-w);
1285
- }
1286
-
1287
- .IncodeIdNoAttemptsContent .IncodeIdNoAttemptsButtonContainer {
1288
- bottom: var(--spacing-32, var(--spacing-32, 32px));
1289
- right: var(--spacing-0, var(--spacing-none, 0px));
1290
- left: var(--spacing-0, var(--spacing-none, 0px));
1291
- padding-inline: var(--spacing-24, var(--spacing-24, 24px));
1292
- justify-content: center;
1293
- display: flex;
1294
- position: absolute;
1295
- }
1296
-
1297
- .IncodeUnacceptedIdDocuments {
1298
- margin-top: var(--spacing-32, var(--spacing-32, 32px));
1299
- flex-direction: column;
1300
- align-items: center;
1301
- width: 100%;
1302
- display: flex;
1303
- }
1304
-
1305
- .IncodeUnacceptedIdDocuments .IncodeUnacceptedIdDocumentsCountry {
1306
- margin-bottom: var(--spacing-32, var(--spacing-32, 32px));
1307
- align-items: center;
1308
- gap: var(--spacing-8, var(--spacing-8, 8px));
1309
- flex-direction: column;
1310
- display: flex;
1311
- }
1312
-
1313
- .IncodeUnacceptedIdDocuments .IncodeUnacceptedIdDocumentsCountryHeading {
1314
- font-family: var(--typography-headline-family);
1315
- font-size: var(--typography-headline-h4-size);
1316
- font-weight: var(--typography-headline-h4-weight);
1317
- line-height: var(--typography-headline-h4-line-height);
1318
- letter-spacing: var(--typography-headline-h4-letter-spacing);
1319
- }
1320
-
1321
- .IncodeUnacceptedIdDocuments .IncodeUnacceptedIdDocumentsCountryLabel {
1322
- align-items: center;
1323
- gap: var(--spacing-8, var(--spacing-8, 8px));
1324
- font-family: var(--typography-headline-family);
1325
- font-size: var(--typography-headline-h3-size);
1326
- font-weight: var(--typography-headline-h3-weight);
1327
- line-height: var(--typography-headline-h3-line-height);
1328
- letter-spacing: var(--typography-headline-h3-letter-spacing);
1329
- color: var(--color-text-body-primary, var(--text-body-800-primary));
1330
- display: inline-flex;
1331
- }
1332
-
1333
- .IncodeIdCaptureNotification {
1334
- right: var(--spacing-24, var(--spacing-24, 24px));
1335
- left: var(--spacing-24, var(--spacing-24, 24px));
1336
- z-index: 100;
1337
- max-width: var(--incode-form-max-w);
1338
- padding-bottom: var(--spacing-32, var(--spacing-32, 32px));
1339
- top: var(--incode-overlay-top-inset, var(--spacing-24));
1340
- align-items: flex-end;
1341
- margin: auto;
1342
- display: flex;
1343
- position: absolute;
1344
- }
1345
-
1346
- .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent {
1347
- z-index: 100;
1348
- border-radius: var(--radius-large, var(--border-radius-large));
1349
- border-style: var(--tw-border-style);
1350
- border-width: 2px;
1351
- border-color: var(--color-border-neutral-300, var(--border-neutral-300));
1352
- background-color: var(--color-surface-neutral-900-80, var(--surface-neutral-900-80));
1353
- width: 100%;
1354
- padding-inline: var(--spacing-20, var(--spacing-20, 20px));
1355
- box-shadow: var(--id-capture-notification-content-shadow);
1356
- display: flex;
1357
- overflow: hidden;
1358
- }
1359
-
1360
- .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent.IncodeIdCaptureNotificationContent--minimal {
1361
- justify-content: center;
1362
- }
1363
-
1364
- .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText {
1365
- justify-content: center;
1366
- gap: var(--spacing-8, var(--spacing-8, 8px));
1367
- padding-top: var(--spacing-16, var(--spacing-16, 16px));
1368
- padding-bottom: var(--spacing-12, var(--spacing-12, 12px));
1369
- text-align: center;
1370
- color: var(--color-text-body-0-static, var(--text-body-0-static));
1371
- flex-direction: column;
1372
- display: flex;
1373
- }
1374
-
1375
- .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationTitle {
1376
- font-family: var(--typography-headline-family);
1377
- font-size: var(--typography-headline-h3-size);
1378
- font-weight: var(--typography-headline-h3-weight);
1379
- line-height: var(--typography-headline-h3-line-height);
1380
- letter-spacing: var(--typography-headline-h3-letter-spacing);
1381
- }
1382
-
1383
- .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationDescription {
1384
- font-family: var(--typography-headline-family);
1385
- font-size: var(--typography-headline-h5-size);
1386
- font-weight: var(--typography-headline-h5-weight);
1387
- line-height: var(--typography-headline-h5-line-height);
1388
- letter-spacing: var(--typography-headline-h5-letter-spacing);
1389
- color: var(--color-text-body-tertiary-static, var(--text-body-300-tertiary-static));
1390
- }
1391
-
1392
- .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent.IncodeIdCaptureNotificationContent--minimal .IncodeIdCaptureNotificationText {
1393
- gap: var(--spacing-4, var(--spacing-4, 4px));
1394
- padding-block: var(--spacing-16, var(--spacing-16, 16px));
1395
- }
1396
-
1397
- .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent.IncodeIdCaptureNotificationContent--minimal .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationTitle {
1398
- font-family: var(--typography-headline-family);
1399
- font-size: var(--typography-headline-h5-size);
1400
- font-weight: var(--typography-headline-h5-weight);
1401
- line-height: var(--typography-headline-h5-line-height);
1402
- letter-spacing: var(--typography-headline-h5-letter-spacing);
1403
- }
1404
-
1405
- .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent.IncodeIdCaptureNotificationContent--minimal .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationDescription {
1406
- font-family: var(--typography-body-family);
1407
- font-size: var(--typography-body-m-regular-size);
1408
- font-weight: var(--typography-body-m-regular-weight);
1409
- line-height: var(--typography-body-m-regular-line-height);
1410
- letter-spacing: var(--typography-body-m-regular-letter-spacing);
1411
- }
1412
-
1413
- .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationAnimation {
1414
- height: var(--id-capture-notification-animation-height);
1415
- justify-content: center;
1416
- align-items: center;
1417
- width: auto;
1418
- display: flex;
1419
- }
1420
-
1421
- .IncodeDigitalIdUploadPage {
1422
- height: 100%;
1423
- }
1424
-
1425
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadBody {
1426
- justify-content: center;
1427
- align-items: center;
1428
- row-gap: var(--spacing-16, var(--spacing-16, 16px));
1429
- width: 100%;
1430
- height: 100%;
1431
- max-width: var(--digital-id-content-max-w);
1432
- flex-direction: column;
1433
- margin-inline: auto;
1434
- display: flex;
1435
- }
1436
-
1437
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewBody {
1438
- row-gap: var(--spacing-16, var(--spacing-16, 16px));
1439
- grid-template-columns: 1fr;
1440
- grid-template-rows: var(--spacing-24) var(--digital-id-preview-h) var(--spacing-24);
1441
- width: 100%;
1442
- height: 100%;
1443
- max-width: var(--digital-id-content-max-w);
1444
- align-content: center;
1445
- justify-items: center;
1446
- margin-inline: auto;
1447
- display: grid;
1448
- }
1449
-
1450
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreStatusZone {
1451
- justify-content: center;
1452
- align-items: center;
1453
- width: 100%;
1454
- height: 100%;
1455
- display: flex;
1456
- }
1457
-
1458
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPostCaptionZone {
1459
- justify-content: center;
1460
- align-items: flex-start;
1461
- width: 100%;
1462
- height: 100%;
1463
- display: flex;
1464
- }
1465
-
1466
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadFooter {
1467
- width: 100%;
1468
- margin-inline: auto;
1469
- margin-top: var(--spacing-24, var(--spacing-24, 24px));
1470
- margin-bottom: var(--spacing-8, var(--spacing-8, 8px));
1471
- justify-content: flex-end;
1472
- row-gap: var(--spacing-16, var(--spacing-16, 16px));
1473
- max-width: var(--digital-id-content-max-w);
1474
- min-height: var(--digital-id-footer-min-h);
1475
- flex-direction: column;
1476
- display: flex;
1477
- }
1478
-
1479
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadHiddenInput {
1480
- display: none;
1481
- }
1482
-
1483
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadTutorialIllustration {
1484
- width: 100%;
1485
- max-height: var(--digital-id-tutorial-illustration-max-h);
1486
- flex: 1;
1487
- justify-content: center;
1488
- align-items: center;
1489
- display: flex;
1490
- overflow: hidden;
1491
- }
1492
-
1493
- .IncodeDigitalIdUploadPage .IncodeUploadIdScreenImage {
1494
- height: var(--digital-id-illustration-max-h);
1495
- aspect-ratio: 191 / 266;
1496
- width: auto;
1497
- }
1498
-
1499
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewCard {
1500
- border-radius: var(--radius-medium, var(--border-radius-medium));
1501
- border-style: var(--tw-border-style);
1502
- --tw-border-style: solid;
1503
- border-style: solid;
1504
- border-width: 1px;
1505
- border-color: var(--color-border-neutral-100, var(--border-neutral-100));
1506
- background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
1507
- width: var(--digital-id-preview-w);
1508
- height: var(--digital-id-preview-h);
1509
- justify-content: center;
1510
- align-items: center;
1511
- display: flex;
1512
- overflow: hidden;
1513
- }
1514
-
1515
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadDocumentPreview {
1516
- width: var(--digital-id-preview-w);
1517
- height: var(--digital-id-preview-h);
1518
- justify-content: center;
1519
- align-items: center;
1520
- display: flex;
1521
- position: relative;
1522
- overflow: visible;
1523
- }
1524
-
1525
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadDocumentPreviewPdf {
1526
- border-radius: var(--radius-medium, var(--border-radius-medium));
1527
- border-style: var(--tw-border-style);
1528
- border-width: var(--border-width-bold, var(--primitive-border-width-2));
1529
- --tw-border-style: solid;
1530
- border-style: solid;
1531
- border-color: var(--color-border-status-positive, var(--border-status-positive-static));
1532
- object-fit: contain;
1533
- width: 100%;
1534
- height: 100%;
1535
- overflow: hidden;
1536
- }
1537
-
1538
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewPdf {
1539
- object-fit: contain;
1540
- width: 100%;
1541
- height: 100%;
1542
- }
1543
-
1544
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadFileName {
1545
- text-align: center;
1546
- font-family: var(--typography-body-family);
1547
- font-size: var(--typography-body-m-regular-size);
1548
- font-weight: var(--typography-body-m-regular-weight);
1549
- line-height: var(--typography-body-m-regular-line-height);
1550
- letter-spacing: var(--typography-body-m-regular-letter-spacing);
1551
- color: var(--color-text-body-primary, var(--text-body-800-primary));
1552
- max-width: var(--digital-id-file-name-max-w);
1553
- text-overflow: ellipsis;
1554
- white-space: nowrap;
1555
- overflow: hidden;
1556
- }
1557
-
1558
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadProgressBar .IncodeProgressBar {
1559
- border-radius: var(--radius-full, var(--border-radius-full));
1560
- background-color: var(--color-surface-neutral-200, var(--surface-neutral-200));
1561
- width: var(--digital-id-progress-bar-w);
1562
- height: var(--digital-id-progress-bar-h);
1563
- overflow: hidden;
1564
- }
1565
-
1566
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadProgressBar .IncodeProgressBarFill {
1567
- border-radius: var(--radius-full, var(--border-radius-full));
1568
- }
1569
-
1570
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadLaserOverlay {
1571
- pointer-events: none;
1572
- width: var(--digital-id-preview-w);
1573
- height: var(--digital-id-laser-h);
1574
- transform: translateX(-50%) scale(var(--digital-id-laser-scale));
1575
- position: absolute;
1576
- top: -2px;
1577
- left: 50%;
1578
- }
1579
-
1580
- @media (prefers-reduced-motion: reduce) {
1581
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadLaserOverlay {
1582
- display: none;
1583
- }
1584
- }
1585
-
1586
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadSuccessIcon {
1587
- color: var(--color-icon-status-positive, var(--icon-status-positive));
1588
- justify-content: center;
1589
- align-items: center;
1590
- display: flex;
1591
- }
1592
-
1593
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadErrorIcon {
1594
- margin-bottom: var(--spacing-8, var(--spacing-8, 8px));
1595
- color: var(--color-icon-status-negative, var(--icon-status-negative));
1596
- }
1597
-
1598
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadErrorPreview {
1599
- margin-top: var(--spacing-8, var(--spacing-8, 8px));
1600
- border-radius: var(--radius-medium, var(--border-radius-medium));
1601
- border-style: var(--tw-border-style);
1602
- --tw-border-style: solid;
1603
- border-style: solid;
1604
- border-width: 1px;
1605
- border-color: var(--color-border-status-negative, var(--border-status-negative));
1606
- padding: var(--spacing-4);
1607
- }
1608
-
1609
- .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadAttempts {
1610
- margin-top: var(--spacing-8, var(--spacing-8, 8px));
1611
- font-family: var(--typography-body-family);
1612
- font-size: var(--typography-body-s-regular-size);
1613
- font-weight: var(--typography-body-s-regular-weight);
1614
- line-height: var(--typography-body-s-regular-line-height);
1615
- letter-spacing: var(--typography-body-s-regular-letter-spacing);
1616
- color: var(--color-text-body-secondary, var(--text-body-500-secondary));
1617
- }
1618
-
1619
- @property --tw-translate-x {
1620
- syntax: "*";
1621
- inherits: false;
1622
- initial-value: 0;
1623
- }
1624
-
1625
- @property --tw-translate-y {
1626
- syntax: "*";
1627
- inherits: false;
1628
- initial-value: 0;
1629
- }
1630
-
1631
- @property --tw-translate-z {
1632
- syntax: "*";
1633
- inherits: false;
1634
- initial-value: 0;
1635
- }
1636
-
1637
- @property --tw-border-style {
1638
- syntax: "*";
1639
- inherits: false;
1640
- initial-value: solid;
1641
- }
2
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){.IncodeComponent,.IncodeComponent *,.IncodeComponent :before,.IncodeComponent :after,.IncodeComponent ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid}}}.IncodeSrOnly{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.IncodeAgeVerificationPage .IncodePageInner{padding-top:var(--spacing-8,var(--spacing-8,8px));padding-bottom:var(--spacing-16,var(--spacing-16,16px))}.IncodeAgeVerificationPage .IncodePageHeader{height:var(--page-header-height);min-height:var(--page-header-height)}.IncodeAgeVerificationPage .IncodePageLogo{height:var(--age-verification-logo-height)}.IncodeAgeVerificationPage .IncodePageTitleContainer{max-width:none}.IncodeAgeVerificationPage .IncodePageContent{justify-content:center}.IncodeAgeVerificationPage .IncodePageFooter{padding-top:var(--spacing-12,var(--spacing-12,12px));padding-bottom:var(--spacing-0,var(--spacing-none,0px))}.IncodeAgeVerificationPage .IncodeAgeVerificationContent{justify-content:space-between;align-items:center;gap:var(--spacing-16,var(--spacing-16,16px));flex-direction:column;flex:1;display:flex}.IncodeAgeVerificationPage .IncodeAgeVerificationList{width:100%;max-width:var(--incode-form-max-w);justify-content:center;gap:var(--spacing-16,var(--spacing-16,16px));padding:var(--spacing-0,var(--spacing-none,0px));flex-direction:column;flex:1;margin-inline:auto;list-style-type:none;display:flex}.IncodeAgeVerificationPage .IncodeAgeVerificationItem{align-items:center;gap:var(--spacing-16,var(--spacing-16,16px));display:flex}.IncodeAgeVerificationPage .IncodeAgeVerificationIcon{height:var(--spacing-64,var(--spacing-64,64px));width:var(--spacing-96,var(--spacing-96,96px));flex-shrink:0;justify-content:center;align-items:center;display:flex}.IncodeAgeVerificationPage .IncodeAgeVerificationIcon img{width:100%;height:100%}.IncodeAgeVerificationPage .IncodeAgeVerificationText{font-family:var(--typography-headline-family);font-size:var(--typography-headline-h5-size);font-weight:var(--typography-headline-h5-weight);line-height:var(--typography-headline-h5-line-height);letter-spacing:var(--typography-headline-h5-letter-spacing);color:var(--color-text-body-primary,var(--text-body-800-primary));flex:1}.IncodeAgeVerificationPage .IncodeAgeVerificationButton{width:100%;max-width:var(--incode-form-max-w);margin-inline:auto}.IncodeIdTutorial .IncodePageTitleContainer{padding-block:var(--spacing-16,var(--spacing-16,16px))}.IncodeIdTutorial .IncodeBaseTutorialContainer{margin:calc(var(--spacing-24,var(--spacing-24,24px)) * -1)}.IncodeIdTutorial .IncodeBaseTutorialAnimationContainer{padding:var(--spacing-0,var(--spacing-none,0px))}.IncodeFlipAnimation{background-color:var(--color-surface-neutral-0,var(--surface-neutral-0));height:100%;padding:var(--spacing-24,var(--spacing-24,24px));flex-direction:column;justify-content:center;align-items:center;display:flex}.IncodeIdFlipCardPage .IncodePageInner{padding:var(--spacing-0,var(--spacing-none,0px))}.IncodeIdFlipCardLayout{width:100%;height:100%;padding:var(--spacing-24,var(--spacing-24,24px));background-color:var(--color-surface-neutral-0,var(--surface-neutral-0));flex-direction:column;justify-content:center;align-items:center;display:flex}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent{z-index:10;flex-direction:column;align-items:center;width:100%;height:100%;display:flex}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardTopArea{justify-content:flex-end;align-items:center;gap:var(--spacing-24,var(--spacing-24,24px));padding-bottom:var(--spacing-40,var(--spacing-40,40px));z-index:10;flex-direction:column;flex:1;width:100%;display:flex}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCopy{opacity:0;flex-direction:column;align-items:center;animation:.3s ease-out forwards incodeIdFlipCardFadeIn;display:flex}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardTitle{text-align:center;font-family:var(--typography-headline-family);font-size:var(--typography-headline-h2-size);font-weight:var(--typography-headline-h2-weight);line-height:var(--typography-headline-h2-line-height);letter-spacing:var(--typography-headline-h2-letter-spacing);color:var(--color-text-body-primary,var(--text-body-800-primary))}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardSubtitle{max-width:var(--id-capture-flip-card-subtitle-max-w);text-align:center;font-family:var(--typography-headline-family);font-size:var(--typography-headline-h5-size);font-weight:var(--typography-headline-h5-weight);line-height:var(--typography-headline-h5-line-height);letter-spacing:var(--typography-headline-h5-letter-spacing);color:var(--color-text-body-secondary,var(--text-body-500-secondary))}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame{overflow:hidden}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical{width:var(--id-capture-frame-vertical-width)}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame.IncodeIdFlipCardFrameFlipping{--frame-border-color:var(--border-neutral-100)}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardScene{perspective:1200px;width:100%;height:100%}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCard{width:100%;height:100%;transform-style:preserve-3d;animation:1s ease-in-out .6s forwards incodeIdFlipCardRotate;position:relative}@media (prefers-reduced-motion:reduce){.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCard{animation:none}}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace{inset:var(--spacing-0,var(--spacing-none,0px));backface-visibility:hidden;width:100%;height:100%;position:absolute}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace.IncodeIdFlipCardFaceBack{transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace.IncodeIdFlipCardFaceBack{opacity:0;animation:1s ease-in-out .6s forwards incodeIdFlipCardReducedMotionFadeIn;transform:none}}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardImage{object-fit:cover;width:100%;height:100%;animation:1s ease-in-out .6s forwards incodeIdFlipCardFrontFade}@media (prefers-reduced-motion:reduce){.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardImage{animation:1s ease-in-out .6s forwards incodeIdFlipCardReducedMotionFadeOut}}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardAsset{object-fit:cover;width:100%;height:100%;padding:var(--spacing-4,var(--spacing-4,4px));display:block}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardBottomArea{z-index:10;width:100%;max-width:var(--id-capture-bottom-area-max-w);padding-top:var(--spacing-8,var(--spacing-8,8px));flex-direction:column;flex:1;align-items:center;display:flex}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardBottomArea .IncodeCaptureEncryptionLabel{justify-content:center;align-items:center;gap:var(--spacing-4,var(--spacing-4,4px));font-family:var(--typography-body-family);font-size:var(--typography-body-m-regular-size);font-weight:var(--typography-body-m-regular-weight);line-height:var(--typography-body-m-regular-line-height);letter-spacing:var(--typography-body-m-regular-letter-spacing);white-space:nowrap;color:var(--color-text-body-primary,var(--text-body-800-primary));display:flex}@keyframes incodeIdFlipCardFadeIn{0%{opacity:0}to{opacity:1}}@keyframes incodeIdFlipCardRotate{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes incodeIdFlipCardFrontFade{0%,20%{opacity:1}50%,to{opacity:0}}@keyframes incodeIdFlipCardReducedMotionFadeIn{0%{opacity:0}to{opacity:1}}@keyframes incodeIdFlipCardReducedMotionFadeOut{0%{opacity:1}to{opacity:0}}.IncodeCommonIssuesFullScreen .IncodeModalDialog{max-width:none;height:100%;max-height:none}.IncodeCommonIssuesFullScreen .IncodeModalContent{border-radius:var(--radius-none,var(--border-radius-none));max-width:none;height:100%;margin:auto}.IncodeCommonIssuesContent .IncodeCommonIssuesQuestionIcon{flex-shrink:0}.IncodeCommonIssuesContent .IncodeCommonIssuesTitle{font-family:var(--typography-headline-family);font-size:var(--typography-headline-h2-size);font-weight:var(--typography-headline-h2-weight);line-height:var(--typography-headline-h2-line-height);letter-spacing:var(--typography-headline-h2-letter-spacing)}.IncodeCommonIssuesContent .IncodeCommonIssuesCards{width:100%;max-width:var(--incode-form-max-w);gap:var(--spacing-32,var(--spacing-32,32px));padding-block:var(--spacing-16,var(--spacing-16,16px));flex-direction:column;display:flex}.IncodeCommonIssuesContent .IncodeCommonIssuesCard{align-items:flex-start;gap:var(--spacing-16,var(--spacing-16,16px));display:flex}.IncodeCommonIssuesContent .IncodeCommonIssuesCardIcon{color:var(--color-text-body-primary,var(--text-body-800-primary));flex-shrink:0}.IncodeCommonIssuesContent .IncodeCommonIssuesCardText{gap:var(--spacing-4,var(--spacing-4,4px));flex-direction:column;display:flex}.IncodeCommonIssuesContent .IncodeCommonIssuesCardTitle{font-family:var(--typography-headline-family);font-size:var(--typography-headline-h5-size);font-weight:var(--typography-headline-h5-weight);line-height:var(--typography-headline-h5-line-height);letter-spacing:var(--typography-headline-h5-letter-spacing)}.IncodeCommonIssuesContent .IncodeCommonIssuesCardBody{font-family:var(--typography-body-family);font-size:var(--typography-body-m-regular-size);font-weight:var(--typography-body-m-regular-weight);line-height:var(--typography-body-m-regular-line-height);letter-spacing:var(--typography-body-m-regular-letter-spacing);color:var(--color-text-body-secondary,var(--text-body-500-secondary))}.IncodeCommonIssuesContent .IncodeCommonIssuesButtons{margin-top:auto}.IncodeCommonIssuesContent .IncodeCommonIssuesTakeManually{color:var(--color-text-body-primary,var(--text-body-800-primary))}.IncodeCommonIssuesContent .IncodeCommonIssuesTryAgain{width:100%}.IncodeChooserPage .IncodePageContent{min-height:var(--spacing-0,var(--spacing-none,0px));padding-bottom:var(--spacing-16,var(--spacing-16,16px))}.IncodeChooserPage .IncodePageTitle{max-width:var(--incode-form-max)}.IncodeChooserPage .IncodeChooserContainer{min-height:var(--spacing-0,var(--spacing-none,0px));width:100%;max-height:var(--id-capture-chooser-list-max-h);max-width:var(--id-capture-chooser-list-max-w);padding:var(--id-capture-chooser-list-scroll-padding);scroll-padding-block:var(--id-capture-chooser-list-scroll-padding);margin-inline:auto;flex-direction:column;align-items:center;margin-top:auto;display:flex;overflow-y:auto}.IncodeCaptureFrame{border-radius:var(--radius-medium,var(--border-radius-medium));--frame-border-color:var(--border-neutral-100);border:var(--id-capture-frame-border-width) solid var(--frame-border-color);justify-content:center;align-self:center;align-items:center;transition:max-width .3s ease-out,border-color .3s ease-out;display:flex;position:relative}.IncodeCaptureFrame.IncodeCaptureFrameHorizontal{width:100%;max-width:var(--id-capture-frame-horizontal-max-width);aspect-ratio:35/22}.IncodeCaptureFrame.IncodeCaptureFrameVertical{width:100%;max-width:var(--id-capture-frame-vertical-max-width);aspect-ratio:22/35}.IncodeCaptureFrame.IncodeCaptureFramePassport.IncodeCaptureFrameHorizontal{aspect-ratio:42/30}.IncodeCaptureFrame.IncodeCaptureFramePassport.IncodeCaptureFrameVertical{aspect-ratio:30/42}.IncodeCaptureFrame.IncodeCaptureFrameIdle{--frame-border-color:var(--border-neutral-100)}.IncodeCaptureFrame.IncodeCaptureFrameCapturing,.IncodeCaptureFrame.IncodeCaptureFrameFocus{--frame-border-color:var(--border-brand-500)}.IncodeCaptureFrame.IncodeCaptureFrameAnalyzing,.IncodeCaptureFrame.IncodeCaptureFrameSuccess{--frame-border-color:var(--border-status-positive-static)}.IncodeCaptureFrame.IncodeCaptureFrameError{--frame-border-color:var(--border-status-negative)}.IncodeIdCaptureStage{width:100%;height:100%;position:relative}.IncodeIdCaptureStage>*{inset:var(--spacing-0,var(--spacing-none,0px));position:absolute}.IncodeIdCaptureStage>.IncodeIdCaptureStageResultExiting{animation:incodeIdCaptureResultCrossfadeOut var(--id-capture-result-crossfade-duration) linear forwards;pointer-events:none}@media (prefers-reduced-motion:reduce){.IncodeIdCaptureStage>.IncodeIdCaptureStageResultExiting{animation-duration:1ms}}.IncodeIdCaptureStage>.IncodeIdCaptureStageAnalyzingPending{pointer-events:none;z-index:1001;opacity:0;animation:incodeIdCaptureAnalyzingReveal .2s ease-out calc(var(--capture-countdown-end) + var(--id-capture-result-flash-duration)) forwards}@media (prefers-reduced-motion:reduce){.IncodeIdCaptureStage>.IncodeIdCaptureStageAnalyzingPending{animation-duration:1ms}}.IncodeIdCaptureStage>.IncodeIdCaptureStageResultEntering{animation:incodeIdCaptureResultCrossfadeIn var(--id-capture-result-crossfade-duration) linear forwards;pointer-events:none}@media (prefers-reduced-motion:reduce){.IncodeIdCaptureStage>.IncodeIdCaptureStageResultEntering{animation-duration:1ms}}.IncodeIdCapturePage{background-color:var(--color-surface-neutral-900,var(--surface-neutral-900))}@media (width>=48rem){.IncodeIdCapturePage{background-color:var(--capture-page-backdrop-color)}}.IncodeIdCapturePage .IncodePageInner{padding:var(--spacing-0,var(--spacing-none,0px))}.IncodeIdCapturePage .IncodePageContent{flex:1;position:relative}.IncodeIdCapturePage .IncodeCaptureInitializing{height:100%;color:var(--color-text-body-0,var(--text-body-0-static));flex-direction:column;justify-content:center;align-items:center;display:flex}.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo{pointer-events:none;inset:var(--spacing-0,var(--spacing-none,0px));position:absolute}.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo.IncodeCaptureVideoLoading{opacity:0}.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo .IncodeCaptureVideoElement{inset:var(--spacing-0,var(--spacing-none,0px));object-fit:cover;width:100%;max-width:100%;height:100%;position:absolute}.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureOverlay{pointer-events:none;justify-content:center;align-items:center;display:flex}.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureButton{border-radius:var(--radius-button-primary,var(--button-primary-border-radius));padding-inline:var(--spacing-24,var(--spacing-24,24px));padding-block:var(--spacing-12,var(--spacing-12,12px));background-color:var(--color-button-primary-surface-default,var(--button-primary-surface-default));color:var(--color-button-primary-text-default,var(--button-primary-text-default))}.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureInitializing{height:100%;color:var(--color-text-body-0,var(--text-body-0-static));flex-direction:column;justify-content:center;align-items:center;display:flex}.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureInitializing .IncodeCaptureInitializingText{margin-top:var(--spacing-16,var(--spacing-16,16px))}.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureUploading,.IncodeIdCapturePage .IncodeCaptureUploading{height:100%;color:var(--color-text-body-0,var(--text-body-0-static));flex-direction:column;justify-content:center;align-items:center;display:flex}@keyframes incodeIdCaptureAnalyzingReveal{0%{opacity:0}to{opacity:1}}@keyframes incodeIdCaptureResultCrossfadeOut{0%{opacity:1}to{opacity:0}}@keyframes incodeIdCaptureResultCrossfadeIn{0%{opacity:0}to{opacity:1}}.IncodeCaptureOverlayId{padding:var(--spacing-24,var(--spacing-24,24px));align-items:center}.IncodeCaptureOverlayId .IncodeCaptureTopSection{justify-content:flex-end;align-items:center;gap:var(--spacing-24,var(--spacing-24,24px));padding-bottom:var(--spacing-40,var(--spacing-40,40px));z-index:10;flex-direction:column;flex:1;display:flex}.IncodeCaptureOverlayId .IncodeCaptureTopSection .IncodeCameraOverlayHeader{padding-inline:var(--spacing-16,var(--spacing-16,16px));padding-top:var(--spacing-16,var(--spacing-16,16px))}.IncodeCaptureOverlayId .IncodeCaptureFooter{flex:1;justify-content:space-between}.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeCaptureFooterCaptureSection{position:relative}.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer{pointer-events:none;z-index:1000;--manual-capture-tooltip-button-gap:var(--spacing-4);--manual-capture-tooltip-button-top-offset:var(--spacing-12);--manual-capture-tooltip-button-center-offset:calc(var(--spacing-32) + var(--manual-capture-tooltip-button-gap));width:max-content;left:50%;bottom:calc(100% - ( var(--manual-capture-tooltip-button-top-offset) - var(--manual-capture-tooltip-button-gap) ));animation:manualCaptureTooltipExit .35s ease-in var(--manual-capture-tooltip-dismiss-delay,3.5s) forwards;justify-content:center;display:flex;position:absolute;transform:translate(-50%)}.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip{border-radius:var(--radius-medium,var(--border-radius-medium));background-color:var(--color-surface-neutral-900,var(--surface-neutral-900));padding:var(--spacing-16,var(--spacing-16,16px));animation:.5s ease-out forwards slideUp}.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList{margin:var(--spacing-0,var(--spacing-none,0px));padding:var(--spacing-0,var(--spacing-none,0px));flex-direction:column;align-items:center;list-style-type:none;display:flex}.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList li{margin:var(--spacing-0,var(--spacing-none,0px));font-family:var(--typography-tooltip-family);font-size:var(--typography-tooltip-m-size);font-weight:var(--typography-tooltip-m-weight);line-height:var(--typography-tooltip-m-line-height);letter-spacing:var(--typography-tooltip-m-letter-spacing);text-wrap:nowrap;color:var(--color-text-body-0-static,var(--text-body-0-static))}.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer.IncodeIdManualCaptureTooltipContainerSrOnly{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;animation:none;position:absolute;overflow:hidden}.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer.IncodeIdManualCaptureTooltipContainerSrOnly .IncodeIdManualCaptureTooltip{animation:none}.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer.IncodeIdManualCaptureTooltipContainerAutoDismiss{animation-name:manualCaptureTooltipExitAutoDismiss}.IncodeCaptureOverlayId .IncodeCameraFrameHorizontal.IncodeCaptureFramePassport{aspect-ratio:42/30}.IncodeCaptureOverlayId .IncodeCameraFrameVertical.IncodeCaptureFramePassport{aspect-ratio:30/42}@keyframes manualCaptureTooltipExit{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%, calc(50% + var(--manual-capture-tooltip-button-center-offset)))}}@keyframes manualCaptureTooltipExitAutoDismiss{0%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:.5;transform:translate(-50%, calc(25% + var(--manual-capture-tooltip-button-center-offset))) scale(.5)}}.IncodeIdManualCaptureButton{bottom:var(--spacing-24,var(--spacing-24,24px));z-index:100;--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);width:100%;translate:var(--tw-translate-x) var(--tw-translate-y);justify-content:center;align-items:center;gap:var(--spacing-4,var(--spacing-4,4px));flex-direction:column;animation:.5s ease-out forwards slideUp;display:flex;position:absolute;left:50%}.IncodeIdManualCaptureButton .IncodeButtonLink{height:100%;padding:var(--spacing-0,var(--spacing-none,0px));color:var(--color-text-body-primary,var(--text-body-800-primary))}.IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip{border-radius:var(--radius-medium,var(--border-radius-medium));background-color:var(--color-surface-neutral-900,var(--surface-neutral-900));padding:var(--spacing-16,var(--spacing-16,16px))}.IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList{margin:var(--spacing-0,var(--spacing-none,0px));padding:var(--spacing-0,var(--spacing-none,0px));flex-direction:column;align-items:center;list-style-type:none;display:flex}.IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList li{margin:var(--spacing-0,var(--spacing-none,0px));font-family:var(--typography-tooltip-family);font-size:var(--typography-tooltip-m-size);font-weight:var(--typography-tooltip-m-weight);line-height:var(--typography-tooltip-m-line-height);letter-spacing:var(--typography-tooltip-m-letter-spacing);text-wrap:nowrap;color:var(--color-text-body-0-static,var(--text-body-0-static))}.IncodeIdManualCaptureButton .IncodeIdManualCaptureButtonContent .IncodeIdManualCaptureButtonButton svg{transition:filter .2s,transform .2s}.IncodeIdManualCaptureButton .IncodeIdManualCaptureButtonContent:active svg{filter:brightness(.8);transform:scale(.95)}@keyframes slideUpAndDown{0%,12%{opacity:0;transform:translateY(100%)}24%{opacity:1;transform:translateY(0)}76%{opacity:1;transform:translateY(0)}88%,to{opacity:0;transform:translateY(100%)}}.IncodeIdHint{inset:var(--spacing-0,var(--spacing-none,0px));z-index:10;justify-content:center;align-items:center;display:flex;position:absolute}.IncodeIdHint .IncodeIdHintAnimated{justify-content:center;align-items:center;width:100%;height:100%;animation:3s ease-in-out forwards slideUpAndDown;display:flex;position:relative}.IncodeIdHint .IncodeIdHintAnimated .IncodeIdHintSvg{justify-content:center;align-items:center;display:flex}.IncodeIdHint .IncodeIdHintAnimated .IncodeIdHintSvg svg{width:var(--id-capture-hint-svg-size);height:var(--id-capture-hint-svg-size);min-width:var(--id-capture-hint-svg-size);min-height:var(--id-capture-hint-svg-size)}.IncodeComponent .IncodePermissionInCameraPage .IncodePermissionInCameraContent{opacity:0;width:100%;height:100%;animation:incodePermissionInCameraReveal var(--id-tutorial-to-permission-transition-duration) ease-out var(--id-permission-in-camera-reveal-delay) forwards;flex-direction:column;align-items:center;display:flex}.IncodeComponent .IncodePermissionInCameraPage .IncodePermissionInCameraReservedFooter{visibility:hidden}@media (prefers-reduced-motion:reduce){.IncodeComponent .IncodePermissionInCameraPage .IncodePermissionInCameraContent{animation-duration:1ms;animation-delay:0s}}@keyframes incodePermissionInCameraReveal{0%{opacity:0}to{opacity:1}}.IncodeComponent .IncodePermissionInCameraFlowStage{width:100%;height:100%;position:relative}.IncodeComponent .IncodePermissionInCameraFlowStage>.IncodePermissionInCameraFlowCaptureLayer,.IncodeComponent .IncodePermissionInCameraFlowStage>.IncodePermissionInCameraFlowPermissionLayer,.IncodeComponent .IncodePermissionInCameraFlowStage>.IncodePermissionInCameraFlowTutorialLayer{inset:var(--spacing-0,var(--spacing-none,0px));position:absolute}.IncodeComponent .IncodePermissionInCameraFlowStage>.IncodePermissionInCameraFlowCaptureLayer{z-index:10}.IncodeComponent .IncodePermissionInCameraFlowStage>.IncodePermissionInCameraFlowPermissionLayer{z-index:20}.IncodeComponent .IncodePermissionInCameraFlowStage>.IncodePermissionInCameraFlowTutorialLayer{z-index:30}.IncodeComponent .IncodePermissionInCameraFlowStage>.IncodePermissionInCameraFlowPermissionLayerExiting{pointer-events:none;animation:incodePermissionInCameraToCaptureExit var(--id-permission-in-camera-to-capture-transition-duration) ease-in var(--id-permission-in-camera-to-capture-transition-duration) forwards}.IncodeComponent .IncodePermissionInCameraFlowStage>.IncodePermissionInCameraFlowPermissionLayerExiting .IncodePermissionInCameraHeading{animation:incodePermissionInCameraHeadingExit var(--id-permission-in-camera-to-capture-transition-duration) ease-in forwards}.IncodeComponent .IncodePermissionInCameraFlowStage>.IncodePermissionInCameraFlowTutorialLayerExiting{pointer-events:none;animation:incodeTutorialToPermissionInCameraExit var(--id-tutorial-to-permission-transition-duration) ease-in forwards}@media (prefers-reduced-motion:reduce){.IncodeComponent .IncodePermissionInCameraFlowPermissionLayerExiting{animation-duration:1ms;animation-delay:0s}.IncodeComponent .IncodePermissionInCameraFlowPermissionLayerExiting .IncodePermissionInCameraHeading,.IncodeComponent .IncodePermissionInCameraFlowTutorialLayerExiting{animation-duration:1ms}}@keyframes incodeTutorialToPermissionInCameraExit{0%{opacity:1}to{opacity:0}}@keyframes incodePermissionInCameraHeadingExit{0%{opacity:1}to{opacity:0}}@keyframes incodePermissionInCameraToCaptureExit{0%{opacity:1}to{opacity:0}}.IncodeIdProcessingPage .IncodePageInner{padding:var(--spacing-0,var(--spacing-none,0px))}.IncodeIdProcessingLayout{width:100%;height:100%;padding:var(--spacing-24,var(--spacing-24,24px));background-color:var(--color-surface-neutral-0,var(--surface-neutral-0));flex-direction:column;justify-content:center;align-items:center;display:flex}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent{z-index:10;flex-direction:column;align-items:center;width:100%;height:100%;display:flex}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingTopArea{justify-content:flex-end;align-items:center;gap:var(--spacing-24,var(--spacing-24,24px));padding-bottom:var(--spacing-40,var(--spacing-40,40px));z-index:10;flex-direction:column;flex:1;width:100%;display:flex}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame{overflow:hidden}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical{width:var(--id-capture-frame-vertical-width)}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical .IncodeIdProcessingOverlay{left:-25%;right:-25%}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingImage{background-color:var(--color-surface-neutral-900,var(--surface-neutral-900));object-fit:cover;width:100%;max-width:100%;height:100%;max-height:100%}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingImage.IncodeIdProcessingImageBlurred{filter:blur(var(--id-processing-image-blur-radius));backdrop-filter:blur(var(--id-processing-image-blur-radius))}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingPlaceholder{background-color:var(--color-surface-neutral-100,var(--surface-neutral-100));width:100%;height:100%}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingOverlay{pointer-events:none;z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0 -10%}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingBottomArea{width:100%;max-width:var(--id-capture-bottom-area-max-w);padding-top:var(--spacing-8,var(--spacing-8,8px));z-index:10;flex-direction:column;flex:1;justify-content:space-between;align-items:center;display:flex}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingBottomArea .IncodeCaptureEncryptionLabel{justify-content:center;align-items:center;gap:var(--spacing-4,var(--spacing-4,4px));padding-bottom:var(--spacing-12,var(--spacing-12,12px));font-family:var(--typography-body-family);font-size:var(--typography-body-m-regular-size);font-weight:var(--typography-body-m-regular-weight);line-height:var(--typography-body-m-regular-line-height);letter-spacing:var(--typography-body-m-regular-letter-spacing);white-space:nowrap;color:var(--color-text-body-primary,var(--text-body-800-primary));display:flex}.IncodeIdProcessingLayout.IncodeIdProcessingLayoutNoImage .IncodeIdProcessingBottomArea{justify-content:flex-end}.IncodeIdProcessingLayout .IncodeAnalyzingContent{flex-direction:column;align-items:center;display:flex}.IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeProgressBarContainer{margin-bottom:var(--spacing-24,var(--spacing-24,24px))}.IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle{font-family:var(--typography-headline-family);font-size:var(--typography-headline-h2-size);font-weight:var(--typography-headline-h2-weight);line-height:var(--typography-headline-h2-line-height);letter-spacing:var(--typography-headline-h2-letter-spacing);color:var(--color-text-body-primary,var(--text-body-800-primary));text-align:center;min-height:var(--typography-headline-h2-line-height)}.IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle .IncodeAnalyzingTitleText{animation:IncodeAnalyzingTitleFade var(--id-capture-analyzing-title-fade-duration) ease-out both;display:inline-block}@media (prefers-reduced-motion:reduce){.IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle .IncodeAnalyzingTitleText{animation-duration:1ms}}.IncodeIdProcessingLayout .IncodeAnalyzingLottie{width:100%;max-width:none}@keyframes IncodeAnalyzingTitleFade{0%{opacity:0;transform:translateY(var(--id-capture-analyzing-title-fade-offset))}to{opacity:1;transform:none}}.IncodeIdProcessingLayout .IncodeIdProcessingResultContent,.IncodeIdProcessingLayout .IncodeIdProcessingResultStatus{flex-direction:column;align-items:center;width:100%;display:flex}.IncodeIdProcessingLayout .IncodeIdProcessingResultTitle{font-family:var(--typography-headline-family);font-size:var(--typography-headline-h2-size);font-weight:var(--typography-headline-h2-weight);line-height:var(--typography-headline-h2-line-height);letter-spacing:var(--typography-headline-h2-letter-spacing);color:var(--color-text-body-primary,var(--text-body-800-primary));text-align:center}.IncodeIdProcessingLayout .IncodeIdProcessingResultSubtitle{font-family:var(--typography-headline-family);font-size:var(--typography-headline-h5-size);font-weight:var(--typography-headline-h5-weight);line-height:var(--typography-headline-h5-line-height);letter-spacing:var(--typography-headline-h5-letter-spacing);color:var(--color-text-body-secondary,var(--text-body-500-secondary));text-align:center;max-width:var(--incode-form-max-w)}.IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainer{margin-top:var(--spacing-24,var(--spacing-24,24px));gap:var(--spacing-16,var(--spacing-16,16px));flex-direction:column;width:100%;display:flex}.IncodeIdProcessingLayout .IncodeIdProcessingResultAttempts{padding-block:var(--spacing-12,var(--spacing-12,12px));text-align:center;font-family:var(--typography-headline-family);font-size:var(--typography-headline-h4-size);font-weight:var(--typography-headline-h4-weight);line-height:var(--typography-headline-h4-line-height);letter-spacing:var(--typography-headline-h4-letter-spacing);color:var(--color-text-body-secondary,var(--text-body-500-secondary))}.IncodeIdProcessingLayout .IncodeIdProcessingResultContentExiting,.IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainerExiting{animation:.3s ease-out forwards incodeIdProcessingResultFadeOut}@media (prefers-reduced-motion:reduce){.IncodeIdProcessingLayout .IncodeIdProcessingResultContentExiting,.IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainerExiting{animation-duration:1ms}}@keyframes incodeIdProcessingResultFadeOut{0%{opacity:1}to{opacity:0}}.IncodeIdError{inset:var(--spacing-0,var(--spacing-none,0px));z-index:1000;justify-content:center;align-items:center;gap:var(--spacing-16,var(--spacing-16,16px));flex-direction:column;width:100%;height:100%;display:flex;position:fixed}.IncodeIdError .IncodeIdErrorMessage{text-align:center;font-family:var(--typography-headline-family);font-size:var(--typography-headline-h4-size);font-weight:var(--typography-headline-h4-weight);line-height:var(--typography-headline-h4-line-height);letter-spacing:var(--typography-headline-h4-letter-spacing);color:var(--color-text-body-0,var(--text-body-0-static));max-width:var(--incode-form-max-w);margin-bottom:var(--spacing-16,var(--spacing-16,16px))}.IncodeIdNoAttemptsContent{padding-inline:var(--spacing-20,var(--spacing-20,20px));max-height:var(--id-no-attempts-content-max-h);max-width:var(--id-no-attempts-content-max-w);flex-direction:column;flex:1;justify-content:center;align-items:center;margin:auto;display:flex}.IncodeIdNoAttemptsContent .IncodeIdNoAttemptsIcon{margin-bottom:var(--spacing-16,var(--spacing-16,16px))}.IncodeIdNoAttemptsContent .IncodeIdNoAttemptsTitle{text-align:center;color:var(--color-text-body-primary,var(--text-body-800-primary))}.IncodeIdNoAttemptsContent .IncodeIdNoAttemptsSubtitle{font-family:var(--typography-headline-family);font-size:var(--typography-headline-h5-size);font-weight:var(--typography-headline-h5-weight);line-height:var(--typography-headline-h5-line-height);letter-spacing:var(--typography-headline-h5-letter-spacing);color:var(--color-text-body-secondary,var(--text-body-500-secondary));text-align:center;max-width:var(--incode-form-max-w)}.IncodeIdNoAttemptsContent .IncodeIdNoAttemptsButtonContainer{bottom:var(--spacing-32,var(--spacing-32,32px));right:var(--spacing-0,var(--spacing-none,0px));left:var(--spacing-0,var(--spacing-none,0px));padding-inline:var(--spacing-24,var(--spacing-24,24px));justify-content:center;display:flex;position:absolute}.IncodeUnacceptedIdDocuments{margin-top:var(--spacing-32,var(--spacing-32,32px));flex-direction:column;align-items:center;width:100%;display:flex}.IncodeUnacceptedIdDocuments .IncodeUnacceptedIdDocumentsCountry{margin-bottom:var(--spacing-32,var(--spacing-32,32px));align-items:center;gap:var(--spacing-8,var(--spacing-8,8px));flex-direction:column;display:flex}.IncodeUnacceptedIdDocuments .IncodeUnacceptedIdDocumentsCountryHeading{font-family:var(--typography-headline-family);font-size:var(--typography-headline-h4-size);font-weight:var(--typography-headline-h4-weight);line-height:var(--typography-headline-h4-line-height);letter-spacing:var(--typography-headline-h4-letter-spacing)}.IncodeUnacceptedIdDocuments .IncodeUnacceptedIdDocumentsCountryLabel{align-items:center;gap:var(--spacing-8,var(--spacing-8,8px));font-family:var(--typography-headline-family);font-size:var(--typography-headline-h3-size);font-weight:var(--typography-headline-h3-weight);line-height:var(--typography-headline-h3-line-height);letter-spacing:var(--typography-headline-h3-letter-spacing);color:var(--color-text-body-primary,var(--text-body-800-primary));display:inline-flex}.IncodeIdCaptureNotification{right:var(--spacing-24,var(--spacing-24,24px));left:var(--spacing-24,var(--spacing-24,24px));z-index:100;max-width:var(--incode-form-max-w);padding-bottom:var(--spacing-32,var(--spacing-32,32px));top:var(--incode-overlay-top-inset,var(--spacing-24));align-items:flex-end;margin:auto;display:flex;position:absolute}.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent{z-index:100;border-radius:var(--radius-large,var(--border-radius-large));border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-border-neutral-300,var(--border-neutral-300));background-color:var(--color-surface-neutral-900-80,var(--surface-neutral-900-80));width:100%;padding-inline:var(--spacing-20,var(--spacing-20,20px));box-shadow:var(--id-capture-notification-content-shadow);display:flex;overflow:hidden}.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent.IncodeIdCaptureNotificationContent--minimal{justify-content:center}.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText{justify-content:center;gap:var(--spacing-8,var(--spacing-8,8px));padding-top:var(--spacing-16,var(--spacing-16,16px));padding-bottom:var(--spacing-12,var(--spacing-12,12px));text-align:center;color:var(--color-text-body-0-static,var(--text-body-0-static));flex-direction:column;display:flex}.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationTitle{font-family:var(--typography-headline-family);font-size:var(--typography-headline-h3-size);font-weight:var(--typography-headline-h3-weight);line-height:var(--typography-headline-h3-line-height);letter-spacing:var(--typography-headline-h3-letter-spacing)}.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationDescription{font-family:var(--typography-headline-family);font-size:var(--typography-headline-h5-size);font-weight:var(--typography-headline-h5-weight);line-height:var(--typography-headline-h5-line-height);letter-spacing:var(--typography-headline-h5-letter-spacing);color:var(--color-text-body-tertiary-static,var(--text-body-300-tertiary-static))}.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent.IncodeIdCaptureNotificationContent--minimal .IncodeIdCaptureNotificationText{gap:var(--spacing-4,var(--spacing-4,4px));padding-block:var(--spacing-16,var(--spacing-16,16px))}.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent.IncodeIdCaptureNotificationContent--minimal .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationTitle{font-family:var(--typography-headline-family);font-size:var(--typography-headline-h5-size);font-weight:var(--typography-headline-h5-weight);line-height:var(--typography-headline-h5-line-height);letter-spacing:var(--typography-headline-h5-letter-spacing)}.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent.IncodeIdCaptureNotificationContent--minimal .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationDescription{font-family:var(--typography-body-family);font-size:var(--typography-body-m-regular-size);font-weight:var(--typography-body-m-regular-weight);line-height:var(--typography-body-m-regular-line-height);letter-spacing:var(--typography-body-m-regular-letter-spacing)}.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationAnimation{height:var(--id-capture-notification-animation-height);justify-content:center;align-items:center;width:auto;display:flex}.IncodeDigitalIdUploadPage{height:100%}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadBody{justify-content:center;align-items:center;row-gap:var(--spacing-16,var(--spacing-16,16px));width:100%;height:100%;max-width:var(--digital-id-content-max-w);flex-direction:column;margin-inline:auto;display:flex}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewBody{row-gap:var(--spacing-16,var(--spacing-16,16px));grid-template-columns:1fr;grid-template-rows:var(--spacing-24) var(--digital-id-preview-h) var(--spacing-24);width:100%;height:100%;max-width:var(--digital-id-content-max-w);align-content:center;justify-items:center;margin-inline:auto;display:grid}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreStatusZone{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPostCaptionZone{justify-content:center;align-items:flex-start;width:100%;height:100%;display:flex}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadFooter{width:100%;margin-inline:auto;margin-top:var(--spacing-24,var(--spacing-24,24px));margin-bottom:var(--spacing-8,var(--spacing-8,8px));justify-content:flex-end;row-gap:var(--spacing-16,var(--spacing-16,16px));max-width:var(--digital-id-content-max-w);min-height:var(--digital-id-footer-min-h);flex-direction:column;display:flex}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadHiddenInput{display:none}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadTutorialIllustration{width:100%;max-height:var(--digital-id-tutorial-illustration-max-h);flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.IncodeDigitalIdUploadPage .IncodeUploadIdScreenImage{height:var(--digital-id-illustration-max-h);aspect-ratio:191/266;width:auto}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewCard{border-radius:var(--radius-medium,var(--border-radius-medium));border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--color-border-neutral-100,var(--border-neutral-100));background-color:var(--color-surface-neutral-0,var(--surface-neutral-0));width:var(--digital-id-preview-w);height:var(--digital-id-preview-h);justify-content:center;align-items:center;display:flex;overflow:hidden}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadDocumentPreview{width:var(--digital-id-preview-w);height:var(--digital-id-preview-h);justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadDocumentPreviewPdf{border-radius:var(--radius-medium,var(--border-radius-medium));border-style:var(--tw-border-style);border-width:var(--border-width-bold,var(--primitive-border-width-2));--tw-border-style:solid;border-style:solid;border-color:var(--color-border-status-positive,var(--border-status-positive-static));object-fit:contain;width:100%;height:100%;overflow:hidden}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewPdf{object-fit:contain;width:100%;height:100%}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadFileName{text-align:center;font-family:var(--typography-body-family);font-size:var(--typography-body-m-regular-size);font-weight:var(--typography-body-m-regular-weight);line-height:var(--typography-body-m-regular-line-height);letter-spacing:var(--typography-body-m-regular-letter-spacing);color:var(--color-text-body-primary,var(--text-body-800-primary));max-width:var(--digital-id-file-name-max-w);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadProgressBar .IncodeProgressBar{border-radius:var(--radius-full,var(--border-radius-full));background-color:var(--color-surface-neutral-200,var(--surface-neutral-200));width:var(--digital-id-progress-bar-w);height:var(--digital-id-progress-bar-h);overflow:hidden}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadProgressBar .IncodeProgressBarFill{border-radius:var(--radius-full,var(--border-radius-full))}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadLaserOverlay{pointer-events:none;width:var(--digital-id-preview-w);height:var(--digital-id-laser-h);transform:translateX(-50%) scale(var(--digital-id-laser-scale));position:absolute;top:-2px;left:50%}@media (prefers-reduced-motion:reduce){.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadLaserOverlay{display:none}}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadSuccessIcon{color:var(--color-icon-status-positive,var(--icon-status-positive));justify-content:center;align-items:center;display:flex}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadErrorIcon{margin-bottom:var(--spacing-8,var(--spacing-8,8px));color:var(--color-icon-status-negative,var(--icon-status-negative))}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadErrorPreview{margin-top:var(--spacing-8,var(--spacing-8,8px));border-radius:var(--radius-medium,var(--border-radius-medium));border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--color-border-status-negative,var(--border-status-negative));padding:var(--spacing-4)}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadAttempts{margin-top:var(--spacing-8,var(--spacing-8,8px));font-family:var(--typography-body-family);font-size:var(--typography-body-s-regular-size);font-weight:var(--typography-body-s-regular-weight);line-height:var(--typography-body-s-regular-line-height);letter-spacing:var(--typography-body-s-regular-letter-spacing);color:var(--color-text-body-secondary,var(--text-body-500-secondary))}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}