@transferwise/neptune-css 0.0.0-experimental-526a2be → 0.0.0-experimental-26ff56b

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 (96) hide show
  1. package/dist/css/accordion.css +22 -66
  2. package/dist/css/alerts.css +0 -39
  3. package/dist/css/background.css +0 -1
  4. package/dist/css/badge.css +2 -14
  5. package/dist/css/breadcrumbs.css +0 -2
  6. package/dist/css/button-groups.css +29 -12
  7. package/dist/css/buttons.css +35 -177
  8. package/dist/css/chevron.css +0 -1
  9. package/dist/css/circles.css +0 -19
  10. package/dist/css/close.css +0 -3
  11. package/dist/css/column-layout.css +0 -3
  12. package/dist/css/currency-flags.css +0 -3
  13. package/dist/css/decision.css +22 -61
  14. package/dist/css/dropdowns.css +39 -75
  15. package/dist/css/droppable.css +28 -26
  16. package/dist/css/flex.css +0 -16
  17. package/dist/css/footer.css +41 -28
  18. package/dist/css/grid.css +0 -6
  19. package/dist/css/input-groups.css +203 -361
  20. package/dist/css/link-callout.css +0 -1
  21. package/dist/css/list-group.css +1 -88
  22. package/dist/css/media.css +0 -3
  23. package/dist/css/modals.css +1 -15
  24. package/dist/css/navbar.css +66 -213
  25. package/dist/css/navs.css +8 -35
  26. package/dist/css/neptune-addons.css +15 -298
  27. package/dist/css/neptune-core.css +5935 -667
  28. package/dist/css/neptune.css +8492 -3482
  29. package/dist/css/panels.css +2 -6
  30. package/dist/css/popovers.css +39 -89
  31. package/dist/css/process.css +0 -9
  32. package/dist/css/progress-bars.css +2 -16
  33. package/dist/css/ring.css +0 -4
  34. package/dist/css/select.css +0 -8
  35. package/dist/css/sequences.css +14 -69
  36. package/dist/css/table.css +7 -54
  37. package/dist/css/tick.css +0 -2
  38. package/dist/css/tooltip.css +28 -19
  39. package/dist/css/wells.css +0 -20
  40. package/dist/less/legacy-variables.css +0 -0
  41. package/dist/less/legacy-variables.less +3 -3
  42. package/dist/less/neptune-tokens.css +0 -0
  43. package/dist/less/neptune-tokens.less +0 -48
  44. package/dist/less/zindex.css +0 -0
  45. package/dist/props/neptune-tokens.css +804 -3
  46. package/package.json +1 -1
  47. package/src/less/addons/_background-utilities.less +5 -0
  48. package/src/less/badge.less +2 -2
  49. package/src/less/button-groups.less +3 -2
  50. package/src/less/buttons.less +7 -7
  51. package/src/less/core/_fonts.less +7 -75
  52. package/src/less/core/_scaffolding.less +4 -4
  53. package/src/less/core/_typography-utilities.less +3 -3
  54. package/src/less/core/_typography.less +81 -235
  55. package/src/less/core/fonts/_fonts-ar.less +140 -0
  56. package/src/less/core/fonts/_fonts-en.less +99 -0
  57. package/src/less/core/fonts/_fonts-he.less +8 -0
  58. package/src/less/core/fonts/_fonts-ja.less +4247 -0
  59. package/src/less/core/fonts/_fonts-ko.less +1079 -0
  60. package/src/less/core/fonts/_fonts-th.less +8 -0
  61. package/src/less/core/fonts/_fonts-zh.less +872 -0
  62. package/src/less/decision.less +2 -2
  63. package/src/less/dropdowns.less +8 -7
  64. package/src/less/droppable.less +4 -4
  65. package/src/less/footer.less +4 -3
  66. package/src/less/forms/bootstrap-forms.less +85 -72
  67. package/src/less/forms/checkbox-radio.less +3 -3
  68. package/src/less/input-groups.less +23 -10
  69. package/src/less/list-group.less +8 -5
  70. package/src/less/mixins/_reset-text.less +1 -1
  71. package/src/less/mixins/_text-emphasis.less +7 -1
  72. package/src/less/modals.less +1 -1
  73. package/src/less/navbar.less +19 -19
  74. package/src/less/navs.less +8 -8
  75. package/src/less/neptune.bundle.less +4 -0
  76. package/src/less/panels.less +2 -2
  77. package/src/less/popovers.less +7 -7
  78. package/src/less/progress-bars.less +2 -2
  79. package/src/less/sequences.less +15 -10
  80. package/src/less/table.less +7 -7
  81. package/src/less/tooltip.less +1 -1
  82. package/src/variables/legacy-variables.less +3 -3
  83. package/dist/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2 +0 -0
  84. package/dist/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2 +0 -0
  85. package/dist/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2 +0 -0
  86. package/dist/fonts/inter-greek-variable-wghtOnly-normal.woff2 +0 -0
  87. package/dist/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2 +0 -0
  88. package/dist/fonts/inter-latin-variable-wghtOnly-normal.woff2 +0 -0
  89. package/dist/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2 +0 -0
  90. package/src/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2 +0 -0
  91. package/src/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2 +0 -0
  92. package/src/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2 +0 -0
  93. package/src/fonts/inter-greek-variable-wghtOnly-normal.woff2 +0 -0
  94. package/src/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2 +0 -0
  95. package/src/fonts/inter-latin-variable-wghtOnly-normal.woff2 +0 -0
  96. package/src/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2 +0 -0
package/dist/css/neptune-addons.css CHANGED
@@ -1,13 +1,10 @@
1
1
  .bg-default,
2
2
  .bg-neutral {
3
- background-color: rgba(134,167,189,0.10196) !important;
4
3
  background-color: var(--color-background-neutral) !important;
5
- color: #5d7079;
6
4
  color: var(--color-content-secondary);
7
5
  }
8
6
  .bg-accent,
9
7
  .bg-info {
10
- background-color: rgba(56,200,255,0.10196) !important;
11
8
  background-color: var(--color-background-accent) !important;
12
9
  }
13
10
  .bg-primary {
@@ -16,28 +13,22 @@
16
13
  }
17
14
  .bg-positive,
18
15
  .bg-success {
19
- background-color: rgba(54,199,151,0.10196) !important;
20
16
  background-color: var(--color-background-positive) !important;
21
17
  }
22
18
  .bg-negative,
23
19
  .bg-danger {
24
- background-color: rgba(255,135,135,0.10196) !important;
25
20
  background-color: var(--color-background-negative) !important;
26
21
  }
27
22
  .bg-warning {
28
- background-color: rgba(255,172,0,0.10196) !important;
29
23
  background-color: var(--color-background-warning) !important;
30
24
  }
31
25
  .bg-elevated {
32
- background-color: #ffffff !important;
33
26
  background-color: var(--color-background-elevated) !important;
34
27
  }
35
28
  .bg-screen {
36
- background-color: #ffffff !important;
37
29
  background-color: var(--color-background-screen) !important;
38
30
  }
39
31
  .bg-overlay {
40
- background-color: rgba(0,0,0,0.10196) !important;
41
32
  background-color: var(--color-background-overlay) !important;
42
33
  }
43
34
  .bg-primary h1,
@@ -106,6 +97,21 @@
106
97
  .bg-primary .np-text-title-group,
107
98
  .bg-info .np-text-title-group,
108
99
  .bg-accent .np-text-title-group,
100
+ .bg-primary .wds-text-title-screen,
101
+ .bg-info .wds-text-title-screen,
102
+ .bg-accent .wds-text-title-screen,
103
+ .bg-primary .wds-text-title-section,
104
+ .bg-info .wds-text-title-section,
105
+ .bg-accent .wds-text-title-section,
106
+ .bg-primary .wds-text-title-subsection,
107
+ .bg-info .wds-text-title-subsection,
108
+ .bg-accent .wds-text-title-subsection,
109
+ .bg-primary .wds-text-title-body,
110
+ .bg-info .wds-text-title-body,
111
+ .bg-accent .wds-text-title-body,
112
+ .bg-primary .wds-text-title-group,
113
+ .bg-info .wds-text-title-group,
114
+ .bg-accent .wds-text-title-group,
109
115
  .bg-primary strong,
110
116
  .bg-info strong,
111
117
  .bg-accent strong {
@@ -284,946 +290,665 @@
284
290
  padding-inline-end: 0 !important;
285
291
  }
286
292
  .m-a-1 {
287
- margin-block-start: 8px !important;
288
293
  margin-block-start: var(--size-8) !important;
289
- margin-inline-end: 8px !important;
290
294
  margin-inline-end: var(--size-8) !important;
291
- margin-block-end: 8px !important;
292
295
  margin-block-end: var(--size-8) !important;
293
- margin-inline-start: 8px !important;
294
296
  margin-inline-start: var(--size-8) !important;
295
297
  }
296
298
  .p-a-1 {
297
- padding-block-start: 8px !important;
298
299
  padding-block-start: var(--size-8) !important;
299
- padding-inline-end: 8px !important;
300
300
  padding-inline-end: var(--size-8) !important;
301
- padding-block-end: 8px !important;
302
301
  padding-block-end: var(--size-8) !important;
303
- padding-inline-start: 8px !important;
304
302
  padding-inline-start: var(--size-8) !important;
305
303
  }
306
304
  .m-t-1 {
307
- margin-block-start: 8px !important;
308
305
  margin-block-start: var(--size-8) !important;
309
306
  }
310
307
  .m-b-1 {
311
- margin-block-end: 8px !important;
312
308
  margin-block-end: var(--size-8) !important;
313
309
  }
314
310
  .m-y-1 {
315
- margin-block-start: 8px !important;
316
311
  margin-block-start: var(--size-8) !important;
317
- margin-block-end: 8px !important;
318
312
  margin-block-end: var(--size-8) !important;
319
313
  }
320
314
  .p-t-1 {
321
- padding-block-start: 8px !important;
322
315
  padding-block-start: var(--size-8) !important;
323
316
  }
324
317
  .p-b-1 {
325
- padding-block-end: 8px !important;
326
318
  padding-block-end: var(--size-8) !important;
327
319
  }
328
320
  .p-y-1 {
329
- padding-block-start: 8px !important;
330
321
  padding-block-start: var(--size-8) !important;
331
- padding-block-end: 8px !important;
332
322
  padding-block-end: var(--size-8) !important;
333
323
  }
334
324
  .m-l-1 {
335
- margin-inline-start: 8px !important;
336
325
  margin-inline-start: var(--size-8) !important;
337
326
  }
338
327
  .m-r-1 {
339
- margin-inline-end: 8px !important;
340
328
  margin-inline-end: var(--size-8) !important;
341
329
  }
342
330
  .m-x-1 {
343
- margin-inline-start: 8px !important;
344
331
  margin-inline-start: var(--size-8) !important;
345
- margin-inline-end: 8px !important;
346
332
  margin-inline-end: var(--size-8) !important;
347
333
  }
348
334
  .p-l-1 {
349
- padding-inline-start: 8px !important;
350
335
  padding-inline-start: var(--size-8) !important;
351
336
  }
352
337
  .p-r-1 {
353
- padding-inline-end: 8px !important;
354
338
  padding-inline-end: var(--size-8) !important;
355
339
  }
356
340
  .p-x-1 {
357
- padding-inline-start: 8px !important;
358
341
  padding-inline-start: var(--size-8) !important;
359
- padding-inline-end: 8px !important;
360
342
  padding-inline-end: var(--size-8) !important;
361
343
  }
362
344
  .m-a-2 {
363
- margin-block-start: 16px !important;
364
345
  margin-block-start: var(--size-16) !important;
365
- margin-inline-end: 16px !important;
366
346
  margin-inline-end: var(--size-16) !important;
367
- margin-block-end: 16px !important;
368
347
  margin-block-end: var(--size-16) !important;
369
- margin-inline-start: 16px !important;
370
348
  margin-inline-start: var(--size-16) !important;
371
349
  }
372
350
  .p-a-2 {
373
- padding-block-start: 16px !important;
374
351
  padding-block-start: var(--size-16) !important;
375
- padding-inline-end: 16px !important;
376
352
  padding-inline-end: var(--size-16) !important;
377
- padding-block-end: 16px !important;
378
353
  padding-block-end: var(--size-16) !important;
379
- padding-inline-start: 16px !important;
380
354
  padding-inline-start: var(--size-16) !important;
381
355
  }
382
356
  .m-t-2 {
383
- margin-block-start: 16px !important;
384
357
  margin-block-start: var(--size-16) !important;
385
358
  }
386
359
  .m-b-2 {
387
- margin-block-end: 16px !important;
388
360
  margin-block-end: var(--size-16) !important;
389
361
  }
390
362
  .m-y-2 {
391
- margin-block-start: 16px !important;
392
363
  margin-block-start: var(--size-16) !important;
393
- margin-block-end: 16px !important;
394
364
  margin-block-end: var(--size-16) !important;
395
365
  }
396
366
  .p-t-2 {
397
- padding-block-start: 16px !important;
398
367
  padding-block-start: var(--size-16) !important;
399
368
  }
400
369
  .p-b-2 {
401
- padding-block-end: 16px !important;
402
370
  padding-block-end: var(--size-16) !important;
403
371
  }
404
372
  .p-y-2 {
405
- padding-block-start: 16px !important;
406
373
  padding-block-start: var(--size-16) !important;
407
- padding-block-end: 16px !important;
408
374
  padding-block-end: var(--size-16) !important;
409
375
  }
410
376
  .m-l-2 {
411
- margin-inline-start: 16px !important;
412
377
  margin-inline-start: var(--size-16) !important;
413
378
  }
414
379
  .m-r-2 {
415
- margin-inline-end: 16px !important;
416
380
  margin-inline-end: var(--size-16) !important;
417
381
  }
418
382
  .m-x-2 {
419
- margin-inline-start: 16px !important;
420
383
  margin-inline-start: var(--size-16) !important;
421
- margin-inline-end: 16px !important;
422
384
  margin-inline-end: var(--size-16) !important;
423
385
  }
424
386
  .p-l-2 {
425
- padding-inline-start: 16px !important;
426
387
  padding-inline-start: var(--size-16) !important;
427
388
  }
428
389
  .p-r-2 {
429
- padding-inline-end: 16px !important;
430
390
  padding-inline-end: var(--size-16) !important;
431
391
  }
432
392
  .p-x-2 {
433
- padding-inline-start: 16px !important;
434
393
  padding-inline-start: var(--size-16) !important;
435
- padding-inline-end: 16px !important;
436
394
  padding-inline-end: var(--size-16) !important;
437
395
  }
438
396
  .m-a-3 {
439
- margin-block-start: 24px !important;
440
397
  margin-block-start: var(--size-24) !important;
441
- margin-inline-end: 24px !important;
442
398
  margin-inline-end: var(--size-24) !important;
443
- margin-block-end: 24px !important;
444
399
  margin-block-end: var(--size-24) !important;
445
- margin-inline-start: 24px !important;
446
400
  margin-inline-start: var(--size-24) !important;
447
401
  }
448
402
  .p-a-3 {
449
- padding-block-start: 24px !important;
450
403
  padding-block-start: var(--size-24) !important;
451
- padding-inline-end: 24px !important;
452
404
  padding-inline-end: var(--size-24) !important;
453
- padding-block-end: 24px !important;
454
405
  padding-block-end: var(--size-24) !important;
455
- padding-inline-start: 24px !important;
456
406
  padding-inline-start: var(--size-24) !important;
457
407
  }
458
408
  .m-t-3 {
459
- margin-block-start: 24px !important;
460
409
  margin-block-start: var(--size-24) !important;
461
410
  }
462
411
  .m-b-3 {
463
- margin-block-end: 24px !important;
464
412
  margin-block-end: var(--size-24) !important;
465
413
  }
466
414
  .m-y-3 {
467
- margin-block-start: 24px !important;
468
415
  margin-block-start: var(--size-24) !important;
469
- margin-block-end: 24px !important;
470
416
  margin-block-end: var(--size-24) !important;
471
417
  }
472
418
  .p-t-3 {
473
- padding-block-start: 24px !important;
474
419
  padding-block-start: var(--size-24) !important;
475
420
  }
476
421
  .p-b-3 {
477
- padding-block-end: 24px !important;
478
422
  padding-block-end: var(--size-24) !important;
479
423
  }
480
424
  .p-y-3 {
481
- padding-block-start: 24px !important;
482
425
  padding-block-start: var(--size-24) !important;
483
- padding-block-end: 24px !important;
484
426
  padding-block-end: var(--size-24) !important;
485
427
  }
486
428
  .m-l-3 {
487
- margin-inline-start: 24px !important;
488
429
  margin-inline-start: var(--size-24) !important;
489
430
  }
490
431
  .m-r-3 {
491
- margin-inline-end: 24px !important;
492
432
  margin-inline-end: var(--size-24) !important;
493
433
  }
494
434
  .m-x-3 {
495
- margin-inline-start: 24px !important;
496
435
  margin-inline-start: var(--size-24) !important;
497
- margin-inline-end: 24px !important;
498
436
  margin-inline-end: var(--size-24) !important;
499
437
  }
500
438
  .p-l-3 {
501
- padding-inline-start: 24px !important;
502
439
  padding-inline-start: var(--size-24) !important;
503
440
  }
504
441
  .p-r-3 {
505
- padding-inline-end: 24px !important;
506
442
  padding-inline-end: var(--size-24) !important;
507
443
  }
508
444
  .p-x-3 {
509
- padding-inline-start: 24px !important;
510
445
  padding-inline-start: var(--size-24) !important;
511
- padding-inline-end: 24px !important;
512
446
  padding-inline-end: var(--size-24) !important;
513
447
  }
514
448
  .m-a-4 {
515
- margin-block-start: 32px !important;
516
449
  margin-block-start: var(--size-32) !important;
517
- margin-inline-end: 32px !important;
518
450
  margin-inline-end: var(--size-32) !important;
519
- margin-block-end: 32px !important;
520
451
  margin-block-end: var(--size-32) !important;
521
- margin-inline-start: 32px !important;
522
452
  margin-inline-start: var(--size-32) !important;
523
453
  }
524
454
  .p-a-4 {
525
- padding-block-start: 32px !important;
526
455
  padding-block-start: var(--size-32) !important;
527
- padding-inline-end: 32px !important;
528
456
  padding-inline-end: var(--size-32) !important;
529
- padding-block-end: 32px !important;
530
457
  padding-block-end: var(--size-32) !important;
531
- padding-inline-start: 32px !important;
532
458
  padding-inline-start: var(--size-32) !important;
533
459
  }
534
460
  .m-t-4 {
535
- margin-block-start: 32px !important;
536
461
  margin-block-start: var(--size-32) !important;
537
462
  }
538
463
  .m-b-4 {
539
- margin-block-end: 32px !important;
540
464
  margin-block-end: var(--size-32) !important;
541
465
  }
542
466
  .m-y-4 {
543
- margin-block-start: 32px !important;
544
467
  margin-block-start: var(--size-32) !important;
545
- margin-block-end: 32px !important;
546
468
  margin-block-end: var(--size-32) !important;
547
469
  }
548
470
  .p-t-4 {
549
- padding-block-start: 32px !important;
550
471
  padding-block-start: var(--size-32) !important;
551
472
  }
552
473
  .p-b-4 {
553
- padding-block-end: 32px !important;
554
474
  padding-block-end: var(--size-32) !important;
555
475
  }
556
476
  .p-y-4 {
557
- padding-block-start: 32px !important;
558
477
  padding-block-start: var(--size-32) !important;
559
- padding-block-end: 32px !important;
560
478
  padding-block-end: var(--size-32) !important;
561
479
  }
562
480
  .m-l-4 {
563
- margin-inline-start: 32px !important;
564
481
  margin-inline-start: var(--size-32) !important;
565
482
  }
566
483
  .m-r-4 {
567
- margin-inline-end: 32px !important;
568
484
  margin-inline-end: var(--size-32) !important;
569
485
  }
570
486
  .m-x-4 {
571
- margin-inline-start: 32px !important;
572
487
  margin-inline-start: var(--size-32) !important;
573
- margin-inline-end: 32px !important;
574
488
  margin-inline-end: var(--size-32) !important;
575
489
  }
576
490
  .p-l-4 {
577
- padding-inline-start: 32px !important;
578
491
  padding-inline-start: var(--size-32) !important;
579
492
  }
580
493
  .p-r-4 {
581
- padding-inline-end: 32px !important;
582
494
  padding-inline-end: var(--size-32) !important;
583
495
  }
584
496
  .p-x-4 {
585
- padding-inline-start: 32px !important;
586
497
  padding-inline-start: var(--size-32) !important;
587
- padding-inline-end: 32px !important;
588
498
  padding-inline-end: var(--size-32) !important;
589
499
  }
590
500
  .m-a-5 {
591
- margin-block-start: 40px !important;
592
501
  margin-block-start: var(--size-40) !important;
593
- margin-inline-end: 40px !important;
594
502
  margin-inline-end: var(--size-40) !important;
595
- margin-block-end: 40px !important;
596
503
  margin-block-end: var(--size-40) !important;
597
- margin-inline-start: 40px !important;
598
504
  margin-inline-start: var(--size-40) !important;
599
505
  }
600
506
  .p-a-5 {
601
- padding-block-start: 40px !important;
602
507
  padding-block-start: var(--size-40) !important;
603
- padding-inline-end: 40px !important;
604
508
  padding-inline-end: var(--size-40) !important;
605
- padding-block-end: 40px !important;
606
509
  padding-block-end: var(--size-40) !important;
607
- padding-inline-start: 40px !important;
608
510
  padding-inline-start: var(--size-40) !important;
609
511
  }
610
512
  .m-t-5 {
611
- margin-block-start: 40px !important;
612
513
  margin-block-start: var(--size-40) !important;
613
514
  }
614
515
  .m-b-5 {
615
- margin-block-end: 40px !important;
616
516
  margin-block-end: var(--size-40) !important;
617
517
  }
618
518
  .m-y-5 {
619
- margin-block-start: 40px !important;
620
519
  margin-block-start: var(--size-40) !important;
621
- margin-block-end: 40px !important;
622
520
  margin-block-end: var(--size-40) !important;
623
521
  }
624
522
  .p-t-5 {
625
- padding-block-start: 40px !important;
626
523
  padding-block-start: var(--size-40) !important;
627
524
  }
628
525
  .p-b-5 {
629
- padding-block-end: 40px !important;
630
526
  padding-block-end: var(--size-40) !important;
631
527
  }
632
528
  .p-y-5 {
633
- padding-block-start: 40px !important;
634
529
  padding-block-start: var(--size-40) !important;
635
- padding-block-end: 40px !important;
636
530
  padding-block-end: var(--size-40) !important;
637
531
  }
638
532
  .m-l-5 {
639
- margin-inline-start: 40px !important;
640
533
  margin-inline-start: var(--size-40) !important;
641
534
  }
642
535
  .m-r-5 {
643
- margin-inline-end: 40px !important;
644
536
  margin-inline-end: var(--size-40) !important;
645
537
  }
646
538
  .m-x-5 {
647
- margin-inline-start: 40px !important;
648
539
  margin-inline-start: var(--size-40) !important;
649
- margin-inline-end: 40px !important;
650
540
  margin-inline-end: var(--size-40) !important;
651
541
  }
652
542
  .p-l-5 {
653
- padding-inline-start: 40px !important;
654
543
  padding-inline-start: var(--size-40) !important;
655
544
  }
656
545
  .p-r-5 {
657
- padding-inline-end: 40px !important;
658
546
  padding-inline-end: var(--size-40) !important;
659
547
  }
660
548
  .p-x-5 {
661
- padding-inline-start: 40px !important;
662
549
  padding-inline-start: var(--size-40) !important;
663
- padding-inline-end: 40px !important;
664
550
  padding-inline-end: var(--size-40) !important;
665
551
  }
666
552
  .m-t-4 {
667
- margin-block-start: 32px !important;
668
553
  margin-block-start: var(--size-32) !important;
669
554
  }
670
555
  .m-b-4 {
671
- margin-block-end: 32px !important;
672
556
  margin-block-end: var(--size-32) !important;
673
557
  }
674
558
  .m-y-4 {
675
- margin-block-start: 32px !important;
676
559
  margin-block-start: var(--size-32) !important;
677
- margin-block-end: 32px !important;
678
560
  margin-block-end: var(--size-32) !important;
679
561
  }
680
562
  .p-t-4 {
681
- padding-block-start: 32px !important;
682
563
  padding-block-start: var(--size-32) !important;
683
564
  }
684
565
  .p-b-4 {
685
- padding-block-end: 32px !important;
686
566
  padding-block-end: var(--size-32) !important;
687
567
  }
688
568
  .p-y-4 {
689
- padding-block-start: 32px !important;
690
569
  padding-block-start: var(--size-32) !important;
691
- padding-block-end: 32px !important;
692
570
  padding-block-end: var(--size-32) !important;
693
571
  }
694
572
  .m-t-5 {
695
- margin-block-start: 40px !important;
696
573
  margin-block-start: var(--size-40) !important;
697
574
  }
698
575
  .m-b-5 {
699
- margin-block-end: 40px !important;
700
576
  margin-block-end: var(--size-40) !important;
701
577
  }
702
578
  .m-y-5 {
703
- margin-block-start: 40px !important;
704
579
  margin-block-start: var(--size-40) !important;
705
- margin-block-end: 40px !important;
706
580
  margin-block-end: var(--size-40) !important;
707
581
  }
708
582
  .p-t-5 {
709
- padding-block-start: 40px !important;
710
583
  padding-block-start: var(--size-40) !important;
711
584
  }
712
585
  .p-b-5 {
713
- padding-block-end: 40px !important;
714
586
  padding-block-end: var(--size-40) !important;
715
587
  }
716
588
  .p-y-5 {
717
- padding-block-start: 40px !important;
718
589
  padding-block-start: var(--size-40) !important;
719
- padding-block-end: 40px !important;
720
590
  padding-block-end: var(--size-40) !important;
721
591
  }
722
592
  .gap-y-1 {
723
- row-gap: 8px;
724
593
  row-gap: var(--size-8);
725
594
  }
726
595
  .m-a-panel {
727
- margin-block-start: 16px !important;
728
596
  margin-block-start: var(--size-16) !important;
729
- margin-inline-end: 16px !important;
730
597
  margin-inline-end: var(--size-16) !important;
731
- margin-block-end: 16px !important;
732
598
  margin-block-end: var(--size-16) !important;
733
- margin-inline-start: 16px !important;
734
599
  margin-inline-start: var(--size-16) !important;
735
600
  }
736
601
  .p-a-panel {
737
- padding-block-start: 16px !important;
738
602
  padding-block-start: var(--size-16) !important;
739
- padding-inline-end: 16px !important;
740
603
  padding-inline-end: var(--size-16) !important;
741
- padding-block-end: 16px !important;
742
604
  padding-block-end: var(--size-16) !important;
743
- padding-inline-start: 16px !important;
744
605
  padding-inline-start: var(--size-16) !important;
745
606
  }
746
607
  @media (min-width: 600px) {
747
608
  .m-a-panel {
748
- margin-block-start: 24px !important;
749
609
  margin-block-start: var(--size-24) !important;
750
- margin-inline-end: 24px !important;
751
610
  margin-inline-end: var(--size-24) !important;
752
- margin-block-end: 24px !important;
753
611
  margin-block-end: var(--size-24) !important;
754
- margin-inline-start: 24px !important;
755
612
  margin-inline-start: var(--size-24) !important;
756
613
  }
757
614
  .p-a-panel {
758
- padding-block-start: 24px !important;
759
615
  padding-block-start: var(--size-24) !important;
760
- padding-inline-end: 24px !important;
761
616
  padding-inline-end: var(--size-24) !important;
762
- padding-block-end: 24px !important;
763
617
  padding-block-end: var(--size-24) !important;
764
- padding-inline-start: 24px !important;
765
618
  padding-inline-start: var(--size-24) !important;
766
619
  }
767
620
  }
768
621
  @media (min-width: 1160px) {
769
622
  .m-a-panel {
770
- margin-block-start: 32px !important;
771
623
  margin-block-start: var(--size-32) !important;
772
- margin-inline-end: 32px !important;
773
624
  margin-inline-end: var(--size-32) !important;
774
- margin-block-end: 32px !important;
775
625
  margin-block-end: var(--size-32) !important;
776
- margin-inline-start: 32px !important;
777
626
  margin-inline-start: var(--size-32) !important;
778
627
  }
779
628
  .p-a-panel {
780
- padding-block-start: 32px !important;
781
629
  padding-block-start: var(--size-32) !important;
782
- padding-inline-end: 32px !important;
783
630
  padding-inline-end: var(--size-32) !important;
784
- padding-block-end: 32px !important;
785
631
  padding-block-end: var(--size-32) !important;
786
- padding-inline-start: 32px !important;
787
632
  padding-inline-start: var(--size-32) !important;
788
633
  }
789
634
  }
790
635
  .m-t-panel {
791
- margin-block-start: 16px !important;
792
636
  margin-block-start: var(--size-16) !important;
793
637
  }
794
638
  .m-b-panel {
795
- margin-block-end: 16px !important;
796
639
  margin-block-end: var(--size-16) !important;
797
640
  }
798
641
  .m-y-panel {
799
- margin-block-start: 16px !important;
800
642
  margin-block-start: var(--size-16) !important;
801
- margin-block-end: 16px !important;
802
643
  margin-block-end: var(--size-16) !important;
803
644
  }
804
645
  .p-t-panel {
805
- padding-block-start: 16px !important;
806
646
  padding-block-start: var(--size-16) !important;
807
647
  }
808
648
  .p-b-panel {
809
- padding-block-end: 16px !important;
810
649
  padding-block-end: var(--size-16) !important;
811
650
  }
812
651
  .p-y-panel {
813
- padding-block-start: 16px !important;
814
652
  padding-block-start: var(--size-16) !important;
815
- padding-block-end: 16px !important;
816
653
  padding-block-end: var(--size-16) !important;
817
654
  }
818
655
  @media (min-width: 600px) {
819
656
  .m-t-panel {
820
- margin-block-start: 24px !important;
821
657
  margin-block-start: var(--size-24) !important;
822
658
  }
823
659
  .m-b-panel {
824
- margin-block-end: 24px !important;
825
660
  margin-block-end: var(--size-24) !important;
826
661
  }
827
662
  .m-y-panel {
828
- margin-block-start: 24px !important;
829
663
  margin-block-start: var(--size-24) !important;
830
- margin-block-end: 24px !important;
831
664
  margin-block-end: var(--size-24) !important;
832
665
  }
833
666
  .p-t-panel {
834
- padding-block-start: 24px !important;
835
667
  padding-block-start: var(--size-24) !important;
836
668
  }
837
669
  .p-b-panel {
838
- padding-block-end: 24px !important;
839
670
  padding-block-end: var(--size-24) !important;
840
671
  }
841
672
  .p-y-panel {
842
- padding-block-start: 24px !important;
843
673
  padding-block-start: var(--size-24) !important;
844
- padding-block-end: 24px !important;
845
674
  padding-block-end: var(--size-24) !important;
846
675
  }
847
676
  }
848
677
  @media (min-width: 1160px) {
849
678
  .m-t-panel {
850
- margin-block-start: 32px !important;
851
679
  margin-block-start: var(--size-32) !important;
852
680
  }
853
681
  .m-b-panel {
854
- margin-block-end: 32px !important;
855
682
  margin-block-end: var(--size-32) !important;
856
683
  }
857
684
  .m-y-panel {
858
- margin-block-start: 32px !important;
859
685
  margin-block-start: var(--size-32) !important;
860
- margin-block-end: 32px !important;
861
686
  margin-block-end: var(--size-32) !important;
862
687
  }
863
688
  .p-t-panel {
864
- padding-block-start: 32px !important;
865
689
  padding-block-start: var(--size-32) !important;
866
690
  }
867
691
  .p-b-panel {
868
- padding-block-end: 32px !important;
869
692
  padding-block-end: var(--size-32) !important;
870
693
  }
871
694
  .p-y-panel {
872
- padding-block-start: 32px !important;
873
695
  padding-block-start: var(--size-32) !important;
874
- padding-block-end: 32px !important;
875
696
  padding-block-end: var(--size-32) !important;
876
697
  }
877
698
  }
878
699
  .m-l-panel {
879
- margin-inline-start: 16px !important;
880
700
  margin-inline-start: var(--size-16) !important;
881
701
  }
882
702
  .m-r-panel {
883
- margin-inline-end: 16px !important;
884
703
  margin-inline-end: var(--size-16) !important;
885
704
  }
886
705
  .m-x-panel {
887
- margin-inline-start: 16px !important;
888
706
  margin-inline-start: var(--size-16) !important;
889
- margin-inline-end: 16px !important;
890
707
  margin-inline-end: var(--size-16) !important;
891
708
  }
892
709
  .p-l-panel {
893
- padding-inline-start: 16px !important;
894
710
  padding-inline-start: var(--size-16) !important;
895
711
  }
896
712
  .p-r-panel {
897
- padding-inline-end: 16px !important;
898
713
  padding-inline-end: var(--size-16) !important;
899
714
  }
900
715
  .p-x-panel {
901
- padding-inline-start: 16px !important;
902
716
  padding-inline-start: var(--size-16) !important;
903
- padding-inline-end: 16px !important;
904
717
  padding-inline-end: var(--size-16) !important;
905
718
  }
906
719
  @media (min-width: 600px) {
907
720
  .m-l-panel {
908
- margin-inline-start: 24px !important;
909
721
  margin-inline-start: var(--size-24) !important;
910
722
  }
911
723
  .m-r-panel {
912
- margin-inline-end: 24px !important;
913
724
  margin-inline-end: var(--size-24) !important;
914
725
  }
915
726
  .m-x-panel {
916
- margin-inline-start: 24px !important;
917
727
  margin-inline-start: var(--size-24) !important;
918
- margin-inline-end: 24px !important;
919
728
  margin-inline-end: var(--size-24) !important;
920
729
  }
921
730
  .p-l-panel {
922
- padding-inline-start: 24px !important;
923
731
  padding-inline-start: var(--size-24) !important;
924
732
  }
925
733
  .p-r-panel {
926
- padding-inline-end: 24px !important;
927
734
  padding-inline-end: var(--size-24) !important;
928
735
  }
929
736
  .p-x-panel {
930
- padding-inline-start: 24px !important;
931
737
  padding-inline-start: var(--size-24) !important;
932
- padding-inline-end: 24px !important;
933
738
  padding-inline-end: var(--size-24) !important;
934
739
  }
935
740
  }
936
741
  @media (min-width: 1160px) {
937
742
  .m-l-panel {
938
- margin-inline-start: 32px !important;
939
743
  margin-inline-start: var(--size-32) !important;
940
744
  }
941
745
  .m-r-panel {
942
- margin-inline-end: 32px !important;
943
746
  margin-inline-end: var(--size-32) !important;
944
747
  }
945
748
  .m-x-panel {
946
- margin-inline-start: 32px !important;
947
749
  margin-inline-start: var(--size-32) !important;
948
- margin-inline-end: 32px !important;
949
750
  margin-inline-end: var(--size-32) !important;
950
751
  }
951
752
  .p-l-panel {
952
- padding-inline-start: 32px !important;
953
753
  padding-inline-start: var(--size-32) !important;
954
754
  }
955
755
  .p-r-panel {
956
- padding-inline-end: 32px !important;
957
756
  padding-inline-end: var(--size-32) !important;
958
757
  }
959
758
  .p-x-panel {
960
- padding-inline-start: 32px !important;
961
759
  padding-inline-start: var(--size-32) !important;
962
- padding-inline-end: 32px !important;
963
760
  padding-inline-end: var(--size-32) !important;
964
761
  }
965
762
  }
966
763
  .m-t-section-1 {
967
- margin-block-start: 16px !important;
968
764
  margin-block-start: var(--size-16) !important;
969
765
  }
970
766
  .m-b-section-1 {
971
- margin-block-end: 16px !important;
972
767
  margin-block-end: var(--size-16) !important;
973
768
  }
974
769
  .m-y-section-1 {
975
- margin-block-start: 16px !important;
976
770
  margin-block-start: var(--size-16) !important;
977
- margin-block-end: 16px !important;
978
771
  margin-block-end: var(--size-16) !important;
979
772
  }
980
773
  .p-t-section-1 {
981
- padding-block-start: 16px !important;
982
774
  padding-block-start: var(--size-16) !important;
983
775
  }
984
776
  .p-b-section-1 {
985
- padding-block-end: 16px !important;
986
777
  padding-block-end: var(--size-16) !important;
987
778
  }
988
779
  .p-y-section-1 {
989
- padding-block-start: 16px !important;
990
780
  padding-block-start: var(--size-16) !important;
991
- padding-block-end: 16px !important;
992
781
  padding-block-end: var(--size-16) !important;
993
782
  }
994
783
  @media (min-width: 600px) {
995
784
  .m-t-section-1 {
996
- margin-block-start: 24px !important;
997
785
  margin-block-start: var(--size-24) !important;
998
786
  }
999
787
  .m-b-section-1 {
1000
- margin-block-end: 24px !important;
1001
788
  margin-block-end: var(--size-24) !important;
1002
789
  }
1003
790
  .m-y-section-1 {
1004
- margin-block-start: 24px !important;
1005
791
  margin-block-start: var(--size-24) !important;
1006
- margin-block-end: 24px !important;
1007
792
  margin-block-end: var(--size-24) !important;
1008
793
  }
1009
794
  .p-t-section-1 {
1010
- padding-block-start: 24px !important;
1011
795
  padding-block-start: var(--size-24) !important;
1012
796
  }
1013
797
  .p-b-section-1 {
1014
- padding-block-end: 24px !important;
1015
798
  padding-block-end: var(--size-24) !important;
1016
799
  }
1017
800
  .p-y-section-1 {
1018
- padding-block-start: 24px !important;
1019
801
  padding-block-start: var(--size-24) !important;
1020
- padding-block-end: 24px !important;
1021
802
  padding-block-end: var(--size-24) !important;
1022
803
  }
1023
804
  }
1024
805
  @media (min-width: 1160px) {
1025
806
  .m-t-section-1 {
1026
- margin-block-start: 32px !important;
1027
807
  margin-block-start: var(--size-32) !important;
1028
808
  }
1029
809
  .m-b-section-1 {
1030
- margin-block-end: 32px !important;
1031
810
  margin-block-end: var(--size-32) !important;
1032
811
  }
1033
812
  .m-y-section-1 {
1034
- margin-block-start: 32px !important;
1035
813
  margin-block-start: var(--size-32) !important;
1036
- margin-block-end: 32px !important;
1037
814
  margin-block-end: var(--size-32) !important;
1038
815
  }
1039
816
  .p-t-section-1 {
1040
- padding-block-start: 32px !important;
1041
817
  padding-block-start: var(--size-32) !important;
1042
818
  }
1043
819
  .p-b-section-1 {
1044
- padding-block-end: 32px !important;
1045
820
  padding-block-end: var(--size-32) !important;
1046
821
  }
1047
822
  .p-y-section-1 {
1048
- padding-block-start: 32px !important;
1049
823
  padding-block-start: var(--size-32) !important;
1050
- padding-block-end: 32px !important;
1051
824
  padding-block-end: var(--size-32) !important;
1052
825
  }
1053
826
  }
1054
827
  .m-t-section-2 {
1055
- margin-block-start: 32px !important;
1056
828
  margin-block-start: var(--size-32) !important;
1057
829
  }
1058
830
  .m-b-section-2 {
1059
- margin-block-end: 32px !important;
1060
831
  margin-block-end: var(--size-32) !important;
1061
832
  }
1062
833
  .m-y-section-2 {
1063
- margin-block-start: 32px !important;
1064
834
  margin-block-start: var(--size-32) !important;
1065
- margin-block-end: 32px !important;
1066
835
  margin-block-end: var(--size-32) !important;
1067
836
  }
1068
837
  .p-t-section-2 {
1069
- padding-block-start: 32px !important;
1070
838
  padding-block-start: var(--size-32) !important;
1071
839
  }
1072
840
  .p-b-section-2 {
1073
- padding-block-end: 32px !important;
1074
841
  padding-block-end: var(--size-32) !important;
1075
842
  }
1076
843
  .p-y-section-2 {
1077
- padding-block-start: 32px !important;
1078
844
  padding-block-start: var(--size-32) !important;
1079
- padding-block-end: 32px !important;
1080
845
  padding-block-end: var(--size-32) !important;
1081
846
  }
1082
847
  @media (min-width: 600px) {
1083
848
  .m-t-section-2 {
1084
- margin-block-start: 48px !important;
1085
849
  margin-block-start: var(--size-48) !important;
1086
850
  }
1087
851
  .m-b-section-2 {
1088
- margin-block-end: 48px !important;
1089
852
  margin-block-end: var(--size-48) !important;
1090
853
  }
1091
854
  .m-y-section-2 {
1092
- margin-block-start: 48px !important;
1093
855
  margin-block-start: var(--size-48) !important;
1094
- margin-block-end: 48px !important;
1095
856
  margin-block-end: var(--size-48) !important;
1096
857
  }
1097
858
  .p-t-section-2 {
1098
- padding-block-start: 48px !important;
1099
859
  padding-block-start: var(--size-48) !important;
1100
860
  }
1101
861
  .p-b-section-2 {
1102
- padding-block-end: 48px !important;
1103
862
  padding-block-end: var(--size-48) !important;
1104
863
  }
1105
864
  .p-y-section-2 {
1106
- padding-block-start: 48px !important;
1107
865
  padding-block-start: var(--size-48) !important;
1108
- padding-block-end: 48px !important;
1109
866
  padding-block-end: var(--size-48) !important;
1110
867
  }
1111
868
  }
1112
869
  @media (min-width: 1160px) {
1113
870
  .m-t-section-2 {
1114
- margin-block-start: 64px !important;
1115
871
  margin-block-start: var(--size-64) !important;
1116
872
  }
1117
873
  .m-b-section-2 {
1118
- margin-block-end: 64px !important;
1119
874
  margin-block-end: var(--size-64) !important;
1120
875
  }
1121
876
  .m-y-section-2 {
1122
- margin-block-start: 64px !important;
1123
877
  margin-block-start: var(--size-64) !important;
1124
- margin-block-end: 64px !important;
1125
878
  margin-block-end: var(--size-64) !important;
1126
879
  }
1127
880
  .p-t-section-2 {
1128
- padding-block-start: 64px !important;
1129
881
  padding-block-start: var(--size-64) !important;
1130
882
  }
1131
883
  .p-b-section-2 {
1132
- padding-block-end: 64px !important;
1133
884
  padding-block-end: var(--size-64) !important;
1134
885
  }
1135
886
  .p-y-section-2 {
1136
- padding-block-start: 64px !important;
1137
887
  padding-block-start: var(--size-64) !important;
1138
- padding-block-end: 64px !important;
1139
888
  padding-block-end: var(--size-64) !important;
1140
889
  }
1141
890
  }
1142
891
  .m-t-section-3 {
1143
- margin-block-start: 48px !important;
1144
892
  margin-block-start: var(--size-48) !important;
1145
893
  }
1146
894
  .m-b-section-3 {
1147
- margin-block-end: 48px !important;
1148
895
  margin-block-end: var(--size-48) !important;
1149
896
  }
1150
897
  .m-y-section-3 {
1151
- margin-block-start: 48px !important;
1152
898
  margin-block-start: var(--size-48) !important;
1153
- margin-block-end: 48px !important;
1154
899
  margin-block-end: var(--size-48) !important;
1155
900
  }
1156
901
  .p-t-section-3 {
1157
- padding-block-start: 48px !important;
1158
902
  padding-block-start: var(--size-48) !important;
1159
903
  }
1160
904
  .p-b-section-3 {
1161
- padding-block-end: 48px !important;
1162
905
  padding-block-end: var(--size-48) !important;
1163
906
  }
1164
907
  .p-y-section-3 {
1165
- padding-block-start: 48px !important;
1166
908
  padding-block-start: var(--size-48) !important;
1167
- padding-block-end: 48px !important;
1168
909
  padding-block-end: var(--size-48) !important;
1169
910
  }
1170
911
  @media (min-width: 600px) {
1171
912
  .m-t-section-3 {
1172
- margin-block-start: 72px !important;
1173
913
  margin-block-start: var(--size-72) !important;
1174
914
  }
1175
915
  .m-b-section-3 {
1176
- margin-block-end: 72px !important;
1177
916
  margin-block-end: var(--size-72) !important;
1178
917
  }
1179
918
  .m-y-section-3 {
1180
- margin-block-start: 72px !important;
1181
919
  margin-block-start: var(--size-72) !important;
1182
- margin-block-end: 72px !important;
1183
920
  margin-block-end: var(--size-72) !important;
1184
921
  }
1185
922
  .p-t-section-3 {
1186
- padding-block-start: 72px !important;
1187
923
  padding-block-start: var(--size-72) !important;
1188
924
  }
1189
925
  .p-b-section-3 {
1190
- padding-block-end: 72px !important;
1191
926
  padding-block-end: var(--size-72) !important;
1192
927
  }
1193
928
  .p-y-section-3 {
1194
- padding-block-start: 72px !important;
1195
929
  padding-block-start: var(--size-72) !important;
1196
- padding-block-end: 72px !important;
1197
930
  padding-block-end: var(--size-72) !important;
1198
931
  }
1199
932
  }
1200
933
  @media (min-width: 1160px) {
1201
934
  .m-t-section-3 {
1202
- margin-block-start: 96px !important;
1203
935
  margin-block-start: var(--size-96) !important;
1204
936
  }
1205
937
  .m-b-section-3 {
1206
- margin-block-end: 96px !important;
1207
938
  margin-block-end: var(--size-96) !important;
1208
939
  }
1209
940
  .m-y-section-3 {
1210
- margin-block-start: 96px !important;
1211
941
  margin-block-start: var(--size-96) !important;
1212
- margin-block-end: 96px !important;
1213
942
  margin-block-end: var(--size-96) !important;
1214
943
  }
1215
944
  .p-t-section-3 {
1216
- padding-block-start: 96px !important;
1217
945
  padding-block-start: var(--size-96) !important;
1218
946
  }
1219
947
  .p-b-section-3 {
1220
- padding-block-end: 96px !important;
1221
948
  padding-block-end: var(--size-96) !important;
1222
949
  }
1223
950
  .p-y-section-3 {
1224
- padding-block-start: 96px !important;
1225
951
  padding-block-start: var(--size-96) !important;
1226
- padding-block-end: 96px !important;
1227
952
  padding-block-end: var(--size-96) !important;
1228
953
  }
1229
954
  }
@@ -1238,24 +963,18 @@
1238
963
  margin-inline-start: auto !important;
1239
964
  }
1240
965
  .section {
1241
- padding-block-start: 48px;
1242
966
  padding-block-start: var(--size-48);
1243
- padding-block-end: 48px;
1244
967
  padding-block-end: var(--size-48);
1245
968
  }
1246
969
  @media (min-width: 600px) {
1247
970
  .section {
1248
- padding-block-start: 72px;
1249
971
  padding-block-start: var(--size-72);
1250
- padding-block-end: 72px;
1251
972
  padding-block-end: var(--size-72);
1252
973
  }
1253
974
  }
1254
975
  @media (min-width: 1160px) {
1255
976
  .section {
1256
- padding-block-start: 96px;
1257
977
  padding-block-start: var(--size-96);
1258
- padding-block-end: 96px;
1259
978
  padding-block-end: var(--size-96);
1260
979
  }
1261
980
  }
@@ -1291,7 +1010,5 @@
1291
1010
  }
1292
1011
  }
1293
1012
  .border-bottom {
1294
- border-block-end: 1px solid rgba(134,167,189,0.10196);
1295
- border-block-end: 1px solid #86a7bd1a;
1296
1013
  border-block-end: 1px solid var(--color-background-neutral);
1297
1014
  }