@transferwise/neptune-css 0.0.0-experimental-ff2b208 → 0.0.0-experimental-4b383c6

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