@transferwise/neptune-css 0.0.0-experimental-bb7ed4a → 0.0.0-experimental-7cfec48

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 (59) hide show
  1. package/dist/css/accordion.css +6 -21
  2. package/dist/css/alerts.css +14 -159
  3. package/dist/css/background.css +2 -6
  4. package/dist/css/badge.css +1 -11
  5. package/dist/css/breadcrumbs.css +1 -2
  6. package/dist/css/button-groups.css +2 -8
  7. package/dist/css/buttons.css +142 -212
  8. package/dist/css/chevron.css +1 -1
  9. package/dist/css/circles.css +10 -22
  10. package/dist/css/close.css +2 -3
  11. package/dist/css/column-layout.css +0 -4
  12. package/dist/css/currency-flags.css +1 -5
  13. package/dist/css/decision.css +5 -14
  14. package/dist/css/dropdowns.css +8 -28
  15. package/dist/css/droppable.css +11 -18
  16. package/dist/css/flex.css +0 -32
  17. package/dist/css/footer.css +8 -46
  18. package/dist/css/grid.css +0 -6
  19. package/dist/css/input-groups.css +142 -188
  20. package/dist/css/link-callout.css +0 -2
  21. package/dist/css/list-group.css +8 -39
  22. package/dist/css/media.css +0 -6
  23. package/dist/css/modals.css +3 -13
  24. package/dist/css/navbar-base.css +19 -107
  25. package/dist/css/navbar.css +37 -175
  26. package/dist/css/navs.css +8 -33
  27. package/dist/css/neptune-addons.css +4 -466
  28. package/dist/css/neptune-core.css +32 -196
  29. package/dist/css/neptune.css +655 -2204
  30. package/dist/css/panels.css +0 -3
  31. package/dist/css/popovers.css +6 -30
  32. package/dist/css/process.css +8 -8
  33. package/dist/css/progress-bars.css +2 -11
  34. package/dist/css/ring.css +2 -2
  35. package/dist/css/select.css +2 -12
  36. package/dist/css/sequences.css +25 -173
  37. package/dist/css/table.css +18 -65
  38. package/dist/css/tick.css +0 -2
  39. package/dist/css/tooltip.css +1 -7
  40. package/dist/css/wells.css +5 -25
  41. package/dist/less/neptune-tokens.less +153 -264
  42. package/dist/props/neptune-tokens.css +145 -132
  43. package/package.json +2 -2
  44. package/src/less/addons/_background-utilities.less +33 -33
  45. package/src/less/alerts.less +28 -28
  46. package/src/less/background.less +0 -3
  47. package/src/less/buttons.less +19 -19
  48. package/src/less/column-layout.less +1 -1
  49. package/src/less/core/_scaffolding.less +13 -13
  50. package/src/less/core/_typography-utilities.less +18 -18
  51. package/src/less/dropdowns.less +7 -7
  52. package/src/less/footer.less +26 -26
  53. package/src/less/modals.less +1 -1
  54. package/src/less/navbar-base.less +25 -25
  55. package/src/less/navbar.less +3 -3
  56. package/src/less/navs.less +9 -9
  57. package/src/less/sequences.less +13 -13
  58. package/src/less/table.less +31 -31
  59. package/src/variables/neptune-tokens.less +8 -8
package/dist/css/neptune-addons.css CHANGED
@@ -1,31 +1,23 @@
1
1
  .bg-default,
2
2
  .bg-neutral {
3
- background-color: rgba(134,167,189,0.10196) !important;
3
+ background-color: rgba(22,51,0,0.07843) !important;
4
4
  background-color: var(--color-background-neutral) !important;
5
- color: #5d7079;
5
+ color: #454745;
6
6
  color: var(--color-content-secondary);
7
7
  }
8
8
  .bg-accent,
9
9
  .bg-info {
10
- background-color: rgba(56,200,255,0.10196) !important;
11
10
  background-color: var(--color-background-accent) !important;
12
11
  }
13
- .bg-primary {
14
- background-color: #37517e !important;
15
- color: #ffffff;
16
- }
17
12
  .bg-positive,
18
13
  .bg-success {
19
- background-color: rgba(54,199,151,0.10196) !important;
20
14
  background-color: var(--color-background-positive) !important;
21
15
  }
22
16
  .bg-negative,
23
17
  .bg-danger {
24
- background-color: rgba(255,135,135,0.10196) !important;
25
18
  background-color: var(--color-background-negative) !important;
26
19
  }
27
20
  .bg-warning {
28
- background-color: rgba(255,172,0,0.10196) !important;
29
21
  background-color: var(--color-background-warning) !important;
30
22
  }
31
23
  .bg-elevated {
@@ -37,80 +29,9 @@
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;
32
+ background-color: rgba(22,51,0,0.07843) !important;
41
33
  background-color: var(--color-background-overlay) !important;
42
34
  }
43
- .bg-primary h1,
44
- .bg-info h1,
45
- .bg-accent h1,
46
- .bg-primary h2,
47
- .bg-info h2,
48
- .bg-accent h2,
49
- .bg-primary h3,
50
- .bg-info h3,
51
- .bg-accent h3,
52
- .bg-primary h4,
53
- .bg-info h4,
54
- .bg-accent h4,
55
- .bg-primary h5,
56
- .bg-info h5,
57
- .bg-accent h5,
58
- .bg-primary h6,
59
- .bg-info h6,
60
- .bg-accent h6,
61
- .bg-primary .h1,
62
- .bg-info .h1,
63
- .bg-accent .h1,
64
- .bg-primary .h2,
65
- .bg-info .h2,
66
- .bg-accent .h2,
67
- .bg-primary .h3,
68
- .bg-info .h3,
69
- .bg-accent .h3,
70
- .bg-primary .h4,
71
- .bg-info .h4,
72
- .bg-accent .h4,
73
- .bg-primary .h5,
74
- .bg-info .h5,
75
- .bg-accent .h5,
76
- .bg-primary .h6,
77
- .bg-info .h6,
78
- .bg-accent .h6,
79
- .bg-primary .title-1,
80
- .bg-info .title-1,
81
- .bg-accent .title-1,
82
- .bg-primary .title-2,
83
- .bg-info .title-2,
84
- .bg-accent .title-2,
85
- .bg-primary .title-3,
86
- .bg-info .title-3,
87
- .bg-accent .title-3,
88
- .bg-primary .title-4,
89
- .bg-info .title-4,
90
- .bg-accent .title-4,
91
- .bg-primary .title-5,
92
- .bg-info .title-5,
93
- .bg-accent .title-5,
94
- .bg-primary .np-text-title-screen,
95
- .bg-info .np-text-title-screen,
96
- .bg-accent .np-text-title-screen,
97
- .bg-primary .np-text-title-section,
98
- .bg-info .np-text-title-section,
99
- .bg-accent .np-text-title-section,
100
- .bg-primary .np-text-title-subsection,
101
- .bg-info .np-text-title-subsection,
102
- .bg-accent .np-text-title-subsection,
103
- .bg-primary .np-text-title-body,
104
- .bg-info .np-text-title-body,
105
- .bg-accent .np-text-title-body,
106
- .bg-primary .np-text-title-group,
107
- .bg-info .np-text-title-group,
108
- .bg-accent .np-text-title-group,
109
- .bg-primary strong,
110
- .bg-info strong,
111
- .bg-accent strong {
112
- color: #ffffff;
113
- }
114
35
  .d-block {
115
36
  display: block !important;
116
37
  }
@@ -348,1426 +269,1049 @@ html:not([dir="rtl"]) .p-x-0 {
348
269
  padding-right: 0 !important;
349
270
  }
350
271
  .m-a-1 {
351
- margin-top: 8px !important;
352
272
  margin-top: var(--size-8) !important;
353
- margin-bottom: 8px !important;
354
273
  margin-bottom: var(--size-8) !important;
355
274
  }
356
275
  [dir="rtl"] .m-a-1 {
357
- margin-left: 8px !important;
358
276
  margin-left: var(--size-8) !important;
359
277
  }
360
278
  html:not([dir="rtl"]) .m-a-1 {
361
- margin-right: 8px !important;
362
279
  margin-right: var(--size-8) !important;
363
280
  }
364
281
  [dir="rtl"] .m-a-1 {
365
- margin-right: 8px !important;
366
282
  margin-right: var(--size-8) !important;
367
283
  }
368
284
  html:not([dir="rtl"]) .m-a-1 {
369
- margin-left: 8px !important;
370
285
  margin-left: var(--size-8) !important;
371
286
  }
372
287
  .p-a-1 {
373
- padding-top: 8px !important;
374
288
  padding-top: var(--size-8) !important;
375
- padding-bottom: 8px !important;
376
289
  padding-bottom: var(--size-8) !important;
377
290
  }
378
291
  [dir="rtl"] .p-a-1 {
379
- padding-left: 8px !important;
380
292
  padding-left: var(--size-8) !important;
381
293
  }
382
294
  html:not([dir="rtl"]) .p-a-1 {
383
- padding-right: 8px !important;
384
295
  padding-right: var(--size-8) !important;
385
296
  }
386
297
  [dir="rtl"] .p-a-1 {
387
- padding-right: 8px !important;
388
298
  padding-right: var(--size-8) !important;
389
299
  }
390
300
  html:not([dir="rtl"]) .p-a-1 {
391
- padding-left: 8px !important;
392
301
  padding-left: var(--size-8) !important;
393
302
  }
394
303
  .m-t-1 {
395
- margin-top: 8px !important;
396
304
  margin-top: var(--size-8) !important;
397
305
  }
398
306
  .m-b-1 {
399
- margin-bottom: 8px !important;
400
307
  margin-bottom: var(--size-8) !important;
401
308
  }
402
309
  .m-y-1 {
403
- margin-top: 8px !important;
404
310
  margin-top: var(--size-8) !important;
405
- margin-bottom: 8px !important;
406
311
  margin-bottom: var(--size-8) !important;
407
312
  }
408
313
  .p-t-1 {
409
- padding-top: 8px !important;
410
314
  padding-top: var(--size-8) !important;
411
315
  }
412
316
  .p-b-1 {
413
- padding-bottom: 8px !important;
414
317
  padding-bottom: var(--size-8) !important;
415
318
  }
416
319
  .p-y-1 {
417
- padding-top: 8px !important;
418
320
  padding-top: var(--size-8) !important;
419
- padding-bottom: 8px !important;
420
321
  padding-bottom: var(--size-8) !important;
421
322
  }
422
323
  [dir="rtl"] .m-l-1 {
423
- margin-right: 8px !important;
424
324
  margin-right: var(--size-8) !important;
425
325
  }
426
326
  html:not([dir="rtl"]) .m-l-1 {
427
- margin-left: 8px !important;
428
327
  margin-left: var(--size-8) !important;
429
328
  }
430
329
  [dir="rtl"] .m-r-1 {
431
- margin-left: 8px !important;
432
330
  margin-left: var(--size-8) !important;
433
331
  }
434
332
  html:not([dir="rtl"]) .m-r-1 {
435
- margin-right: 8px !important;
436
333
  margin-right: var(--size-8) !important;
437
334
  }
438
335
  [dir="rtl"] .m-x-1 {
439
- margin-right: 8px !important;
440
336
  margin-right: var(--size-8) !important;
441
337
  }
442
338
  html:not([dir="rtl"]) .m-x-1 {
443
- margin-left: 8px !important;
444
339
  margin-left: var(--size-8) !important;
445
340
  }
446
341
  [dir="rtl"] .m-x-1 {
447
- margin-left: 8px !important;
448
342
  margin-left: var(--size-8) !important;
449
343
  }
450
344
  html:not([dir="rtl"]) .m-x-1 {
451
- margin-right: 8px !important;
452
345
  margin-right: var(--size-8) !important;
453
346
  }
454
347
  [dir="rtl"] .p-l-1 {
455
- padding-right: 8px !important;
456
348
  padding-right: var(--size-8) !important;
457
349
  }
458
350
  html:not([dir="rtl"]) .p-l-1 {
459
- padding-left: 8px !important;
460
351
  padding-left: var(--size-8) !important;
461
352
  }
462
353
  [dir="rtl"] .p-r-1 {
463
- padding-left: 8px !important;
464
354
  padding-left: var(--size-8) !important;
465
355
  }
466
356
  html:not([dir="rtl"]) .p-r-1 {
467
- padding-right: 8px !important;
468
357
  padding-right: var(--size-8) !important;
469
358
  }
470
359
  [dir="rtl"] .p-x-1 {
471
- padding-right: 8px !important;
472
360
  padding-right: var(--size-8) !important;
473
361
  }
474
362
  html:not([dir="rtl"]) .p-x-1 {
475
- padding-left: 8px !important;
476
363
  padding-left: var(--size-8) !important;
477
364
  }
478
365
  [dir="rtl"] .p-x-1 {
479
- padding-left: 8px !important;
480
366
  padding-left: var(--size-8) !important;
481
367
  }
482
368
  html:not([dir="rtl"]) .p-x-1 {
483
- padding-right: 8px !important;
484
369
  padding-right: var(--size-8) !important;
485
370
  }
486
371
  .m-a-2 {
487
- margin-top: 16px !important;
488
372
  margin-top: var(--size-16) !important;
489
- margin-bottom: 16px !important;
490
373
  margin-bottom: var(--size-16) !important;
491
374
  }
492
375
  [dir="rtl"] .m-a-2 {
493
- margin-left: 16px !important;
494
376
  margin-left: var(--size-16) !important;
495
377
  }
496
378
  html:not([dir="rtl"]) .m-a-2 {
497
- margin-right: 16px !important;
498
379
  margin-right: var(--size-16) !important;
499
380
  }
500
381
  [dir="rtl"] .m-a-2 {
501
- margin-right: 16px !important;
502
382
  margin-right: var(--size-16) !important;
503
383
  }
504
384
  html:not([dir="rtl"]) .m-a-2 {
505
- margin-left: 16px !important;
506
385
  margin-left: var(--size-16) !important;
507
386
  }
508
387
  .p-a-2 {
509
- padding-top: 16px !important;
510
388
  padding-top: var(--size-16) !important;
511
- padding-bottom: 16px !important;
512
389
  padding-bottom: var(--size-16) !important;
513
390
  }
514
391
  [dir="rtl"] .p-a-2 {
515
- padding-left: 16px !important;
516
392
  padding-left: var(--size-16) !important;
517
393
  }
518
394
  html:not([dir="rtl"]) .p-a-2 {
519
- padding-right: 16px !important;
520
395
  padding-right: var(--size-16) !important;
521
396
  }
522
397
  [dir="rtl"] .p-a-2 {
523
- padding-right: 16px !important;
524
398
  padding-right: var(--size-16) !important;
525
399
  }
526
400
  html:not([dir="rtl"]) .p-a-2 {
527
- padding-left: 16px !important;
528
401
  padding-left: var(--size-16) !important;
529
402
  }
530
403
  .m-t-2 {
531
- margin-top: 16px !important;
532
404
  margin-top: var(--size-16) !important;
533
405
  }
534
406
  .m-b-2 {
535
- margin-bottom: 16px !important;
536
407
  margin-bottom: var(--size-16) !important;
537
408
  }
538
409
  .m-y-2 {
539
- margin-top: 16px !important;
540
410
  margin-top: var(--size-16) !important;
541
- margin-bottom: 16px !important;
542
411
  margin-bottom: var(--size-16) !important;
543
412
  }
544
413
  .p-t-2 {
545
- padding-top: 16px !important;
546
414
  padding-top: var(--size-16) !important;
547
415
  }
548
416
  .p-b-2 {
549
- padding-bottom: 16px !important;
550
417
  padding-bottom: var(--size-16) !important;
551
418
  }
552
419
  .p-y-2 {
553
- padding-top: 16px !important;
554
420
  padding-top: var(--size-16) !important;
555
- padding-bottom: 16px !important;
556
421
  padding-bottom: var(--size-16) !important;
557
422
  }
558
423
  [dir="rtl"] .m-l-2 {
559
- margin-right: 16px !important;
560
424
  margin-right: var(--size-16) !important;
561
425
  }
562
426
  html:not([dir="rtl"]) .m-l-2 {
563
- margin-left: 16px !important;
564
427
  margin-left: var(--size-16) !important;
565
428
  }
566
429
  [dir="rtl"] .m-r-2 {
567
- margin-left: 16px !important;
568
430
  margin-left: var(--size-16) !important;
569
431
  }
570
432
  html:not([dir="rtl"]) .m-r-2 {
571
- margin-right: 16px !important;
572
433
  margin-right: var(--size-16) !important;
573
434
  }
574
435
  [dir="rtl"] .m-x-2 {
575
- margin-right: 16px !important;
576
436
  margin-right: var(--size-16) !important;
577
437
  }
578
438
  html:not([dir="rtl"]) .m-x-2 {
579
- margin-left: 16px !important;
580
439
  margin-left: var(--size-16) !important;
581
440
  }
582
441
  [dir="rtl"] .m-x-2 {
583
- margin-left: 16px !important;
584
442
  margin-left: var(--size-16) !important;
585
443
  }
586
444
  html:not([dir="rtl"]) .m-x-2 {
587
- margin-right: 16px !important;
588
445
  margin-right: var(--size-16) !important;
589
446
  }
590
447
  [dir="rtl"] .p-l-2 {
591
- padding-right: 16px !important;
592
448
  padding-right: var(--size-16) !important;
593
449
  }
594
450
  html:not([dir="rtl"]) .p-l-2 {
595
- padding-left: 16px !important;
596
451
  padding-left: var(--size-16) !important;
597
452
  }
598
453
  [dir="rtl"] .p-r-2 {
599
- padding-left: 16px !important;
600
454
  padding-left: var(--size-16) !important;
601
455
  }
602
456
  html:not([dir="rtl"]) .p-r-2 {
603
- padding-right: 16px !important;
604
457
  padding-right: var(--size-16) !important;
605
458
  }
606
459
  [dir="rtl"] .p-x-2 {
607
- padding-right: 16px !important;
608
460
  padding-right: var(--size-16) !important;
609
461
  }
610
462
  html:not([dir="rtl"]) .p-x-2 {
611
- padding-left: 16px !important;
612
463
  padding-left: var(--size-16) !important;
613
464
  }
614
465
  [dir="rtl"] .p-x-2 {
615
- padding-left: 16px !important;
616
466
  padding-left: var(--size-16) !important;
617
467
  }
618
468
  html:not([dir="rtl"]) .p-x-2 {
619
- padding-right: 16px !important;
620
469
  padding-right: var(--size-16) !important;
621
470
  }
622
471
  .m-a-3 {
623
- margin-top: 24px !important;
624
472
  margin-top: var(--size-24) !important;
625
- margin-bottom: 24px !important;
626
473
  margin-bottom: var(--size-24) !important;
627
474
  }
628
475
  [dir="rtl"] .m-a-3 {
629
- margin-left: 24px !important;
630
476
  margin-left: var(--size-24) !important;
631
477
  }
632
478
  html:not([dir="rtl"]) .m-a-3 {
633
- margin-right: 24px !important;
634
479
  margin-right: var(--size-24) !important;
635
480
  }
636
481
  [dir="rtl"] .m-a-3 {
637
- margin-right: 24px !important;
638
482
  margin-right: var(--size-24) !important;
639
483
  }
640
484
  html:not([dir="rtl"]) .m-a-3 {
641
- margin-left: 24px !important;
642
485
  margin-left: var(--size-24) !important;
643
486
  }
644
487
  .p-a-3 {
645
- padding-top: 24px !important;
646
488
  padding-top: var(--size-24) !important;
647
- padding-bottom: 24px !important;
648
489
  padding-bottom: var(--size-24) !important;
649
490
  }
650
491
  [dir="rtl"] .p-a-3 {
651
- padding-left: 24px !important;
652
492
  padding-left: var(--size-24) !important;
653
493
  }
654
494
  html:not([dir="rtl"]) .p-a-3 {
655
- padding-right: 24px !important;
656
495
  padding-right: var(--size-24) !important;
657
496
  }
658
497
  [dir="rtl"] .p-a-3 {
659
- padding-right: 24px !important;
660
498
  padding-right: var(--size-24) !important;
661
499
  }
662
500
  html:not([dir="rtl"]) .p-a-3 {
663
- padding-left: 24px !important;
664
501
  padding-left: var(--size-24) !important;
665
502
  }
666
503
  .m-t-3 {
667
- margin-top: 24px !important;
668
504
  margin-top: var(--size-24) !important;
669
505
  }
670
506
  .m-b-3 {
671
- margin-bottom: 24px !important;
672
507
  margin-bottom: var(--size-24) !important;
673
508
  }
674
509
  .m-y-3 {
675
- margin-top: 24px !important;
676
510
  margin-top: var(--size-24) !important;
677
- margin-bottom: 24px !important;
678
511
  margin-bottom: var(--size-24) !important;
679
512
  }
680
513
  .p-t-3 {
681
- padding-top: 24px !important;
682
514
  padding-top: var(--size-24) !important;
683
515
  }
684
516
  .p-b-3 {
685
- padding-bottom: 24px !important;
686
517
  padding-bottom: var(--size-24) !important;
687
518
  }
688
519
  .p-y-3 {
689
- padding-top: 24px !important;
690
520
  padding-top: var(--size-24) !important;
691
- padding-bottom: 24px !important;
692
521
  padding-bottom: var(--size-24) !important;
693
522
  }
694
523
  [dir="rtl"] .m-l-3 {
695
- margin-right: 24px !important;
696
524
  margin-right: var(--size-24) !important;
697
525
  }
698
526
  html:not([dir="rtl"]) .m-l-3 {
699
- margin-left: 24px !important;
700
527
  margin-left: var(--size-24) !important;
701
528
  }
702
529
  [dir="rtl"] .m-r-3 {
703
- margin-left: 24px !important;
704
530
  margin-left: var(--size-24) !important;
705
531
  }
706
532
  html:not([dir="rtl"]) .m-r-3 {
707
- margin-right: 24px !important;
708
533
  margin-right: var(--size-24) !important;
709
534
  }
710
535
  [dir="rtl"] .m-x-3 {
711
- margin-right: 24px !important;
712
536
  margin-right: var(--size-24) !important;
713
537
  }
714
538
  html:not([dir="rtl"]) .m-x-3 {
715
- margin-left: 24px !important;
716
539
  margin-left: var(--size-24) !important;
717
540
  }
718
541
  [dir="rtl"] .m-x-3 {
719
- margin-left: 24px !important;
720
542
  margin-left: var(--size-24) !important;
721
543
  }
722
544
  html:not([dir="rtl"]) .m-x-3 {
723
- margin-right: 24px !important;
724
545
  margin-right: var(--size-24) !important;
725
546
  }
726
547
  [dir="rtl"] .p-l-3 {
727
- padding-right: 24px !important;
728
548
  padding-right: var(--size-24) !important;
729
549
  }
730
550
  html:not([dir="rtl"]) .p-l-3 {
731
- padding-left: 24px !important;
732
551
  padding-left: var(--size-24) !important;
733
552
  }
734
553
  [dir="rtl"] .p-r-3 {
735
- padding-left: 24px !important;
736
554
  padding-left: var(--size-24) !important;
737
555
  }
738
556
  html:not([dir="rtl"]) .p-r-3 {
739
- padding-right: 24px !important;
740
557
  padding-right: var(--size-24) !important;
741
558
  }
742
559
  [dir="rtl"] .p-x-3 {
743
- padding-right: 24px !important;
744
560
  padding-right: var(--size-24) !important;
745
561
  }
746
562
  html:not([dir="rtl"]) .p-x-3 {
747
- padding-left: 24px !important;
748
563
  padding-left: var(--size-24) !important;
749
564
  }
750
565
  [dir="rtl"] .p-x-3 {
751
- padding-left: 24px !important;
752
566
  padding-left: var(--size-24) !important;
753
567
  }
754
568
  html:not([dir="rtl"]) .p-x-3 {
755
- padding-right: 24px !important;
756
569
  padding-right: var(--size-24) !important;
757
570
  }
758
571
  .m-a-4 {
759
- margin-top: 32px !important;
760
572
  margin-top: var(--size-32) !important;
761
- margin-bottom: 32px !important;
762
573
  margin-bottom: var(--size-32) !important;
763
574
  }
764
575
  [dir="rtl"] .m-a-4 {
765
- margin-left: 32px !important;
766
576
  margin-left: var(--size-32) !important;
767
577
  }
768
578
  html:not([dir="rtl"]) .m-a-4 {
769
- margin-right: 32px !important;
770
579
  margin-right: var(--size-32) !important;
771
580
  }
772
581
  [dir="rtl"] .m-a-4 {
773
- margin-right: 32px !important;
774
582
  margin-right: var(--size-32) !important;
775
583
  }
776
584
  html:not([dir="rtl"]) .m-a-4 {
777
- margin-left: 32px !important;
778
585
  margin-left: var(--size-32) !important;
779
586
  }
780
587
  .p-a-4 {
781
- padding-top: 32px !important;
782
588
  padding-top: var(--size-32) !important;
783
- padding-bottom: 32px !important;
784
589
  padding-bottom: var(--size-32) !important;
785
590
  }
786
591
  [dir="rtl"] .p-a-4 {
787
- padding-left: 32px !important;
788
592
  padding-left: var(--size-32) !important;
789
593
  }
790
594
  html:not([dir="rtl"]) .p-a-4 {
791
- padding-right: 32px !important;
792
595
  padding-right: var(--size-32) !important;
793
596
  }
794
597
  [dir="rtl"] .p-a-4 {
795
- padding-right: 32px !important;
796
598
  padding-right: var(--size-32) !important;
797
599
  }
798
600
  html:not([dir="rtl"]) .p-a-4 {
799
- padding-left: 32px !important;
800
601
  padding-left: var(--size-32) !important;
801
602
  }
802
603
  .m-t-4 {
803
- margin-top: 32px !important;
804
604
  margin-top: var(--size-32) !important;
805
605
  }
806
606
  .m-b-4 {
807
- margin-bottom: 32px !important;
808
607
  margin-bottom: var(--size-32) !important;
809
608
  }
810
609
  .m-y-4 {
811
- margin-top: 32px !important;
812
610
  margin-top: var(--size-32) !important;
813
- margin-bottom: 32px !important;
814
611
  margin-bottom: var(--size-32) !important;
815
612
  }
816
613
  .p-t-4 {
817
- padding-top: 32px !important;
818
614
  padding-top: var(--size-32) !important;
819
615
  }
820
616
  .p-b-4 {
821
- padding-bottom: 32px !important;
822
617
  padding-bottom: var(--size-32) !important;
823
618
  }
824
619
  .p-y-4 {
825
- padding-top: 32px !important;
826
620
  padding-top: var(--size-32) !important;
827
- padding-bottom: 32px !important;
828
621
  padding-bottom: var(--size-32) !important;
829
622
  }
830
623
  [dir="rtl"] .m-l-4 {
831
- margin-right: 32px !important;
832
624
  margin-right: var(--size-32) !important;
833
625
  }
834
626
  html:not([dir="rtl"]) .m-l-4 {
835
- margin-left: 32px !important;
836
627
  margin-left: var(--size-32) !important;
837
628
  }
838
629
  [dir="rtl"] .m-r-4 {
839
- margin-left: 32px !important;
840
630
  margin-left: var(--size-32) !important;
841
631
  }
842
632
  html:not([dir="rtl"]) .m-r-4 {
843
- margin-right: 32px !important;
844
633
  margin-right: var(--size-32) !important;
845
634
  }
846
635
  [dir="rtl"] .m-x-4 {
847
- margin-right: 32px !important;
848
636
  margin-right: var(--size-32) !important;
849
637
  }
850
638
  html:not([dir="rtl"]) .m-x-4 {
851
- margin-left: 32px !important;
852
639
  margin-left: var(--size-32) !important;
853
640
  }
854
641
  [dir="rtl"] .m-x-4 {
855
- margin-left: 32px !important;
856
642
  margin-left: var(--size-32) !important;
857
643
  }
858
644
  html:not([dir="rtl"]) .m-x-4 {
859
- margin-right: 32px !important;
860
645
  margin-right: var(--size-32) !important;
861
646
  }
862
647
  [dir="rtl"] .p-l-4 {
863
- padding-right: 32px !important;
864
648
  padding-right: var(--size-32) !important;
865
649
  }
866
650
  html:not([dir="rtl"]) .p-l-4 {
867
- padding-left: 32px !important;
868
651
  padding-left: var(--size-32) !important;
869
652
  }
870
653
  [dir="rtl"] .p-r-4 {
871
- padding-left: 32px !important;
872
654
  padding-left: var(--size-32) !important;
873
655
  }
874
656
  html:not([dir="rtl"]) .p-r-4 {
875
- padding-right: 32px !important;
876
657
  padding-right: var(--size-32) !important;
877
658
  }
878
659
  [dir="rtl"] .p-x-4 {
879
- padding-right: 32px !important;
880
660
  padding-right: var(--size-32) !important;
881
661
  }
882
662
  html:not([dir="rtl"]) .p-x-4 {
883
- padding-left: 32px !important;
884
663
  padding-left: var(--size-32) !important;
885
664
  }
886
665
  [dir="rtl"] .p-x-4 {
887
- padding-left: 32px !important;
888
666
  padding-left: var(--size-32) !important;
889
667
  }
890
668
  html:not([dir="rtl"]) .p-x-4 {
891
- padding-right: 32px !important;
892
669
  padding-right: var(--size-32) !important;
893
670
  }
894
671
  .m-a-5 {
895
- margin-top: 40px !important;
896
672
  margin-top: var(--size-40) !important;
897
- margin-bottom: 40px !important;
898
673
  margin-bottom: var(--size-40) !important;
899
674
  }
900
675
  [dir="rtl"] .m-a-5 {
901
- margin-left: 40px !important;
902
676
  margin-left: var(--size-40) !important;
903
677
  }
904
678
  html:not([dir="rtl"]) .m-a-5 {
905
- margin-right: 40px !important;
906
679
  margin-right: var(--size-40) !important;
907
680
  }
908
681
  [dir="rtl"] .m-a-5 {
909
- margin-right: 40px !important;
910
682
  margin-right: var(--size-40) !important;
911
683
  }
912
684
  html:not([dir="rtl"]) .m-a-5 {
913
- margin-left: 40px !important;
914
685
  margin-left: var(--size-40) !important;
915
686
  }
916
687
  .p-a-5 {
917
- padding-top: 40px !important;
918
688
  padding-top: var(--size-40) !important;
919
- padding-bottom: 40px !important;
920
689
  padding-bottom: var(--size-40) !important;
921
690
  }
922
691
  [dir="rtl"] .p-a-5 {
923
- padding-left: 40px !important;
924
692
  padding-left: var(--size-40) !important;
925
693
  }
926
694
  html:not([dir="rtl"]) .p-a-5 {
927
- padding-right: 40px !important;
928
695
  padding-right: var(--size-40) !important;
929
696
  }
930
697
  [dir="rtl"] .p-a-5 {
931
- padding-right: 40px !important;
932
698
  padding-right: var(--size-40) !important;
933
699
  }
934
700
  html:not([dir="rtl"]) .p-a-5 {
935
- padding-left: 40px !important;
936
701
  padding-left: var(--size-40) !important;
937
702
  }
938
703
  .m-t-5 {
939
- margin-top: 40px !important;
940
704
  margin-top: var(--size-40) !important;
941
705
  }
942
706
  .m-b-5 {
943
- margin-bottom: 40px !important;
944
707
  margin-bottom: var(--size-40) !important;
945
708
  }
946
709
  .m-y-5 {
947
- margin-top: 40px !important;
948
710
  margin-top: var(--size-40) !important;
949
- margin-bottom: 40px !important;
950
711
  margin-bottom: var(--size-40) !important;
951
712
  }
952
713
  .p-t-5 {
953
- padding-top: 40px !important;
954
714
  padding-top: var(--size-40) !important;
955
715
  }
956
716
  .p-b-5 {
957
- padding-bottom: 40px !important;
958
717
  padding-bottom: var(--size-40) !important;
959
718
  }
960
719
  .p-y-5 {
961
- padding-top: 40px !important;
962
720
  padding-top: var(--size-40) !important;
963
- padding-bottom: 40px !important;
964
721
  padding-bottom: var(--size-40) !important;
965
722
  }
966
723
  [dir="rtl"] .m-l-5 {
967
- margin-right: 40px !important;
968
724
  margin-right: var(--size-40) !important;
969
725
  }
970
726
  html:not([dir="rtl"]) .m-l-5 {
971
- margin-left: 40px !important;
972
727
  margin-left: var(--size-40) !important;
973
728
  }
974
729
  [dir="rtl"] .m-r-5 {
975
- margin-left: 40px !important;
976
730
  margin-left: var(--size-40) !important;
977
731
  }
978
732
  html:not([dir="rtl"]) .m-r-5 {
979
- margin-right: 40px !important;
980
733
  margin-right: var(--size-40) !important;
981
734
  }
982
735
  [dir="rtl"] .m-x-5 {
983
- margin-right: 40px !important;
984
736
  margin-right: var(--size-40) !important;
985
737
  }
986
738
  html:not([dir="rtl"]) .m-x-5 {
987
- margin-left: 40px !important;
988
739
  margin-left: var(--size-40) !important;
989
740
  }
990
741
  [dir="rtl"] .m-x-5 {
991
- margin-left: 40px !important;
992
742
  margin-left: var(--size-40) !important;
993
743
  }
994
744
  html:not([dir="rtl"]) .m-x-5 {
995
- margin-right: 40px !important;
996
745
  margin-right: var(--size-40) !important;
997
746
  }
998
747
  [dir="rtl"] .p-l-5 {
999
- padding-right: 40px !important;
1000
748
  padding-right: var(--size-40) !important;
1001
749
  }
1002
750
  html:not([dir="rtl"]) .p-l-5 {
1003
- padding-left: 40px !important;
1004
751
  padding-left: var(--size-40) !important;
1005
752
  }
1006
753
  [dir="rtl"] .p-r-5 {
1007
- padding-left: 40px !important;
1008
754
  padding-left: var(--size-40) !important;
1009
755
  }
1010
756
  html:not([dir="rtl"]) .p-r-5 {
1011
- padding-right: 40px !important;
1012
757
  padding-right: var(--size-40) !important;
1013
758
  }
1014
759
  [dir="rtl"] .p-x-5 {
1015
- padding-right: 40px !important;
1016
760
  padding-right: var(--size-40) !important;
1017
761
  }
1018
762
  html:not([dir="rtl"]) .p-x-5 {
1019
- padding-left: 40px !important;
1020
763
  padding-left: var(--size-40) !important;
1021
764
  }
1022
765
  [dir="rtl"] .p-x-5 {
1023
- padding-left: 40px !important;
1024
766
  padding-left: var(--size-40) !important;
1025
767
  }
1026
768
  html:not([dir="rtl"]) .p-x-5 {
1027
- padding-right: 40px !important;
1028
769
  padding-right: var(--size-40) !important;
1029
770
  }
1030
771
  .m-t-4 {
1031
- margin-top: 32px !important;
1032
772
  margin-top: var(--size-32) !important;
1033
773
  }
1034
774
  .m-b-4 {
1035
- margin-bottom: 32px !important;
1036
775
  margin-bottom: var(--size-32) !important;
1037
776
  }
1038
777
  .m-y-4 {
1039
- margin-top: 32px !important;
1040
778
  margin-top: var(--size-32) !important;
1041
- margin-bottom: 32px !important;
1042
779
  margin-bottom: var(--size-32) !important;
1043
780
  }
1044
781
  .p-t-4 {
1045
- padding-top: 32px !important;
1046
782
  padding-top: var(--size-32) !important;
1047
783
  }
1048
784
  .p-b-4 {
1049
- padding-bottom: 32px !important;
1050
785
  padding-bottom: var(--size-32) !important;
1051
786
  }
1052
787
  .p-y-4 {
1053
- padding-top: 32px !important;
1054
788
  padding-top: var(--size-32) !important;
1055
- padding-bottom: 32px !important;
1056
789
  padding-bottom: var(--size-32) !important;
1057
790
  }
1058
791
  .m-t-5 {
1059
- margin-top: 40px !important;
1060
792
  margin-top: var(--size-40) !important;
1061
793
  }
1062
794
  .m-b-5 {
1063
- margin-bottom: 40px !important;
1064
795
  margin-bottom: var(--size-40) !important;
1065
796
  }
1066
797
  .m-y-5 {
1067
- margin-top: 40px !important;
1068
798
  margin-top: var(--size-40) !important;
1069
- margin-bottom: 40px !important;
1070
799
  margin-bottom: var(--size-40) !important;
1071
800
  }
1072
801
  .p-t-5 {
1073
- padding-top: 40px !important;
1074
802
  padding-top: var(--size-40) !important;
1075
803
  }
1076
804
  .p-b-5 {
1077
- padding-bottom: 40px !important;
1078
805
  padding-bottom: var(--size-40) !important;
1079
806
  }
1080
807
  .p-y-5 {
1081
- padding-top: 40px !important;
1082
808
  padding-top: var(--size-40) !important;
1083
- padding-bottom: 40px !important;
1084
809
  padding-bottom: var(--size-40) !important;
1085
810
  }
1086
811
  .gap-y-1 {
1087
- row-gap: 8px;
1088
812
  row-gap: var(--size-8);
1089
813
  }
1090
814
  .m-a-panel {
1091
- margin-top: 16px !important;
1092
815
  margin-top: var(--size-16) !important;
1093
- margin-bottom: 16px !important;
1094
816
  margin-bottom: var(--size-16) !important;
1095
817
  }
1096
818
  [dir="rtl"] .m-a-panel {
1097
- margin-left: 16px !important;
1098
819
  margin-left: var(--size-16) !important;
1099
820
  }
1100
821
  html:not([dir="rtl"]) .m-a-panel {
1101
- margin-right: 16px !important;
1102
822
  margin-right: var(--size-16) !important;
1103
823
  }
1104
824
  [dir="rtl"] .m-a-panel {
1105
- margin-right: 16px !important;
1106
825
  margin-right: var(--size-16) !important;
1107
826
  }
1108
827
  html:not([dir="rtl"]) .m-a-panel {
1109
- margin-left: 16px !important;
1110
828
  margin-left: var(--size-16) !important;
1111
829
  }
1112
830
  .p-a-panel {
1113
- padding-top: 16px !important;
1114
831
  padding-top: var(--size-16) !important;
1115
- padding-bottom: 16px !important;
1116
832
  padding-bottom: var(--size-16) !important;
1117
833
  }
1118
834
  [dir="rtl"] .p-a-panel {
1119
- padding-left: 16px !important;
1120
835
  padding-left: var(--size-16) !important;
1121
836
  }
1122
837
  html:not([dir="rtl"]) .p-a-panel {
1123
- padding-right: 16px !important;
1124
838
  padding-right: var(--size-16) !important;
1125
839
  }
1126
840
  [dir="rtl"] .p-a-panel {
1127
- padding-right: 16px !important;
1128
841
  padding-right: var(--size-16) !important;
1129
842
  }
1130
843
  html:not([dir="rtl"]) .p-a-panel {
1131
- padding-left: 16px !important;
1132
844
  padding-left: var(--size-16) !important;
1133
845
  }
1134
846
  @media (min-width: 576px) {
1135
847
  .m-a-panel {
1136
- margin-top: 24px !important;
1137
848
  margin-top: var(--size-24) !important;
1138
- margin-bottom: 24px !important;
1139
849
  margin-bottom: var(--size-24) !important;
1140
850
  }
1141
851
  [dir="rtl"] .m-a-panel {
1142
- margin-left: 24px !important;
1143
852
  margin-left: var(--size-24) !important;
1144
853
  }
1145
854
  html:not([dir="rtl"]) .m-a-panel {
1146
- margin-right: 24px !important;
1147
855
  margin-right: var(--size-24) !important;
1148
856
  }
1149
857
  [dir="rtl"] .m-a-panel {
1150
- margin-right: 24px !important;
1151
858
  margin-right: var(--size-24) !important;
1152
859
  }
1153
860
  html:not([dir="rtl"]) .m-a-panel {
1154
- margin-left: 24px !important;
1155
861
  margin-left: var(--size-24) !important;
1156
862
  }
1157
863
  .p-a-panel {
1158
- padding-top: 24px !important;
1159
864
  padding-top: var(--size-24) !important;
1160
- padding-bottom: 24px !important;
1161
865
  padding-bottom: var(--size-24) !important;
1162
866
  }
1163
867
  [dir="rtl"] .p-a-panel {
1164
- padding-left: 24px !important;
1165
868
  padding-left: var(--size-24) !important;
1166
869
  }
1167
870
  html:not([dir="rtl"]) .p-a-panel {
1168
- padding-right: 24px !important;
1169
871
  padding-right: var(--size-24) !important;
1170
872
  }
1171
873
  [dir="rtl"] .p-a-panel {
1172
- padding-right: 24px !important;
1173
874
  padding-right: var(--size-24) !important;
1174
875
  }
1175
876
  html:not([dir="rtl"]) .p-a-panel {
1176
- padding-left: 24px !important;
1177
877
  padding-left: var(--size-24) !important;
1178
878
  }
1179
879
  }
1180
880
  @media (min-width: 992px) {
1181
881
  .m-a-panel {
1182
- margin-top: 32px !important;
1183
882
  margin-top: var(--size-32) !important;
1184
- margin-bottom: 32px !important;
1185
883
  margin-bottom: var(--size-32) !important;
1186
884
  }
1187
885
  [dir="rtl"] .m-a-panel {
1188
- margin-left: 32px !important;
1189
886
  margin-left: var(--size-32) !important;
1190
887
  }
1191
888
  html:not([dir="rtl"]) .m-a-panel {
1192
- margin-right: 32px !important;
1193
889
  margin-right: var(--size-32) !important;
1194
890
  }
1195
891
  [dir="rtl"] .m-a-panel {
1196
- margin-right: 32px !important;
1197
892
  margin-right: var(--size-32) !important;
1198
893
  }
1199
894
  html:not([dir="rtl"]) .m-a-panel {
1200
- margin-left: 32px !important;
1201
895
  margin-left: var(--size-32) !important;
1202
896
  }
1203
897
  .p-a-panel {
1204
- padding-top: 32px !important;
1205
898
  padding-top: var(--size-32) !important;
1206
- padding-bottom: 32px !important;
1207
899
  padding-bottom: var(--size-32) !important;
1208
900
  }
1209
901
  [dir="rtl"] .p-a-panel {
1210
- padding-left: 32px !important;
1211
902
  padding-left: var(--size-32) !important;
1212
903
  }
1213
904
  html:not([dir="rtl"]) .p-a-panel {
1214
- padding-right: 32px !important;
1215
905
  padding-right: var(--size-32) !important;
1216
906
  }
1217
907
  [dir="rtl"] .p-a-panel {
1218
- padding-right: 32px !important;
1219
908
  padding-right: var(--size-32) !important;
1220
909
  }
1221
910
  html:not([dir="rtl"]) .p-a-panel {
1222
- padding-left: 32px !important;
1223
911
  padding-left: var(--size-32) !important;
1224
912
  }
1225
913
  }
1226
914
  .m-t-panel {
1227
- margin-top: 16px !important;
1228
915
  margin-top: var(--size-16) !important;
1229
916
  }
1230
917
  .m-b-panel {
1231
- margin-bottom: 16px !important;
1232
918
  margin-bottom: var(--size-16) !important;
1233
919
  }
1234
920
  .m-y-panel {
1235
- margin-top: 16px !important;
1236
921
  margin-top: var(--size-16) !important;
1237
- margin-bottom: 16px !important;
1238
922
  margin-bottom: var(--size-16) !important;
1239
923
  }
1240
924
  .p-t-panel {
1241
- padding-top: 16px !important;
1242
925
  padding-top: var(--size-16) !important;
1243
926
  }
1244
927
  .p-b-panel {
1245
- padding-bottom: 16px !important;
1246
928
  padding-bottom: var(--size-16) !important;
1247
929
  }
1248
930
  .p-y-panel {
1249
- padding-top: 16px !important;
1250
931
  padding-top: var(--size-16) !important;
1251
- padding-bottom: 16px !important;
1252
932
  padding-bottom: var(--size-16) !important;
1253
933
  }
1254
934
  @media (min-width: 576px) {
1255
935
  .m-t-panel {
1256
- margin-top: 24px !important;
1257
936
  margin-top: var(--size-24) !important;
1258
937
  }
1259
938
  .m-b-panel {
1260
- margin-bottom: 24px !important;
1261
939
  margin-bottom: var(--size-24) !important;
1262
940
  }
1263
941
  .m-y-panel {
1264
- margin-top: 24px !important;
1265
942
  margin-top: var(--size-24) !important;
1266
- margin-bottom: 24px !important;
1267
943
  margin-bottom: var(--size-24) !important;
1268
944
  }
1269
945
  .p-t-panel {
1270
- padding-top: 24px !important;
1271
946
  padding-top: var(--size-24) !important;
1272
947
  }
1273
948
  .p-b-panel {
1274
- padding-bottom: 24px !important;
1275
949
  padding-bottom: var(--size-24) !important;
1276
950
  }
1277
951
  .p-y-panel {
1278
- padding-top: 24px !important;
1279
952
  padding-top: var(--size-24) !important;
1280
- padding-bottom: 24px !important;
1281
953
  padding-bottom: var(--size-24) !important;
1282
954
  }
1283
955
  }
1284
956
  @media (min-width: 992px) {
1285
957
  .m-t-panel {
1286
- margin-top: 32px !important;
1287
958
  margin-top: var(--size-32) !important;
1288
959
  }
1289
960
  .m-b-panel {
1290
- margin-bottom: 32px !important;
1291
961
  margin-bottom: var(--size-32) !important;
1292
962
  }
1293
963
  .m-y-panel {
1294
- margin-top: 32px !important;
1295
964
  margin-top: var(--size-32) !important;
1296
- margin-bottom: 32px !important;
1297
965
  margin-bottom: var(--size-32) !important;
1298
966
  }
1299
967
  .p-t-panel {
1300
- padding-top: 32px !important;
1301
968
  padding-top: var(--size-32) !important;
1302
969
  }
1303
970
  .p-b-panel {
1304
- padding-bottom: 32px !important;
1305
971
  padding-bottom: var(--size-32) !important;
1306
972
  }
1307
973
  .p-y-panel {
1308
- padding-top: 32px !important;
1309
974
  padding-top: var(--size-32) !important;
1310
- padding-bottom: 32px !important;
1311
975
  padding-bottom: var(--size-32) !important;
1312
976
  }
1313
977
  }
1314
978
  [dir="rtl"] .m-l-panel {
1315
- margin-right: 16px !important;
1316
979
  margin-right: var(--size-16) !important;
1317
980
  }
1318
981
  html:not([dir="rtl"]) .m-l-panel {
1319
- margin-left: 16px !important;
1320
982
  margin-left: var(--size-16) !important;
1321
983
  }
1322
984
  [dir="rtl"] .m-r-panel {
1323
- margin-left: 16px !important;
1324
985
  margin-left: var(--size-16) !important;
1325
986
  }
1326
987
  html:not([dir="rtl"]) .m-r-panel {
1327
- margin-right: 16px !important;
1328
988
  margin-right: var(--size-16) !important;
1329
989
  }
1330
990
  [dir="rtl"] .m-x-panel {
1331
- margin-right: 16px !important;
1332
991
  margin-right: var(--size-16) !important;
1333
992
  }
1334
993
  html:not([dir="rtl"]) .m-x-panel {
1335
- margin-left: 16px !important;
1336
994
  margin-left: var(--size-16) !important;
1337
995
  }
1338
996
  [dir="rtl"] .m-x-panel {
1339
- margin-left: 16px !important;
1340
997
  margin-left: var(--size-16) !important;
1341
998
  }
1342
999
  html:not([dir="rtl"]) .m-x-panel {
1343
- margin-right: 16px !important;
1344
1000
  margin-right: var(--size-16) !important;
1345
1001
  }
1346
1002
  [dir="rtl"] .p-l-panel {
1347
- padding-right: 16px !important;
1348
1003
  padding-right: var(--size-16) !important;
1349
1004
  }
1350
1005
  html:not([dir="rtl"]) .p-l-panel {
1351
- padding-left: 16px !important;
1352
1006
  padding-left: var(--size-16) !important;
1353
1007
  }
1354
1008
  [dir="rtl"] .p-r-panel {
1355
- padding-left: 16px !important;
1356
1009
  padding-left: var(--size-16) !important;
1357
1010
  }
1358
1011
  html:not([dir="rtl"]) .p-r-panel {
1359
- padding-right: 16px !important;
1360
1012
  padding-right: var(--size-16) !important;
1361
1013
  }
1362
1014
  [dir="rtl"] .p-x-panel {
1363
- padding-right: 16px !important;
1364
1015
  padding-right: var(--size-16) !important;
1365
1016
  }
1366
1017
  html:not([dir="rtl"]) .p-x-panel {
1367
- padding-left: 16px !important;
1368
1018
  padding-left: var(--size-16) !important;
1369
1019
  }
1370
1020
  [dir="rtl"] .p-x-panel {
1371
- padding-left: 16px !important;
1372
1021
  padding-left: var(--size-16) !important;
1373
1022
  }
1374
1023
  html:not([dir="rtl"]) .p-x-panel {
1375
- padding-right: 16px !important;
1376
1024
  padding-right: var(--size-16) !important;
1377
1025
  }
1378
1026
  @media (min-width: 576px) {
1379
1027
  [dir="rtl"] .m-l-panel {
1380
- margin-right: 24px !important;
1381
1028
  margin-right: var(--size-24) !important;
1382
1029
  }
1383
1030
  html:not([dir="rtl"]) .m-l-panel {
1384
- margin-left: 24px !important;
1385
1031
  margin-left: var(--size-24) !important;
1386
1032
  }
1387
1033
  [dir="rtl"] .m-r-panel {
1388
- margin-left: 24px !important;
1389
1034
  margin-left: var(--size-24) !important;
1390
1035
  }
1391
1036
  html:not([dir="rtl"]) .m-r-panel {
1392
- margin-right: 24px !important;
1393
1037
  margin-right: var(--size-24) !important;
1394
1038
  }
1395
1039
  [dir="rtl"] .m-x-panel {
1396
- margin-right: 24px !important;
1397
1040
  margin-right: var(--size-24) !important;
1398
1041
  }
1399
1042
  html:not([dir="rtl"]) .m-x-panel {
1400
- margin-left: 24px !important;
1401
1043
  margin-left: var(--size-24) !important;
1402
1044
  }
1403
1045
  [dir="rtl"] .m-x-panel {
1404
- margin-left: 24px !important;
1405
1046
  margin-left: var(--size-24) !important;
1406
1047
  }
1407
1048
  html:not([dir="rtl"]) .m-x-panel {
1408
- margin-right: 24px !important;
1409
1049
  margin-right: var(--size-24) !important;
1410
1050
  }
1411
1051
  [dir="rtl"] .p-l-panel {
1412
- padding-right: 24px !important;
1413
1052
  padding-right: var(--size-24) !important;
1414
1053
  }
1415
1054
  html:not([dir="rtl"]) .p-l-panel {
1416
- padding-left: 24px !important;
1417
1055
  padding-left: var(--size-24) !important;
1418
1056
  }
1419
1057
  [dir="rtl"] .p-r-panel {
1420
- padding-left: 24px !important;
1421
1058
  padding-left: var(--size-24) !important;
1422
1059
  }
1423
1060
  html:not([dir="rtl"]) .p-r-panel {
1424
- padding-right: 24px !important;
1425
1061
  padding-right: var(--size-24) !important;
1426
1062
  }
1427
1063
  [dir="rtl"] .p-x-panel {
1428
- padding-right: 24px !important;
1429
1064
  padding-right: var(--size-24) !important;
1430
1065
  }
1431
1066
  html:not([dir="rtl"]) .p-x-panel {
1432
- padding-left: 24px !important;
1433
1067
  padding-left: var(--size-24) !important;
1434
1068
  }
1435
1069
  [dir="rtl"] .p-x-panel {
1436
- padding-left: 24px !important;
1437
1070
  padding-left: var(--size-24) !important;
1438
1071
  }
1439
1072
  html:not([dir="rtl"]) .p-x-panel {
1440
- padding-right: 24px !important;
1441
1073
  padding-right: var(--size-24) !important;
1442
1074
  }
1443
1075
  }
1444
1076
  @media (min-width: 992px) {
1445
1077
  [dir="rtl"] .m-l-panel {
1446
- margin-right: 32px !important;
1447
1078
  margin-right: var(--size-32) !important;
1448
1079
  }
1449
1080
  html:not([dir="rtl"]) .m-l-panel {
1450
- margin-left: 32px !important;
1451
1081
  margin-left: var(--size-32) !important;
1452
1082
  }
1453
1083
  [dir="rtl"] .m-r-panel {
1454
- margin-left: 32px !important;
1455
1084
  margin-left: var(--size-32) !important;
1456
1085
  }
1457
1086
  html:not([dir="rtl"]) .m-r-panel {
1458
- margin-right: 32px !important;
1459
1087
  margin-right: var(--size-32) !important;
1460
1088
  }
1461
1089
  [dir="rtl"] .m-x-panel {
1462
- margin-right: 32px !important;
1463
1090
  margin-right: var(--size-32) !important;
1464
1091
  }
1465
1092
  html:not([dir="rtl"]) .m-x-panel {
1466
- margin-left: 32px !important;
1467
1093
  margin-left: var(--size-32) !important;
1468
1094
  }
1469
1095
  [dir="rtl"] .m-x-panel {
1470
- margin-left: 32px !important;
1471
1096
  margin-left: var(--size-32) !important;
1472
1097
  }
1473
1098
  html:not([dir="rtl"]) .m-x-panel {
1474
- margin-right: 32px !important;
1475
1099
  margin-right: var(--size-32) !important;
1476
1100
  }
1477
1101
  [dir="rtl"] .p-l-panel {
1478
- padding-right: 32px !important;
1479
1102
  padding-right: var(--size-32) !important;
1480
1103
  }
1481
1104
  html:not([dir="rtl"]) .p-l-panel {
1482
- padding-left: 32px !important;
1483
1105
  padding-left: var(--size-32) !important;
1484
1106
  }
1485
1107
  [dir="rtl"] .p-r-panel {
1486
- padding-left: 32px !important;
1487
1108
  padding-left: var(--size-32) !important;
1488
1109
  }
1489
1110
  html:not([dir="rtl"]) .p-r-panel {
1490
- padding-right: 32px !important;
1491
1111
  padding-right: var(--size-32) !important;
1492
1112
  }
1493
1113
  [dir="rtl"] .p-x-panel {
1494
- padding-right: 32px !important;
1495
1114
  padding-right: var(--size-32) !important;
1496
1115
  }
1497
1116
  html:not([dir="rtl"]) .p-x-panel {
1498
- padding-left: 32px !important;
1499
1117
  padding-left: var(--size-32) !important;
1500
1118
  }
1501
1119
  [dir="rtl"] .p-x-panel {
1502
- padding-left: 32px !important;
1503
1120
  padding-left: var(--size-32) !important;
1504
1121
  }
1505
1122
  html:not([dir="rtl"]) .p-x-panel {
1506
- padding-right: 32px !important;
1507
1123
  padding-right: var(--size-32) !important;
1508
1124
  }
1509
1125
  }
1510
1126
  .m-t-section-1 {
1511
- margin-top: 16px !important;
1512
1127
  margin-top: var(--size-16) !important;
1513
1128
  }
1514
1129
  .m-b-section-1 {
1515
- margin-bottom: 16px !important;
1516
1130
  margin-bottom: var(--size-16) !important;
1517
1131
  }
1518
1132
  .m-y-section-1 {
1519
- margin-top: 16px !important;
1520
1133
  margin-top: var(--size-16) !important;
1521
- margin-bottom: 16px !important;
1522
1134
  margin-bottom: var(--size-16) !important;
1523
1135
  }
1524
1136
  .p-t-section-1 {
1525
- padding-top: 16px !important;
1526
1137
  padding-top: var(--size-16) !important;
1527
1138
  }
1528
1139
  .p-b-section-1 {
1529
- padding-bottom: 16px !important;
1530
1140
  padding-bottom: var(--size-16) !important;
1531
1141
  }
1532
1142
  .p-y-section-1 {
1533
- padding-top: 16px !important;
1534
1143
  padding-top: var(--size-16) !important;
1535
- padding-bottom: 16px !important;
1536
1144
  padding-bottom: var(--size-16) !important;
1537
1145
  }
1538
1146
  @media (min-width: 576px) {
1539
1147
  .m-t-section-1 {
1540
- margin-top: 24px !important;
1541
1148
  margin-top: var(--size-24) !important;
1542
1149
  }
1543
1150
  .m-b-section-1 {
1544
- margin-bottom: 24px !important;
1545
1151
  margin-bottom: var(--size-24) !important;
1546
1152
  }
1547
1153
  .m-y-section-1 {
1548
- margin-top: 24px !important;
1549
1154
  margin-top: var(--size-24) !important;
1550
- margin-bottom: 24px !important;
1551
1155
  margin-bottom: var(--size-24) !important;
1552
1156
  }
1553
1157
  .p-t-section-1 {
1554
- padding-top: 24px !important;
1555
1158
  padding-top: var(--size-24) !important;
1556
1159
  }
1557
1160
  .p-b-section-1 {
1558
- padding-bottom: 24px !important;
1559
1161
  padding-bottom: var(--size-24) !important;
1560
1162
  }
1561
1163
  .p-y-section-1 {
1562
- padding-top: 24px !important;
1563
1164
  padding-top: var(--size-24) !important;
1564
- padding-bottom: 24px !important;
1565
1165
  padding-bottom: var(--size-24) !important;
1566
1166
  }
1567
1167
  }
1568
1168
  @media (min-width: 992px) {
1569
1169
  .m-t-section-1 {
1570
- margin-top: 32px !important;
1571
1170
  margin-top: var(--size-32) !important;
1572
1171
  }
1573
1172
  .m-b-section-1 {
1574
- margin-bottom: 32px !important;
1575
1173
  margin-bottom: var(--size-32) !important;
1576
1174
  }
1577
1175
  .m-y-section-1 {
1578
- margin-top: 32px !important;
1579
1176
  margin-top: var(--size-32) !important;
1580
- margin-bottom: 32px !important;
1581
1177
  margin-bottom: var(--size-32) !important;
1582
1178
  }
1583
1179
  .p-t-section-1 {
1584
- padding-top: 32px !important;
1585
1180
  padding-top: var(--size-32) !important;
1586
1181
  }
1587
1182
  .p-b-section-1 {
1588
- padding-bottom: 32px !important;
1589
1183
  padding-bottom: var(--size-32) !important;
1590
1184
  }
1591
1185
  .p-y-section-1 {
1592
- padding-top: 32px !important;
1593
1186
  padding-top: var(--size-32) !important;
1594
- padding-bottom: 32px !important;
1595
1187
  padding-bottom: var(--size-32) !important;
1596
1188
  }
1597
1189
  }
1598
1190
  .m-t-section-2 {
1599
- margin-top: 32px !important;
1600
1191
  margin-top: var(--size-32) !important;
1601
1192
  }
1602
1193
  .m-b-section-2 {
1603
- margin-bottom: 32px !important;
1604
1194
  margin-bottom: var(--size-32) !important;
1605
1195
  }
1606
1196
  .m-y-section-2 {
1607
- margin-top: 32px !important;
1608
1197
  margin-top: var(--size-32) !important;
1609
- margin-bottom: 32px !important;
1610
1198
  margin-bottom: var(--size-32) !important;
1611
1199
  }
1612
1200
  .p-t-section-2 {
1613
- padding-top: 32px !important;
1614
1201
  padding-top: var(--size-32) !important;
1615
1202
  }
1616
1203
  .p-b-section-2 {
1617
- padding-bottom: 32px !important;
1618
1204
  padding-bottom: var(--size-32) !important;
1619
1205
  }
1620
1206
  .p-y-section-2 {
1621
- padding-top: 32px !important;
1622
1207
  padding-top: var(--size-32) !important;
1623
- padding-bottom: 32px !important;
1624
1208
  padding-bottom: var(--size-32) !important;
1625
1209
  }
1626
1210
  @media (min-width: 576px) {
1627
1211
  .m-t-section-2 {
1628
- margin-top: 48px !important;
1629
1212
  margin-top: var(--size-48) !important;
1630
1213
  }
1631
1214
  .m-b-section-2 {
1632
- margin-bottom: 48px !important;
1633
1215
  margin-bottom: var(--size-48) !important;
1634
1216
  }
1635
1217
  .m-y-section-2 {
1636
- margin-top: 48px !important;
1637
1218
  margin-top: var(--size-48) !important;
1638
- margin-bottom: 48px !important;
1639
1219
  margin-bottom: var(--size-48) !important;
1640
1220
  }
1641
1221
  .p-t-section-2 {
1642
- padding-top: 48px !important;
1643
1222
  padding-top: var(--size-48) !important;
1644
1223
  }
1645
1224
  .p-b-section-2 {
1646
- padding-bottom: 48px !important;
1647
1225
  padding-bottom: var(--size-48) !important;
1648
1226
  }
1649
1227
  .p-y-section-2 {
1650
- padding-top: 48px !important;
1651
1228
  padding-top: var(--size-48) !important;
1652
- padding-bottom: 48px !important;
1653
1229
  padding-bottom: var(--size-48) !important;
1654
1230
  }
1655
1231
  }
1656
1232
  @media (min-width: 992px) {
1657
1233
  .m-t-section-2 {
1658
- margin-top: 64px !important;
1659
1234
  margin-top: var(--size-64) !important;
1660
1235
  }
1661
1236
  .m-b-section-2 {
1662
- margin-bottom: 64px !important;
1663
1237
  margin-bottom: var(--size-64) !important;
1664
1238
  }
1665
1239
  .m-y-section-2 {
1666
- margin-top: 64px !important;
1667
1240
  margin-top: var(--size-64) !important;
1668
- margin-bottom: 64px !important;
1669
1241
  margin-bottom: var(--size-64) !important;
1670
1242
  }
1671
1243
  .p-t-section-2 {
1672
- padding-top: 64px !important;
1673
1244
  padding-top: var(--size-64) !important;
1674
1245
  }
1675
1246
  .p-b-section-2 {
1676
- padding-bottom: 64px !important;
1677
1247
  padding-bottom: var(--size-64) !important;
1678
1248
  }
1679
1249
  .p-y-section-2 {
1680
- padding-top: 64px !important;
1681
1250
  padding-top: var(--size-64) !important;
1682
- padding-bottom: 64px !important;
1683
1251
  padding-bottom: var(--size-64) !important;
1684
1252
  }
1685
1253
  }
1686
1254
  .m-t-section-3 {
1687
- margin-top: 48px !important;
1688
1255
  margin-top: var(--size-48) !important;
1689
1256
  }
1690
1257
  .m-b-section-3 {
1691
- margin-bottom: 48px !important;
1692
1258
  margin-bottom: var(--size-48) !important;
1693
1259
  }
1694
1260
  .m-y-section-3 {
1695
- margin-top: 48px !important;
1696
1261
  margin-top: var(--size-48) !important;
1697
- margin-bottom: 48px !important;
1698
1262
  margin-bottom: var(--size-48) !important;
1699
1263
  }
1700
1264
  .p-t-section-3 {
1701
- padding-top: 48px !important;
1702
1265
  padding-top: var(--size-48) !important;
1703
1266
  }
1704
1267
  .p-b-section-3 {
1705
- padding-bottom: 48px !important;
1706
1268
  padding-bottom: var(--size-48) !important;
1707
1269
  }
1708
1270
  .p-y-section-3 {
1709
- padding-top: 48px !important;
1710
1271
  padding-top: var(--size-48) !important;
1711
- padding-bottom: 48px !important;
1712
1272
  padding-bottom: var(--size-48) !important;
1713
1273
  }
1714
1274
  @media (min-width: 576px) {
1715
1275
  .m-t-section-3 {
1716
- margin-top: 72px !important;
1717
1276
  margin-top: var(--size-72) !important;
1718
1277
  }
1719
1278
  .m-b-section-3 {
1720
- margin-bottom: 72px !important;
1721
1279
  margin-bottom: var(--size-72) !important;
1722
1280
  }
1723
1281
  .m-y-section-3 {
1724
- margin-top: 72px !important;
1725
1282
  margin-top: var(--size-72) !important;
1726
- margin-bottom: 72px !important;
1727
1283
  margin-bottom: var(--size-72) !important;
1728
1284
  }
1729
1285
  .p-t-section-3 {
1730
- padding-top: 72px !important;
1731
1286
  padding-top: var(--size-72) !important;
1732
1287
  }
1733
1288
  .p-b-section-3 {
1734
- padding-bottom: 72px !important;
1735
1289
  padding-bottom: var(--size-72) !important;
1736
1290
  }
1737
1291
  .p-y-section-3 {
1738
- padding-top: 72px !important;
1739
1292
  padding-top: var(--size-72) !important;
1740
- padding-bottom: 72px !important;
1741
1293
  padding-bottom: var(--size-72) !important;
1742
1294
  }
1743
1295
  }
1744
1296
  @media (min-width: 992px) {
1745
1297
  .m-t-section-3 {
1746
- margin-top: 96px !important;
1747
1298
  margin-top: var(--size-96) !important;
1748
1299
  }
1749
1300
  .m-b-section-3 {
1750
- margin-bottom: 96px !important;
1751
1301
  margin-bottom: var(--size-96) !important;
1752
1302
  }
1753
1303
  .m-y-section-3 {
1754
- margin-top: 96px !important;
1755
1304
  margin-top: var(--size-96) !important;
1756
- margin-bottom: 96px !important;
1757
1305
  margin-bottom: var(--size-96) !important;
1758
1306
  }
1759
1307
  .p-t-section-3 {
1760
- padding-top: 96px !important;
1761
1308
  padding-top: var(--size-96) !important;
1762
1309
  }
1763
1310
  .p-b-section-3 {
1764
- padding-bottom: 96px !important;
1765
1311
  padding-bottom: var(--size-96) !important;
1766
1312
  }
1767
1313
  .p-y-section-3 {
1768
- padding-top: 96px !important;
1769
1314
  padding-top: var(--size-96) !important;
1770
- padding-bottom: 96px !important;
1771
1315
  padding-bottom: var(--size-96) !important;
1772
1316
  }
1773
1317
  }
@@ -1802,28 +1346,22 @@ html:not([dir="rtl"]) .p-x-panel {
1802
1346
  margin-left: initial !important;
1803
1347
  }
1804
1348
  .section {
1805
- padding-top: 48px;
1806
1349
  padding-top: var(--size-48);
1807
- padding-bottom: 48px;
1808
1350
  padding-bottom: var(--size-48);
1809
1351
  }
1810
1352
  @media (min-width: 576px) {
1811
1353
  .section {
1812
- padding-top: 72px;
1813
1354
  padding-top: var(--size-72);
1814
- padding-bottom: 72px;
1815
1355
  padding-bottom: var(--size-72);
1816
1356
  }
1817
1357
  }
1818
1358
  @media (min-width: 992px) {
1819
1359
  .section {
1820
- padding-top: 96px;
1821
1360
  padding-top: var(--size-96);
1822
- padding-bottom: 96px;
1823
1361
  padding-bottom: var(--size-96);
1824
1362
  }
1825
1363
  }
1826
1364
  .border-bottom {
1827
- border-bottom: 1px solid rgba(134,167,189,0.10196);
1365
+ border-bottom: 1px solid rgba(22,51,0,0.07843);
1828
1366
  border-bottom: 1px solid var(--color-background-neutral);
1829
1367
  }