@transferwise/neptune-css 0.0.0-experimental-4b0f089 → 0.0.0-experimental-526a2be

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