@verified-network/verified-custody 0.1.8 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/babel.config.json +12 -0
  2. package/dist/index.d.mts +165 -0
  3. package/dist/index.d.ts +165 -0
  4. package/dist/index.js +3 -0
  5. package/dist/index.js.map +1 -0
  6. package/dist/index.mjs +3 -0
  7. package/dist/index.mjs.map +1 -0
  8. package/package.json +31 -38
  9. package/src/components/overlays.tsx +61 -0
  10. package/src/components/search.tsx +381 -0
  11. package/src/components/slider.tsx +29 -0
  12. package/src/components/success.tsx +142 -0
  13. package/src/customTypes.d.ts +37 -0
  14. package/src/index.ts +17 -0
  15. package/src/pages/addCosigners.tsx +1014 -0
  16. package/src/pages/contact.tsx +280 -0
  17. package/src/pages/createPin.tsx +693 -0
  18. package/src/pages/enterPin.tsx +821 -0
  19. package/src/pages/ftu.tsx +244 -0
  20. package/src/pages/index.tsx +170 -0
  21. package/src/pages/otp.tsx +410 -0
  22. package/src/services/contracts.ts +817 -0
  23. package/src/services/store.tsx +65 -0
  24. package/src/style.css +2030 -0
  25. package/src/utils/config.ts +103 -0
  26. package/src/utils/constants.ts +1966 -0
  27. package/src/utils/helpers.tsx +334 -0
  28. package/src/utils/types.ts +85 -0
  29. package/tsconfig.json +16 -0
  30. package/tsup.config.ts +36 -0
  31. package/README.md +0 -93
  32. package/dist/assets/icon128.png +0 -0
  33. package/dist/assets/icon16.png +0 -0
  34. package/dist/assets/icon32.png +0 -0
  35. package/dist/assets/icon48.png +0 -0
  36. package/dist/autoreload-bg.1777342b.js +0 -392
  37. package/dist/autoreload.af9e0afa.js +0 -393
  38. package/dist/main.js +0 -2
  39. package/dist/main.js.LICENSE.txt +0 -190
  40. package/dist/manifest.json +0 -39
  41. package/dist/src/scripts/background.js +0 -866
  42. package/dist/src/scripts/content.js +0 -22029
  43. package/dist/src/static/options.b1269179.js +0 -22033
  44. package/dist/src/static/options.html +0 -9
  45. package/dist/src/static/popup.e3c8c7b7.js +0 -22043
  46. package/dist/src/static/popup.html +0 -9
  47. package/dist/webext-prod/assets/icon128.png +0 -0
  48. package/dist/webext-prod/assets/icon16.png +0 -0
  49. package/dist/webext-prod/assets/icon32.png +0 -0
  50. package/dist/webext-prod/assets/icon48.png +0 -0
  51. package/dist/webext-prod/manifest.json +0 -36
  52. package/dist/webext-prod/src/scripts/background.js +0 -2
  53. package/dist/webext-prod/src/scripts/background.js.map +0 -1
  54. package/dist/webext-prod/src/scripts/content.js +0 -35
  55. package/dist/webext-prod/src/scripts/content.js.map +0 -1
  56. package/dist/webext-prod/src/static/options.a111dcd9.js +0 -2
  57. package/dist/webext-prod/src/static/options.a111dcd9.js.map +0 -1
  58. package/dist/webext-prod/src/static/options.html +0 -1
  59. package/dist/webext-prod/src/static/popup.70071e3e.js +0 -35
  60. package/dist/webext-prod/src/static/popup.70071e3e.js.map +0 -1
  61. package/dist/webext-prod/src/static/popup.cc04f56e.js +0 -2
  62. package/dist/webext-prod/src/static/popup.cc04f56e.js.map +0 -1
  63. package/dist/webext-prod/src/static/popup.e8a65b8a.js +0 -35
  64. package/dist/webext-prod/src/static/popup.e8a65b8a.js.map +0 -1
  65. package/dist/webext-prod/src/static/popup.html +0 -1
package/src/style.css ADDED
@@ -0,0 +1,2030 @@
1
+ textarea:focus,
2
+ input:focus {
3
+ outline: none;
4
+ border: none;
5
+ }
6
+
7
+ input {
8
+ appearance: textfield;
9
+ -moz-appearance: textfield;
10
+ outline: none;
11
+ border: none;
12
+ margin: 0;
13
+ }
14
+
15
+ input::placeholder {
16
+ margin: 0;
17
+ }
18
+
19
+ input[type="password"]::-ms-reveal {
20
+ display: none;
21
+ }
22
+
23
+ input[type="password"]::-moz-password-toggle {
24
+ display: none;
25
+ }
26
+
27
+ input[type="password"]::-webkit-contacts-auto-fill-button {
28
+ display: none;
29
+ }
30
+
31
+ input::-webkit-inner-spin-button,
32
+ input::-webkit-outer-spin-button {
33
+ -webkit-appearance: none;
34
+ }
35
+
36
+ ::-webkit-scrollbar {
37
+ width: 5px;
38
+ height: 4px;
39
+ /* display: none; */
40
+ }
41
+
42
+ ::-webkit-scrollbar-thumb {
43
+ height: 4px;
44
+ width: 5px;
45
+ background-color: var(--Neutral-200, #d8d9df);
46
+ border-radius: 4px;
47
+ /* display: none; */
48
+ }
49
+
50
+ ::-webkit-scrollbar-thumb:hover {
51
+ background-color: var(--Neutral-200, #d8d9df);
52
+ /* display: none; */
53
+ }
54
+
55
+ ::-webkit-scrollbar-track {
56
+ background: transparent;
57
+ height: 4px;
58
+ width: 5px;
59
+ cursor: pointer;
60
+ /* display: none; */
61
+ }
62
+
63
+ p {
64
+ margin: 0;
65
+ }
66
+
67
+ .verified-custd-mdl-container {
68
+ width: 100%;
69
+ height: 100%;
70
+ display: flex;
71
+ justify-content: center;
72
+ align-items: center;
73
+ padding-top: 20px;
74
+ padding-bottom: 20px;
75
+ overflow-y: auto;
76
+ overflow-x: hidden;
77
+ }
78
+
79
+
80
+
81
+ .verified-custd-mdl-startup-outter {
82
+ width: 100%;
83
+ height: 100%;
84
+ display: flex;
85
+ justify-content: center;
86
+ align-items: center;
87
+ flex-direction: column;
88
+ overflow-y: auto;
89
+ overflow-x: hidden;
90
+ background: linear-gradient(180deg, #643fff 0%, #381ab7 100%);
91
+
92
+ }
93
+
94
+ .verified-custd-mdl-startup-outter-norm {
95
+ width: 100%;
96
+ height: 100%;
97
+ display: flex;
98
+ justify-content: center;
99
+ align-items: center;
100
+ flex-direction: column;
101
+ overflow-y: auto;
102
+ overflow-x: hidden;
103
+ background: var(--common-white_states-main, #fff);
104
+ }
105
+
106
+ .verified-custd-mdl-startup {
107
+ width: 650px;
108
+ height: fit-content;
109
+ display: flex;
110
+ justify-content: center;
111
+ align-items: center;
112
+ flex-direction: column;
113
+ overflow-x: hidden;
114
+ overflow-y: auto;
115
+ padding-bottom: 20px;
116
+ border: 1px solid #0F122E;
117
+ border-radius: 10px;
118
+ position: relative;
119
+ }
120
+
121
+ .verified-custd-mdl-loading-screen {
122
+ border-radius: 10px;
123
+ min-height: 100%;
124
+ width: inherit;
125
+ flex-shrink: 0;
126
+ background: rgba(0, 0, 0, 0.verified-custd-mdl-3);
127
+ z-index: 10;
128
+ display: flex;
129
+ justify-content: center;
130
+ align-items: center;
131
+ /* padding-top: 25px; */
132
+ overflow: auto;
133
+ bottom: -10px;
134
+ top: 0;
135
+ position: absolute;
136
+ }
137
+
138
+
139
+ .verified-custd-mdl-startup-icon-container {
140
+ width: 76.119%;
141
+ display: flex;
142
+ justify-content: center;
143
+ align-items: center;
144
+ position: relative;
145
+ flex-direction: column;
146
+ height: 298px;
147
+ }
148
+
149
+ .verified-custd-mdl-startup-icon-shadow {
150
+ position: absolute;
151
+ bottom: 10px;
152
+ right: 70px;
153
+ width: 48.5%;
154
+ }
155
+
156
+ .verified-custd-mdl-startup-text-container {
157
+ display: inline-flex;
158
+ flex-direction: column;
159
+ align-items: flex-start;
160
+ gap: 12px;
161
+ margin-right: 20px;
162
+ margin-left: 20px;
163
+ }
164
+
165
+ .verified-custd-mdl-startup-text-header {
166
+ color: var(--Neutral-White-100, var(--common-white_states-main, #fff));
167
+ font-family: Manrope;
168
+ font-size: 2.verified-custd-mdl-1rem;
169
+ font-style: normal;
170
+ font-weight: 700;
171
+ line-height: 2.verified-custd-mdl-8125rem;
172
+ /* 140.verified-custd-mdl-625% */
173
+ margin: 0;
174
+ }
175
+
176
+ .verified-custd-mdl-startup-text-footer {
177
+ color: var(--Neutral-White-100, var(--common-white_states-main, #fff));
178
+ font-family: Roboto;
179
+ font-size: 0.verified-custd-mdl-9rem;
180
+ font-style: normal;
181
+ font-weight: 400;
182
+ line-height: 1.verified-custd-mdl-5rem;
183
+ /* 171.verified-custd-mdl-429% */
184
+ opacity: 0.verified-custd-mdl-8;
185
+ }
186
+
187
+ .verified-custd-mdl-ftu-startup-button {
188
+ display: inline-flex;
189
+ padding: 14px;
190
+ justify-content: center;
191
+ align-items: center;
192
+ gap: var(--space-8px, 8px);
193
+ border-radius: var(--space-8px, 8px);
194
+ background: var(--primary-bitter-lemon-500, #cfe600);
195
+ cursor: pointer;
196
+ user-select: none;
197
+ color: var(--Neutral-950, #0C0C0E);
198
+ text-align: center;
199
+ margin: 20px;
200
+
201
+ /* Paragraph 01/P2 */
202
+ font-family: Roboto;
203
+ font-size: 16px;
204
+ font-style: normal;
205
+ font-weight: 500;
206
+ line-height: 150%;
207
+ /* 24px */
208
+ outline: none;
209
+ border: none;
210
+ }
211
+
212
+
213
+
214
+ .verified-custd-mdl-startup-language {
215
+ background: var(--common-white_states-main, #fff);
216
+ height: 100%;
217
+ width: 90%;
218
+ max-width: 700px;
219
+
220
+ }
221
+
222
+ .verified-custd-mdl-startup-language-content-container {
223
+ display: inline-flex;
224
+ flex-direction: column;
225
+ align-items: flex-start;
226
+ gap: 32px;
227
+ width: 100%;
228
+ }
229
+
230
+ .verified-custd-mdl-st-language-content {
231
+ display: flex;
232
+ flex-direction: column;
233
+ align-items: flex-start;
234
+ gap: 20px;
235
+ align-self: stretch;
236
+ width: 100%;
237
+ }
238
+
239
+ .verified-custd-mdl-st-language-text {
240
+ color: var(--Neutral-950, #0c0c0e);
241
+
242
+ /* Heading/H2 */
243
+ font-family: Roboto;
244
+ font-size: 1.verified-custd-mdl-5rem;
245
+ font-style: normal;
246
+ font-weight: 700;
247
+ line-height: 100%;
248
+ /* 1.verified-custd-mdl-5rem */
249
+ align-self: stretch;
250
+ }
251
+
252
+
253
+
254
+ .verified-custd-mdl-ms-search-content:hover {
255
+ border-radius: var(--space-8px, 8px);
256
+ border: 1px solid var(--secondary-electric-violet-300, #9da3ff);
257
+ background: var(--secondary-electric-violet-50, #ecefff);
258
+ }
259
+
260
+ .verified-custd-mdl-st-contact-input {
261
+ display: flex;
262
+ flex-direction: column;
263
+ align-items: flex-start;
264
+ gap: 14px;
265
+ width: 100%;
266
+ }
267
+
268
+ .verified-custd-mdl-st-contact-content-container {
269
+ display: flex;
270
+ align-items: flex-start;
271
+ gap: var(--space-8px, 8px);
272
+ width: 100%;
273
+ }
274
+
275
+ .verified-custd-mdl-st-contact-first-section {
276
+ display: flex;
277
+ width: 100px;
278
+ height: 44px;
279
+ padding-left: 6px;
280
+ align-items: center;
281
+ border-radius: var(--space-8px, 8px);
282
+ background: var(--Neutral-50, #f7f7f8);
283
+ cursor: pointer;
284
+ user-select: none;
285
+ }
286
+
287
+ .verified-custd-mdl-st-contact-selection-icon {
288
+ display: flex;
289
+ justify-content: center;
290
+ align-items: center;
291
+ flex-shrink: 0;
292
+ border-radius: 24px;
293
+ cursor: pointer;
294
+ user-select: none;
295
+ overflow: hidden;
296
+ width: 28px;
297
+ height: 28px;
298
+ }
299
+
300
+ .verified-custd-mdl-st-contact-selection-text {
301
+ color: var(--Neutral-950, #0c0c0e);
302
+ text-align: right;
303
+
304
+ /* Paragraph 02/P2 */
305
+ font-family: Roboto;
306
+ font-size: 0.verified-custd-mdl-875rem;
307
+ font-style: normal;
308
+ font-weight: 500;
309
+ line-height: 140%;
310
+ /* 1.verified-custd-mdl-225rem */
311
+ width: 40px;
312
+ flex-shrink: 0;
313
+ cursor: pointer;
314
+ user-select: none;
315
+ }
316
+
317
+ .verified-custd-mdl-st-contact-dropdown {
318
+ cursor: pointer;
319
+ user-select: none;
320
+ }
321
+
322
+
323
+ .verified-custd-mdl-st-contact-footer-first-section {
324
+ display: flex;
325
+ flex-direction: column;
326
+ align-items: center;
327
+ justify-content: center;
328
+ gap: 12px;
329
+ width: 100%;
330
+ }
331
+
332
+ .verified-custd-mdl-st-contact-footer-second-section {
333
+ display: flex;
334
+ align-items: center;
335
+ justify-content: center;
336
+ gap: 4px;
337
+ width: 100%;
338
+ }
339
+
340
+ .verified-custd-mdl-custom-blank-page {
341
+ height: 0;
342
+ }
343
+
344
+ .verified-custd-mdl-st-contact-input-error {
345
+ display: flex;
346
+ align-items: center;
347
+ gap: 4px;
348
+ }
349
+
350
+
351
+ .verified-custd-mdl-startup-otp-text {
352
+ display: flex;
353
+ flex-direction: column;
354
+ align-items: flex-start;
355
+ gap: 12px;
356
+ align-self: stretch;
357
+ }
358
+
359
+ .verified-custd-mdl-startup-otp-header-text {
360
+ align-self: stretch;
361
+ color: var(--Neutral-600, #5b5d6e);
362
+
363
+ /* Paragraph 01/P1 */
364
+ font-family: Roboto;
365
+ font-size: 0.verified-custd-mdl-7rem;
366
+ font-style: normal;
367
+ font-weight: 400;
368
+ line-height: 150%;
369
+ /* 1.verified-custd-mdl-5rem */
370
+ max-width: 100%;
371
+ word-wrap: break-word;
372
+ }
373
+
374
+ .verified-custd-mdl-otp-input-group {
375
+ display: flex;
376
+ width: 100%;
377
+ align-items: flex-start;
378
+ gap: var(--space-8px, 8px);
379
+ width: 100%;
380
+ }
381
+
382
+ .verified-custd-mdl-otp-input {
383
+ display: flex;
384
+ padding: 20px 12px;
385
+ justify-content: center;
386
+ align-items: center;
387
+ gap: var(--space-8px, 8px);
388
+ flex: 1 0 0;
389
+ align-self: stretch;
390
+ border-radius: var(--space-8px, 8px);
391
+ background: var(--Neutral-50, #f7f7f8);
392
+ width: 25%;
393
+ text-align: center;
394
+ color: var(--Neutral-950, #0C0C0E);
395
+ text-align: center;
396
+
397
+ /* Paragraph 02/P2 */
398
+ font-family: Roboto;
399
+ font-size: 14px;
400
+ font-style: normal;
401
+ font-weight: 500;
402
+ line-height: 140%;
403
+ /* 19.verified-custd-mdl-6px */
404
+ }
405
+
406
+ .verified-custd-mdl-otp-input-red {
407
+ border-radius: 8px;
408
+ border: 1px solid var(--Error-600, #E23636);
409
+ background: var(--Neutral-50, #F7F7F8);
410
+
411
+ display: flex;
412
+ padding: 20px 12px;
413
+ justify-content: center;
414
+ align-items: center;
415
+ gap: var(--space-8px, 8px);
416
+ flex: 1 0 0;
417
+ align-self: stretch;
418
+ width: 25%;
419
+ text-align: center;
420
+ color: var(--Neutral-950, #0C0C0E);
421
+ text-align: center;
422
+
423
+ /* Paragraph 02/P2 */
424
+ font-family: Roboto;
425
+ font-size: 14px;
426
+ font-style: normal;
427
+ font-weight: 500;
428
+ line-height: 140%;
429
+ /* 19.verified-custd-mdl-6px */
430
+ }
431
+
432
+ .verified-custd-mdl-otp-incorrect-text {
433
+ color: var(--Error-600, #E23636);
434
+
435
+ /* Paragraph 03/P1 */
436
+ font-family: Roboto;
437
+ font-size: 12px;
438
+ font-style: normal;
439
+ font-weight: 400;
440
+ line-height: 140%;
441
+ /* 16.verified-custd-mdl-8px */
442
+ max-width: 200px;
443
+ word-wrap: break-word;
444
+ }
445
+
446
+ .verified-custd-mdl-otp-timer {
447
+ display: flex;
448
+ justify-content: space-between;
449
+ align-items: center;
450
+ align-self: stretch;
451
+ }
452
+
453
+ .verified-custd-mdl-otp-timer-text {
454
+ color: var(--Neutral-950, #0c0c0e);
455
+
456
+ /* Paragraph 03/P2 */
457
+ font-family: Roboto;
458
+ font-size: 0.verified-custd-mdl-75rem;
459
+ font-style: normal;
460
+ font-weight: 500;
461
+ line-height: 140%;
462
+ }
463
+
464
+ .verified-custd-mdl-otp-timer-text-red {
465
+ color: var(--Error-600, #e23636);
466
+
467
+ /* Paragraph 03/P2 */
468
+ font-family: Roboto;
469
+ font-size: 0.verified-custd-mdl-75rem;
470
+ font-style: normal;
471
+ font-weight: 500;
472
+ line-height: 140%;
473
+ }
474
+
475
+ .verified-custd-mdl-otp-resend-text {
476
+ color: var(--Neutral-300, #b6b7c3);
477
+
478
+ /* Paragraph 03/P2 */
479
+ font-family: Roboto;
480
+ font-size: 0.verified-custd-mdl-75rem;
481
+ font-style: normal;
482
+ font-weight: 500;
483
+ line-height: 140%;
484
+ /* 1.verified-custd-mdl-05rem */
485
+ }
486
+
487
+ .verified-custd-mdl-otp-resend-text-active {
488
+ color: var(--secondary-electric-violet-600, #603ff4);
489
+
490
+ /* Paragraph 03/P2 */
491
+ font-family: Roboto;
492
+ font-size: 0.verified-custd-mdl-75rem;
493
+ font-style: normal;
494
+ font-weight: 500;
495
+ line-height: 140%;
496
+ /* 1.verified-custd-mdl-05rem */
497
+ cursor: pointer;
498
+ user-select: none;
499
+ }
500
+
501
+ .verified-custd-mdl-st-otp-icon {
502
+ cursor: pointer;
503
+ user-select: none;
504
+ }
505
+
506
+ .verified-custd-mdl-startup-button {
507
+ display: inline-flex;
508
+ padding: 14px;
509
+ justify-content: center;
510
+ align-items: center;
511
+ gap: var(--space-8px, 8px);
512
+ border-radius: var(--space-8px, 8px);
513
+ background: var(--primary-bitter-lemon-500, #cfe600);
514
+ cursor: pointer;
515
+ user-select: none;
516
+ color: var(--Neutral-950, #0C0C0E);
517
+ text-align: center;
518
+ opacity: 0.verified-custd-mdl-5;
519
+
520
+ /* Paragraph 01/P2 */
521
+ font-family: Roboto;
522
+ font-size: 16px;
523
+ font-style: normal;
524
+ font-weight: 500;
525
+ line-height: 150%;
526
+ /* 24px */
527
+ outline: none;
528
+ border: none;
529
+ width: 90%;
530
+ max-width: 500px;
531
+ }
532
+
533
+ .verified-custd-mdl-startup-button-active {
534
+ display: inline-flex;
535
+ padding: 14px;
536
+ justify-content: center;
537
+ align-items: center;
538
+ gap: var(--space-8px, 8px);
539
+ border-radius: var(--space-8px, 8px);
540
+ background: var(--primary-bitter-lemon-500, #cfe600);
541
+ cursor: pointer;
542
+ user-select: none;
543
+ color: var(--Neutral-950, #0C0C0E);
544
+ text-align: center;
545
+
546
+ /* Paragraph 01/P2 */
547
+ font-family: Roboto;
548
+ font-size: 16px;
549
+ font-style: normal;
550
+ font-weight: 500;
551
+ line-height: 150%;
552
+ /* 24px */
553
+ outline: none;
554
+ border: none;
555
+ width: 90%;
556
+ max-width: 500px;
557
+ }
558
+
559
+ .verified-custd-mdl-otp-input[type="password"] {
560
+ font-weight: 900;
561
+ }
562
+
563
+ .verified-custd-mdl-startup-button-click {
564
+ border-radius: var(--space-8px, 8px);
565
+ border: 1px solid var(--Neutral-950, #0c0c0e);
566
+ cursor: pointer;
567
+ user-select: none;
568
+
569
+ display: inline-flex;
570
+ padding: 14px;
571
+ justify-content: center;
572
+ align-items: center;
573
+ gap: var(--space-8px, 8px);
574
+ color: var(--Neutral-950, #0C0C0E);
575
+ text-align: center;
576
+
577
+ /* Paragraph 01/P2 */
578
+ font-family: Roboto;
579
+ font-size: 16px;
580
+ font-style: normal;
581
+ font-weight: 500;
582
+ line-height: 150%;
583
+ /* 24px */
584
+ outline: none;
585
+ width: 90%;
586
+ background: transparent;
587
+ max-width: 500px;
588
+ }
589
+
590
+ .verified-custd-mdl-pin-input-container-text {
591
+ color: var(--Neutral-600, #5B5D6E);
592
+
593
+ /* Paragraph 02/P1 */
594
+ font-family: Roboto;
595
+ font-size: 14px;
596
+ font-style: normal;
597
+ font-weight: 400;
598
+ line-height: 150%;
599
+ /* 21px */
600
+ }
601
+
602
+ .verified-custd-mdl-st-button-text {
603
+ color: var(--Neutral-950, #0c0c0e);
604
+ text-align: center;
605
+
606
+ /* Paragraph 01/P2 */
607
+ font-family: Roboto;
608
+ font-size: 1rem;
609
+ font-style: normal;
610
+ font-weight: 500;
611
+ line-height: 150%;
612
+ /* 1.verified-custd-mdl-5rem */
613
+ }
614
+
615
+ .verified-custd-mdl-startup-slider {
616
+ display: flex;
617
+ width: 335px;
618
+ align-items: center;
619
+ gap: 12px;
620
+ border-radius: 4px;
621
+ width: 100%;
622
+ }
623
+
624
+ .verified-custd-mdl-startup-slider-line {
625
+ height: 4px;
626
+ flex-shrink: 0;
627
+ border-radius: var(--space-8px, 8px);
628
+ background: var(--Neutral-100, #eeeef0);
629
+ }
630
+
631
+ .verified-custd-mdl-startup-slider-line-active {
632
+ height: 4px;
633
+ flex: 1 0 0;
634
+ border-radius: var(--space-8px, 8px);
635
+ background: var(--secondary-electric-violet-600, #603ff4);
636
+ }
637
+
638
+
639
+
640
+ .verified-custd-mdl-startup-contact {
641
+ display: inline-flex;
642
+ flex-direction: column;
643
+ align-items: flex-start;
644
+ gap: 20px;
645
+ width: 100%;
646
+
647
+ }
648
+
649
+ .verified-custd-mdl-startup-contact-content {
650
+ display: flex;
651
+ flex-direction: column;
652
+ align-items: flex-start;
653
+ gap: 16px;
654
+ align-self: stretch;
655
+ }
656
+
657
+ .verified-custd-mdl-startup-contact-text {
658
+ color: var(--Neutral-950, #0c0c0e);
659
+
660
+ /* Heading/H2 */
661
+ font-family: Roboto;
662
+ font-size: 1rem;
663
+ font-style: normal;
664
+ font-weight: 700;
665
+ line-height: 100%;
666
+ /* 1.verified-custd-mdl-5rem */
667
+ align-self: stretch;
668
+
669
+ max-width: 100%;
670
+ word-wrap: break-word;
671
+ }
672
+
673
+
674
+ .verified-custd-mdl-st-contact-content-container {
675
+ display: flex;
676
+ align-items: flex-start;
677
+ gap: var(--space-8px, 8px);
678
+ width: 100%;
679
+ }
680
+
681
+
682
+
683
+
684
+
685
+
686
+
687
+ .verified-custd-mdl-st-contact-dropdown {
688
+ cursor: pointer;
689
+ user-select: none;
690
+ }
691
+
692
+ .verified-custd-mdl-st-contact-second-section {
693
+ display: flex;
694
+ width: 100%;
695
+ height: 44px;
696
+ padding-left: 6px;
697
+ align-items: center;
698
+ border-radius: var(--space-8px, 8px);
699
+ background: var(--Neutral-50, #f7f7f8);
700
+ color: var(--Neutral-950, #0C0C0E);
701
+
702
+ /* Paragraph 02/P1 */
703
+ font-family: Roboto;
704
+ font-size: 14px;
705
+ font-style: normal;
706
+ font-weight: 400;
707
+ line-height: 150%;
708
+ /* 21px */
709
+ }
710
+
711
+ .verified-custd-mdl-st-contact-second-section::placeholder {
712
+ color: var(--Neutral-300, #b6b7c3);
713
+
714
+ /* Paragraph 02/P1 */
715
+ font-family: Roboto;
716
+ font-size: 0.verified-custd-mdl-875rem;
717
+ font-style: normal;
718
+ font-weight: 400;
719
+ line-height: 150%;
720
+ /* 1.verified-custd-mdl-3125rem */
721
+ }
722
+
723
+ .verified-custd-mdl-startup-contact-footer {
724
+ display: inline-flex;
725
+ flex-direction: column;
726
+ align-items: center;
727
+ gap: 12px;
728
+ width: 100%;
729
+ margin-top: 16px;
730
+ }
731
+
732
+ .verified-custd-mdl-st-contact-footer-first-section {
733
+ display: flex;
734
+ flex-direction: column;
735
+ align-items: center;
736
+ justify-content: center;
737
+ gap: 12px;
738
+ width: 100%;
739
+ }
740
+
741
+ .verified-custd-mdl-st-contact-footer-second-section {
742
+ display: flex;
743
+ align-items: center;
744
+ justify-content: center;
745
+ gap: 4px;
746
+ width: 100%;
747
+ }
748
+
749
+
750
+
751
+ .verified-custd-mdl-st-contact-input-error {
752
+ display: flex;
753
+ align-items: center;
754
+ gap: 4px;
755
+ }
756
+
757
+ .verified-custd-mdl-input-error-text {
758
+ color: var(--Error-600, #e23636);
759
+
760
+ /* Paragraph 03/P1 */
761
+ font-family: Roboto;
762
+ font-size: 0.verified-custd-mdl-75rem;
763
+ font-style: normal;
764
+ font-weight: 400;
765
+ line-height: 140%;
766
+ /* 1.verified-custd-mdl-05rem */
767
+ margin: 0;
768
+ }
769
+
770
+ .verified-custd-mdl-mobille-startup-search-box-container {
771
+ display: flex;
772
+ flex-direction: column;
773
+ align-items: flex-start;
774
+ gap: 6px;
775
+ width: 100%;
776
+ }
777
+
778
+ .verified-custd-mdl-mobile-startup-search-box {
779
+ display: flex;
780
+ height: 40px;
781
+ align-items: center;
782
+ gap: 6px;
783
+ border-radius: 6px;
784
+ border: 1px solid var(--Neutral-200, #d8d9df);
785
+ background: var(--Neutral-50, #f7f7f8);
786
+ width: 100%;
787
+ overflow: hidden;
788
+ }
789
+
790
+ .verified-custd-mdl-ms-search-box-content {
791
+ height: 100%;
792
+ width: 100%;
793
+ background: transparent;
794
+ color: var(--Neutral-950, #0c0c0e);
795
+
796
+ /* Paragraph 02/P1 */
797
+ font-family: Roboto;
798
+ font-size: 0.verified-custd-mdl-875rem;
799
+ font-style: normal;
800
+ font-weight: 400;
801
+ line-height: 150%;
802
+ /* 1.verified-custd-mdl-3125rem */
803
+ }
804
+
805
+ .verified-custd-mdl-ms-search-box-content::placeholder {
806
+ color: var(--Neutral-400, #8f91a1);
807
+
808
+ /* Paragraph 02/P1 */
809
+ font-family: Roboto;
810
+ font-size: 0.verified-custd-mdl-875rem;
811
+ font-style: normal;
812
+ font-weight: 400;
813
+ line-height: 150%;
814
+ /* 1.verified-custd-mdl-3125rem */
815
+ }
816
+
817
+ .verified-custd-mdl-mobile-startup-search-content {
818
+ display: flex;
819
+ width: 100%;
820
+ flex-direction: column;
821
+ align-items: flex-start;
822
+ gap: 16px;
823
+ border-radius: var(--space-8px, 8px);
824
+ border: 1px solid var(--Neutral-50, #f7f7f8);
825
+ background: var(--common-white_states-main, #fff);
826
+ }
827
+
828
+ .verified-custd-mdl-ms-search-content-container {
829
+ display: flex;
830
+ flex-direction: column;
831
+ align-items: flex-start;
832
+ align-self: stretch;
833
+
834
+ overflow-x: hidden;
835
+ overflow-y: auto;
836
+ }
837
+
838
+ .verified-custd-mdl-ms-search-content {
839
+ display: flex;
840
+ padding: var(--space-8px, 8px);
841
+ align-items: center;
842
+ gap: 19px;
843
+ align-self: stretch;
844
+ cursor: pointer;
845
+ user-select: none;
846
+ height: 34px;
847
+ margin-bottom: 5px;
848
+ border: 1px solid transparent;
849
+ }
850
+
851
+ .verified-custd-mdl-ms-search-content-active {
852
+ display: flex;
853
+ padding: var(--space-8px, 8px);
854
+ justify-content: space-between;
855
+ align-items: center;
856
+ align-self: stretch;
857
+ border-radius: 6px;
858
+ background: var(--Success-50, #f1f8ed);
859
+ cursor: pointer;
860
+ user-select: none;
861
+ }
862
+
863
+ .verified-custd-mdl-ms-search-content-text-container {
864
+ display: flex;
865
+ align-items: center;
866
+ gap: 19px;
867
+ }
868
+
869
+ .verified-custd-mdl-ms-search-content-icon {
870
+ display: flex;
871
+ width: 28px;
872
+ height: 28px;
873
+ justify-content: center;
874
+ align-items: center;
875
+ border-radius: 24px;
876
+ border: 1px solid rgba(0, 0, 0, 0.verified-custd-mdl-05);
877
+ background: var(--common-white_states-main, #fff);
878
+ box-shadow: 0px 1px 4px 0px #eee;
879
+ }
880
+
881
+ .verified-custd-mdl-ms-search-content-text {
882
+ color: var(--Neutral-950, #0c0c0e);
883
+
884
+ /* Paragraph 02/P1 */
885
+ font-family: Roboto;
886
+ font-size: 0.verified-custd-mdl-775rem;
887
+ font-style: normal;
888
+ font-weight: 400;
889
+ line-height: 150%;
890
+ /* 1.verified-custd-mdl-3125rem */
891
+ }
892
+
893
+ .verified-custd-mdl-terms-and-condition {
894
+ color: var(--Neutral-400, #8f91a1);
895
+
896
+ /* Paragraph 03/P1 */
897
+ font-family: Roboto;
898
+ font-size: 0.verified-custd-mdl-6rem;
899
+ font-style: normal;
900
+ font-weight: 400;
901
+ line-height: 140%;
902
+ /* 1.verified-custd-mdl-05rem */
903
+ /* width: 335px; */
904
+ }
905
+
906
+ .verified-custd-mdl-privacy {
907
+ display: flex;
908
+ align-items: center;
909
+ gap: 4px;
910
+ margin-bottom: 20px;
911
+ }
912
+
913
+ .verified-custd-mdl-privacy-text {
914
+ color: var(--Neutral-800, #40414c);
915
+ font-family: Roboto;
916
+ font-size: 0.verified-custd-mdl-5rem;
917
+ font-style: normal;
918
+ font-weight: 400;
919
+ line-height: 1.verified-custd-mdl-25rem;
920
+ /* 166.verified-custd-mdl-667% */
921
+ letter-spacing: 0.verified-custd-mdl-01563rem;
922
+ }
923
+
924
+ .verified-custd-mdl-p-p-payment-portal-amount-info-separator {
925
+ display: flex;
926
+ align-items: center;
927
+ gap: 6px;
928
+ align-self: stretch;
929
+ justify-content: center;
930
+ }
931
+
932
+ .verified-custd-mdl-p-p-payment-portal-line {
933
+ width: 50%;
934
+ height: 1px;
935
+ background: #eeeef0;
936
+ }
937
+
938
+ .verified-custd-mdl-p-payment-portal-separator-text {
939
+ color: var(--Neutral-700, #4a4a5a);
940
+
941
+ /* Paragraph 03/P1 */
942
+ font-family: Roboto;
943
+ font-size: 0.verified-custd-mdl-75rem;
944
+ font-style: normal;
945
+ font-weight: 400;
946
+ line-height: 140%;
947
+ /* 1.verified-custd-mdl-05rem */
948
+ opacity: 0.verified-custd-mdl-6;
949
+ }
950
+
951
+
952
+
953
+
954
+
955
+
956
+ .verified-custd-mdl-startup-otp-footer {
957
+ display: flex;
958
+ align-items: center;
959
+ gap: 4px;
960
+ width: 100%;
961
+ overflow: hidden;
962
+ }
963
+
964
+ .verified-custd-mdl-startup-otp-footer-text {
965
+ color: var(--Neutral-950, #0c0c0e);
966
+
967
+ /* Sub Heading/SH1 */
968
+ font-family: Manrope;
969
+ font-size: 0.verified-custd-mdl-8rem;
970
+ font-style: normal;
971
+ font-weight: 600;
972
+ line-height: 100%;
973
+ /* 1rem */
974
+ max-width: 100%;
975
+ word-wrap: break-word;
976
+ }
977
+
978
+ .verified-custd-mdl-otp-input-container {
979
+ display: flex;
980
+ flex-direction: column;
981
+ align-items: flex-start;
982
+ gap: 6px;
983
+ width: 100%;
984
+ }
985
+
986
+ .verified-custd-mdl-general-web-toast-error {
987
+ display: flex;
988
+ align-items: center;
989
+ gap: 12px;
990
+ }
991
+
992
+ .verified-custd-mdl-general-web-toast-error-container {
993
+ display: flex;
994
+ width: 100%;
995
+ flex-direction: column;
996
+ align-items: flex-start;
997
+ gap: 10px;
998
+ padding: 6px;
999
+ }
1000
+
1001
+ .verified-custd-mdl-general-web-toast-error-title {
1002
+ margin: 0;
1003
+ color: var(--Neutral-950, #0c0c0e);
1004
+
1005
+ /* Sub Heading/SH1 */
1006
+ font-family: Manrope;
1007
+ font-size: 1rem;
1008
+ font-style: normal;
1009
+ font-weight: 600;
1010
+ line-height: 100%;
1011
+ /* 1rem */
1012
+ align-self: stretch;
1013
+ }
1014
+
1015
+ .verified-custd-mdl-general-web-toast-error-label {
1016
+ align-self: stretch;
1017
+ color: var(--Neutral-400, #8f91a1);
1018
+
1019
+ /* Paragraph 02/P1 */
1020
+ font-family: Roboto;
1021
+ font-size: 0.verified-custd-mdl-875rem;
1022
+ font-style: normal;
1023
+ font-weight: 400;
1024
+ line-height: 150%;
1025
+ /* 1.verified-custd-mdl-3125rem */
1026
+ margin: 0;
1027
+ }
1028
+
1029
+
1030
+ .verified-custd-mdl-general-web-toast-success {
1031
+ display: flex;
1032
+ padding: 12px;
1033
+ justify-content: space-between;
1034
+ align-items: center;
1035
+ align-self: stretch;
1036
+ border-radius: 8px;
1037
+ background: var(--Success-50, #f1f8ed);
1038
+ width: 100%;
1039
+ height: 55px;
1040
+ max-height: 55px;
1041
+ }
1042
+
1043
+ .verified-custd-mdl-general-web-toast-success-cont {
1044
+ display: flex;
1045
+ align-items: center;
1046
+ gap: 12px;
1047
+ width: 100%;
1048
+ }
1049
+
1050
+ .verified-custd-mdl-general-web-toast-success-container {
1051
+ display: flex;
1052
+ width: 100%;
1053
+ flex-direction: column;
1054
+ align-items: flex-start;
1055
+ gap: 10px;
1056
+ padding: 6px;
1057
+ }
1058
+
1059
+ .verified-custd-mdl-general-web-toast-success-link {
1060
+ display: flex;
1061
+ align-items: center;
1062
+ }
1063
+
1064
+ .verified-custd-mdl-general-web-toast-success-link-text {
1065
+ color: var(--secondary-electric-violet-600, #603ff4);
1066
+ font-family: Roboto;
1067
+ font-size: 0.verified-custd-mdl-875rem;
1068
+ font-style: normal;
1069
+ font-weight: 700;
1070
+ line-height: 150%;
1071
+ /* 1.verified-custd-mdl-3125rem */
1072
+ text-decoration-line: underline;
1073
+ text-decoration-style: solid;
1074
+ text-decoration-skip-ink: none;
1075
+ text-decoration-thickness: auto;
1076
+ text-underline-offset: auto;
1077
+ text-underline-position: from-font;
1078
+ }
1079
+
1080
+ .verified-custd-mdl-success-popup-content-container {
1081
+ display: flex;
1082
+ width: 28.4375%;
1083
+ padding: 24px;
1084
+ flex-direction: column;
1085
+ align-items: center;
1086
+ background: var(--common-white_states-main, #fff);
1087
+ box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.12);
1088
+ height: 100%;
1089
+ }
1090
+
1091
+ .verified-custd-mdl-success-popup-content {
1092
+ display: flex;
1093
+ width: 100%;
1094
+ flex-direction: column;
1095
+ align-items: center;
1096
+ gap: 32px;
1097
+ }
1098
+
1099
+ .verified-custd-mdl-success-popup-content-text {
1100
+ display: flex;
1101
+ flex-direction: column;
1102
+ align-items: center;
1103
+ gap: 12px;
1104
+ align-self: stretch;
1105
+ }
1106
+
1107
+ .verified-custd-mdl-success-popup-content-text-header {
1108
+ color: var(--Neutral-950, #0c0c0e);
1109
+ text-align: center;
1110
+ font-family: Manrope;
1111
+ font-size: 1.verified-custd-mdl-5rem;
1112
+ font-style: normal;
1113
+ font-weight: 800;
1114
+ line-height: 140%;
1115
+ /* 2.verified-custd-mdl-1rem */
1116
+ }
1117
+
1118
+ .verified-custd-mdl-success-popup-content-text-footer {
1119
+ color: var(--Neutral-600, #5b5d6e);
1120
+ text-align: center;
1121
+
1122
+ /* Paragraph 01/P1 */
1123
+ font-family: Roboto;
1124
+ font-size: 1rem;
1125
+ font-style: normal;
1126
+ font-weight: 400;
1127
+ line-height: 150%;
1128
+ /* 1.verified-custd-mdl-5rem */
1129
+ }
1130
+
1131
+ .verified-custd-mdl-add-cosigner-body-icon {
1132
+ width: 90%;
1133
+ max-width: 90%;
1134
+ max-height: 250px;
1135
+ height: 250px;
1136
+ }
1137
+
1138
+ .verified-custd-mdl-add-cosigner-body {
1139
+ display: inline-flex;
1140
+ padding: 10px;
1141
+ flex-direction: column;
1142
+ align-items: flex-start;
1143
+ gap: 12px;
1144
+ border-radius: 8px;
1145
+ background: var(--secondary-electric-violet-50, #ECEFFF);
1146
+ }
1147
+
1148
+ .verified-custd-mdl-add-cosigner-body-text-cont {
1149
+ display: flex;
1150
+ align-items: center;
1151
+ gap: 10px;
1152
+ width: 100%;
1153
+ }
1154
+
1155
+ .verified-custd-mdl-add-cosigner-body-text-icon {
1156
+ display: flex;
1157
+ padding: 8px;
1158
+ align-items: center;
1159
+ gap: 10px;
1160
+ border-radius: 24px;
1161
+ background: var(--secondary-electric-violet-200, #C2C7FF);
1162
+ overflow: hidden;
1163
+ justify-content: center;
1164
+ width: 20px;
1165
+ height: 20px;
1166
+ }
1167
+
1168
+ .verified-custd-mdl-add-cosigner-body-text-label {
1169
+ width: 76.1%;
1170
+ color: var(--Neutral-600, #5B5D6E);
1171
+
1172
+ /* Paragraph 02/P1 */
1173
+ font-family: Roboto;
1174
+ font-size: 10px;
1175
+ font-style: normal;
1176
+ font-weight: 400;
1177
+ line-height: 150%;
1178
+ /* 21px */
1179
+ }
1180
+
1181
+ .verified-custd-mdl-add-cosigner-body-text-label-bold {
1182
+ color: var(--Neutral-950, #0C0C0E);
1183
+
1184
+ /* Paragraph 02/P2 */
1185
+ font-family: Roboto;
1186
+ font-size: 10px;
1187
+ font-style: normal;
1188
+ font-weight: 500;
1189
+ line-height: 140%;
1190
+ }
1191
+
1192
+ .verified-custd-mdl-add-cosigner-buttons-cont {
1193
+ display: inline-flex;
1194
+ padding: 10px;
1195
+ align-items: flex-start;
1196
+ gap: 10px;
1197
+ background: transparent;
1198
+ display: flex;
1199
+ justify-content: space-between;
1200
+ }
1201
+
1202
+ .verified-custd-mdl-add-cosigner-button-neut {
1203
+ width: 45%;
1204
+ display: flex;
1205
+ padding: 14px;
1206
+ justify-content: center;
1207
+ align-items: center;
1208
+ gap: 8px;
1209
+ background: transparent;
1210
+ border-radius: 8px;
1211
+ border: 1px solid var(--Neutral-950, #0C0C0E);
1212
+ color: var(--Neutral-950, #0C0C0E);
1213
+ text-align: center;
1214
+
1215
+ /* Paragraph 01/P2 */
1216
+ font-family: Roboto;
1217
+ font-size: 12px;
1218
+ font-style: normal;
1219
+ font-weight: 500;
1220
+ line-height: 150%;
1221
+ /* 24px */
1222
+ cursor: pointer;
1223
+ }
1224
+
1225
+ .verified-custd-mdl-add-cosigner-button-action {
1226
+ width: 45%;
1227
+ display: flex;
1228
+ padding: 14px;
1229
+ justify-content: center;
1230
+ align-items: center;
1231
+ gap: 8px;
1232
+ border-radius: 8px;
1233
+ background: var(--primary-bitter-lemon-500, #CFE600);
1234
+ border: none;
1235
+ color: var(--Neutral-950, #0C0C0E);
1236
+ text-align: center;
1237
+
1238
+ /* Paragraph 01/P2 */
1239
+ font-family: Roboto;
1240
+ font-size: 12px;
1241
+ font-style: normal;
1242
+ font-weight: 500;
1243
+ line-height: 150%;
1244
+ /* 24px */
1245
+ cursor: pointer;
1246
+ }
1247
+
1248
+ .verified-custd-mdl-add-cosigner-more-body {
1249
+ display: inline-flex;
1250
+ padding: 15px;
1251
+ flex-direction: column;
1252
+ align-items: flex-start;
1253
+ gap: 12px;
1254
+ border-radius: 8px;
1255
+ background: var(--secondary-electric-violet-50, #ECEFFF);
1256
+ }
1257
+
1258
+ .verified-custd-mdl-add-cosigner-more-header-cont {
1259
+ display: flex;
1260
+ flex-direction: column;
1261
+ align-items: flex-start;
1262
+ gap: 32px;
1263
+ }
1264
+
1265
+ .verified-custd-mdl-add-cosigner-more-title-cont {
1266
+ display: flex;
1267
+ flex-direction: column;
1268
+ align-items: flex-start;
1269
+ gap: 16px;
1270
+ align-self: stretch;
1271
+ }
1272
+
1273
+ .verified-custd-mdl-add-cosigner-header-text {
1274
+ align-self: stretch;
1275
+ color: var(--Neutral-600, #5B5D6E);
1276
+
1277
+ /* Paragraph 01/P1 */
1278
+ font-family: Roboto;
1279
+ font-size: 12px;
1280
+ font-style: normal;
1281
+ font-weight: 400;
1282
+ line-height: 150%;
1283
+ /* 24px */
1284
+ margin: 0;
1285
+ }
1286
+
1287
+ .verified-custd-mdl-add-cosigner-more-title {
1288
+ color: var(--Neutral-950, #0C0C0E);
1289
+
1290
+ /* Heading/H4 */
1291
+ font-family: Manrope;
1292
+ font-size: 18px;
1293
+ font-style: normal;
1294
+ font-weight: 700;
1295
+ line-height: 120%;
1296
+ /* 24px */
1297
+ margin: 0;
1298
+ }
1299
+
1300
+ .verified-custd-mdl-add-cosigner-more-label {
1301
+ color: var(--Neutral-700, #4A4A5A);
1302
+
1303
+ /* Paragraph 02/P1 */
1304
+ font-family: Roboto;
1305
+ font-size: 14px;
1306
+ font-style: normal;
1307
+ font-weight: 400;
1308
+ line-height: 150%;
1309
+ /* 21px */
1310
+
1311
+ }
1312
+
1313
+ .verified-custd-mdl-add-cosigner-more-label-link {
1314
+ align-self: stretch;
1315
+ color: var(--secondary-electric-violet-700, #4E2BD7);
1316
+ font-family: Roboto;
1317
+ font-size: 12px;
1318
+ font-style: normal;
1319
+ font-weight: 500;
1320
+ line-height: 150%;
1321
+ /* 21px */
1322
+ text-decoration-line: underline;
1323
+ text-decoration-style: solid;
1324
+ text-decoration-skip-ink: none;
1325
+ text-decoration-thickness: auto;
1326
+ text-underline-offset: auto;
1327
+ text-underline-position: from-font;
1328
+ cursor: pointer;
1329
+ margin: 0;
1330
+
1331
+ }
1332
+
1333
+ .verified-custd-mdl-add-cosigner-header-info-cont {
1334
+ display: flex;
1335
+ padding: 10px;
1336
+ flex-direction: column;
1337
+ align-items: flex-start;
1338
+ gap: 12px;
1339
+ align-self: stretch;
1340
+ border-radius: 8px;
1341
+ background: var(--Accent-100, #FFF9C1);
1342
+ }
1343
+
1344
+ .verified-custd-mdl-add-cosigner-header-info-text {
1345
+ color: var(--Accent-800, #89490A);
1346
+
1347
+ /* Caption/C1 */
1348
+ font-family: Roboto;
1349
+ font-size: 10px;
1350
+ font-style: normal;
1351
+ font-weight: 500;
1352
+ line-height: 150%;
1353
+ }
1354
+
1355
+ .verified-custd-mdl-add-cosigner-header-info-text-bold {
1356
+ color: var(--Accent-800, #89490A);
1357
+
1358
+ /* Caption/C2 */
1359
+ font-family: Roboto;
1360
+ font-size: 10px;
1361
+ font-style: normal;
1362
+ font-weight: 700;
1363
+ line-height: 140%;
1364
+ /* 16.verified-custd-mdl-8px */
1365
+ }
1366
+
1367
+ .verified-custd-mdl-add-cosigner-step2-body {
1368
+ display: flex;
1369
+ flex-direction: column;
1370
+ align-items: flex-start;
1371
+ gap: 10px;
1372
+ margin-top: 20px;
1373
+ }
1374
+
1375
+ .verified-custd-mdl-add-cosigner-step2-body-header {
1376
+ display: flex;
1377
+ width: 100%;
1378
+ justify-content: space-between;
1379
+ align-items: center;
1380
+ }
1381
+
1382
+ .verified-custd-mdl-add-cosigner-step2-body-header-first-text {
1383
+ color: var(--Neutral-950, #0C0C0E);
1384
+ text-align: right;
1385
+
1386
+ /* Paragraph 01/P2 */
1387
+ font-family: Roboto;
1388
+ font-size: 0.verified-custd-mdl-8rem;
1389
+ font-style: normal;
1390
+ font-weight: 500;
1391
+ line-height: 150%;
1392
+ /* 24px */
1393
+ }
1394
+
1395
+ .verified-custd-mdl-add-cosigner-step2-body-header-second-text {
1396
+ color: var(--Neutral-950, #0C0C0E);
1397
+ text-align: right;
1398
+
1399
+ /* Paragraph 03/P2 */
1400
+ font-family: Roboto;
1401
+ font-size: 12px;
1402
+ font-style: normal;
1403
+ font-weight: 500;
1404
+ line-height: 140%;
1405
+ /* 16.verified-custd-mdl-8px */
1406
+ }
1407
+
1408
+ .verified-custd-mdl-add-cosigner-step2-body-content {
1409
+ display: flex;
1410
+ flex-direction: column;
1411
+ align-items: flex-start;
1412
+ gap: 16px;
1413
+ width: 100%;
1414
+ }
1415
+
1416
+ .verified-custd-mdl-add-cosigner-step2-body-content-header {
1417
+ display: flex;
1418
+ padding-top: 14px;
1419
+ justify-content: center;
1420
+ align-items: center;
1421
+ position: relative;
1422
+ width: 100%;
1423
+ flex-direction: column;
1424
+ }
1425
+
1426
+ .verified-custd-mdl-add-cosigner-step2-body-content-header-cont {
1427
+ display: flex;
1428
+ width: 100%;
1429
+ padding: 12px;
1430
+ flex-direction: column;
1431
+ align-items: flex-start;
1432
+ gap: 16px;
1433
+ }
1434
+
1435
+ .verified-custd-mdl-add-cosigner-step2-body-content-header-label {
1436
+ display: flex;
1437
+ padding: 4px 6px;
1438
+ align-items: flex-start;
1439
+ gap: 10px;
1440
+ position: absolute;
1441
+ left: 12px;
1442
+ top: -14px;
1443
+ border-radius: 6px;
1444
+ background: var(--secondary-electric-violet-100, #DDE1FF);
1445
+ }
1446
+
1447
+ .verified-custd-mdl-add-cosigner-step2-body-content-header-label-text {
1448
+ color: var(--secondary-electric-violet-900, #362689);
1449
+
1450
+ /* Paragraph 04/P2 */
1451
+ font-family: Roboto;
1452
+ font-size: 10px;
1453
+ font-style: normal;
1454
+ font-weight: 500;
1455
+ line-height: 140%;
1456
+ /* 14px */
1457
+ margin: 0;
1458
+ }
1459
+
1460
+ .verified-custd-mdl-add-cosigner-step2-body-content-header-body {
1461
+ display: flex;
1462
+ justify-content: space-between;
1463
+ align-self: stretch;
1464
+ border-radius: 8px;
1465
+ border: 1px solid var(--Neutral-100, #EEEEF0);
1466
+ background: var(--Neutral-50, #F7F7F8);
1467
+ position: relative;
1468
+ display: flex;
1469
+ padding: 12px;
1470
+ align-items: flex-start;
1471
+ gap: 16px;
1472
+ }
1473
+
1474
+ .verified-custd-mdl-a-c-2-b-content-header-body-header-cont {
1475
+ display: flex;
1476
+ align-items: center;
1477
+ gap: 12px;
1478
+ }
1479
+
1480
+ .verified-custd-mdl-a-c-2-b-content-header-body-header {
1481
+ display: flex;
1482
+ flex-direction: column;
1483
+ align-items: flex-start;
1484
+ gap: 6px;
1485
+ }
1486
+
1487
+ .verified-custd-mdl-a-c-2-b-content-header-body-title {
1488
+ color: var(--Neutral-950, #0C0C0E);
1489
+
1490
+ /* Paragraph 01/P2 */
1491
+ font-family: Roboto;
1492
+ font-size: 16px;
1493
+ font-style: normal;
1494
+ font-weight: 500;
1495
+ line-height: 150%;
1496
+ /* 24px */
1497
+ margin: 0;
1498
+ max-width: 150px;
1499
+ word-wrap: break-word;
1500
+ overflow-wrap: break-word;
1501
+ }
1502
+
1503
+ .verified-custd-mdl-a-c-2-b-content-header-body-label {
1504
+ color: var(--Neutral-400, #8F91A1);
1505
+
1506
+ /* Paragraph 03/P2 */
1507
+ font-family: Roboto;
1508
+ font-size: 12px;
1509
+ font-style: normal;
1510
+ font-weight: 500;
1511
+ line-height: 140%;
1512
+ /* 16.verified-custd-mdl-8px */
1513
+ margin: 0;
1514
+ max-width: 150px;
1515
+ word-wrap: break-word;
1516
+ overflow-wrap: break-word;
1517
+ }
1518
+
1519
+ .verified-custd-mdl-a-c-2-b-content-header-body-button {
1520
+ display: flex;
1521
+ padding: 5.verified-custd-mdl-5px 8px;
1522
+ justify-content: center;
1523
+ align-items: center;
1524
+ gap: 10px;
1525
+ border-radius: 6px;
1526
+ border: 1px solid var(--secondary-electric-violet-600, #603FF4);
1527
+ background: var(--secondary-electric-violet-600, #603FF4);
1528
+ color: var(--secondary-electric-violet-50, #ECEFFF);
1529
+ text-align: right;
1530
+
1531
+ /* Paragraph 02/P2 */
1532
+ font-family: Roboto;
1533
+ font-size: 14px;
1534
+ font-style: normal;
1535
+ font-weight: 500;
1536
+ line-height: 140%;
1537
+ /* 19.verified-custd-mdl-6px */
1538
+ }
1539
+
1540
+ .verified-custd-mdl-add-cosigner-step2-body-content-footer {
1541
+ display: flex;
1542
+ align-items: center;
1543
+ gap: 4px;
1544
+ cursor: pointer;
1545
+ }
1546
+
1547
+ .verified-custd-mdl-add-cosigner-step2-body-content-footer-text {
1548
+ color: var(--secondary-electric-violet-600, #603FF4);
1549
+ text-align: right;
1550
+
1551
+ /* Paragraph 01/P2 */
1552
+ font-family: Roboto;
1553
+ font-size: 14px;
1554
+ font-style: normal;
1555
+ font-weight: 500;
1556
+ line-height: 150%;
1557
+ /* 24px */
1558
+ }
1559
+
1560
+ .verified-custd-mdl-add-cosigner-step2-add-more-body {
1561
+ display: flex;
1562
+ padding: 15px;
1563
+ flex-direction: column;
1564
+ align-items: flex-start;
1565
+ gap: 16px;
1566
+ border-radius: 8px;
1567
+ border: 1px solid var(--Neutral-200, #D8D9DF);
1568
+ min-width: 90%;
1569
+ margin-bottom: 20px;
1570
+ }
1571
+
1572
+ .verified-custd-mdl-add-cosigner-step2-add-more-first {
1573
+ display: flex;
1574
+ justify-content: space-between;
1575
+ align-items: center;
1576
+ align-self: stretch;
1577
+ width: 100%;
1578
+ }
1579
+
1580
+ .verified-custd-mdl-add-cosigner-step2-add-more-first-header {
1581
+ display: flex;
1582
+ align-items: flex-end;
1583
+ gap: 5px;
1584
+ }
1585
+
1586
+ .verified-custd-mdl-add-cosigner-step2-add-more-first-header-text {
1587
+ color: var(--Neutral-950, #0C0C0E);
1588
+
1589
+ /* Paragraph 01/P2 */
1590
+ font-family: Roboto;
1591
+ font-size: 0.verified-custd-mdl-7rem;
1592
+ font-style: normal;
1593
+ font-weight: 500;
1594
+ line-height: 150%;
1595
+ /* 24px */
1596
+ }
1597
+
1598
+ .verified-custd-mdl-add-cosigner-step2-add-more-first-footer {
1599
+ display: flex;
1600
+ padding: 4px 6px;
1601
+ align-items: flex-start;
1602
+ gap: 10px;
1603
+ border-radius: 6px;
1604
+ background: var(--secondary-electric-violet-100, #DDE1FF);
1605
+ }
1606
+
1607
+ .verified-custd-mdl-add-cosigner-step2-add-more-first-footer-text {
1608
+ color: var(--secondary-electric-violet-900, #362689);
1609
+
1610
+ /* Paragraph 03/P2 */
1611
+ font-family: Roboto;
1612
+ font-size: 10px;
1613
+ font-style: normal;
1614
+ font-weight: 500;
1615
+ line-height: 140%;
1616
+ /* 16.verified-custd-mdl-8px */
1617
+ margin: 0;
1618
+ }
1619
+
1620
+ .verified-custd-mdl-add-cosigner-step2-add-more-second {
1621
+ display: flex;
1622
+ flex-direction: column;
1623
+ align-items: flex-start;
1624
+ gap: 4px;
1625
+ width: 100%;
1626
+ }
1627
+
1628
+ .verified-custd-mdl-add-cosigner-step2-add-more-second-input {
1629
+ display: flex;
1630
+ padding: 12px;
1631
+ align-items: center;
1632
+ gap: 182px;
1633
+ align-self: stretch;
1634
+ border-radius: 8px;
1635
+ background: var(--Neutral-50, #F7F7F8);
1636
+
1637
+ color: var(--Neutral-950, #0C0C0E);
1638
+
1639
+ /* Paragraph 02/P1 */
1640
+ font-family: Roboto;
1641
+ font-size: 12px;
1642
+ font-style: normal;
1643
+ font-weight: 400;
1644
+ line-height: 150%;
1645
+ /* 21px */
1646
+ }
1647
+
1648
+ .verified-custd-mdl-add-cosigner-step2-add-more-third {
1649
+ display: flex;
1650
+ align-items: flex-start;
1651
+ gap: 24px;
1652
+ width: 100%;
1653
+ }
1654
+
1655
+ .verified-custd-mdl-add-cosigner-step2-add-more-third-cont {
1656
+ display: flex;
1657
+ align-items: center;
1658
+ gap: 4px;
1659
+ }
1660
+
1661
+ .verified-custd-mdl-add-cosigner-step2-add-more-third-cont-text {
1662
+ color: var(--Neutral-900, #383842);
1663
+
1664
+ /* Paragraph 02/P1 */
1665
+ font-family: Roboto;
1666
+ font-size: 13px;
1667
+ font-style: normal;
1668
+ font-weight: 400;
1669
+ line-height: 150%;
1670
+ /* 21px */
1671
+ }
1672
+
1673
+ .verified-custd-mdl-add-cosigner-step2-add-more-buttons {
1674
+ display: flex;
1675
+ align-items: flex-start;
1676
+ gap: 16px;
1677
+ align-self: stretch;
1678
+ width: 100%;
1679
+ background: transparent;
1680
+ }
1681
+
1682
+ .verified-custd-mdl-add-cosigner-step2-add-more-buttons-neut {
1683
+ width: 50%;
1684
+ display: flex;
1685
+ padding: 7.verified-custd-mdl-5px 12px;
1686
+ justify-content: center;
1687
+ align-items: center;
1688
+ gap: 10px;
1689
+ flex: 1 0 0;
1690
+ border-radius: 8px;
1691
+ border: 1px solid var(--secondary-electric-violet-600, #603FF4);
1692
+ color: var(--secondary-electric-violet-600, #603FF4);
1693
+ text-align: right;
1694
+
1695
+ /* Paragraph 02/P2 */
1696
+ font-family: Roboto;
1697
+ font-size: 14px;
1698
+ font-style: normal;
1699
+ font-weight: 500;
1700
+ line-height: 140%;
1701
+ /* 19.verified-custd-mdl-6px */
1702
+ background: transparent;
1703
+ cursor: pointer;
1704
+ }
1705
+
1706
+ .verified-custd-mdl-add-cosigner-step2-add-more-buttons-action {
1707
+ width: 50%;
1708
+ display: flex;
1709
+ padding: 6px 8px;
1710
+ justify-content: center;
1711
+ align-items: center;
1712
+ gap: 10px;
1713
+ flex: 1 0 0;
1714
+ align-self: stretch;
1715
+ border-radius: 8px;
1716
+ border: 1px solid var(--secondary-electric-violet-600, #603FF4);
1717
+ background: var(--secondary-electric-violet-600, #603FF4);
1718
+ color: var(--secondary-electric-violet-50, #ECEFFF);
1719
+ text-align: right;
1720
+
1721
+ /* Paragraph 02/P2 */
1722
+ font-family: Roboto;
1723
+ font-size: 14px;
1724
+ font-style: normal;
1725
+ font-weight: 500;
1726
+ line-height: 140%;
1727
+ /* 19.verified-custd-mdl-6px */
1728
+ cursor: pointer;
1729
+ }
1730
+
1731
+ .verified-custd-mdl-add-cosigner-step2-add-more-second-input::placeholder {
1732
+ color: var(--Neutral-300, #B6B7C3);
1733
+
1734
+
1735
+ /* Paragraph 02/P1 */
1736
+ font-family: Roboto;
1737
+ font-size: 12px;
1738
+ font-style: normal;
1739
+ font-weight: 400;
1740
+ line-height: 150%;
1741
+ /* 21px */
1742
+ }
1743
+
1744
+ .verified-custd-mdl-add-cosigner-confirm-body-content {
1745
+ display: flex;
1746
+ padding-top: 20px;
1747
+ padding-bottom: 20px;
1748
+ flex-direction: column;
1749
+ justify-content: flex-start;
1750
+ align-items: center;
1751
+ gap: 61px;
1752
+ border-radius: 8px 8px 0px 0px;
1753
+ background: var(--Neutral-White-100, #FFF);
1754
+ width: 100%;
1755
+ max-height: 62.7%;
1756
+ }
1757
+
1758
+ .verified-custd-mdl-add-cosigner-confirm-body-cont {
1759
+ display: flex;
1760
+ flex-direction: column;
1761
+ align-items: flex-start;
1762
+ gap: 16px;
1763
+ width: 90%;
1764
+
1765
+ }
1766
+
1767
+ .verified-custd-mdl-add-cosigner-confirm-body-header {
1768
+ display: flex;
1769
+ flex-direction: column;
1770
+ align-items: center;
1771
+ gap: 16px;
1772
+ }
1773
+
1774
+ .verified-custd-mdl-add-cosigner-confirm-body-title {
1775
+ color: var(--Neutral-950, #0C0C0E);
1776
+ font-family: Manrope;
1777
+ font-size: 16px;
1778
+ font-style: normal;
1779
+ font-weight: 700;
1780
+ line-height: 150%;
1781
+ /* 30px */
1782
+ margin: 0;
1783
+ }
1784
+
1785
+ .verified-custd-mdl-add-cosigner-confirm-body-label {
1786
+ color: var(--Neutral-600, #5B5D6E);
1787
+
1788
+ /* Paragraph 01/P1 */
1789
+ font-family: Roboto;
1790
+ font-size: 12px;
1791
+ font-style: normal;
1792
+ font-weight: 400;
1793
+ line-height: 150%;
1794
+ /* 24px */
1795
+ margin: 0
1796
+ }
1797
+
1798
+ .verified-custd-mdl-add-cosigner-confirm-body-footer {
1799
+ display: flex;
1800
+ width: 90%;
1801
+ padding: 15px 15px 5px 15px;
1802
+ flex-direction: column;
1803
+ align-items: flex-start;
1804
+ gap: 5px;
1805
+ border-radius: 8px;
1806
+ border: 1px solid var(--Neutral-100, #EEEEF0);
1807
+ background: var(--Neutral-White-100, #FFF);
1808
+ }
1809
+
1810
+ .verified-custd-mdl-add-cosigner-confirm-body-footer-ind-cont {
1811
+ display: flex;
1812
+ width: 100%;
1813
+ flex-direction: row;
1814
+ background: transparent;
1815
+ display: flex;
1816
+ justify-content: space-between;
1817
+ align-items: center;
1818
+ margin-bottom: 3px;
1819
+ }
1820
+
1821
+ .verified-custd-mdl-add-cosigner-confirm-body-footer-ind {
1822
+ display: flex;
1823
+ flex-direction: column;
1824
+ align-items: center;
1825
+ gap: -6px;
1826
+ border-radius: 2px;
1827
+ }
1828
+
1829
+ .verified-custd-mdl-add-cosigner-confirm-body-footer-ind-text-cont {
1830
+ display: flex;
1831
+ padding: 4px 12px;
1832
+ justify-content: center;
1833
+ align-items: center;
1834
+ gap: 10px;
1835
+ border-radius: 6px;
1836
+ background: var(--secondary-electric-violet-600, #603FF4);
1837
+ }
1838
+
1839
+ .verified-custd-mdl-add-cosigner-confirm-body-footer-ind-text {
1840
+ color: var(--Neutral-White-100, #FFF);
1841
+ text-align: center;
1842
+
1843
+ /* Paragraph 03/P2 */
1844
+ font-family: Roboto;
1845
+ font-size: 12px;
1846
+ font-style: normal;
1847
+ font-weight: 500;
1848
+ line-height: 140%;
1849
+ /* 16.verified-custd-mdl-8px */
1850
+ margin: 0;
1851
+ }
1852
+
1853
+
1854
+
1855
+ .verified-custd-mdl-add-cosigner-confirm-body-footer-label-cont {
1856
+ width: 100%;
1857
+ height: 51px;
1858
+ }
1859
+
1860
+ .verified-custd-mdl-add-cosigner-confirm-body-footer-label-slider-cont {
1861
+ width: 98%;
1862
+ height: 16px;
1863
+ flex-shrink: 0;
1864
+ }
1865
+
1866
+ .verified-custd-mdl-add-cosigner-confirm-body-footer-label-slider {
1867
+ width: 100%;
1868
+ height: 5px;
1869
+ flex-shrink: 0;
1870
+ border-radius: 10px;
1871
+ background: var(--Neutral-100, #EEEEF0);
1872
+ }
1873
+
1874
+ .verified-custd-mdl-add-cosigner-confirm-body-footer-label-slider-ind {
1875
+ height: 5px;
1876
+ flex-shrink: 0;
1877
+ border-radius: 10px;
1878
+ background: var(--secondary-electric-violet-600, #603FF4);
1879
+ position: relative;
1880
+ }
1881
+
1882
+ .verified-custd-mdl-add-cosigner-confirm-body-footer-label-slider-icon {
1883
+ flex-shrink: 0;
1884
+ position: absolute;
1885
+ top: -5px;
1886
+ right: 0px;
1887
+ }
1888
+
1889
+ .verified-custd-mdl-add-cosigner-confirm-body-footer-label-text-cont {
1890
+ display: flex;
1891
+ width: 100%;
1892
+ padding: 10px 0px;
1893
+ justify-content: space-between;
1894
+ align-items: center;
1895
+ }
1896
+
1897
+ .verified-custd-mdl-add-cosigner-confirm-body-footer-label-text {
1898
+ color: var(--Neutral-950, #0C0C0E);
1899
+
1900
+ /* Paragraph 02/P2 */
1901
+ font-family: Roboto;
1902
+ font-size: 12px;
1903
+ font-style: normal;
1904
+ font-weight: 500;
1905
+ line-height: 140%;
1906
+ /* 19.verified-custd-mdl-6px */
1907
+ margin: 0;
1908
+ cursor: pointer;
1909
+ }
1910
+
1911
+ .verified-custd-mdl-a-c-2-b-content-header-body-header-icons {
1912
+ display: flex;
1913
+ justify-content: flex-end;
1914
+ align-items: center;
1915
+ gap: 16px;
1916
+ margin-top: 10px;
1917
+ }
1918
+
1919
+ .verified-custd-mdl-add-cosigner-step2-body-content-footer-dis {
1920
+ display: flex;
1921
+ align-items: center;
1922
+ gap: 4px;
1923
+ margin-bottom: 18px;
1924
+ }
1925
+
1926
+ .verified-custd-mdl-add-cosigner-step2-body-content-footer-text-dis {
1927
+ color: var(--Neutral-300, #B6B7C3);
1928
+ text-align: right;
1929
+
1930
+ /* Paragraph 01/P2 */
1931
+ font-family: Roboto;
1932
+ font-size: 14px;
1933
+ font-style: normal;
1934
+ font-weight: 500;
1935
+ line-height: 150%;
1936
+ /* 24px */
1937
+ }
1938
+
1939
+ .verified-custd-mdl-startup-contact-content-heder-cont {
1940
+ width: 100%;
1941
+ display: flex;
1942
+ justify-content: space-between;
1943
+ flex-direction: row;
1944
+ }
1945
+
1946
+ .verified-custd-mdl-add-cosigner-confirm-body-content-outter {
1947
+ background: rgba(0, 0, 0, 0.verified-custd-mdl-40);
1948
+ z-index: 5;
1949
+ position: absolute;
1950
+ width: 100%;
1951
+ bottom: 0;
1952
+ right: 0;
1953
+ left: 0;
1954
+ height: 100%;
1955
+ display: flex;
1956
+ flex-direction: column-reverse;
1957
+ }
1958
+
1959
+ .verified-custd-mdl-portfolio-page-content-header-button {
1960
+ display: flex;
1961
+ padding: 6px 12px;
1962
+ align-items: center;
1963
+ gap: 4px;
1964
+ border-radius: 32px;
1965
+ background: var(--secondary-electric-violet-900, #362689);
1966
+ cursor: pointer;
1967
+ color: var(--Neutral-White-100, var(--common-white_states-main, #fff));
1968
+ border: none;
1969
+ width: fit-content;
1970
+ max-width: 150px;
1971
+ /* Paragraph 03/P1 */
1972
+ font-family: Roboto;
1973
+ font-size: 0.verified-custd-mdl-65rem;
1974
+ font-style: normal;
1975
+ font-weight: 400;
1976
+ line-height: 140%;
1977
+ /* 1.verified-custd-mdl-05rem */
1978
+ word-wrap: break-word;
1979
+ height: 30px;
1980
+ }
1981
+
1982
+ .verified-custd-mdl-portfolio-page-content-header-button-cont {
1983
+ width: fit-content;
1984
+ height: fit-content;
1985
+ display: flex;
1986
+ flex-direction: column;
1987
+ gap: 4px;
1988
+ justify-content: flex-start;
1989
+ position: relative;
1990
+ }
1991
+
1992
+ .verified-custd-mdl-portfolio-page-content-header-button-body {
1993
+ height: fit-content;
1994
+ width: fit-content;
1995
+ display: flex;
1996
+ flex-direction: column;
1997
+ gap: 4px;
1998
+ border: none;
1999
+ border-radius: 10px;
2000
+ background: var(--Neutral-50, #f7f7f8);
2001
+ ;
2002
+ padding: 10px;
2003
+ position: absolute;
2004
+ top: 33px;
2005
+ right: 0;
2006
+ }
2007
+
2008
+ .verified-custd-mdl-portfolio-page-content-header-button-body-cont {
2009
+ background: none;
2010
+ cursor: pointer;
2011
+ border: 1px solid transparent;
2012
+ padding: 5px;
2013
+ }
2014
+
2015
+ .verified-custd-mdl-portfolio-page-content-header-button-body-cont:hover {
2016
+ border: 1px solid #362689;
2017
+ background: transparent;
2018
+ }
2019
+
2020
+ .verified-custd-mdl-portfolio-page-content-header-button-body-text {
2021
+ width: 110px;
2022
+ /* Paragraph 03/P1 */
2023
+ font-family: Roboto;
2024
+ font-size: 0.verified-custd-mdl-65rem;
2025
+ font-style: normal;
2026
+ font-weight: 400;
2027
+ line-height: 140%;
2028
+ /* 1.verified-custd-mdl-05rem */
2029
+ word-wrap: break-word;
2030
+ }